@ -1,7 +1,7 @@
/ * *
* ownCloud
*
* @ author Bartek Przybylski
* @ author Bartek Przybylski , Christopher Schäpers , Thomas Tanghus
* @ copyright 2012 Bartek Przybylski bartek @ alefzero . eu
*
* This library is free software ; you can redistribute it and / or
@ -23,6 +23,11 @@
* this class to ease the usage of jquery dialogs
* /
var OCdialogs = {
// dialog button types
YES_NO_BUTTONS : 70 ,
OK_BUTTONS : 71 ,
// used to name each dialog
dialogs_counter : 0 ,
/ * *
* displays alert dialog
* @ param text content of dialog
@ -31,8 +36,7 @@ var OCdialogs = {
* @ param modal make the dialog modal
* /
alert : function ( text , title , callback , modal ) {
var content = '<p><span class="ui-icon ui-icon-alert"></span>' + escapeHTML ( text ) + '</p>' ;
OCdialogs . message ( content , title , OCdialogs . ALERT_DIALOG , OCdialogs . OK_BUTTON , callback , modal ) ;
this . message ( text , title , 'alert' , OCdialogs . OK_BUTTON , callback , modal ) ;
} ,
/ * *
* displays info dialog
@ -42,8 +46,7 @@ var OCdialogs = {
* @ param modal make the dialog modal
* /
info : function ( text , title , callback , modal ) {
var content = '<p><span class="ui-icon ui-icon-info"></span>' + escapeHTML ( text ) + '</p>' ;
OCdialogs . message ( content , title , OCdialogs . ALERT_DIALOG , OCdialogs . OK_BUTTON , callback , modal ) ;
this . message ( text , title , 'info' , OCdialogs . OK_BUTTON , callback , modal ) ;
} ,
/ * *
* displays confirmation dialog
@ -53,82 +56,7 @@ var OCdialogs = {
* @ param modal make the dialog modal
* /
confirm : function ( text , title , callback , modal ) {
var content = '<p><span class="ui-icon ui-icon-notice"></span>' + escapeHTML ( text ) + '</p>' ;
OCdialogs . message ( content , title , OCdialogs . ALERT_DIALOG , OCdialogs . YES_NO_BUTTONS , callback , modal ) ;
} ,
/ * *
* prompt for user input
* @ param text content of dialog
* @ param title dialog title
* @ param callback which will be triggered when user presses OK ( input text will be passed to callback )
* @ param modal make the dialog modal
* /
prompt : function ( text , title , default_value , callback , modal ) {
var input = '<input type="text" id="oc-dialog-prompt-input" value="' + escapeHTML ( default_value ) + '" style="width:90%">' ;
var content = '<p><span class="ui-icon ui-icon-pencil"></span>' + escapeHTML ( text ) + ':<br/>' + input + '</p>' ;
OCdialogs . message ( content , title , OCdialogs . PROMPT_DIALOG , OCdialogs . OK_BUTTON , callback , modal ) ;
} ,
/ * *
* prompt user for input with custom form
* fields should be passed in following format : [ { text : 'prompt text' , name : 'return name' , type : 'input type' , value : 'default value' } , ... ]
* example :
* var fields = [ { text : 'Test' , name : 'test' , type : 'select' , options : [ { text : 'hello1' , value : 1 } , { text : 'hello2' , value : 2 } ] } ] ;
* @ param fields to display
* @ param title dialog title
* @ param callback which will be triggered when user presses OK ( user answers will be passed to callback in following format : [ { name : 'return name' , value : 'user value' } , ... ] )
* @ param modal make the dialog modal
* /
form : function ( fields , title , callback , modal ) {
var content = '<table>' ;
$ . each ( fields , function ( index , field ) {
content += '<tr><td>' + escapeHTML ( field . text ) + '</td><td>' ;
var type = field . type ;
if ( type === 'text' || type === 'checkbox' || type === 'password' ) {
content += '<input type="' + type + '" name="' + field . name + '"' ;
if ( type === 'checkbox' && field . value === true ) {
content += ' checked="checked"' ;
} else if ( type === 'text' || type === 'password' && val . value ) {
content += ' value="' + escapeHTML ( field . value ) + '"' ;
}
content += '>' ;
} else if ( type === 'select' ) {
content += '<select name="' + escapeHTML ( field . name ) + '"' ;
if ( field . value !== undefined ) {
content += ' value="' + escapeHTML ( field . value ) + '"' ;
}
content += '>' ;
$ . each ( field . options , function ( index , field_option ) {
content += '<option value="' + escapeHTML ( field_option . value ) + '">' + escapeHTML ( field_option . text ) + '</option>' ;
} ) ;
content += '</select>' ;
}
content += '</td></tr>' ;
} ) ;
content += '</table>' ;
var dialog_name = 'oc-dialog-' + OCdialogs . dialogs_counter + '-content' ;
var dialog_id = '#' + dialog_name ;
var dialog_div = '<div id="' + dialog_name + '" title="' + escapeHTML ( title ) + '">' + content + '</div>' ;
if ( modal === undefined ) { modal = false } ;
$ ( 'body' ) . append ( dialog_div ) ;
var buttonlist = [ {
text : t ( 'core' , 'Ok' ) ,
click : function ( ) { OCdialogs . form_ok_handler ( callback , dialog_id ) ; }
} ,
{
text : t ( 'core' , 'Cancel' ) ,
click : function ( ) { $ ( dialog_id ) . dialog ( 'close' ) ; }
} ] ;
var dialog_height = ( $ ( 'tr' , dialog_div ) . length + 1 ) * 30 + 120 ;
$ ( dialog_id ) . dialog ( {
width : ( 4 / 9 ) * $ ( document ) . width ( ) ,
height : dialog_height ,
modal : modal ,
buttons : buttonlist
} ) ;
OCdialogs . dialogs_counter ++ ;
this . message ( text , title , 'notice' , OCdialogs . YES_NO_BUTTONS , callback , modal ) ;
} ,
/ * *
* show a file picker to pick a file from
@ -139,288 +67,262 @@ var OCdialogs = {
* @ param modal make the dialog modal
* /
filepicker : function ( title , callback , multiselect , mimetype_filter , modal ) {
var dialog_name = 'oc-dialog-' + OCdialogs . dialogs_counter + '-content' ;
var dialog_id = '#' + dialog_name ;
var dialog_content = '<button id="dirup">↑</button><select id="dirtree"></select><div id="filelist"></div>' ;
var dialog_loader = '<div class="filepicker_loader"><img src="' + OC . filePath ( 'gallery' , 'img' , 'loading.gif' ) + '"></div>' ;
var dialog_div = '<div id="' + dialog_name + '" title="' + escapeHTML ( title ) + '">' + dialog_content + dialog_loader + '</div>' ;
if ( modal === undefined ) { modal = false } ;
if ( multiselect === undefined ) { multiselect = false } ;
if ( mimetype_filter === undefined ) { mimetype_filter = '' } ;
var self = this ;
$ . when ( this . _getFilePickerTemplate ( ) ) . then ( function ( $tmpl ) {
var dialog_name = 'oc-dialog-filepicker-content' ;
var dialog_id = '#' + dialog_name ;
if ( self . $filePicker ) {
self . $filePicker . dialog ( 'close' ) ;
}
self . $filePicker = $tmpl . octemplate ( {
dialog_name : dialog_name ,
title : title
} ) . data ( 'path' , '' ) ;
$ ( 'body' ) . append ( dialog_div ) ;
if ( modal === undefined ) { modal = false } ;
if ( multiselect === undefined ) { multiselect = false } ;
if ( mimetype_filter === undefined ) { mimetype_filter = '' } ;
$ ( dialog_id ) . data ( 'path' , '/' ) ;
$ ( 'body' ) . append ( self . $filePicker ) ;
$ ( dialog_id + ' #dirtree' ) . focus ( ) . change ( { dcid : dialog_id } , OCdialogs . handleTreeListSelect ) ;
$ ( dialog_id + ' #dirup' ) . click ( { dcid : dialog_id } , OCdialogs . filepickerDirUp ) ;
$ ( dialog_id ) . ready ( function ( ) {
$ . getJSON ( OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) , { mimetype : mimetype_filter } , function ( request ) {
OCdialogs . fillFilePicker ( request , dialog_id ) ;
} ) ;
$ . getJSON ( OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) , { mimetype : "httpd/unix-directory" } , function ( request ) {
OCdialogs . fillTreeList ( request , dialog_id ) ;
} ) ;
} ) . data ( 'multiselect' , multiselect ) . data ( 'mimetype' , mimetype_filter ) ;
self . $filePicker . ready ( function ( ) {
self . $filelist = self . $filePicker . find ( '.filelist' ) ;
self . $dirTree = self . $filePicker . find ( '.dirtree' ) ;
self . $dirTree . on ( 'click' , 'span:not(:last-child)' , self , self . _handleTreeListSelect ) ;
self . $filelist . on ( 'click' , 'li' , function ( event ) {
self . _handlePickerClick ( event , $ ( this ) ) ;
} ) ;
self . _fillFilePicker ( '' ) ;
} ) . data ( 'multiselect' , multiselect ) . data ( 'mimetype' , mimetype_filter ) ;
// build buttons
var functionToCall = function ( ) {
if ( callback !== undefined ) {
var datapath ;
if ( multiselect === true ) {
datapath = [ ] ;
$ ( dialog_id + ' .filepicker_element_selected .filename' ) . each ( function ( index , element ) {
datapath . push ( $ ( dialog_id ) . data ( 'path' ) + $ ( element ) . text ( ) ) ;
} ) ;
} else {
var datapath = $ ( dialog_id ) . data ( 'path' ) ;
datapath += $ ( dialog_id + ' .filepicker_element_selected .filename' ) . text ( ) ;
// build buttons
var functionToCall = function ( ) {
if ( callback !== undefined ) {
var datapath ;
if ( multiselect === true ) {
datapath = [ ] ;
self . $filelist . find ( '.filepicker_element_selected .filename' ) . each ( function ( index , element ) {
datapath . push ( self . $filePicker . data ( 'path' ) + '/' + $ ( element ) . text ( ) ) ;
} ) ;
} else {
var datapath = self . $filePicker . data ( 'path' ) ;
datapath += '/' + self . $filelist . find ( '.filepicker_element_selected .filename' ) . text ( ) ;
}
callback ( datapath ) ;
self . $filePicker . dialog ( 'close' ) ;
}
callback ( datapath ) ;
$ ( dialog_id ) . dialog ( 'close' ) ;
}
} ;
var buttonlist = [ {
text : t ( 'core' , 'Choose' ) ,
click : functionToCall
} ,
{
text : t ( 'core' , 'Cancel' ) ,
click : function ( ) { $ ( dialog_id ) . dialog ( 'close' ) ; }
} ] ;
} ;
var buttonlist = [ {
text : t ( 'core' , 'Choose' ) ,
click : functionToCall
} ,
{
text : t ( 'core' , 'Cancel' ) ,
click : function ( ) { self . $filePicker . dialog ( 'close' ) ; }
} ] ;
$ ( dialog_id ) . dialog ( {
width : ( 4 / 9 ) * $ ( document ) . width ( ) ,
height : 420 ,
modal : modal ,
buttons : buttonlist
self . $filePicker . dialog ( {
closeOnEscape : true ,
width : ( 4 / 9 ) * $ ( document ) . width ( ) ,
height : 420 ,
modal : modal ,
buttons : buttonlist ,
close : function ( event , ui ) {
self . $filePicker . dialog ( 'destroy' ) . remove ( ) ;
self . $filePicker = null ;
}
} ) ;
} )
. fail ( function ( ) {
alert ( t ( 'core' , 'Error loading file picker template' ) ) ;
} ) ;
OCdialogs . dialogs_counter ++ ;
} ,
/ * *
* Displays raw dialog
* You better use a wrapper instead ...
* /
message : function ( content , title , dialog_type , buttons , callback , modal ) {
var dialog_name = 'oc-dialog-' + OCdialogs . dialogs_counter + '-content' ;
var dialog_id = '#' + dialog_name ;
var dialog_div = '<div id="' + dialog_name + '" title="' + escapeHTML ( title ) + '">' + content + '</div>' ;
if ( modal === undefined ) { modal = false } ;
$ ( 'body' ) . append ( dialog_div ) ;
var buttonlist = [ ] ;
switch ( buttons ) {
case OCdialogs . YES_NO_BUTTONS :
buttonlist = [ {
text : t ( 'core' , 'Yes' ) ,
click : function ( ) {
if ( callback !== undefined ) { callback ( true ) } ;
$ ( dialog_id ) . dialog ( 'close' ) ;
}
} ,
{
text : t ( 'core' , 'No' ) ,
click : function ( ) {
if ( callback !== undefined ) { callback ( false ) } ;
$ ( dialog_id ) . dialog ( 'close' ) ;
}
} ] ;
break ;
case OCdialogs . OK_BUTTON :
var functionToCall ;
switch ( dialog_type ) {
case OCdialogs . ALERT_DIALOG :
functionToCall = function ( ) {
$ . when ( this . _getMessageTemplate ( ) ) . then ( function ( $tmpl ) {
var dialog_name = 'oc-dialog-' + OCdialogs . dialogs_counter + '-content' ;
var dialog_id = '#' + dialog_name ;
var $dlg = $tmpl . octemplate ( {
dialog_name : dialog_name ,
title : title ,
message : content ,
type : dialog_type
} ) ;
if ( modal === undefined ) { modal = false } ;
$ ( 'body' ) . append ( $dlg ) ;
var buttonlist = [ ] ;
switch ( buttons ) {
case OCdialogs . YES_NO_BUTTONS :
buttonlist = [ {
text : t ( 'core' , 'Yes' ) ,
click : function ( ) {
if ( callback !== undefined ) { callback ( true ) } ;
$ ( dialog_id ) . dialog ( 'close' ) ;
if ( callback !== undefined ) { callback ( ) } ;
} ;
break ;
case OCdialogs . PROMPT_DIALOG :
buttonlist [ 1 ] = {
text : t ( 'core' , 'Cancel' ) ,
click : function ( ) { $ ( dialog_id ) . dialog ( 'close' ) ; }
} ;
functionToCall = function ( ) { OCdialogs . prompt_ok_handler ( callback , dialog_id ) ; } ;
break ;
}
buttonlist [ 0 ] = {
text : t ( 'core' , 'Ok' ) ,
click : functionToCall
} ;
break ;
} ;
}
} ,
{
text : t ( 'core' , 'No' ) ,
click : function ( ) {
if ( callback !== undefined ) { callback ( false ) } ;
$ ( dialog_id ) . dialog ( 'close' ) ;
}
} ] ;
break ;
case OCdialogs . OK_BUTTON :
var functionToCall = function ( ) {
$ ( dialog_id ) . dialog ( 'close' ) ;
if ( callback !== undefined ) { callback ( ) } ;
} ;
buttonlist [ 0 ] = {
text : t ( 'core' , 'Ok' ) ,
click : functionToCall
} ;
break ;
} ;
$ ( dialog_id ) . dialog ( {
width : ( 4 / 9 ) * $ ( document ) . width ( ) ,
height : 180 ,
modal : modal ,
buttons : buttonlist
$ ( dialog_id ) . dialog ( {
closeOnEscape : true ,
modal : modal ,
buttons : buttonlist
} ) ;
OCdialogs . dialogs_counter ++ ;
} )
. fail ( function ( ) {
alert ( t ( 'core' , 'Error loading file picker template' ) ) ;
} ) ;
OCdialogs . dialogs_counter ++ ;
} ,
// dialog button types
YES_NO_BUTTONS : 70 ,
OK_BUTTONS : 71 ,
// dialogs types
ALERT_DIALOG : 80 ,
INFO_DIALOG : 81 ,
FORM_DIALOG : 82 ,
// used to name each dialog
dialogs_counter : 0 ,
determineValue : function ( element ) {
if ( $ ( element ) . attr ( 'type' ) === 'checkbox' ) {
return element . checked ;
_getFilePickerTemplate : function ( ) {
var defer = $ . Deferred ( ) ;
if ( ! this . $filePickerTemplate ) {
var self = this ;
$ . get ( OC . filePath ( 'core' , 'templates' , 'filepicker.html' ) , function ( tmpl ) {
self . $filePickerTemplate = $ ( tmpl ) ;
self . $listTmpl = self . $filePickerTemplate . find ( '.filelist li:first-child' ) . detach ( ) ;
defer . resolve ( self . $filePickerTemplate ) ;
} )
. fail ( function ( ) {
defer . reject ( ) ;
} ) ;
} else {
return $ ( element ) . val ( ) ;
defer . resolve ( this . $filePickerTemplate ) ;
}
return defer . promise ( ) ;
} ,
prompt_ok_handler : function ( callback , dialog_id ) {
$ ( dialog_id ) . dialog ( 'close' ) ;
if ( callback !== undefined ) { callback ( $ ( dialog_id + " input#oc-dialog-prompt-input" ) . val ( ) ) } ;
} ,
form_ok_handler : function ( callback , dialog_id ) {
if ( callback !== undefined ) {
var valuelist = [ ] ;
$ ( dialog_id + ' input, ' + dialog_id + ' select' ) . each ( function ( index , element ) {
valuelist [ index ] = { name : $ ( element ) . attr ( 'name' ) , value : OCdialogs . determineValue ( element ) } ;
_getMessageTemplate : function ( ) {
var defer = $ . Deferred ( ) ;
if ( ! this . $messageTemplate ) {
var self = this ;
$ . get ( OC . filePath ( 'core' , 'templates' , 'message.html' ) , function ( tmpl ) {
self . $messageTemplate = $ ( tmpl ) ;
defer . resolve ( self . $messageTemplate ) ;
} )
. fail ( function ( ) {
defer . reject ( ) ;
} ) ;
$ ( dialog_id ) . dialog ( 'close' ) ;
callback ( valuelist ) ;
} else {
$ ( dialog_id ) . dialog ( 'close' ) ;
defer . resolve ( this . $messageTemplate ) ;
}
return defer . promise ( ) ;
} ,
_getFileList : function ( dir , mimeType ) {
return $ . getJSON (
OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) ,
{ dir : dir , mimetype : mimeType }
) ;
} ,
_determineValue : function ( element ) {
if ( $ ( element ) . attr ( 'type' ) === 'checkbox' ) {
return element . checked ;
} else {
return $ ( element ) . val ( ) ;
}
} ,
/ * *
* fills the filepicker with files
* /
fillFilePicker : function ( request , dialog_content_id ) {
var template_content = '<img src="*MIMETYPEICON*" style="margin: 2px 1em 0 4px;"><span class="filename">*NAME*</span><div style="float:right;margin-right:1em;">*LASTMODDATE*</div>' ;
var template = '<div data-entryname="*ENTRYNAME*" data-dcid="' + escapeHTML ( dialog_content_id ) + '" data="*ENTRYTYPE*">*CONTENT*</div>' ;
var files = '' ;
_fillFilePicker : function ( dir ) {
var dirs = [ ] ;
var others = [ ] ;
$ . each ( request . data , function ( index , file ) {
if ( file . type === 'dir' ) {
dirs . push ( file ) ;
} else {
others . push ( file ) ;
}
} ) ;
var sorted = dirs . concat ( others ) ;
for ( var i = 0 ; i < sorted . length ; i ++ ) {
files_content = template_content . replace ( '*LASTMODDATE*' , OC . mtime2date ( sorted [ i ] . mtime ) ) . replace ( '*NAME*' , escapeHTML ( sorted [ i ] . name ) ) . replace ( '*MIMETYPEICON*' , sorted [ i ] . mimetype_icon ) ;
files += template . replace ( '*ENTRYNAME*' , escapeHTML ( sorted [ i ] . name ) ) . replace ( '*ENTRYTYPE*' , escapeHTML ( sorted [ i ] . type ) ) . replace ( '*CONTENT*' , files_content ) ;
}
var self = this ;
this . $filelist . empty ( ) . addClass ( 'loading' ) ;
this . $filePicker . data ( 'path' , dir ) ;
$ . when ( this . _getFileList ( dir , this . $filePicker . data ( 'mimetype' ) ) ) . then ( function ( response ) {
$ . each ( response . data , function ( index , file ) {
if ( file . type === 'dir' ) {
dirs . push ( file ) ;
} else {
others . push ( file ) ;
}
} ) ;
$ ( dialog_content_id + ' #filelist' ) . html ( files ) ;
$ ( '#filelist div' ) . click ( function ( ) {
OCdialogs . handlePickerClick ( $ ( this ) , $ ( this ) . data ( 'entryname' ) , dialog_content_id ) ;
} ) ;
self . _fillSlug ( ) ;
var sorted = dirs . concat ( others ) ;
$ ( dialog_content_id + ' .filepicker_loader' ) . css ( 'visibility' , 'hidden' ) ;
} ,
/ * *
* fills the tree list with directories
* /
fillTreeList : function ( request , dialog_id ) {
var template = '<option value="*COUNT*">*NAME*</option>' ;
var paths = '<option value="0">' + escapeHTML ( $ ( dialog_id ) . data ( 'path' ) ) + '</option>' ;
$ . each ( request . data , function ( index , file ) {
paths += template . replace ( '*COUNT*' , index ) . replace ( '*NAME*' , escapeHTML ( file . name ) ) ;
} ) ;
$ . each ( sorted , function ( idx , entry ) {
$li = self . $listTmpl . octemplate ( {
type : entry . type ,
dir : dir ,
filename : entry . name ,
date : OC . mtime2date ( entry . mtime )
} ) ;
$li . find ( 'img' ) . attr ( 'src' , entry . mimetype_icon ) ;
self . $filelist . append ( $li ) ;
} ) ;
$ ( dialog_id + ' #dirtree' ) . html ( paths ) ;
self . $filelist . removeClass ( 'loading' ) ;
} ) ;
} ,
/ * *
* handle selection made in the tree list
* fills the tree list with directories
* /
handleTreeListSelect : function ( event ) {
if ( $ ( "option:selected" , this ) . html ( ) . indexOf ( '/' ) !== - 1 ) { // if there's a slash in the selected path, don't append it
$ ( event . data . dcid ) . data ( 'path' , $ ( "option:selected" , this ) . html ( ) ) ;
} else {
$ ( event . data . dcid ) . data ( 'path' , $ ( event . data . dcid ) . data ( 'path' ) + $ ( "option:selected" , this ) . html ( ) + '/' ) ;
_fillSlug : function ( ) {
this . $dirTree . empty ( ) ;
var self = this
var path = this . $filePicker . data ( 'path' ) ;
var $template = $ ( '<span data-dir="{dir}">{name}</span>' ) ;
if ( path ) {
var paths = path . split ( '/' ) ;
$ . each ( paths , function ( index , dir ) {
var dir = paths . pop ( ) ;
if ( dir === '' ) {
return false ;
}
self . $dirTree . prepend ( $template . octemplate ( {
dir : paths . join ( '/' ) + '/' + dir ,
name : dir
} ) ) ;
} ) ;
}
$ ( event . data . dcid + ' .filepicker_loader' ) . css ( 'visibility' , 'visible' ) ;
$ . getJSON (
OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) ,
{
dir : $ ( event . data . dcid ) . data ( 'path' ) ,
mimetype : $ ( event . data . dcid ) . data ( 'mimetype' )
} ,
function ( request ) { OCdialogs . fillFilePicker ( request , event . data . dcid ) }
) ;
$ . getJSON (
OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) ,
{
dir : $ ( event . data . dcid ) . data ( 'path' ) ,
mimetype : "httpd/unix-directory"
} ,
function ( request ) { OCdialogs . fillTreeList ( request , event . data . dcid ) }
) ;
$template . octemplate ( {
dir : '' ,
name : ' ' // Ugly but works ;)
} , { escapeFunction : null } ) . addClass ( 'home svg' ) . prependTo ( this . $dirTree ) ;
} ,
/ * *
* go one directory up
* handle selection made in the tree list
* /
filepickerDirUp : function ( event ) {
var old_path = $ ( event . data . dcid ) . data ( 'path' ) ;
if ( old_path !== "/" ) {
var splitted_path = old_path . split ( "/" ) ;
var new_path = ""
for ( var i = 0 ; i < splitted_path . length - 2 ; i ++ ) {
new_path += splitted_path [ i ] + "/"
}
$ ( event . data . dcid ) . data ( 'path' , new_path ) ;
$ . getJSON (
OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) ,
{
dir : $ ( event . data . dcid ) . data ( 'path' ) ,
mimetype : $ ( event . data . dcid ) . data ( 'mimetype' )
} ,
function ( request ) { OCdialogs . fillFilePicker ( request , event . data . dcid ) }
) ;
$ . getJSON (
OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) ,
{
dir : $ ( event . data . dcid ) . data ( 'path' ) ,
mimetype : "httpd/unix-directory"
} ,
function ( request ) { OCdialogs . fillTreeList ( request , event . data . dcid ) }
) ;
}
_handleTreeListSelect : function ( event ) {
var self = event . data ;
var dir = $ ( event . target ) . data ( 'dir' ) ;
self . _fillFilePicker ( dir ) ;
} ,
/ * *
* handle clicks made in the filepicker
* /
handlePickerClick : function ( element , name , dialog_content_id ) {
if ( $ ( element ) . attr ( 'data ' ) === 'file' ) {
if ( $ ( dialog_content_id ) . data ( 'multiselect' ) !== true ) {
$ ( dialog_content_id + ' .filepicker_element_selected') . removeClass ( 'filepicker_element_selected' ) ;
_handlePickerClick : function ( event , $element ) {
if ( $element . data ( 'type' ) === 'file' ) {
if ( this . $filePicker . data ( 'multiselect' ) !== true || ! event . ctrlKey ) {
this . $filelist . find ( '.filepicker_element_selected' ) . removeClass ( 'filepicker_element_selected' ) ;
}
$ ( element ) . toggleClass ( 'filepicker_element_selected' ) ;
$element . toggleClass ( 'filepicker_element_selected' ) ;
return ;
} else if ( $ ( element ) . attr ( 'data' ) === 'dir' ) {
var datapath = escapeHTML ( $ ( dialog_content_id ) . data ( 'path' ) + name + '/' ) ;
$ ( dialog_content_id ) . data ( 'path' , datapath ) ;
$ ( dialog_content_id + ' .filepicker_loader' ) . css ( 'visibility' , 'visible' ) ;
$ . getJSON (
OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) ,
{
dir : datapath ,
mimetype : $ ( dialog_content_id ) . data ( 'mimetype' )
} ,
function ( request ) { OCdialogs . fillFilePicker ( request , dialog_content_id ) }
) ;
$ . getJSON (
OC . filePath ( 'files' , 'ajax' , 'rawlist.php' ) ,
{
dir : datapath ,
mimetype : "httpd/unix-directory"
} ,
function ( request ) { OCdialogs . fillTreeList ( request , dialog_content_id ) }
) ;
} else if ( $element . data ( 'type' ) === 'dir' ) {
this . _fillFilePicker ( this . $filePicker . data ( 'path' ) + '/' + $element . data ( 'entryname' ) )
}
}
} ;
Björn Schießle
13 years ago