[289] | 1 | jQuery(
|
---|
| 2 | function($) {
|
---|
| 3 |
|
---|
| 4 | /**
|
---|
| 5 | For resize panels on main screen
|
---|
| 6 | */
|
---|
| 7 | var maxWidth = 0;
|
---|
| 8 | function getDirTreeMaxWidth () {
|
---|
| 9 | var scrWidth = $('#main-content').width();
|
---|
| 10 | return parseInt(scrWidth / 2);
|
---|
| 11 | }
|
---|
| 12 |
|
---|
| 13 | function layout ()
|
---|
| 14 | {
|
---|
| 15 | var scrWidth = $('#main-content').width();
|
---|
| 16 | var scrHeght = $(window).height();
|
---|
| 17 | var dirTreeHeight = scrHeght - $('#title-bar').height() - $('#tools-bar').height() - $('#status-bar').height() - 2;
|
---|
| 18 |
|
---|
[682] | 19 | $('#uploaddirectory-view-container').height(dirTreeHeight);
|
---|
[289] | 20 | $('#directory-content-view-container').height(dirTreeHeight);
|
---|
| 21 | $('#directory-content-view-container').width('calc(100% - ' + ($('#directory-view-container').width() + 8) + 'px)');
|
---|
| 22 | var scollWidth = $('#directory-content-view-container').width();
|
---|
| 23 |
|
---|
| 24 | maxWidth = getDirTreeMaxWidth();
|
---|
| 25 |
|
---|
| 26 | $('#treeview-container').height(dirTreeHeight - 5);
|
---|
| 27 | }
|
---|
| 28 |
|
---|
| 29 | layout ();
|
---|
| 30 |
|
---|
| 31 | $('#directory-view-container').resizable({
|
---|
| 32 | maxWidth: maxWidth,
|
---|
| 33 | minWidth: 220,
|
---|
| 34 | handles: "e",
|
---|
| 35 | resize: function (event, ui) {
|
---|
| 36 | layout ();
|
---|
| 37 | }
|
---|
| 38 | });
|
---|
| 39 |
|
---|
| 40 | $(window).resize (function() {layout ();$('#directory-view-container').resizable({maxWidth: maxWidth});});
|
---|
| 41 |
|
---|
| 42 | /**
|
---|
| 43 | END - For resize panels on main screen
|
---|
| 44 | */
|
---|
| 45 |
|
---|
| 46 |
|
---|
| 47 | /**
|
---|
| 48 | For Directory Tree
|
---|
| 49 | */
|
---|
| 50 |
|
---|
| 51 | var privateGrid = $('#file-container').violetGrid ({directoryContent:null});
|
---|
| 52 |
|
---|
| 53 | var privateTree = $('#treeview-container').violetTree({
|
---|
| 54 | container: $('#treeview-container'),
|
---|
| 55 | expandEasing: 'easeOutBounce',
|
---|
| 56 | collapseEasing: 'easeOutBounce',
|
---|
| 57 | homeDirNameDisplay: "Thư mục gá»c",
|
---|
| 58 | grid: privateGrid
|
---|
| 59 | });
|
---|
| 60 |
|
---|
| 61 | /*var selectTree = $('#select-destination-tree').violetTree({
|
---|
| 62 | container: $('#select-destination-tree'),
|
---|
| 63 | expandEasing: 'easeOutBounce',
|
---|
| 64 | collapseEasing: 'easeOutBounce',
|
---|
| 65 | homeDirNameDisplay: "Thư mục gá»c"
|
---|
| 66 | });*/
|
---|
| 67 |
|
---|
| 68 | $('#select-destination-tree').slimScroll({
|
---|
| 69 | height: '250px',
|
---|
| 70 | alwaysVisible: true,
|
---|
| 71 | disableFadeOut: true
|
---|
| 72 | });
|
---|
| 73 |
|
---|
| 74 | $('#btnNewFolder').click (function(){
|
---|
| 75 | });
|
---|
| 76 |
|
---|
| 77 | /*$('#btnCopy').click (function(){
|
---|
| 78 | privateTree.copy();
|
---|
| 79 | });*/
|
---|
| 80 |
|
---|
| 81 | $('#btnDel').click (function() {
|
---|
| 82 | var curDir = privateTree.getCurrentDir();
|
---|
| 83 | privateTree.deleteDir(curDir);
|
---|
| 84 | });
|
---|
| 85 |
|
---|
| 86 | $('#btnUpload').click (function() {
|
---|
| 87 | var curDir = privateTree.getCurrentDir();
|
---|
| 88 | privateTree.upload();
|
---|
| 89 | });
|
---|
| 90 |
|
---|
| 91 |
|
---|
| 92 |
|
---|
| 93 | /**
|
---|
| 94 | END - For Directory Tree
|
---|
| 95 | */
|
---|
| 96 |
|
---|
| 97 | }
|
---|
| 98 | ); |
---|