Changeset 42 for pro-bachkim-filespace/sourcecode/assets

Timestamp:

Aug 4, 2014 6:09:41 PM (11 years ago)

Author:

dungnv

Message:

 

Location:

pro-bachkim-filespace/sourcecode/assets

Files:

• css/jquery/jquery.contextmenu_new.css (modified) (1 diff)
• css/space/style.css (modified) (2 diffs)
• css/space/vupload.css (added)
• css/uploadfile.min.css (added)
• js/bootstrap/ace-elements.min.js (added)
• js/filemanager/filemanager.js (modified) (1 diff)
• js/jquery/jquery.uploadfile.min.js (added)
• js/vsgrid.js (modified) (6 diffs)
• js/vstree.js (modified) (7 diffs)
• js/vupload.js (added)

pro-bachkim-filespace/sourcecode/assets/css/jquery/jquery.contextmenu_new.css

@@ -61 +61 @@
 
 .contextMenu LI.preview A { background-image: url(images/preview.png); }
-.contextMenu LI.open A { background-image: url(images/folder_open.png); }
+.contextMenu LI.open A { /* background-image: url(images/folder_open.png); */ }
 .contextMenu LI.share A { background-image: url(images/share.png); }
 .contextMenu LI.rename A { background-image: url(images/rename.png); }
+
+.contextMenu LI.newfolder A { background-image: url(images/folder_open.png); }
 
 .contextMenu LI.edit A { background-image: url(images/page_white_edit.png); }

pro-bachkim-filespace/sourcecode/assets/css/space/style.css

@@ -8 +8 @@
 @import "vsgrid.css";
 @import "contextmenu.css";
+@import "../uploadfile.min.css";
 
 body {
@@ -150 +151 @@
         border-radius: 0 !important;
 }
+
+#fileuploader {
+        text-align: center;
+}

pro-bachkim-filespace/sourcecode/assets/js/filemanager/filemanager.js

@@ -85 +85 @@
                         privateTree.deleteDir(curDir);
                 });
+                
+                $('#btnUpload').click (function() {
+                        var curDir = privateTree.getCurrentDir();
+                        privateTree.upload();
+                });
+                
 
 

pro-bachkim-filespace/sourcecode/assets/js/vsgrid.js

@@ -9 +9 @@
                         if( o.dirIDprefix == undefined ) o.dirIDprefix = null;
                         if( o.host == undefined ) o.host = 'http://localhost/';
+                        if( o.tree == undefined ) o.tree = null;
                         
                         if( o.sharemodal == undefined ) o.sharemodal = $("#box-shareto");
@@ -48 +49 @@
                                         itemClick(el);
                                         switch(action) {
+                                                case 'newfolder':
+                                                        openNewFolderModal(currentObj);
+                                                        break;
                                                 case 'rename':
                                                         rename(el);
@@ -62 +66 @@
                                         }
                                         
+                                });
+                        }
+                        
+                        var openNewFolderModal = function (c) {
+                                $('#box-newfolder').modal('show');
+                                $('#frm-newfolder').find('#f-parentid').val(c.id);
+                        }
+                        
+                        var bindCreateFolder = function () {
+                                $('#box-newfolder').find('#frm-newfolder').unbind('submit');
+                                $('#box-newfolder').find('#btn-submit-newfolder').unbind('click');
+                                
+                                $('#box-newfolder').find('#frm-newfolder').bind('submit', 
+                                        function(e){
+                                                if ($('#frm-newfolder').find('#f-newfoldername').val() == '') {
+                                                        alert('Chưa nhập tên thư mục mới!');
+                                                }else {
+                                                        var postData = $('#box-newfolder').find('#frm-newfolder').serializeArray();
+                                                        var script = 'ajax/privatecontent/createdir';
+                                                        sendCommand({
+                                                                script: script,
+                                                                postdata:postData,
+                                                                callbackSuccess: function (parsedData) {
+                                                                                                        createNode({
+                                                                                                                id: parsedData.id,
+                                                                                                                name: parsedData.name,
+                                                                                                                curentNode: currentObj,
+                                                                                                                hidden: false,
+                                                                                                                addToJSONData:true});
+                                                                                                        o.tree.createDir(parsedData);
+                                                                                                }
+                                                        });
+                                                        
+                                                        $('#box-newfolder').modal('hide');
+                                                }
+                                                
+                                                e.preventDefault();
+                                });
+                                
+                                $('#box-newfolder').on('show.bs.modal', function () {
+                                        $('#box-newfolder').find('#frm-newfolder').get(0).reset();
+                                });
+                                
+                                $('#box-newfolder').find('#btn-submit-newfolder').bind('click',
+                                        function (){
+                                                $('#box-newfolder').find('#frm-newfolder').submit();
                                 });
                         }
@@ -153 +203 @@
                                 currentObj.id = $(i).attr('rel').substring(3);
                                 currentObj.type = $(i).find('>div>div').hasClass('icon-directory') ? 'directory':'file';
