105 |
106 | * elFinder (1.0.1):
107 | - In directory tree panel added arrows to open/close directories
108 | without entering in.
109 | - Added shortcut support for copy/cut/paste/delete files and
110 | folders. For Mac users added Command+Backspace support.
111 | - Added context menu to current directory.
112 | - Added help.
113 | - [bugfix] invalid determing files/folders permissions using
114 | "perms" options in php connector
115 |
116 |
--------------------------------------------------------------------------------
/js/Finder.resources.js:
--------------------------------------------------------------------------------
1 |
2 | /**
3 | * Finder resources registry.
4 | * Store shared data
5 | *
6 | * @type Object
7 | * @author Dmitry (dio) Levashov
8 | **/
9 | Finder.prototype.resources = {
10 | 'class' : {
11 | hover : 'ui-state-hover',
12 | active : 'ui-state-active',
13 | disabled : 'ui-state-disabled',
14 | draggable : 'ui-draggable',
15 | droppable : 'ui-droppable',
16 | adroppable : 'finder-droppable-active',
17 | cwdfile : 'finder-cwd-file',
18 | cwd : 'finder-cwd',
19 | tree : 'finder-tree',
20 | treeroot : 'finder-navbar-root',
21 | navdir : 'finder-navbar-dir',
22 | navdirwrap : 'finder-navbar-dir-wrapper',
23 | navarrow : 'finder-navbar-arrow',
24 | navsubtree : 'finder-navbar-subtree',
25 | navcollapse : 'finder-navbar-collapsed',
26 | navexpand : 'finder-navbar-expanded',
27 | treedir : 'finder-tree-dir',
28 | placedir : 'finder-place-dir',
29 | searchbtn : 'finder-button-search'
30 | },
31 | tpl : {
32 | perms : '
5 | ______ _ _
6 | | ____(_) | |
7 | __ _ _ __ | |__ _ _ __ __| | ___ _ __
8 | / _` | '_ \| __| | | '_ \ / _` |/ _ \ '__|
9 | | (_| | |_) | | | | | | | (_| | __/ |
10 | \__, | .__/|_| |_|_| |_|\__,_|\___|_|
11 | __/ | |
12 | |___/|_|
13 |
14 | an adaptation of
15 | _ ______ _ _
16 | | | ____(_) | |
17 | ___| | |__ _ _ __ __| | ___ _ __
18 | / _ \ | __| | | '_ \ / _` |/ _ \ '__|
19 | | __/ | | | | | | | (_| | __/ |
20 | \___|_|_| |_|_| |_|\__,_|\___|_|
21 |
22 |
23 |
24 | gpFinder is an open-source file manager based on the elFinder project (http://elfinder.org)
25 | gpFinder is written in JavaScript using jQuery UI and can be easily integrated with all of the
26 | most popular web editors (elRTE, CKEditor, TinyMCE)
27 |
28 |
29 | Features
30 | --------
31 |
32 | * All operations with files and folders on a remote server (copy, move,
33 | upload, create folder/file, rename, etc.)
34 | * High performance server beckend and light client UI
35 | * Multi-root support
36 | * Local file system, MySQL, FTP volume storage drivers
37 | * Background file upload with Drag & Drop HTML5 support
38 | * List and Icons view
39 | * Keyboard shortcuts
40 | * Standard methods of file/group selection using mouse or keyboard
41 | * Move/Copy files with Drag & Drop
42 | * Archives create/extract (zip, rar, 7z, tar, gzip, bzip2)
43 | * Rich context menu and toolbar
44 | * Quicklook, preview for common file types
45 | * Edit text files and images
46 | * "Places" for your favorites
47 | * Calculate directory sizes
48 | * Thumbnails for image files
49 | * Easy to integrate with web editors (elRTE, CKEditor, TinyMCE)
50 | * Flexible configuration of access rights, upload file types, user interface
51 | and other
52 | * Extensibility
53 | * Simple client-server API based on JSON
54 |
55 |
56 | Requirements
57 | ------------
58 |
59 | ### Client
60 | * Modern browser. gpFinder was tested in Firefox 12, Internet Explorer 8+,
61 | Safari 6, Opera 12 and Chrome 19
62 |
63 | ### Server
64 | * Any web server
65 | * PHP 5.2+ (for thumbnails - mogrify utility or GD/Imagick module)
66 |
67 |
68 | 3rd party connectors
69 | --------------------
70 | * [Python](https://github.com/Studio-42/elfinder-python)
71 | * [Django](https://github.com/mikery/django-elfinder)
72 | * [Ruby/Rails](https://github.com/phallstrom/el_finder)
73 | * [Java Servlet](https://github.com/Studio-42/elfinder-servlet)
74 |
75 |
76 | Support
77 | -------
78 | * [Wiki](https://github.com/oyejorge/gpFinder/wiki)
79 | * [Issues](https://github.com/oyejorge/gpFinder/issues)
80 |
81 |
82 | License
83 | -------
84 |
85 | gpFinder is issued under a 3-clauses BSD license.
86 |
87 |
88 | Copyright (c) 2012, gpFinder
89 | All rights reserved.
90 |
91 | Redistribution and use in source and binary forms, with or without
92 | modification, are permitted provided that the following conditions are met:
93 | * Redistributions of source code must retain the above copyright
94 | notice, this list of conditions and the following disclaimer.
95 | * Redistributions in binary form must reproduce the above copyright
96 | notice, this list of conditions and the following disclaimer in the
97 | documentation and/or other materials provided with the distribution.
98 | * Neither the name of gpFinder nor the
99 | names of its contributors may be used to endorse or promote products
100 | derived from this software without specific prior written permission.
101 |
102 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
103 | ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
104 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
105 | DISCLAIMED. IN NO EVENT SHALL "gpFinder" BE LIABLE FOR ANY DIRECT, INDIRECT,
106 | INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
107 | LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
108 | PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
109 | LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
110 | OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
111 | ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
112 |
113 |
--------------------------------------------------------------------------------
/php/Archive.php:
--------------------------------------------------------------------------------
1 | path = $path;
22 | $this->extension = $this->Extension($path);
23 | $this->exists = file_exists($path);
24 |
25 | switch( strtolower($this->extension) ){
26 | case 'zip':
27 | $this->InitZip();
28 | break;
29 | default:
30 | $this->InitTar();
31 | break;
32 | }
33 |
34 | }
35 |
36 |
37 | /**
38 | * Initialize tar
39 | *
40 | */
41 | protected function InitTar(){
42 |
43 | if( $this->exists ){
44 | $this->php_object = new \PharData($this->path);
45 | return;
46 | }
47 |
48 | switch( strtolower($this->extension) ){
49 | case 'tbz':
50 | case 'tgz':
51 | $this->path = preg_replace('#\.(tgz|tbz)$#','.tar',$this->path);
52 | break;
53 | }
54 |
55 |
56 | $this->php_object = new \PharData($this->path);
57 | }
58 |
59 |
60 | /**
61 | * Initialize a zip archive
62 | *
63 | */
64 | protected function InitZip(){
65 |
66 | $this->php_class = 'ZipArchive';
67 | $this->php_object = new \ZipArchive();
68 |
69 | if( $this->exists ){
70 | $this->php_object->open($this->path);
71 | }else{
72 | $this->php_object->open($this->path, \ZipArchive::CREATE);
73 | }
74 | }
75 |
76 |
77 | /**
78 | * Get the extension of the file
79 | *
80 | */
81 | protected function Extension($path){
82 |
83 | $parts = explode('.',$path);
84 | return array_pop($parts);
85 | }
86 |
87 |
88 | /**
89 | * Call method on the archive object
90 | *
91 | */
92 | public function __call( $name , $arguments ){
93 | return call_user_func_array( array($this->php_object,$name), $arguments);
94 | }
95 |
96 |
97 | /**
98 | * Get the contents of a file within the archive
99 | *
100 | */
101 | public function getFromName($name){
102 |
103 | if( $this->php_class === 'ZipArchive' ){
104 | return $this->php_object->getFromName($name);
105 | }
106 |
107 | $full_path = 'phar://'.$this->path.'/'.ltrim($name,'/');
108 | return file_get_contents($full_path);
109 | }
110 |
111 |
112 | /**
113 | * Add the final compression to the archive
114 | *
115 | */
116 | public function Compress(){
117 |
118 | switch($this->extension){
119 | case 'tbz':
120 | $this->php_object->compress(\Phar::BZ2,'tbz');
121 | unlink($this->path);
122 | break;
123 | case 'tgz':
124 | $this->php_object->compress(\Phar::GZ,'tgz');
125 | unlink($this->path);
126 | break;
127 | }
128 |
129 | }
130 |
131 | /**
132 | * Count the number of files
133 | *
134 | */
135 | public function Count(){
136 |
137 | if( method_exists($this->php_object,'Count') ){
138 | return $this->php_object->Count();
139 | }
140 |
141 | return $this->php_object->numFiles;
142 | }
143 |
144 | /**
145 | * List the files in the archive
146 | * ToDo: ListFiles() for pharData
147 | *
148 | */
149 | public function ListFiles(){
150 |
151 | $list = array();
152 | $count = $this->Count();
153 | for( $i = 0; $i < $count; $i++ ){
154 | $list[] = $this->php_object->statIndex( $i );
155 | }
156 | return $list;
157 | }
158 |
159 |
160 | /**
161 | * Recursively add files to the archive
162 | *
163 | */
164 | public function Add( $path, $localname = null){
165 |
166 | if( !file_exists($path) ){
167 | return false;
168 | }
169 |
170 | if( is_null($localname) ){
171 | $localname = $path;
172 | }
173 |
174 | if( is_link($path) ){
175 | return true;
176 | }
177 |
178 |
179 | if( !is_dir($path) ){
180 | $localname = ltrim($localname,'\\/'); //so windows can open zip archives
181 | return $this->php_object->AddFile($path, $localname);
182 | }
183 |
184 |
185 | $files = scandir($path);
186 | foreach($files as $file){
187 | if( $file === '.' || $file === '..' ){
188 | continue;
189 | }
190 | $full_path = $path.'/'.$file;
191 | $_localname = $localname.'/'.$file;
192 |
193 | $this->Add( $full_path, $_localname);
194 | }
195 | }
196 |
197 |
198 | }
199 |
--------------------------------------------------------------------------------
/js/commands/upload.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | /**
3 | * @class Finder command "upload"
4 | * Upload files using iframe or XMLHttpRequest & FormData.
5 | * Dialog allow to send files using drag and drop
6 | *
7 | * @type Finder.command
8 | * @author Dmitry (dio) Levashov
9 | */
10 | Finder.prototype.commands.upload = function() {
11 | var hover = this.fm.res('class', 'hover');
12 |
13 | this.disableOnSearch = true;
14 | this.updateOnSelect = false;
15 |
16 | // Shortcut opens dialog
17 | this.shortcuts = [{
18 | pattern : 'ctrl+u'
19 | }];
20 |
21 | /**
22 | * Return command state
23 | *
24 | * @return Number
25 | **/
26 | this.getstate = function() {
27 | return !this._disabled && this.fm.cwd().write ? 0 : -1;
28 | };
29 |
30 |
31 | this.exec = function(data) {
32 | var fm = this.fm,
33 | upload = function(data) {
34 | dialog.finderdialog('close');
35 | fm.upload(data)
36 | .fail(function(error) {
37 | dfrd.reject(error);
38 | })
39 | .done(function(data) {
40 | dfrd.resolve(data);
41 | });
42 | },
43 | dfrd, dialog, input, button, dropbox, pastebox;
44 |
45 | if (this.disabled()) {
46 | return $.Deferred().reject();
47 | }
48 |
49 | if (data && (data.input || data.files)) {
50 | return fm.upload(data);
51 | }
52 |
53 | dfrd = $.Deferred();
54 |
55 |
56 | input = $(''+fm.i18n('selectForUpload')+'
')
62 | .append($('').append(input))
63 | .hover(function() {
64 | button.toggleClass(hover)
65 | });
66 |
67 | dialog = $('
')
68 | .append(button);
69 |
70 | pastebox = $('
')
71 | .focus(function() {
72 | if (this.innerHTML) {
73 | var type = this.innerHTML.match(/<[^>]+>/)? 'html' : 'text';
74 | var src = this.innerHTML;
75 | this.innerHTML = '';
76 | upload({files : [ src ], type : type});
77 | }
78 | })
79 | .bind('dragenter mouseover', function(){
80 | this.focus();
81 | $(pastebox).addClass(hover);
82 | })
83 | .bind('dragleave mouseout', function(){
84 | this.blur();
85 | $(pastebox).removeClass(hover);
86 | })
87 | .bind('mouseup keyup', function() {
88 | setTimeout(function(){
89 | $(pastebox).focus();
90 | }, 100);
91 | });
92 |
93 | if (fm.dragUpload) {
94 | dropbox = $(''+fm.i18n('dropFiles')+'
')
95 | .prependTo(dialog)
96 | .after(''+fm.i18n('or')+'
')
97 | .after(pastebox)
98 | .after(''+fm.i18n('dropFilesBrowser')+'
')
99 | .after(''+fm.i18n('or')+'
')[0];
100 |
101 | dropbox.addEventListener('dragenter', function(e) {
102 | e.stopPropagation();
103 | e.preventDefault();
104 | $(dropbox).addClass(hover);
105 | }, false);
106 |
107 | dropbox.addEventListener('dragleave', function(e) {
108 | e.stopPropagation();
109 | e.preventDefault();
110 | $(dropbox).removeClass(hover);
111 | }, false);
112 |
113 | dropbox.addEventListener('dragover', function(e) {
114 | e.stopPropagation();
115 | e.preventDefault();
116 | $(dropbox).addClass(hover);
117 | }, false);
118 |
119 | dropbox.addEventListener('drop', function(e) {
120 | e.stopPropagation();
121 | e.preventDefault();
122 | var file = false;
123 | var type = '';
124 | if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {
125 | file = e.dataTransfer.files;
126 | type = 'files';
127 | } else if (e.dataTransfer.getData('text/html')) {
128 | file = [ e.dataTransfer.getData('text/html') ];
129 | type = 'html';
130 | } else if (e.dataTransfer.getData('text')) {
131 | file = [ e.dataTransfer.getData('text') ];
132 | type = 'text';
133 | }
134 | if (file) {
135 | upload({files : file, type : type});
136 | }
137 | }, false);
138 |
139 | } else {
140 | $(''+fm.i18n('dropFilesBrowser')+'
')
141 | .append(pastebox)
142 | .prependTo(dialog)
143 | .after(''+fm.i18n('or')+'
')[0];
144 |
145 | }
146 |
147 | fm.dialog(dialog, {
148 | title : this.title,
149 | modal : true,
150 | resizable : false,
151 | destroyOnClose : true
152 | });
153 |
154 | return dfrd;
155 | };
156 |
157 | };
--------------------------------------------------------------------------------
/css/navbar.css:
--------------------------------------------------------------------------------
1 | /*********************************************/
2 | /* NAVIGATION PANEL */
3 | /*********************************************/
4 |
5 | /* container */
6 | .finder .finder-navbar {
7 | height:100%;
8 | width:230px;
9 | padding:3px 5px;
10 | background-image:none;
11 | border-top:0 solid;
12 | border-bottom:0 solid;
13 | overflow:auto;
14 | display:none;
15 | position:relative;
16 | -moz-user-select: none;
17 | -khtml-user-select: none;
18 | -webkit-user-select: none;
19 | user-select: none;
20 | /* border:1px solid #111;*/
21 | }
22 |
23 |
24 | /* ltr/rtl enviroment */
25 | .finder-ltr .finder-navbar {
26 | float:left;
27 | border-left:0 solid;
28 | padding-right:13px;
29 | }
30 | .finder-rtl .finder-navbar {
31 | float:right;
32 | border-right:0 solid;
33 | padding-left:13px;
34 | }
35 |
36 | /* folders tree container */
37 | .finder-tree {
38 | display:table;
39 | width:100%;
40 | margin: 0 0 .5em 0;
41 | }
42 |
43 | /* one folder wrapper */
44 | .finder-navbar-wrapper, .finder-place-wrapper { }
45 |
46 | /* folder */
47 | .finder-navbar-dir {
48 | position:relative;
49 | display:block;
50 | white-space:nowrap;
51 | padding:3px 12px;
52 | margin: 0;
53 | outline:0px solid;
54 | border:1px solid transparent;
55 | cursor:default;
56 |
57 | }
58 |
59 | /* ltr/rtl enviroment */
60 | .finder-ltr .finder-navbar-dir { padding-left:35px; }
61 | .finder-rtl .finder-navbar-dir { padding-right:35px; }
62 |
63 | /* arrow before icon */
64 | .finder-navbar-arrow {
65 | width:12px;
66 | height:14px;
67 | position:absolute;
68 | display:none;
69 | top:50%;
70 | margin-top:-8px;
71 | background-image:url("../img/arrows-normal.png");
72 | background-repeat:no-repeat;
73 | /* border:1px solid #111;*/
74 | }
75 |
76 | .ui-state-active .finder-navbar-arrow { background-image:url("../img/arrows-active.png"); }
77 |
78 | /* collapsed/expanded arrow view */
79 | .finder-navbar-collapsed .finder-navbar-arrow { display:block; }
80 |
81 | /* arrow ltr/rtl enviroment */
82 | .finder-ltr .finder-navbar-collapsed .finder-navbar-arrow { background-position: 0 4px; left:0; }
83 | .finder-rtl .finder-navbar-collapsed .finder-navbar-arrow { background-position: 0 -10px; right:0; }
84 | .finder-ltr .finder-navbar-expanded .finder-navbar-arrow,
85 | .finder-rtl .finder-navbar-expanded .finder-navbar-arrow { background-position:0 -21px; }
86 |
87 |
88 | /* folder icon */
89 | .finder-navbar-icon {
90 | width:16px;
91 | height:16px;
92 | position:absolute;
93 | top:50%;
94 | margin-top:-8px;
95 | background-image:url("../img/toolbar.png");
96 | background-repeat:no-repeat;
97 | background-position:0 -16px;
98 | }
99 |
100 | /* ltr/rtl enviroment */
101 | .finder-ltr .finder-navbar-icon { left:14px; }
102 | .finder-rtl .finder-navbar-icon { right:14px; }
103 |
104 | /* root folder */
105 | .finder-tree .finder-navbar-root .finder-navbar-icon { background-position:0 0; }
106 | .finder-places .finder-navbar-root .finder-navbar-icon { background-position:0 -48px; }
107 |
108 | /* netmount */
109 | .finder-tree .finder-navbar-net .finder-navbar-icon { background-position: 0 -656px; }
110 |
111 |
112 |
113 | /* icon in active/hove/dropactive state */
114 | .ui-state-active .finder-navbar-icon,
115 | .finder-droppable-active .finder-navbar-icon,
116 | .ui-state-hover .finder-navbar-icon { background-position:0 -32px; }
117 |
118 | /* subdirs tree */
119 | .finder-navbar-subtree { display:none; }
120 |
121 | /* ltr/rtl enviroment */
122 | .finder-ltr .finder-navbar-subtree { margin-left:12px; }
123 | .finder-rtl .finder-navbar-subtree { margin-right:12px; }
124 |
125 |
126 | /* spinner */
127 | .finder-navbar-spinner {
128 | width:14px;
129 | height:14px;
130 | position:absolute;
131 | display:block;
132 | top:50%;
133 | margin-top:-7px;
134 | background: url("../img/spinner-mini.gif") center center no-repeat;
135 | }
136 | /* spinner ltr/rtl enviroment */
137 | .finder-ltr .finder-navbar-spinner { left:0; margin-left:-2px; }
138 | .finder-rtl .finder-navbar-spinner { right:0; margin-right:-2px; }
139 |
140 | /* permissions marker */
141 | .finder-navbar .finder-perms { top:50%; margin-top:-8px; }
142 |
143 | /* permissions/symlink markers ltr/rtl enviroment */
144 | .finder-ltr .finder-navbar .finder-perms { left: 18px; }
145 | .finder-rtl .finder-navbar .finder-perms { right: 18px; }
146 | .finder-ltr .finder-navbar .finder-symlink { left: 8px; }
147 | .finder-rtl .finder-navbar .finder-symlink { right: 8px; }
148 |
149 | /* resizable */
150 | .finder-navbar .ui-resizable-handle {
151 | width:12px;
152 | background:transparent url('../img/resize.png') center center no-repeat;
153 | right:1px;
154 | }
155 | .finder-rtl .finder-navbar .ui-resizable-handle {
156 | left:1px;
157 | }
158 |
159 |
160 | .finder-nav-handle-icon {
161 | position:absolute;
162 | top:50%;
163 | margin:-8px 2px 0 2px;
164 | opacity: .5; filter:Alpha(Opacity=50);
165 | }
166 |
167 | .finder-places { border:1px solid transparent;}
168 | .finder-places.finder-droppable-active {
169 | border:1px solid #8cafed;
170 | }
171 |
172 |
173 |
174 |
175 |
--------------------------------------------------------------------------------
/css/quicklook.css:
--------------------------------------------------------------------------------
1 | /* quicklook window */
2 | .finder-quicklook {
3 | position:absolute;
4 | background:url("../img/quicklook-bg.png");
5 | display:none;
6 | overflow:hidden;
7 | border-radius:7px;
8 | padding:20px 0 40px 0;
9 | }
10 |
11 | .finder-quicklook .ui-resizable-se {
12 | width:14px;
13 | height:14px;
14 | right:5px;
15 | bottom:3px;
16 | background:url("../img/toolbar.png") 0 -496px no-repeat;}
17 |
18 | /* quicklook fullscreen window */
19 | .finder-quicklook-fullscreen {
20 | border-radius:0;
21 | -webkit-background-clip: padding-box;
22 | /* background-clip:padding-box;*/
23 | padding:0;
24 | background:#000;
25 | z-index:90000;
26 | display:block;
27 | }
28 | /* hide titlebar in fullscreen mode */
29 | .finder-quicklook-fullscreen .finder-quicklook-titlebar { display:none; }
30 |
31 | /* hide preview border in fullscreen mode */
32 | .finder-quicklook-fullscreen .finder-quicklook-preview { border:0 solid ;}
33 |
34 | /* quicklook titlebar */
35 | .finder-quicklook-titlebar {
36 | text-align:center;
37 | background:#777;
38 | position:absolute;
39 | left:0;
40 | top:0;
41 | width:100%;
42 | height:20px;
43 | border-top-left-radius: 7px;
44 | border-top-right-radius: 7px;
45 | cursor:move;
46 | }
47 |
48 | /* window title */
49 | .finder-quicklook-title {
50 | color:#fff;
51 | white-space:nowrap;
52 | overflow:hidden;
53 | padding:2px 0;
54 | }
55 |
56 | /* icon "close" in titlebar */
57 | .finder-quicklook-titlebar .ui-icon {
58 | position:absolute;
59 | left : 4px;
60 | top:50%;
61 | margin-top:-8px;
62 | width:16px;
63 | height:16px;
64 | cursor:default;
65 | }
66 |
67 | /* main part of quicklook window */
68 | .finder-quicklook-preview {
69 | overflow:hidden;
70 | position:relative;
71 | border:0 solid;
72 | border-left:1px solid transparent;
73 | border-right:1px solid transparent;
74 | height:100%;
75 | }
76 |
77 | /* wrapper for file info/icon */
78 | .finder-quicklook-info-wrapper {
79 | position:absolute;
80 | width:100%;
81 | left:0;
82 | top:50%;
83 | margin-top:-50px;
84 | }
85 |
86 | /* file info */
87 | .finder-quicklook-info {
88 | padding: 0 12px 0 112px;
89 | }
90 |
91 | /* file name in info */
92 | .finder-quicklook-info .finder-quicklook-info-data:first-child {
93 | color:#fff;
94 | font-weight:bold;
95 | padding-bottom:.5em;
96 | }
97 |
98 | /* other data in info */
99 | .finder-quicklook-info-data {
100 | padding-bottom:.2em;
101 | color:#fff;
102 | }
103 |
104 |
105 | /* file icon */
106 | .finder-quicklook .finder-cwd-icon {
107 | position:absolute;
108 | left:32px;
109 | top:50%;
110 | margin-top:-20px;
111 | }
112 |
113 | /* image in preview */
114 | .finder-quicklook-preview img {
115 | display:block;
116 | margin:0 auto;
117 | }
118 |
119 | /* navigation bar on quicklook window bottom */
120 | .finder-quicklook-navbar {
121 | position:absolute;
122 | left:50%;
123 | bottom:4px;
124 | width:140px;
125 | height:32px;
126 | padding:0px;
127 | margin-left:-70px;
128 | border:1px solid transparent;
129 | border-radius:19px;
130 | }
131 |
132 | /* navigation bar in fullscreen mode */
133 | .finder-quicklook-fullscreen .finder-quicklook-navbar {
134 | width:188px;
135 | margin-left:-94px;
136 | padding:5px;
137 | border:1px solid #eee;
138 | background:#000;
139 | }
140 |
141 | /* show close icon in fullscreen mode */
142 | .finder-quicklook-fullscreen .finder-quicklook-navbar-icon-close,
143 | .finder-quicklook-fullscreen .finder-quicklook-navbar-separator {
144 | display:inline;
145 | }
146 |
147 | /* icons in navbar */
148 | .finder-quicklook-navbar-icon {
149 | width:32px;
150 | height:32px;
151 | margin:0 7px;
152 | float:left;
153 | background:url("../img/quicklook-icons.png") 0 0 no-repeat;
154 |
155 | }
156 |
157 | /* fullscreen icon */
158 | .finder-quicklook-navbar-icon-fullscreen {
159 | background-position:0 -64px;
160 | }
161 |
162 | /* exit fullscreen icon */
163 | .finder-quicklook-navbar-icon-fullscreen-off {
164 | background-position:0 -96px;
165 | }
166 |
167 | /* prev file icon */
168 | .finder-quicklook-navbar-icon-prev {
169 | background-position:0 0;
170 | }
171 |
172 | /* next file icon */
173 | .finder-quicklook-navbar-icon-next {
174 | background-position:0 -32px;
175 | }
176 |
177 | /* close icon */
178 | .finder-quicklook-navbar-icon-close {
179 | background-position:0 -128px;
180 | display:none;
181 | }
182 |
183 | /* icons separator */
184 | .finder-quicklook-navbar-separator {
185 | width:1px;
186 | height:32px;
187 | float:left;
188 | border-left:1px solid #fff;
189 | display:none;
190 | }
191 |
192 | /* text files preview wrapper */
193 | .finder-quicklook-preview-text-wrapper {
194 | width: 100%;
195 | height:100%;
196 | background:#fff;
197 | color:#222;
198 | overflow:auto;
199 | }
200 |
201 | /* text preview */
202 | pre.finder-quicklook-preview-text {
203 | margin:0;
204 | padding:3px 9px;
205 | }
206 |
207 | /* html/pdf preview */
208 | .finder-quicklook-preview-html,
209 | .finder-quicklook-preview-pdf {
210 | width:100%;
211 | height:100%;
212 | background:#fff;
213 | border:0 solid;
214 | margin:0;
215 | }
216 |
217 | /* swf preview container */
218 | .finder-quicklook-preview-flash {
219 | width:100%;
220 | height:100%;
221 | }
222 |
223 | /* audio preview container */
224 | .finder-quicklook-preview-audio {
225 | width:100%;
226 | position:absolute;
227 | bottom:0;
228 | left:0;
229 | }
230 |
231 | /* audio preview using embed */
232 | embed.finder-quicklook-preview-audio {
233 | height:30px;
234 | background:transparent;
235 | }
236 |
237 | /* video preview container */
238 | .finder-quicklook-preview-video {
239 | width:100%;
240 | height:100%;
241 | }
242 |
243 |
244 |
245 |
246 |
247 |
248 |
249 |
250 |
251 |
252 |
253 |
254 |
255 |
--------------------------------------------------------------------------------
/js/commands/help.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | /**
3 | * @class Finder command "help"
4 | * "About" dialog
5 | *
6 | * @author Dmitry (dio) Levashov
7 | **/
8 | Finder.prototype.commands.help = function() {
9 | var fm = this.fm,
10 | self = this,
11 | linktpl = '',
12 | atpl = '',
13 | url = /\{url\}/,
14 | link = /\{link\}/,
15 | author = /\{author\}/,
16 | work = /\{work\}/,
17 | r = 'replace',
18 | prim = 'ui-priority-primary',
19 | sec = 'ui-priority-secondary',
20 | lic = 'finder-help-license',
21 | tab = '{title} ',
23 | '');
111 |
112 | $.inArray('about', parts) !== -1 && about();
113 | $.inArray('shortcuts', parts) !== -1 && shortcuts();
114 | $.inArray('help', parts) !== -1 && help();
115 |
116 | html.push('
');
117 | content = $(html.join(''));
118 |
119 | fm.one('load', function setapi() { content.find('#apiver').text(fm.api); });
120 |
121 | content.find('.ui-tabs-nav li')
122 | .hover(function() {
123 | $(this).toggleClass('ui-state-hover')
124 | })
125 | .children()
126 | .click(function(e) {
127 | var link = $(this);
128 |
129 | e.preventDefault();
130 | e.stopPropagation();
131 |
132 | if (!link.is('.ui-tabs-selected')) {
133 | link.parent().addClass('ui-tabs-selected ui-state-active').siblings().removeClass('ui-tabs-selected').removeClass('ui-state-active');
134 | content.find('.ui-tabs-panel').hide().filter(link.attr('href')).show();
135 | }
136 |
137 | })
138 | .filter(':first').click();
139 |
140 | }, 200)
141 |
142 | this.getstate = function() {
143 | return 0;
144 | }
145 |
146 | this.exec = function() {
147 | if (!this.dialog) {
148 | this.dialog = this.fm.dialog(content, {title : this.title, width : 530, autoOpen : false, destroyOnClose : false});
149 | }
150 |
151 | this.dialog.finderdialog('open').find('.ui-tabs-nav li a:first').click();
152 | }
153 |
154 | }
155 |
--------------------------------------------------------------------------------
/js/commands/edit.js:
--------------------------------------------------------------------------------
1 | "use strict"
2 | /**
3 | * @class Finder command "edit".
4 | * Edit text file in dialog window
5 | *
6 | * @author Dmitry (dio) Levashov, dio@std42.ru
7 | **/
8 | Finder.prototype.commands.edit = function() {
9 | var self = this,
10 | fm = this.fm,
11 | mimes = fm.res('mimes', 'text') || [],
12 |
13 | /**
14 | * Return files acceptable to edit
15 | *
16 | * @param Array files hashes
17 | * @return Array
18 | **/
19 | filter = function(files) {
20 | return $.map(files, function(file) {
21 | return (file.mime.indexOf('text/') === 0 || $.inArray(file.mime, mimes) !== -1)
22 | && file.mime.indexOf('text/rtf')
23 | && (!self.onlyMimes.length || $.inArray(file.mime, self.onlyMimes) !== -1)
24 | && file.read && file.write ? file : null;
25 | });
26 | },
27 |
28 | /**
29 | * Open dialog with textarea to edit file
30 | *
31 | * @param String id dialog id
32 | * @param Object file file object
33 | * @param String content file content
34 | * @return $.Deferred
35 | **/
36 | dialog = function(id, file, content) {
37 |
38 | var dfrd = $.Deferred(),
39 | ta = $(''),
40 | save = function() {
41 | ta.editor && ta.editor.save(ta[0], ta.editor.instance);
42 | dfrd.resolve(ta.getContent());
43 | ta.finderdialog('close');
44 | },
45 | cancel = function() {
46 | dfrd.reject();
47 | ta.finderdialog('close');
48 | },
49 | opts = {
50 | title : file.name,
51 | width : self.options.dialogWidth || 450,
52 | buttons : {},
53 | close : function() {
54 | ta.editor && ta.editor.close(ta[0], ta.editor.instance);
55 | $(this).finderdialog('destroy');
56 | },
57 | open : function() {
58 | fm.disable();
59 | ta.focus();
60 | ta[0].setSelectionRange && ta[0].setSelectionRange(0, 0);
61 | ta.editor && ta.editor.load(ta[0]);
62 | }
63 |
64 | };
65 |
66 | ta.getContent = function() {
67 | return ta.val()
68 | }
69 |
70 | $.each(self.options.editors || [], function(i, editor) {
71 | if ($.inArray(file.mime, editor.mimes || []) !== -1
72 | && typeof editor.load == 'function'
73 | && typeof editor.save == 'function') {
74 | ta.editor = {
75 | load : editor.load,
76 | save : editor.save,
77 | close : typeof editor.close == 'function' ? editor.close : function() {},
78 | instance : null
79 | }
80 |
81 | return false;
82 | }
83 | });
84 |
85 | if (!ta.editor) {
86 | ta.keydown(function(e) {
87 | var code = e.keyCode,
88 | value, start;
89 |
90 | e.stopPropagation();
91 | if (code == 9) {
92 | e.preventDefault();
93 | // insert tab on tab press
94 | if (this.setSelectionRange) {
95 | value = this.value;
96 | start = this.selectionStart;
97 | this.value = value.substr(0, start) + "\t" + value.substr(this.selectionEnd);
98 | start += 1;
99 | this.setSelectionRange(start, start);
100 | }
101 | }
102 |
103 | if (e.ctrlKey || e.metaKey) {
104 | // close on ctrl+w/q
105 | if (code == 81 || code == 87) {
106 | e.preventDefault();
107 | cancel();
108 | }
109 | if (code == 83) {
110 | e.preventDefault();
111 | save();
112 | }
113 | }
114 |
115 | })
116 | }
117 |
118 | opts.buttons[fm.i18n('Save')] = save;
119 | opts.buttons[fm.i18n('Cancel')] = cancel
120 |
121 | fm.dialog(ta, opts).attr('id', id);
122 | return dfrd.promise();
123 | },
124 |
125 | /**
126 | * Get file content and
127 | * open dialog with textarea to edit file content
128 | *
129 | * @param String file hash
130 | * @return jQuery.Deferred
131 | **/
132 | edit = function(file) {
133 | var hash = file.hash,
134 | opts = fm.options,
135 | dfrd = $.Deferred(),
136 | data = {cmd : 'file', target : hash},
137 | url = fm.url(hash) || fm.options.url,
138 | id = 'edit-'+fm.namespace+'-'+file.hash,
139 | d = fm.getUI().find('#'+id),
140 | error;
141 |
142 |
143 | if (d.length) {
144 | d.finderdialog('toTop');
145 | return dfrd.resolve();
146 | }
147 |
148 | if (!file.read || !file.write) {
149 | error = ['errOpen', file.name, 'errPerm']
150 | fm.error(error)
151 | return dfrd.reject(error);
152 | }
153 |
154 | fm.request({
155 | data : {cmd : 'get', target : hash},
156 | notify : {type : 'openfile', cnt : 1},
157 | syncOnFail : true
158 | })
159 | .done(function(data) {
160 | dialog(id, file, data.content)
161 | .done(function(content) {
162 | fm.request({
163 | options : {type : 'post'},
164 | data : {
165 | cmd : 'put',
166 | target : hash,
167 | content : content
168 | },
169 | notify : {type : 'save', cnt : 1},
170 | syncOnFail : true
171 | })
172 | .fail(function(error) {
173 | dfrd.reject(error);
174 | })
175 | .done(function(data) {
176 | data.changed && data.changed.length && fm.change(data);
177 | dfrd.resolve(data);
178 | });
179 | })
180 | })
181 | .fail(function(error) {
182 | dfrd.reject(error);
183 | })
184 |
185 | return dfrd.promise();
186 | };
187 |
188 |
189 |
190 | this.shortcuts = [{
191 | pattern : 'ctrl+e'
192 | }];
193 |
194 | this.init = function() {
195 | this.onlyMimes = this.options.mimes || []
196 | }
197 |
198 | this.getstate = function(sel) {
199 | var sel = this.files(sel),
200 | cnt = sel.length;
201 |
202 | return !this._disabled && cnt && filter(sel).length == cnt ? 0 : -1;
203 | }
204 |
205 | this.exec = function(hashes) {
206 | var files = filter(this.files(hashes)),
207 | list = [],
208 | file;
209 |
210 | if (this.disabled()) {
211 | return $.Deferred().reject();
212 | }
213 |
214 | while ((file = files.shift())) {
215 | list.push(edit(file));
216 | }
217 |
218 | return list.length
219 | ? $.when.apply(null, list)
220 | : $.Deferred().reject();
221 | }
222 |
223 | }
--------------------------------------------------------------------------------
/js/commands/paste.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | /**
3 | * @class Finder command "paste"
4 | * Paste filesfrom clipboard into directory.
5 | * If files pasted in its parent directory - files duplicates will created
6 | *
7 | * @author Dmitry (dio) Levashov
8 | **/
9 | Finder.prototype.commands.paste = function() {
10 |
11 | this.updateOnSelect = false;
12 |
13 | this.handlers = {
14 | changeclipboard : function() { this.update(); }
15 | }
16 |
17 | this.shortcuts = [{
18 | pattern : 'ctrl+v shift+insert'
19 | }];
20 |
21 | this.getstate = function(dst) {
22 | if (this._disabled) {
23 | return -1;
24 | }
25 | if (dst) {
26 | if ($.isArray(dst)) {
27 | if (dst.length != 1) {
28 | return -1;
29 | }
30 | dst = this.fm.file(dst[0]);
31 | }
32 | } else {
33 | dst = this.fm.cwd();
34 | }
35 |
36 | //return this.fm.clipboard().length && dst.mime == 'directory' && dst.write ? 0 : -1;
37 | return dst.mime == 'directory' && dst.write ? 0 : -1;
38 | }
39 |
40 | this.exec = function(dst) {
41 | var self = this,
42 | fm = self.fm,
43 | dst = dst ? this.files(dst)[0] : fm.cwd(),
44 | files = fm.clipboard(),
45 | cnt = files.length,
46 | cut = cnt ? files[0].cut : false,
47 | error = cut ? 'errMove' : 'errCopy',
48 | fpaste = [],
49 | fcopy = [],
50 | dfrd = $.Deferred()
51 | .fail(function(error) {
52 | error && fm.error(error);
53 | }),
54 | copy = function(files) {
55 | return files.length && fm._commands.duplicate
56 | ? fm.exec('duplicate', files)
57 | : $.Deferred().resolve();
58 | },
59 | paste = function(files) {
60 | var dfrd = $.Deferred(),
61 | existed = [],
62 | intersect = function(files, names) {
63 | var ret = [],
64 | i = files.length;
65 |
66 | while (i--) {
67 | $.inArray(files[i].name, names) !== -1 && ret.unshift(i);
68 | }
69 | return ret;
70 | },
71 | confirm = function(ndx) {
72 | var i = existed[ndx],
73 | file = files[i],
74 | last = ndx == existed.length-1;
75 |
76 | if (!file) {
77 | return;
78 | }
79 |
80 | fm.confirm({
81 | title : fm.i18n(cut ? 'moveFiles' : 'copyFiles'),
82 | text : fm.i18n(['errExists', file.name, 'confirmRepl']),
83 | all : !last,
84 | accept : {
85 | label : 'btnYes',
86 | callback : function(all) {
87 | !last && !all
88 | ? confirm(++ndx)
89 | : paste(files);
90 | }
91 | },
92 | reject : {
93 | label : 'btnNo',
94 | callback : function(all) {
95 | var i;
96 |
97 | if (all) {
98 | i = existed.length;
99 | while (ndx < i--) {
100 | files[existed[i]].remove = true
101 | }
102 | } else {
103 | files[existed[ndx]].remove = true;
104 | }
105 |
106 | !last && !all
107 | ? confirm(++ndx)
108 | : paste(files);
109 | }
110 | },
111 | cancel : {
112 | label : 'btnCancel',
113 | callback : function() {
114 | dfrd.resolve();
115 | }
116 | }
117 | })
118 | },
119 | valid = function(names) {
120 | existed = intersect(files, names);
121 | existed.length ? confirm(0) : paste(files);
122 | },
123 | paste = function(files) {
124 | var files = $.map(files, function(file) { return !file.remove ? file : null } ),
125 | cnt = files.length,
126 | groups = {},
127 | args = [],
128 | src;
129 |
130 | if (!cnt) {
131 | return dfrd.resolve();
132 | }
133 |
134 | src = files[0].phash;
135 | files = $.map(files, function(f) { return f.hash});
136 |
137 | fm.request({
138 | data : {cmd : 'paste', dst : dst.hash, targets : files, cut : cut ? 1 : 0, src : src},
139 | notify : {type : cut ? 'move' : 'copy', cnt : cnt}
140 | })
141 | .always(function() {
142 | dfrd.resolve();
143 | fm.unlockfiles({files : files});
144 | });
145 | }
146 | ;
147 |
148 | if (self._disabled || !files.length) {
149 | return dfrd.resolve();
150 | }
151 |
152 |
153 | if (!fm.option('copyOverwrite')) {
154 | paste(files);
155 | } else {
156 |
157 | dst.hash == fm.cwd().hash
158 | ? valid($.map(fm.files(), function(file) { return file.phash == dst.hash ? file.name : null }))
159 | : fm.request({
160 | data : {cmd : 'ls', target : dst.hash},
161 | notify : {type : 'prepare', cnt : 1, hideCnt : true},
162 | preventFail : true
163 | })
164 | .always(function(data) {
165 | valid(data.list || [])
166 | });
167 | }
168 |
169 | return dfrd;
170 | },
171 | parents, fparents;
172 |
173 |
174 | if (!cnt || !dst || dst.mime != 'directory') {
175 | return dfrd.reject();
176 | }
177 |
178 | if (!dst.write) {
179 | return dfrd.reject([error, files[0].name, 'errPerm']);
180 | }
181 |
182 | parents = fm.parents(dst.hash);
183 |
184 | $.each(files, function(i, file) {
185 | if (!file.read) {
186 | return !dfrd.reject([error, files[0].name, 'errPerm']);
187 | }
188 |
189 | if (cut && file.locked) {
190 | return !dfrd.reject(['errLocked', file.name]);
191 | }
192 |
193 | if ($.inArray(file.hash, parents) !== -1) {
194 | return !dfrd.reject(['errCopyInItself', file.name]);
195 | }
196 |
197 | fparents = fm.parents(file.hash);
198 | if ($.inArray(dst.hash, fparents) !== -1) {
199 |
200 | if ($.map(fparents, function(h) { var d = fm.file(h); return d.phash == dst.hash && d.name == file.name ? d : null }).length) {
201 | return !dfrd.reject(['errReplByChild', file.name]);
202 | }
203 | }
204 |
205 | if (file.phash == dst.hash) {
206 | fcopy.push(file.hash);
207 | } else {
208 | fpaste.push({
209 | hash : file.hash,
210 | phash : file.phash,
211 | name : file.name
212 | });
213 | }
214 | });
215 |
216 | if( dfrd.state() == 'rejected' ){
217 | return dfrd;
218 | }
219 |
220 | return $.when(
221 | copy(fcopy),
222 | paste(fpaste)
223 | ).always(function() {
224 | cut && fm.clipboard([]);
225 | });
226 | }
227 |
228 | }
--------------------------------------------------------------------------------
/css/commands.css:
--------------------------------------------------------------------------------
1 | /******************************************************************/
2 | /* COMMANDS STYLES */
3 | /******************************************************************/
4 |
5 | /********************** COMMAND "RESIZE" ****************************/
6 | .finder-dialog-resize { margin-top:.3em; }
7 | .finder-resize-type { float:left; margin-bottom: .4em; }
8 | .finder-resize-control { padding-top:3em; }
9 | .finder-resize-control input[type=text] { border:1px solid #aaa; text-align: right; }
10 | .finder-resize-preview {
11 | width:400px;
12 | height:400px;
13 | padding:10px;
14 | background:#fff;
15 | border:1px solid #aaa;
16 | float:right;
17 | position:relative;
18 | overflow:auto;
19 | /* z-index:100;*/
20 | }
21 |
22 | .finder-resize-handle { position:relative;}
23 |
24 | .finder-resize-handle-hline,
25 | .finder-resize-handle-vline {
26 | position:absolute;
27 | background-image:url("../img/crop.gif");
28 | }
29 |
30 | .finder-resize-handle-hline {
31 | width:100%;
32 | height:1px !important;
33 | background-repeat:repeat-x;
34 | }
35 | .finder-resize-handle-vline {
36 | width:1px !important;
37 | height:100%;
38 | background-repeat:repeat-y;
39 | }
40 |
41 | .finder-resize-handle-hline-top { top:0; left:0; }
42 | .finder-resize-handle-hline-bottom { bottom:0; left:0; }
43 | .finder-resize-handle-vline-left { top:0; left:0; }
44 | .finder-resize-handle-vline-right { top:0; right:0; }
45 |
46 | .finder-resize-handle-point {
47 | position:absolute;
48 | width:8px;
49 | height:8px;
50 | border:1px solid #777;
51 | background:transparent;
52 | }
53 |
54 | .finder-resize-handle-point-n {
55 | top:0;
56 | left:50%;
57 | margin-top:-5px;
58 | margin-left:-5px;
59 | }
60 | .finder-resize-handle-point-ne {
61 | top:0;
62 | right:0;
63 | margin-top:-5px;
64 | margin-right:-5px;
65 | }
66 | .finder-resize-handle-point-e {
67 | top:50%;
68 | right:0;
69 | margin-top:-5px;
70 | margin-right:-5px;
71 | }
72 | .finder-resize-handle-point-se {
73 | bottom:0;
74 | right:0;
75 | margin-bottom:-5px;
76 | margin-right:-5px;
77 | }
78 | .finder-resize-handle-point-s {
79 | bottom:0;
80 | left:50%;
81 | margin-bottom:-5px;
82 | margin-left:-5px;
83 | }
84 | .finder-resize-handle-point-sw {
85 | bottom:0;
86 | left:0;
87 | margin-bottom:-5px;
88 | margin-left:-5px;
89 | }
90 | .finder-resize-handle-point-w {
91 | top:50%;
92 | left:0;
93 | margin-top:-5px;
94 | margin-left:-5px;
95 | }
96 | .finder-resize-handle-point-nw {
97 | top:0;
98 | left:0;
99 | margin-top:-5px;
100 | margin-left:-5px;
101 | }
102 |
103 | .finder-resize-spinner {
104 | position:absolute;
105 | width:200px;
106 | height:30px;
107 | top:50%;
108 | margin-top:-25px;
109 | left:50%;
110 | margin-left:-100px;
111 | text-align:center;
112 | background:url(../img/progress.gif) center bottom repeat-x;
113 | }
114 |
115 | .finder-resize-row { margin-bottom:7px; position:relative;}
116 |
117 | .finder-resize-label { float:left; width:80px; padding-top: 3px; }
118 |
119 | .finder-resize-reset {
120 | width:16px;
121 | height:16px;
122 | /* border:1px solid #111;*/
123 | position:absolute;
124 | margin-top:-8px;
125 | }
126 |
127 | .finder-dialog .finder-dialog-resize .ui-resizable-e { height:100%; width:10px; }
128 | .finder-dialog .finder-dialog-resize .ui-resizable-s { width:100%; height:10px; }
129 | .finder-dialog .finder-dialog-resize .ui-resizable-se {
130 | background:transparent;
131 | bottom:0;
132 | right:0;
133 | margin-right:-7px;
134 | margin-bottom:-7px;
135 | }
136 |
137 | .finder-dialog-resize .ui-icon-grip-solid-vertical {
138 | position:absolute;
139 | top:50%;
140 | right:0;
141 | margin-top:-8px;
142 | margin-right:-11px;
143 | }
144 | .finder-dialog-resize .ui-icon-grip-solid-horizontal {
145 | position:absolute;
146 | left:50%;
147 | bottom:0;
148 | margin-left:-8px;
149 | margin-bottom:-11px;;
150 | }
151 |
152 | .finder-resize-row .finder-buttonset { float:right; }
153 |
154 | .finder-resize-rotate-slider {
155 | float: left;
156 | width: 195px;
157 | margin: 7px 7px 0;
158 | }
159 |
160 | /********************** COMMAND "EDIT" ****************************/
161 | /* edit text file textarea */
162 | .finder-file-edit {
163 | width:99%;
164 | height:99%;
165 | margin:0;
166 | padding:2px;
167 | border:1px solid #ccc;
168 | }
169 |
170 |
171 | /********************** COMMAND "HELP" ****************************/
172 | /* help dialog */
173 | .finder-help { margin-bottom:.5em; }
174 |
175 | /* fix tabs */
176 | .finder-help .ui-tabs-panel { padding:.5em; }
177 | .finder-dialog .ui-tabs .ui-tabs-nav li a { padding:.2em 1em;}
178 |
179 | .finder-help-shortcuts {
180 | height:300px;
181 | padding:1em;
182 | margin:.5em 0;
183 | overflow:auto;
184 | }
185 | .finder-help-shortcut { white-space:nowrap; clear:both;}
186 |
187 | .finder-help-shortcut-pattern { float:left; width:160px;}
188 |
189 | .finder-help h3 { font-size:1.5em; margin:.2em 0 .3em 0; }
190 |
191 | .finder-help-separator { clear:both; padding:.5em; }
192 |
193 | .finder-help-link { padding:2px; }
194 |
195 | .finder-help .ui-priority-secondary { font-size:.9em;}
196 |
197 | .finder-help .ui-priority-primary { margin-bottom:7px;}
198 |
199 | .finder-help-team {
200 | clear: both;
201 | text-align:right;
202 | border-bottom:1px solid #ccc;
203 | margin:.5em 0;
204 | font-size:.9em;
205 | }
206 |
207 | .finder-help-team div { float:left; }
208 | .finder-help-license { font-size:.9em;}
209 |
210 | .finder-help-disabled {
211 | font-weight:bold;
212 | text-align:center;
213 | margin:90px 0;
214 | }
215 |
216 | .finder-help .finder-dont-panic {
217 | display:block;
218 | border:1px solid transparent;
219 | width:200px;
220 | height:200px;
221 | margin:30px auto;
222 | text-decoration:none;
223 | text-align:center;
224 | position:relative;
225 | background:#d90004;
226 | -moz-box-shadow: 5px 5px 9px #111;
227 | -webkit-box-shadow: 5px 5px 9px #111;
228 | box-shadow: 5px 5px 9px #111;
229 | background: -moz-radial-gradient(80px 80px, circle farthest-corner, #d90004 35%, #960004 100%);
230 | background: -webkit-gradient(radial, 80 80, 60, 80 80, 120, from(#d90004), to(#960004));
231 | border-radius: 100px;
232 | outline:none;
233 | }
234 |
235 | .finder-help .finder-dont-panic span {
236 | font-size:3em;
237 | font-weight:bold;
238 | text-align:center;
239 | color:#fff;
240 | position:absolute;
241 | left:0;
242 | top:45px;
243 | }
244 |
245 |
246 |
247 |
--------------------------------------------------------------------------------
/js/commands/info.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | /**
3 | * @class Finder command "info".
4 | * Display dialog with file properties.
5 | *
6 | * @author Dmitry (dio) Levashov, dio@std42.ru
7 | **/
8 | Finder.prototype.commands.info = function() {
9 | var m = 'msg',
10 | fm = this.fm,
11 | spclass = 'finder-info-spinner',
12 | msg = {
13 | calc : fm.i18n('calc'),
14 | size : fm.i18n('size'),
15 | unknown : fm.i18n('unknown'),
16 | path : fm.i18n('path'),
17 | aliasfor : fm.i18n('aliasfor'),
18 | modify : fm.i18n('modify'),
19 | perms : fm.i18n('perms'),
20 | locked : fm.i18n('locked'),
21 | dim : fm.i18n('dim'),
22 | kind : fm.i18n('kind'),
23 | files : fm.i18n('files'),
24 | folders : fm.i18n('folders'),
25 | items : fm.i18n('items'),
26 | yes : fm.i18n('yes'),
27 | no : fm.i18n('no'),
28 | link : fm.i18n('link')
29 | };
30 |
31 | this.tpl = {
32 | main : '
',
33 | itemTitle : '{name} {kind} ',
34 | groupTitle : '{items}: {num} ',
35 | row : '{label} : {value} {text} '+file.name+' '));
110 |
111 | if (file.dim) { // old api
112 | content.push(row.replace(l, msg.dim).replace(v, file.dim));
113 | } else if (file.mime.indexOf('image') !== -1) {
114 | if (file.width && file.height) {
115 | content.push(row.replace(l, msg.dim).replace(v, file.width+'x'+file.height));
116 | } else {
117 | content.push(row.replace(l, msg.dim).replace(v, tpl.spinner.replace('{text}', msg.calc)));
118 | fm.request({
119 | data : {cmd : 'dim', target : file.hash},
120 | preventDefault : true
121 | })
122 | .fail(function() {
123 | replSpinner(msg.unknown);
124 | })
125 | .done(function(data) {
126 | replSpinner(data.dim || msg.unknown);
127 | });
128 | }
129 | }
130 |
131 |
132 | content.push(row.replace(l, msg.modify).replace(v, fm.formatDate(file)));
133 | content.push(row.replace(l, msg.perms).replace(v, fm.formatPermissions(file)));
134 | content.push(row.replace(l, msg.locked).replace(v, file.locked ? msg.yes : msg.no));
135 | } else {
136 | view = view.replace('{class}', 'finder-cwd-icon-group');
137 | title = tpl.groupTitle.replace('{items}', msg.items).replace('{num}', cnt);
138 | dcnt = $.map(files, function(f) { return f.mime == 'directory' ? 1 : null }).length;
139 | if (!dcnt) {
140 | size = 0;
141 | $.each(files, function(h, f) {
142 | var s = parseInt(f.size);
143 |
144 | if (s >= 0 && size >= 0) {
145 | size += s;
146 | } else {
147 | size = 'unknown';
148 | }
149 | });
150 | content.push(row.replace(l, msg.kind).replace(v, msg.files));
151 | content.push(row.replace(l, msg.size).replace(v, fm.formatSize(size)));
152 | } else {
153 | content.push(row.replace(l, msg.kind).replace(v, dcnt == cnt ? msg.folders : msg.folders+' '+dcnt+', '+msg.files+' '+(cnt-dcnt)))
154 | content.push(row.replace(l, msg.size).replace(v, tpl.spinner.replace('{text}', msg.calc)));
155 | count = $.map(files, function(f) { return f.hash });
156 |
157 | }
158 | }
159 |
160 | view = view.replace('{title}', title).replace('{content}', content.join(''));
161 |
162 | dialog = fm.dialog(view, opts);
163 | dialog.attr('id', id)
164 |
165 | // load thumbnail
166 | if (tmb) {
167 | $('
'),
36 | buttonpane = $('
')
37 | .append(buttonset),
38 |
39 |
40 | dialog = $('
')
41 | .hide()
42 | .append(self)
43 | .appendTo(parent)
44 | .draggable({
45 | handle : '.ui-dialog-titlebar'
46 | })
47 | .css({
48 | width : opts.width,
49 | height : opts.height,
50 | position: 'absolute'
51 | })
52 | .mousedown(function(e) {
53 | e.stopPropagation();
54 |
55 | $(document).mousedown();
56 |
57 | if (!dialog.is('.'+clactive)) {
58 | parent.find('.'+cldialog+':visible').removeClass(clactive);
59 | dialog.addClass(clactive).zIndex(maxZIndex() + 1);
60 | }
61 | })
62 | .bind('open', function() {
63 | opts.modal && overlay.finderoverlay('show');
64 | dialog.trigger('totop');
65 | typeof(opts.open) == 'function' && $.proxy(opts.open, self[0])();
66 |
67 | if (!dialog.is('.'+clnotify)) {
68 |
69 | parent.find('.'+cldialog+':visible').not('.'+clnotify).each(function() {
70 | var d = $(this),
71 | top = parseInt(d.css('top')),
72 | left = parseInt(d.css('left')),
73 | _top = parseInt(dialog.css('top')),
74 | _left = parseInt(dialog.css('left'))
75 | ;
76 |
77 | if (d[0] != dialog[0] && (top == _top || left == _left)) {
78 | dialog.css({
79 | top : (top+10),
80 | left : (left+10)
81 | });
82 | }
83 | });
84 | }
85 | })
86 | .bind('close', function() {
87 | var dialogs = parent.find('.finder-dialog:visible'),
88 | z = maxZIndex();
89 |
90 | opts.modal && overlay.finderoverlay('hide');
91 |
92 | // get focus to next dialog
93 | if (dialogs.length) {
94 | dialogs.each(function() {
95 | var d = $(this);
96 | if (d.zIndex() >= z) {
97 | d.trigger('totop');
98 | return false;
99 | }
100 | })
101 | } else {
102 | // return focus to parent
103 | setTimeout(function() {
104 | parent.mousedown().click();
105 | }, 10);
106 |
107 | }
108 |
109 | if (typeof(opts.close) == 'function') {
110 | $.proxy(opts.close, self[0])();
111 | } else if (opts.destroyOnClose) {
112 | dialog.hide().remove();
113 | }
114 | })
115 | .bind('totop', function() {
116 | $(this).mousedown().find('.ui-button:first').focus().end().find(':text:first').focus()
117 | }),
118 | maxZIndex = function() {
119 | var z = parent.zIndex() + 10;
120 | parent.find('.'+cldialog+':visible').each(function() {
121 | var _z;
122 | if (this != dialog[0]) {
123 | _z = $(this).zIndex();
124 | if (_z > z) {
125 | z = _z;
126 | }
127 | }
128 | })
129 | return z;
130 | },
131 | top
132 | ;
133 |
134 | if (!opts.position) {
135 | top = parseInt((parent.height() - dialog.outerHeight())/2 - 42);
136 | opts.position = {
137 | top : (top > 0 ? top : 0),
138 | left : parseInt((parent.width() - dialog.outerWidth())/2)
139 | }
140 | }
141 |
142 | dialog.css(opts.position);
143 |
144 | if (opts.closeOnEscape) {
145 | $(document).bind('keyup.'+id, function(e) {
146 | if (e.keyCode == $.ui.keyCode.ESCAPE && dialog.is('.'+clactive)) {
147 | self.finderdialog('close');
148 | $(document).unbind('keyup.'+id);
149 | }
150 | })
151 | }
152 | dialog.prepend(
153 | $('')
154 | .prepend($(''+name+'
')
84 | .append(dir.clone())
85 | .data('hash', id2hash(dir.children(':first').attr('id')));
86 |
87 | },
88 | start : function() { $(this).hide(); },
89 | stop : function(e, ui) {
90 | var top = places.offset().top,
91 | left = places.offset().left,
92 | width = places.width(),
93 | height = places.height(),
94 | x = e.clientX,
95 | y = e.clientY;
96 |
97 | if (x > left && x < left+width && y > top && y < y+height) {
98 | $(this).show();
99 | } else {
100 | remove(ui.helper.data('hash'));
101 | save();
102 | }
103 | }
104 | });
105 | },
106 | /**
107 | * Remove dir from places
108 | *
109 | * @param String directory id
110 | * @return void
111 | **/
112 | remove = function(hash) {
113 | var ndx = $.inArray(hash, dirs);
114 |
115 | if (ndx !== -1) {
116 | dirs.splice(ndx, 1);
117 | subtree.find('#'+hash2id(hash)).parent().remove();
118 | !subtree.children().length && root.removeClass(collapsed+' '+expanded);
119 | }
120 | },
121 | /**
122 | * Remove all dir from places
123 | *
124 | * @return void
125 | **/
126 | clear = function() {
127 | subtree.empty();
128 | root.removeClass(collapsed+' '+expanded);
129 | },
130 | /**
131 | * Node - wrapper for places root
132 | *
133 | * @type jQuery
134 | **/
135 | wrapper = create({
136 | hash : 'root-'+fm.namespace,
137 | name : fm.i18n(opts.name, 'places'),
138 | read : true,
139 | write : true
140 | }),
141 | /**
142 | * Places root node
143 | *
144 | * @type jQuery
145 | **/
146 | root = wrapper.children('.'+navdir)
147 | .addClass(clroot)
148 | .click(function() {
149 | if (root.is('.'+collapsed)) {
150 | places.toggleClass(expanded);
151 | subtree.slideToggle();
152 | fm.storage('placesState', places.is('.'+expanded)? 1 : 0);
153 | }
154 | }),
155 | /**
156 | * Container for dirs
157 | *
158 | * @type jQuery
159 | **/
160 | subtree = wrapper.children('.'+fm.res(c, 'navsubtree')),
161 | /**
162 | * Main places container
163 | *
164 | * @type jQuery
165 | **/
166 | places = $(this).addClass(fm.res(c, 'tree')+' finder-places ui-corner-all')
167 | .hide()
168 | .append(wrapper)
169 | .appendTo(fm.getUI('navbar'))
170 | .delegate('.'+navdir,{
171 | 'click': function() {
172 | fm.exec('open', $(this).attr('id').substr(6));
173 | },
174 | 'mouseenter': function(){
175 | $(this).addClass('ui-state-hover');
176 | },
177 | 'mouseleave': function(){
178 | $(this).removeClass('ui-state-hover');
179 | }
180 | })
181 | .delegate('.'+navdir+':not(.'+clroot+')', 'contextmenu', function(e) {
182 | var hash = $(this).attr('id').substr(6);
183 |
184 | e.preventDefault();
185 |
186 | fm.trigger('contextmenu', {
187 | raw : [{
188 | label : fm.i18n('rmFromPlaces'),
189 | icon : 'rm',
190 | callback : function() { remove(hash); save(); }
191 | }],
192 | 'x' : e.clientX,
193 | 'y' : e.clientY
194 | })
195 |
196 | })
197 | .droppable({
198 | tolerance : 'pointer',
199 | accept : '.finder-cwd-file-wrapper,.finder-tree-dir,.finder-cwd-file',
200 | hoverClass : fm.res('class', 'adroppable'),
201 | drop : function(e, ui) {
202 | var resolve = true;
203 |
204 | $.each(ui.helper.data('files'), function(i, hash) {
205 | var dir = fm.file(hash);
206 |
207 | if (dir && dir.mime == 'directory' && $.inArray(dir.hash, dirs) === -1) {
208 | add(dir);
209 | } else {
210 | resolve = false;
211 | }
212 | })
213 | save();
214 | resolve && ui.helper.hide();
215 | }
216 | });
217 |
218 |
219 | // on fm load - show places and load files from backend
220 | fm.one('load', function() {
221 |
222 | places.show().parent().show();
223 |
224 | dirs = $.map(fm.storage('places').split(','), function(hash) { return hash || null});
225 |
226 | if (dirs.length) {
227 | root.prepend(spinner);
228 |
229 | fm.request({
230 | data : {cmd : 'info', targets : dirs},
231 | preventDefault : true
232 | })
233 | .done(function(data) {
234 | dirs = [];
235 | $.each(data.files, function(i, file) {
236 | file.mime == 'directory' && add(file);
237 | });
238 | save();
239 | if (fm.storage('placesState') > 0) {
240 | root.click();
241 | }
242 | })
243 | .always(function() {
244 | spinner.remove();
245 | })
246 | }
247 |
248 |
249 | fm.remove(function(e) {
250 | $.each(e.data.removed, function(i, hash) {
251 | remove(hash);
252 | });
253 | save();
254 | })
255 | .change(function(e) {
256 | $.each(e.data.changed, function(i, file) {
257 | if ($.inArray(file.hash, dirs) !== -1) {
258 | remove(file.hash);
259 | file.mime == 'directory' && add(file);
260 | }
261 | });
262 | save();
263 | })
264 | .bind('sync', function() {
265 | if (dirs.length) {
266 | root.prepend(spinner);
267 |
268 | fm.request({
269 | data : {cmd : 'info', targets : dirs},
270 | preventDefault : true
271 | })
272 | .done(function(data) {
273 | $.each(data.files || [], function(i, file) {
274 | if ($.inArray(file.hash, dirs) === -1) {
275 | remove(file.hash);
276 | }
277 | });
278 | save();
279 | })
280 | .always(function() {
281 | spinner.remove();
282 | });
283 | }
284 | })
285 |
286 | })
287 |
288 | });
289 | }
--------------------------------------------------------------------------------
/php/connector.src.php:
--------------------------------------------------------------------------------
1 | $name ){
103 | if( stripos($name,'.php') !== false ){
104 | return false;
105 | }
106 | }
107 | return $args;
108 | }
109 |
110 |
111 | /**
112 | * Simple function to demonstrate how to control file access using "accessControl" callback.
113 | * This method will disable accessing files/folders starting from '.' (dot)
114 | *
115 | * @param string $attr attribute name (read|write|locked|hidden)
116 | * @param string $path file path relative to volume root directory started with directory separator
117 | * @return bool|null
118 | **/
119 | function access($attr, $path, $data, $volume) {
120 | return strpos(basename($path), '.') === 0 // if file/folder begins with '.' (dot)
121 | ? !($attr == 'read' || $attr == 'write') // set read+write to false, other (locked+hidden) set to true
122 | : null; // else Finder decide it itself
123 | }
124 |
125 |
126 |
127 | $opts = array(
128 | 'locale' => 'en_US.UTF-8',
129 | 'bind' => array(
130 | '*' => 'logger',
131 | //'*-before' => 'logger_before'
132 | 'upload-before' => 'upload_check'
133 | // 'mkdir mkfile rename duplicate upload rm paste' => 'logger'
134 | ),
135 | //'debug' => true,
136 | 'saveData' => 'SaveFinderData',
137 | 'returnData' => 'ReturnFinderData',
138 |
139 | 'roots' => array(
140 | array(
141 | 'driver' => 'LocalFileSystem',
142 |
143 | 'path' => dirname(dirname(__FILE__)).'/files',
144 | 'separator' => '/',
145 |
146 | //'path' => '../files/',
147 | //'startPath' => '../files/test/',
148 |
149 |
150 | 'URL' => dirname($_SERVER['PHP_SELF']) . '/../files/',
151 | // 'treeDeep' => 3,
152 | // 'alias' => 'File system',
153 | 'tmbPath' => '.tmb',
154 | 'utf8fix' => true,
155 | 'tmbCrop' => false,
156 | 'tmbBgColor' => 'transparent',
157 | 'accessControl' => 'access',
158 | 'acceptedName' => '/^[^\.].*$/',
159 | // 'tmbSize' => 128,
160 | 'attributes' => array(
161 | array(
162 | 'pattern' => '/\.js$/',
163 | 'read' => true,
164 | 'write' => false
165 | ),
166 | array(
167 | 'pattern' => '/^\/icons$/',
168 | 'read' => true,
169 | 'write' => false
170 | )
171 | )
172 | // 'uploadDeny' => array('application', 'text/xml')
173 | ),
174 | // array(
175 | // 'driver' => 'LocalFileSystem',
176 | // 'path' => '../files2/',
177 | // // 'URL' => dirname($_SERVER['PHP_SELF']) . '/../files2/',
178 | // 'alias' => 'File system',
179 | // 'tmbPath' => '.tmb',
180 | // 'utf8fix' => true,
181 | // 'tmbCrop' => false,
182 | // 'startPath' => '../files/test',
183 | // // 'separator' => ':',
184 | // 'attributes' => array(
185 | // array(
186 | // 'pattern' => '~/\.~',
187 | // // 'pattern' => '/^\/\./',
188 | // 'read' => false,
189 | // 'write' => false,
190 | // 'hidden' => true,
191 | // 'locked' => false
192 | // ),
193 | // array(
194 | // 'pattern' => '~/replace/.+png$~',
195 | // // 'pattern' => '/^\/\./',
196 | // 'read' => false,
197 | // 'write' => false,
198 | // // 'hidden' => true,
199 | // 'locked' => true
200 | // )
201 | // ),
202 | // // 'defaults' => array('read' => false, 'write' => true)
203 | // ),
204 |
205 | // array(
206 | // 'driver' => 'FTP',
207 | // 'host' => '192.168.1.38',
208 | // 'user' => 'dio',
209 | // 'pass' => 'hane',
210 | // 'path' => '/Users/dio/Documents',
211 | // 'tmpPath' => '../files/ftp',
212 | // 'utf8fix' => true,
213 | // 'attributes' => array(
214 | // array(
215 | // 'pattern' => '~/\.~',
216 | // 'read' => false,
217 | // 'write' => false,
218 | // 'hidden' => true,
219 | // 'locked' => false
220 | // ),
221 | //
222 | // )
223 | // ),
224 | // array(
225 | // 'driver' => 'FTP',
226 | // 'host' => 'work.std42.ru',
227 | // 'user' => 'dio',
228 | // 'pass' => 'wallrus',
229 | // 'path' => '/',
230 | // 'tmpPath' => '../files/ftp',
231 | // ),
232 | // array(
233 | // 'driver' => 'FTP',
234 | // 'host' => '192.168.1.35',
235 | // 'user' => 'frontrow',
236 | // 'pass' => 'frontrow',
237 | // 'path' => '/'
238 | // ),
239 |
240 | // array(
241 | // 'driver' => 'LocalFileSystem',
242 | // 'path' => '../files2/',
243 | // 'URL' => dirname($_SERVER['PHP_SELF']) . '/../files2/',
244 | // 'alias' => 'Files',
245 | // 'tmbPath' => '.tmb',
246 | // // 'copyOverwrite' => false,
247 | // 'utf8fix' => true,
248 | // 'attributes' => array(
249 | // array(
250 | // 'pattern' => '~/\.~',
251 | // // 'pattern' => '/^\/\./',
252 | // // 'read' => false,
253 | // // 'write' => false,
254 | // 'hidden' => true,
255 | // 'locked' => false
256 | // ),
257 | // )
258 | // ),
259 |
260 | // array(
261 | // 'driver' => 'MySQL',
262 | // 'path' => 1,
263 | // // 'treeDeep' => 2,
264 | // // 'socket' => '/opt/local/var/run/mysql5/mysqld.sock',
265 | // 'user' => 'root',
266 | // 'pass' => 'hane',
267 | // 'db' => 'finder',
268 | // 'user_id' => 1,
269 | // // 'accessControl' => 'access',
270 | // // 'separator' => ':',
271 | // 'tmbCrop' => true,
272 | // // thumbnails background color (hex #rrggbb or 'transparent')
273 | // 'tmbBgColor' => '#000000',
274 | // 'files_table' => 'finder_file',
275 | // // 'imgLib' => 'imagick',
276 | // // 'uploadOverwrite' => false,
277 | // // 'copyTo' => false,
278 | // // 'URL' => 'http://localhost/git/finder',
279 | // 'tmpPath' => '../filesdb/tmp',
280 | // 'tmbPath' => '../filesdb/tmb',
281 | // 'tmbURL' => dirname($_SERVER['PHP_SELF']) . '/../filesdb/tmb/',
282 | // // 'attributes' => array(
283 | // // array(),
284 | // // array(
285 | // // 'pattern' => '/\.jpg$/',
286 | // // 'read' => false,
287 | // // 'write' => false,
288 | // // 'locked' => true,
289 | // // 'hidden' => true
290 | // // )
291 | // // )
292 | //
293 | // )
294 | )
295 |
296 | );
297 |
298 |
299 | /**
300 | * Functions for saving and returning data used by the finder
301 | *
302 | */
303 | session_start();
304 | //$_SESSION = array();
305 | function SaveFinderData($data){
306 | $_SESSION['finder_data'] = $data;
307 | }
308 | function ReturnFinderData(){
309 | if( isset($_SESSION['finder_data']) ){
310 | return $_SESSION['finder_data'];
311 | }
312 | return false;
313 | }
314 |
315 |
316 |
317 | header('Access-Control-Allow-Origin: *');
318 | $finder = new Finder($opts);
319 | $finder->run();
320 |
321 |
--------------------------------------------------------------------------------
/js/commands/quicklook.plugins.js:
--------------------------------------------------------------------------------
1 |
2 | Finder.prototype.commands.quicklook.plugins = [
3 |
4 | /**
5 | * Images preview plugin
6 | *
7 | * @param Finder.commands.quicklook
8 | **/
9 | function(ql) {
10 | var mimes = ['image/jpeg', 'image/png', 'image/gif'],
11 | preview = ql.preview;
12 |
13 | // what kind of images we can display
14 | $.each(navigator.mimeTypes, function(i, o) {
15 | var mime = o.type;
16 |
17 | if (mime.indexOf('image/') === 0 && $.inArray(mime, mimes)) {
18 | mimes.push(mime);
19 | }
20 | });
21 |
22 | preview.bind('update', function(e) {
23 | var file = e.file,
24 | img;
25 |
26 | if ($.inArray(file.mime, mimes) !== -1) {
27 | // this is our file - stop event propagation
28 | e.stopImmediatePropagation();
29 |
30 | img = $(''+fm.escape(data.content)+'