[483] | 1 | dojo.provide("dojox.widget.FilePicker"); |
---|
| 2 | |
---|
| 3 | dojo.require("dojox.widget.RollingList"); |
---|
| 4 | |
---|
| 5 | dojo.require("dojo.i18n"); |
---|
| 6 | dojo.requireLocalization("dojox.widget", "FilePicker"); |
---|
| 7 | |
---|
| 8 | dojo.declare("dojox.widget._FileInfoPane", |
---|
| 9 | [dojox.widget._RollingListPane], { |
---|
| 10 | // summary: |
---|
| 11 | // a pane to display the information for the currently-selected |
---|
| 12 | // file |
---|
| 13 | |
---|
| 14 | // templateString: string |
---|
| 15 | // delete our template string |
---|
| 16 | templateString: "", |
---|
| 17 | |
---|
| 18 | // templateString: String |
---|
| 19 | // The template to be used to construct the widget. |
---|
| 20 | templateString: dojo.cache("dojox.widget", "FilePicker/_FileInfoPane.html"), |
---|
| 21 | |
---|
| 22 | postMixInProperties: function(){ |
---|
| 23 | this._messages = dojo.i18n.getLocalization("dojox.widget", "FilePicker", this.lang); |
---|
| 24 | this.inherited(arguments); |
---|
| 25 | }, |
---|
| 26 | |
---|
| 27 | onItems: function(){ |
---|
| 28 | // summary: |
---|
| 29 | // called after a fetch or load - at this point, this.items should be |
---|
| 30 | // set and loaded. |
---|
| 31 | var store = this.store, item = this.items[0]; |
---|
| 32 | if(!item){ |
---|
| 33 | this._onError("Load", new Error("No item defined")); |
---|
| 34 | }else{ |
---|
| 35 | this.nameNode.innerHTML = store.getLabel(item); |
---|
| 36 | this.pathNode.innerHTML = store.getIdentity(item); |
---|
| 37 | this.sizeNode.innerHTML = store.getValue(item, "size"); |
---|
| 38 | this.parentWidget.scrollIntoView(this); |
---|
| 39 | this.inherited(arguments); |
---|
| 40 | } |
---|
| 41 | } |
---|
| 42 | }); |
---|
| 43 | |
---|
| 44 | dojo.declare("dojox.widget.FilePicker", dojox.widget.RollingList, { |
---|
| 45 | // summary: |
---|
| 46 | // a specialized version of RollingList that handles file information |
---|
| 47 | // in a store |
---|
| 48 | |
---|
| 49 | className: "dojoxFilePicker", |
---|
| 50 | |
---|
| 51 | // pathSeparator: String |
---|
| 52 | // Our file separator - it will be guessed if not set |
---|
| 53 | pathSeparator: "", |
---|
| 54 | |
---|
| 55 | // topDir: String |
---|
| 56 | // The top directory string - it will be guessed if not set |
---|
| 57 | topDir: "", |
---|
| 58 | |
---|
| 59 | // parentAttr: String |
---|
| 60 | // the attribute to read for finding our parent directory |
---|
| 61 | parentAttr: "parentDir", |
---|
| 62 | |
---|
| 63 | // pathAttr: String |
---|
| 64 | // the attribute to read for getting the full path of our file |
---|
| 65 | pathAttr: "path", |
---|
| 66 | |
---|
| 67 | // preloadItems: Boolean|Int |
---|
| 68 | // Set this to a sane number - since we expect to mostly be using the |
---|
| 69 | // dojox.data.FileStore - which doesn't like loading lots of items |
---|
| 70 | // all at once. |
---|
| 71 | preloadItems: 50, |
---|
| 72 | |
---|
| 73 | // selectDirectories: Boolean |
---|
| 74 | // whether or not we allow selection of directories - that is, whether or |
---|
| 75 | // our value can be set to a directory. |
---|
| 76 | selectDirectories: true, |
---|
| 77 | |
---|
| 78 | // selectFiles: Boolean |
---|
| 79 | // whether or not we allow selection of files - that is, we will disable |
---|
| 80 | // the file entries. |
---|
| 81 | selectFiles: true, |
---|
| 82 | |
---|
| 83 | _itemsMatch: function(/*item*/ item1, /*item*/ item2){ |
---|
| 84 | // Summary: |
---|
| 85 | // Returns whether or not the two items match - checks ID if |
---|
| 86 | // they aren't the exact same object - ignoring trailing slashes |
---|
| 87 | if(!item1 && !item2){ |
---|
| 88 | return true; |
---|
| 89 | }else if(!item1 || !item2){ |
---|
| 90 | return false; |
---|
| 91 | }else if(item1 == item2){ |
---|
| 92 | return true; |
---|
| 93 | }else if (this._isIdentity){ |
---|
| 94 | var iArr = [ this.store.getIdentity(item1), this.store.getIdentity(item2) ]; |
---|
| 95 | dojo.forEach(iArr, function(i, idx){ |
---|
| 96 | if(i.lastIndexOf(this.pathSeparator) == (i.length - 1)){ |
---|
| 97 | iArr[idx] = i.substring(0, i.length - 1); |
---|
| 98 | }else{ |
---|
| 99 | } |
---|
| 100 | }, this); |
---|
| 101 | return (iArr[0] == iArr[1]); |
---|
| 102 | } |
---|
| 103 | return false; |
---|
| 104 | }, |
---|
| 105 | |
---|
| 106 | startup: function(){ |
---|
| 107 | if(this._started){ return; } |
---|
| 108 | this.inherited(arguments); |
---|
| 109 | // Figure out our file separator if we don't have it yet |
---|
| 110 | var conn, child = this.getChildren()[0]; |
---|
| 111 | var setSeparator = dojo.hitch(this, function(){ |
---|
| 112 | if(conn){ |
---|
| 113 | this.disconnect(conn); |
---|
| 114 | } |
---|
| 115 | delete conn; |
---|
| 116 | var item = child.items[0]; |
---|
| 117 | if(item){ |
---|
| 118 | var store = this.store; |
---|
| 119 | var parent = store.getValue(item, this.parentAttr); |
---|
| 120 | var path = store.getValue(item, this.pathAttr); |
---|
| 121 | this.pathSeparator = this.pathSeparator || store.pathSeparator; |
---|
| 122 | if(!this.pathSeparator){ |
---|
| 123 | this.pathSeparator = path.substring(parent.length, parent.length + 1); |
---|
| 124 | } |
---|
| 125 | if(!this.topDir){ |
---|
| 126 | this.topDir = parent; |
---|
| 127 | if(this.topDir.lastIndexOf(this.pathSeparator) != (this.topDir.length - 1)){ |
---|
| 128 | this.topDir += this.pathSeparator; |
---|
| 129 | } |
---|
| 130 | } |
---|
| 131 | } |
---|
| 132 | }); |
---|
| 133 | if(!this.pathSeparator || !this.topDir){ |
---|
| 134 | if(!child.items){ |
---|
| 135 | conn = this.connect(child, "onItems", setSeparator); |
---|
| 136 | }else{ |
---|
| 137 | setSeparator(); |
---|
| 138 | } |
---|
| 139 | } |
---|
| 140 | }, |
---|
| 141 | |
---|
| 142 | getChildItems: function(item){ |
---|
| 143 | var ret = this.inherited(arguments); |
---|
| 144 | if(!ret && this.store.getValue(item, "directory")){ |
---|
| 145 | // It's an empty directory - so pass through an empty array |
---|
| 146 | ret = []; |
---|
| 147 | } |
---|
| 148 | return ret; |
---|
| 149 | }, |
---|
| 150 | |
---|
| 151 | getMenuItemForItem: function(/*item*/ item, /* dijit/_Contained */ parentPane, /* item[]? */ children){ |
---|
| 152 | var menuOptions = {iconClass: "dojoxDirectoryItemIcon"}; |
---|
| 153 | if(!this.store.getValue(item, "directory")){ |
---|
| 154 | menuOptions.iconClass = "dojoxFileItemIcon"; |
---|
| 155 | var l = this.store.getLabel(item), idx = l.lastIndexOf("."); |
---|
| 156 | if(idx >= 0){ |
---|
| 157 | menuOptions.iconClass += " dojoxFileItemIcon_" + l.substring(idx + 1); |
---|
| 158 | } |
---|
| 159 | if(!this.selectFiles){ |
---|
| 160 | menuOptions.disabled = true; |
---|
| 161 | } |
---|
| 162 | } |
---|
| 163 | var ret = new dijit.MenuItem(menuOptions); |
---|
| 164 | return ret; |
---|
| 165 | }, |
---|
| 166 | |
---|
| 167 | getPaneForItem: function(/*item*/ item, /* dijit/_Contained */ parentPane, /* item[]? */ children){ |
---|
| 168 | var ret = null; |
---|
| 169 | if(!item || (this.store.isItem(item) && this.store.getValue(item, "directory"))){ |
---|
| 170 | ret = new dojox.widget._RollingListGroupPane({}); |
---|
| 171 | }else if(this.store.isItem(item) && !this.store.getValue(item, "directory")){ |
---|
| 172 | ret = new dojox.widget._FileInfoPane({}); |
---|
| 173 | } |
---|
| 174 | return ret; |
---|
| 175 | }, |
---|
| 176 | |
---|
| 177 | _setPathValueAttr: function(/*String*/ path, /*Boolean?*/ resetLastExec, /*function?*/ onSet){ |
---|
| 178 | // summary: |
---|
| 179 | // sets the value of this widget based off the given path |
---|
| 180 | if(!path){ |
---|
| 181 | this.set("value", null); |
---|
| 182 | return; |
---|
| 183 | } |
---|
| 184 | if(path.lastIndexOf(this.pathSeparator) == (path.length - 1)){ |
---|
| 185 | path = path.substring(0, path.length - 1); |
---|
| 186 | } |
---|
| 187 | this.store.fetchItemByIdentity({identity: path, |
---|
| 188 | onItem: function(v){ |
---|
| 189 | if(resetLastExec){ |
---|
| 190 | this._lastExecutedValue = v; |
---|
| 191 | } |
---|
| 192 | this.set("value", v); |
---|
| 193 | if(onSet){ onSet(); } |
---|
| 194 | }, |
---|
| 195 | scope: this}); |
---|
| 196 | }, |
---|
| 197 | |
---|
| 198 | _getPathValueAttr: function(/*item?*/val){ |
---|
| 199 | // summary: |
---|
| 200 | // returns the path value of the given value (or current value |
---|
| 201 | // if not passed a value) |
---|
| 202 | if(!val){ |
---|
| 203 | val = this.value; |
---|
| 204 | } |
---|
| 205 | if(val && this.store.isItem(val)){ |
---|
| 206 | return this.store.getValue(val, this.pathAttr); |
---|
| 207 | }else{ |
---|
| 208 | return ""; |
---|
| 209 | } |
---|
| 210 | }, |
---|
| 211 | |
---|
| 212 | _setValue: function(/* item */ value){ |
---|
| 213 | // summary: |
---|
| 214 | // internally sets the value and fires onchange |
---|
| 215 | delete this._setInProgress; |
---|
| 216 | var store = this.store; |
---|
| 217 | if(value && store.isItem(value)){ |
---|
| 218 | var isDirectory = this.store.getValue(value, "directory"); |
---|
| 219 | if((isDirectory && !this.selectDirectories) || |
---|
| 220 | (!isDirectory && !this.selectFiles)){ return; } |
---|
| 221 | }else{ |
---|
| 222 | value = null; |
---|
| 223 | } |
---|
| 224 | if(!this._itemsMatch(this.value, value)){ |
---|
| 225 | this.value = value; |
---|
| 226 | this._onChange(value); |
---|
| 227 | } |
---|
| 228 | } |
---|
| 229 | }); |
---|