+                                var item = searchItemByID(currentObj.id, currentObj.type);
+                                currentObj.parentID = item.parentID;
+                        }
+                        
+                        var searchItemByID = function (itemID, type) {
+                                var source = (type == 'directory') ? o.directoryTreeData.DIRECTORIES : (type == 'file') ? o.directoryTreeData.FILES : null;
+                                var item = null;
+                                for (var i = 0 ; i < source.length; i++) {
+                                        if (source[i].id == itemID) {
+                                                item = source[i];
+                                                break;
+                                        }
+                                }
+                                return item;
                         }
 
@@ -182 +246 @@
                                 
                                 keyboardRename();
+                                bindCreateFolder();
                         }
                         
@@ -252 +317 @@
                                                         p.callbackSuccess(parseData);
                                                 }
-
                                         }).done(function() {if (p.callbackDone != null)p.callbackDone(this);}).fail(function() {if (p.callbackFail != null)p.callbackFail(this);}).always(function() {if (p.callbackAlways != null)p.callbackAlways(this);});
                                 }
                         }
 
-                        this.getData = function (data) {
+                        this.setData = function (data) {
                                 o.directoryTreeData = data.directoryTreeData;
                                 o.curentParent = data.curentParent;
-                                o.dirIDprefix = data.dirIDprefix
+                                o.dirIDprefix = data.dirIDprefix;
                                 renderGrid(o);
+                        }
+                        
+                        this.setTree = function (treeObj) {
+                                o.tree = treeObj;
                         }
                         
                         this.showModal = function (obj, act) {
                                 switch( act ) {
+                                        case 'newfolder':
+                                                openNewFolderModal(obj);
+                                                break;
                                         case 'copy':
                                         case 'cut':

pro-bachkim-filespace/sourcecode/assets/js/vstree.js

@@ -15 +15 @@
                         if( o.expandEasing == undefined ) o.expandEasing = null;
                         if( o.collapseEasing == undefined ) o.collapseEasing = null;
+                        if( o.me == undefined ) o.me = this;
 
                         if( o.directoryTreeData == undefined ) o.directoryTreeData = null;
@@ -107 +108 @@
                                         newdir.id = d.id;
                                         newdir.name = d.name;
+                                        
+                                        console.log(d.currentNode);
+                                        
                                         newdir.parentID = $(o.container).find(d.currentNode).parent().attr('id').substring(o.dirIDprefix.length, $(d.currentNode).parent().attr('id').length);
                                         o.directoryTreeData.DIRECTORIES.push(newdir);
@@ -125 +129 @@
                                                                 rename(el);
                                                                 break;
+                                                        case 'newfolder':
                                                         case 'share':
                                                         case 'copy':
@@ -144 +149 @@
                         }
                         //END - Create a node of Tree
-
+                        
                         var deleteNode = function (parsedData) {
                                 if (parsedData.isSuccess == false) return false;
@@ -190 +195 @@
                                 if (o.grid == null) return false;
                                 
-                                o.grid.getData({
+                                o.grid.setTree(o.me);
+                                o.grid.setData({
                                                                 directoryTreeData: o.directoryTreeData,
                                                                 curentParent:$(o.container).find('.currentDir').parent().attr('id'),
@@ -281 +287 @@
                         };
 
-                        this.createDir = function(c) {
-                                var cid = $(c).parent().attr('id');
-                                var pid = cid.substring(o.dirIDprefix.length, cid.length);
-
-                                var dirName = prompt("Please enter new directory name", "");
-                                var script = 'ajax/privatecontent/createdir';
-
-                                if (dirName != null && dirName.length != 0) {
-                                        sendCommand({
-                                                script: script,
-                                                postdata:{parentID:pid,name:dirName},
-                                                callbackSuccess: function (parsedData) {createNode({
-                                                                                        id: parsedData.id,
-                                                                                        name: parsedData.name,
-                                                                                        curentNode: c,
-                                                                                        hidden: false,
-                                                                                        addToJSONData:true});
-                                                                                }
-                                        });
-                                }
+                        this.createDir = function(data) {
+                                var cNode = $('#' + o.dirIDprefix + data.parentID).find('> A');
+                                
+                                createNode({
+                                        id: data.id,
+                                        name: data.name,
+                                        currentNode: cNode,
+                                        hidden: false,
+                                        addToJSONData:true});
+                                
+                                //console.log($(o.container).find(cNode).parent().attr('id').substring(o.dirIDprefix.length, $(cNode).parent().attr('id').length));
                         }
 
@@ -328 +325 @@
                                 });
                         }
+                        
+                        this.upload = function () {
+                                $('#box-upload').modal('show');
+                                
+                                $("#fileuploader").uploadFile({
+                                        url: o.host + 'ajax/privatecontent/upload',
+                                        fileName:"myfile",
+                                        multiple:true,
+                                        maxFileCount: 5,
+                                        dragDropStr: "<span><b>Kéo thả các file và o đây!</b></span>",
+                                        uploadErrorStr:"Tải lên có lỗi!"
+                                });
+                                
+                                $('#box-upload').on('hide.bs.modal', function () {
+                                        $('#box-upload').find('.modal-body>.row>.col-xs-12>').remove();
+                                        $('#box-upload').find('.modal-body>.row>.col-xs-12').append('<div id="fileuploader">Chọn file:</div>');
+                                });
+                        }
 
                         this.copy = function () {
-                                alert ('copy');
+                                
                         }
 
                         this.paste = function () {
-                                alert ('paste');
+                                
                         }