From 648ee61ae84216d0236e0dbc211addc13b2cfa3a Mon Sep 17 00:00:00 2001
From: Kris Kowal
Date: Fri, 6 Jul 2012 11:52:06 -0700
Subject: Expand tabs
---
js/panels/Project/ProjectPanel.js | 14 +-
.../projectpanelbase.reel/ProjectPanelBase.js | 3502 ++++++++++----------
.../projectpanelbase.reel/projectpanelbase.html | 158 +-
3 files changed, 1837 insertions(+), 1837 deletions(-)
(limited to 'js/panels/Project')
diff --git a/js/panels/Project/ProjectPanel.js b/js/panels/Project/ProjectPanel.js
index 5dcba3e7..1d6a8e5c 100755
--- a/js/panels/Project/ProjectPanel.js
+++ b/js/panels/Project/ProjectPanel.js
@@ -29,12 +29,12 @@ POSSIBILITY OF SUCH DAMAGE.
</copyright> */
var Montage = require("montage/core/core").Montage,
- PanelBase = require("js/panels/PanelBase").PanelBase,
- ProjectPanelBase = require("js/panels/Project/ProjectPanelBase.reel").ProjectPanelBase;
+ PanelBase = require("js/panels/PanelBase").PanelBase,
+ ProjectPanelBase = require("js/panels/Project/ProjectPanelBase.reel").ProjectPanelBase;
exports.ProjectPanel = Montage.create(PanelBase, {
- id: {value: "projectPanel", writable: true, enumerable: true, configurable: true},
+ id: {value: "projectPanel", writable: true, enumerable: true, configurable: true},
panelName: {value: "Project/Assets", writable: true, enumerable: true, configurable: true},
panelHeaderID: {value: "projectPanelHeader", writable: true, enumerable: true, configurable: true},
disclosureIconID: {value: "projectPanelDisclosureIcon", writable: true, enumerable: true, configurable: true},
@@ -42,9 +42,9 @@ exports.ProjectPanel = Montage.create(PanelBase, {
panelContentID: {value: "projectPanelContent", writable: true, enumerable: true, configurable: true},
init: {
- enumerable: true,
- value: function() {
- //Creating panel container and panel
+ enumerable: true,
+ value: function() {
+ //Creating panel container and panel
this.minHeight = 350;
this.defaultHeight = 350;
this.contentHeight = 395;
@@ -57,7 +57,7 @@ exports.ProjectPanel = Montage.create(PanelBase, {
this._projectPanelBase.element = ppContainer;
//Adding container to the parent
this.content = this._projectPanelBase;
- //Drawing panel
+ //Drawing panel
this._projectPanelBase.needsDraw = true;
*/
diff --git a/js/panels/Project/projectpanelbase.reel/ProjectPanelBase.js b/js/panels/Project/projectpanelbase.reel/ProjectPanelBase.js
index 51aebc31..759c5861 100755
--- a/js/panels/Project/projectpanelbase.reel/ProjectPanelBase.js
+++ b/js/panels/Project/projectpanelbase.reel/ProjectPanelBase.js
@@ -29,1868 +29,1868 @@ POSSIBILITY OF SUCH DAMAGE.
</copyright> */
var TreeControl = require("js/components/tree.reel").Tree,
- ResizerControl = require("js/panels/Resizer").Resizer,
- nj = require("js/lib/NJUtils").NJUtils;
+ ResizerControl = require("js/panels/Resizer").Resizer,
+ nj = require("js/lib/NJUtils").NJUtils;
exports.ProjectPanelBase = (require("montage/core/core").Montage).create(require("montage/ui/component").Component, {
- hasTemplate: {
- value: true
- },
+ hasTemplate: {
+ value: true
+ },
_hasFocus: {
- numerable: false,
- value: false
+ numerable: false,
+ value: false
},
/* The current project that we have in memory */
- _activeProject: {
- value: false
- },
- activeProject: {
- get: function() {
- return this._activeProject;
- },
- set: function(objNewProject) {
- this._activeProject = objNewProject;
- }
- },
+ _activeProject: {
+ value: false
+ },
+ activeProject: {
+ get: function() {
+ return this._activeProject;
+ },
+ set: function(objNewProject) {
+ this._activeProject = objNewProject;
+ }
+ },
/* Is the panel initialized? Helps keep us from re-initializing things when a project switches */
_isPanelInitialized: {
- value: false
+ value: false
},
isPanelInitialized: {
- get: function() {
- return this._isPanelInitialized;
- },
- set: function(boolValue) {
- this._isPanelInitialized = boolValue;
- }
+ get: function() {
+ return this._isPanelInitialized;
+ },
+ set: function(boolValue) {
+ this._isPanelInitialized = boolValue;
+ }
},
/* Project models: is there an active project, did the user just swap the project, etc. */
- _swapProject: {
- value: false
- },
- swapProject: {
- get: function() {
- return this._swapProject;
- },
- set: function(boolValue) {
- this._swapProject = boolValue;
- }
- },
- _updateTree: {
- value: false
- },
- updateTree: {
- get: function() {
- return this._updateTree;
- },
- set: function(boolValue) {
- this._updateTree = boolValue;
- }
- },
- _updateAssets: {
- value: false
- },
- _updateAssets : {
- get: function() {
- return this._updateAssets;
- },
- set: function(boolValue) {
- this._updateAssets = boolValue;
- }
- },
- _hasActiveProject: {
- value: false
- },
- hasActiveProject: {
- get: function() {
- return this._hasActiveProject;
- },
- set: function(boolValue) {
- if (this.hasActiveProject !== boolValue) {
- this._hasActiveProject = boolValue;
- this.needsDraw = true;
- this.swapProject = true;
- this.loadPanelState();
- }
- }
- },
- setActiveProject: {
- value: function(myVal) {
- this.hasActiveProject = myVal;
- }
- },
-
- /* Focus monitor: needed to modify keyboard navigation through panels. */
- _hasFocus: {
- value: false
- },
- hasFocus: {
- get: function() {
- return this._hasFocus;
- },
- set: function(newVal) {
- if (this._hasFocus !== newVal) {
- this._hasFocus = newVal;
- }
- }
- },
+ _swapProject: {
+ value: false
+ },
+ swapProject: {
+ get: function() {
+ return this._swapProject;
+ },
+ set: function(boolValue) {
+ this._swapProject = boolValue;
+ }
+ },
+ _updateTree: {
+ value: false
+ },
+ updateTree: {
+ get: function() {
+ return this._updateTree;
+ },
+ set: function(boolValue) {
+ this._updateTree = boolValue;
+ }
+ },
+ _updateAssets: {
+ value: false
+ },
+ _updateAssets : {
+ get: function() {
+ return this._updateAssets;
+ },
+ set: function(boolValue) {
+ this._updateAssets = boolValue;
+ }
+ },
+ _hasActiveProject: {
+ value: false
+ },
+ hasActiveProject: {
+ get: function() {
+ return this._hasActiveProject;
+ },
+ set: function(boolValue) {
+ if (this.hasActiveProject !== boolValue) {
+ this._hasActiveProject = boolValue;
+ this.needsDraw = true;
+ this.swapProject = true;
+ this.loadPanelState();
+ }
+ }
+ },
+ setActiveProject: {
+ value: function(myVal) {
+ this.hasActiveProject = myVal;
+ }
+ },
+
+ /* Focus monitor: needed to modify keyboard navigation through panels. */
+ _hasFocus: {
+ value: false
+ },
+ hasFocus: {
+ get: function() {
+ return this._hasFocus;
+ },
+ set: function(newVal) {
+ if (this._hasFocus !== newVal) {
+ this._hasFocus = newVal;
+ }
+ }
+ },
/* Active column models: Used to store the state of the columns as a resize is happening */
_activeColumn: {
- enumerable: false,
- value: false
+ enumerable: false,
+ value: false
},
activeColumn: {
- get: function() {
- return this._activeColumn;
- },
- set: function(intActiveColumn) {
- this._activeColumn = intActiveColumn;
- }
+ get: function() {
+ return this._activeColumn;
+ },
+ set: function(intActiveColumn) {
+ this._activeColumn = intActiveColumn;
+ }
},
_activeColumnWidths: {
- enumerable: false,
- value: [0,0,0]
+ enumerable: false,
+ value: [0,0,0]
},
activeColumnWidths: {
- get: function() {
- return this._activeColumnWidths;
- },
- set: function(activeColumnWidths) {
- for (var i = 0; i < activeColumnWidths.length; i++) {
- if (this._activeColumnWidths[i] !== activeColumnWidths[i]) {
- this._activeColumnWidths[i] = activeColumnWidths[i];
- this.activeColumn = i;
- this.needsDraw = true;
- }
- }
- }
+ get: function() {
+ return this._activeColumnWidths;
+ },
+ set: function(activeColumnWidths) {
+ for (var i = 0; i < activeColumnWidths.length; i++) {
+ if (this._activeColumnWidths[i] !== activeColumnWidths[i]) {
+ this._activeColumnWidths[i] = activeColumnWidths[i];
+ this.activeColumn = i;
+ this.needsDraw = true;
+ }
+ }
+ }
},
/* resizeColumn: Method to resize a column */
resizeColumn: {
- value: function(strSelectorBase) {
- // Resize column with index this.activeColumn in view specified by strSelectorBase.
- var intAdjust = 0,
- intTotalWidth = 0,
- arrToChange = [],
- arrToChangeLength = 0,
- arrHeaders = document.querySelectorAll(strSelectorBase + " .pp-header");
- arrHeadersLength = arrHeaders.length;
- containerList = document.querySelectorAll(strSelectorBase + " .pp-scroll-linked");
- containerListLength = containerList.length,
- intNewWidth = 0,
- strNewWidth = "",
- boolProjectView = true,
- arrStoredWidths = this.panelState.projectColumnWidths;
-
- if (strSelectorBase.indexOf("assets") > -1) {
- boolProjectView = false;
- arrStoredWidths = this.panelState.assetColumnWidths;
- }
+ value: function(strSelectorBase) {
+ // Resize column with index this.activeColumn in view specified by strSelectorBase.
+ var intAdjust = 0,
+ intTotalWidth = 0,
+ arrToChange = [],
+ arrToChangeLength = 0,
+ arrHeaders = document.querySelectorAll(strSelectorBase + " .pp-header");
+ arrHeadersLength = arrHeaders.length;
+ containerList = document.querySelectorAll(strSelectorBase + " .pp-scroll-linked");
+ containerListLength = containerList.length,
+ intNewWidth = 0,
+ strNewWidth = "",
+ boolProjectView = true,
+ arrStoredWidths = this.panelState.projectColumnWidths;
+
+ if (strSelectorBase.indexOf("assets") > -1) {
+ boolProjectView = false;
+ arrStoredWidths = this.panelState.assetColumnWidths;
+ }
- if (this.activeColumn === 0) {
- strSelector = strSelectorBase + " .pp-col-files";
- intAdjust = 17;
- } else if (this.activeColumn === 1) {
- strSelector = strSelectorBase + " .pp-col-date";
- intAdjust = 6;
- } else if (this.activeColumn === 2) {
- strSelector = strSelectorBase + " .pp-col-size";
- intAdjust = 6;
- } else if (this.activeColumn === 3) {
- strSelector = strSelectorBase + " .pp-col-type";
- intAdjust = 10;
- } else {
- return;
- }
- if ((this.activeColumn === 3) && boolProjectView) {
- return;
- }
-
- // Adjust intAdjust: for the asset view it needs to be 0.
- if (strSelectorBase.indexOf("assets") >0) {
- intAdjust = 0;
- }
-
- // Get the total width of the headers and set the container to that width.
- for (i = 0; i < arrHeadersLength; i++) {
- intTotalWidth = intTotalWidth + parseInt(arrHeaders[i].offsetWidth);
- }
- if (intTotalWidth === 0) {
- for (i = 0; i < arrStoredWidths.length; i++) {
- intTotalWidth = intTotalWidth + arrStoredWidths[i];
- }
- }
+ if (this.activeColumn === 0) {
+ strSelector = strSelectorBase + " .pp-col-files";
+ intAdjust = 17;
+ } else if (this.activeColumn === 1) {
+ strSelector = strSelectorBase + " .pp-col-date";
+ intAdjust = 6;
+ } else if (this.activeColumn === 2) {
+ strSelector = strSelectorBase + " .pp-col-size";
+ intAdjust = 6;
+ } else if (this.activeColumn === 3) {
+ strSelector = strSelectorBase + " .pp-col-type";
+ intAdjust = 10;
+ } else {
+ return;
+ }
+ if ((this.activeColumn === 3) && boolProjectView) {
+ return;
+ }
+
+ // Adjust intAdjust: for the asset view it needs to be 0.
+ if (strSelectorBase.indexOf("assets") >0) {
+ intAdjust = 0;
+ }
+
+ // Get the total width of the headers and set the container to that width.
+ for (i = 0; i < arrHeadersLength; i++) {
+ intTotalWidth = intTotalWidth + parseInt(arrHeaders[i].offsetWidth);
+ }
+ if (intTotalWidth === 0) {
+ for (i = 0; i < arrStoredWidths.length; i++) {
+ intTotalWidth = intTotalWidth + arrStoredWidths[i];
+ }
+ }
- for (i = 0; i < containerListLength; i++) {
- containerList[i].style.minWidth = (intTotalWidth+12) + "px";
- }
- intNewWidth = arrHeaders[this.activeColumn].offsetWidth;
- if (intNewWidth === 0) {
- intNewWidth = arrStoredWidths[this.activeColumn];
- }
- strNewWidth = (intNewWidth - intAdjust) + "px";
-
- // Get the array of column elements to change, and change them
- arrToChange = document.querySelectorAll(strSelector);
- arrToChangeLength = arrToChange.length;
- for (i = 0; i < arrToChangeLength; i++) {
- arrToChange[i].style.width = strNewWidth;
- }
-
- // Once resize has been completed, we need to update the panelState object:
- if (!boolProjectView) {
- this.panelState.assetColumnWidths[this.activeColumn] = intNewWidth;
- } else {
- this.panelState.projectColumnWidths[this.activeColumn] = intNewWidth;
- }
- }
+ for (i = 0; i < containerListLength; i++) {
+ containerList[i].style.minWidth = (intTotalWidth+12) + "px";
+ }
+ intNewWidth = arrHeaders[this.activeColumn].offsetWidth;
+ if (intNewWidth === 0) {
+ intNewWidth = arrStoredWidths[this.activeColumn];
+ }
+ strNewWidth = (intNewWidth - intAdjust) + "px";
+
+ // Get the array of column elements to change, and change them
+ arrToChange = document.querySelectorAll(strSelector);
+ arrToChangeLength = arrToChange.length;
+ for (i = 0; i < arrToChangeLength; i++) {
+ arrToChange[i].style.width = strNewWidth;
+ }
+
+ // Once resize has been completed, we need to update the panelState object:
+ if (!boolProjectView) {
+ this.panelState.assetColumnWidths[this.activeColumn] = intNewWidth;
+ } else {
+ this.panelState.projectColumnWidths[this.activeColumn] = intNewWidth;
+ }
+ }
},
- /* checkForResize: Check if the columns in the active view are being resized */
+ /* checkForResize: Check if the columns in the active view are being resized */
checkForResize: {
- value: function() {
- var arrHeaders = document.querySelectorAll("#pp-view-" + this.panelState.activeView + " .pp-header"),
- arrHeadersLength = arrHeaders.length,
- i=0,
- colWidth = 0,
- arrCols = this.panelState.projectColumnWidths;
-
- if (this.panelState.activeView === "assets") {
- arrCols = this.panelState.assetColumnWidths;
- }
- for (i = 0; i < arrHeadersLength; i++) {
- colWidth = parseInt(arrHeaders[i].offsetWidth);
- if (colWidth !== arrCols[i]) {
- this.activeColumn = i;
- i = arrHeadersLength;
- this.needsDraw = true;
- }
- }
- }
+ value: function() {
+ var arrHeaders = document.querySelectorAll("#pp-view-" + this.panelState.activeView + " .pp-header"),
+ arrHeadersLength = arrHeaders.length,
+ i=0,
+ colWidth = 0,
+ arrCols = this.panelState.projectColumnWidths;
+
+ if (this.panelState.activeView === "assets") {
+ arrCols = this.panelState.assetColumnWidths;
+ }
+ for (i = 0; i < arrHeadersLength; i++) {
+ colWidth = parseInt(arrHeaders[i].offsetWidth);
+ if (colWidth !== arrCols[i]) {
+ this.activeColumn = i;
+ i = arrHeadersLength;
+ this.needsDraw = true;
+ }
+ }
+ }
},
/* Shift key status: is the shift key pressed (used for keyboard navigation and multiselect) */
- _isShiftKeyDown: {
- value: false
- },
- isShiftKeyDown: {
- get: function() {
- return this._isShiftKeyDown;
- },
- set: function(boolValue) {
- this._isShiftKeyDown = boolValue;
- }
- },
+ _isShiftKeyDown: {
+ value: false
+ },
+ isShiftKeyDown: {
+ get: function() {
+ return this._isShiftKeyDown;
+ },
+ set: function(boolValue) {
+ this._isShiftKeyDown = boolValue;
+ }
+ },
/* Inline editor models: is the inline editor active, and a pointer to the current one */
- _activeInlineEditor: {
- value: false
- },
- activeInlineEditor: {
- get: function() {
- return this._activeInlineEditor;
- },
- set: function(myVal) {
- this._activeInlineEditor = myVal;
- }
- },
- _isInlineEditorActive: {
- value: false
- },
- isInlineEditorActive: {
- get: function() {
- return this._isInlineEditorActive;
- },
- set: function(newVal) {
- this._isInlineEditorActive = newVal;
- }
- },
+ _activeInlineEditor: {
+ value: false
+ },
+ activeInlineEditor: {
+ get: function() {
+ return this._activeInlineEditor;
+ },
+ set: function(myVal) {
+ this._activeInlineEditor = myVal;
+ }
+ },
+ _isInlineEditorActive: {
+ value: false
+ },
+ isInlineEditorActive: {
+ get: function() {
+ return this._isInlineEditorActive;
+ },
+ set: function(newVal) {
+ this._isInlineEditorActive = newVal;
+ }
+ },
/* Active sort: If the user is actively sorting the columns in the asset view */
- _isSortActive: {
- value: false
- },
- isSortActive: {
- get: function() {
- return this._isSortActive;
- },
- set: function(boolValue) {
- this._isSortActive = boolValue;
- if (boolValue) {
- this.needsDraw = true;
- }
- }
- },
-
- /* Active filter: If the user is actively filtering the asset view */
- _isFilterActive: {
- value: false
- },
- isFilterActive: {
- get: function() {
- return this._isFilterActive;
- },
- set: function(boolValue) {
- this._isFilterActive = boolValue;
- }
- },
+ _isSortActive: {
+ value: false
+ },
+ isSortActive: {
+ get: function() {
+ return this._isSortActive;
+ },
+ set: function(boolValue) {
+ this._isSortActive = boolValue;
+ if (boolValue) {
+ this.needsDraw = true;
+ }
+ }
+ },
+
+ /* Active filter: If the user is actively filtering the asset view */
+ _isFilterActive: {
+ value: false
+ },
+ isFilterActive: {
+ get: function() {
+ return this._isFilterActive;
+ },
+ set: function(boolValue) {
+ this._isFilterActive = boolValue;
+ }
+ },
- /* filteredAssets: where the filtered assets live */
- _filteredAssets: {
- value: []
- },
- filteredAssets: {
- get: function() {
- return this._filteredAssets;
- },
- set: function(arrValues) {
- this._filteredAssets = arrValues;
- }
- },
+ /* filteredAssets: where the filtered assets live */
+ _filteredAssets: {
+ value: []
+ },
+ filteredAssets: {
+ get: function() {
+ return this._filteredAssets;
+ },
+ set: function(arrValues) {
+ this._filteredAssets = arrValues;
+ }
+ },
- /* filterAssets: Method for filtering the assets */
- filterAssets: {
- value: function(strFilter) {
- var arrItems = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
- arrItemsLength = arrItems.length,
- i = 0,
- arrFilteredAssets = [];
- for (i = 0; i < arrItemsLength; i++) {
- var currText = arrItems[i].querySelector(".inline-editable").firstChild.nodeValue;
- if (currText.indexOf(strFilter) > -1) {
- arrFilteredAssets.push(i);
- }
- }
- return arrFilteredAssets;
- }
- },
+ /* filterAssets: Method for filtering the assets */
+ filterAssets: {
+ value: function(strFilter) {
+ var arrItems = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
+ arrItemsLength = arrItems.length,
+ i = 0,
+ arrFilteredAssets = [];
+ for (i = 0; i < arrItemsLength; i++) {
+ var currText = arrItems[i].querySelector(".inline-editable").firstChild.nodeValue;
+ if (currText.indexOf(strFilter) > -1) {
+ arrFilteredAssets.push(i);
+ }
+ }
+ return arrFilteredAssets;
+ }
+ },
- /* Asset Controllers: get first/last/previous/next visible asset, highlighting a row, and clearing a highlight */
+ /* Asset Controllers: get first/last/previous/next visible asset, highlighting a row, and clearing a highlight */
getFirstVisibleAsset: {
- value: function() {
- var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
- arrAssetsLength = arrAssets.length,
- i =0,
- cssProp = "";
- for (i = 0; i < arrAssetsLength; i++) {
- cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
- if (cssProp == "block") {
- return arrAssets[i];
- }
- }
- }
+ value: function() {
+ var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
+ arrAssetsLength = arrAssets.length,
+ i =0,
+ cssProp = "";
+ for (i = 0; i < arrAssetsLength; i++) {
+ cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
+ if (cssProp == "block") {
+ return arrAssets[i];
+ }
+ }
+ }
},
getLastVisibleAsset: {
- value: function() {
- var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
- arrAssetsLength = arrAssets.length,
- i = 0,
- cssProp = "";
- for (i = arrAssetsLength; i >0; i--) {
- if (arrAssets[i] != null) {
- cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
- }
- if (cssProp == "block") {
- return arrAssets[i];
- }
- }
- }
+ value: function() {
+ var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
+ arrAssetsLength = arrAssets.length,
+ i = 0,
+ cssProp = "";
+ for (i = arrAssetsLength; i >0; i--) {
+ if (arrAssets[i] != null) {
+ cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
+ }
+ if (cssProp == "block") {
+ return arrAssets[i];
+ }
+ }
+ }
},
getNextVisibleAsset: {
- value: function(currAsset) {
- var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
- arrAssetsLength = arrAssets.length,
- i =0,
- cssProp = "",
- boolContinue = false;
- for (i = 0; i < arrAssetsLength; i++) {
- if (!boolContinue) {
- if (arrAssets[i].isSameNode(currAsset)) {
- boolContinue = true;
- }
- } else {
- cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
- if (cssProp == "block") {
- return arrAssets[i];
- }
- }
- }
- // If we've got this far, there isn't one, so return false.
- return false;
- }
+ value: function(currAsset) {
+ var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
+ arrAssetsLength = arrAssets.length,
+ i =0,
+ cssProp = "",
+ boolContinue = false;
+ for (i = 0; i < arrAssetsLength; i++) {
+ if (!boolContinue) {
+ if (arrAssets[i].isSameNode(currAsset)) {
+ boolContinue = true;
+ }
+ } else {
+ cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
+ if (cssProp == "block") {
+ return arrAssets[i];
+ }
+ }
+ }
+ // If we've got this far, there isn't one, so return false.
+ return false;
+ }
},
getPreviousVisibleAsset: {
- value: function(currAsset) {
- var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
- arrAssetsLength = arrAssets.length,
- i =0,
- cssProp = "",
- boolContinue = false;
- for (i = arrAssetsLength-1; i >-1 ; i--) {
- if (!boolContinue) {
- if (arrAssets[i].isSameNode(currAsset)) {
- boolContinue = true;
- }
- } else {
- cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
- if (cssProp == "block") {
- return arrAssets[i];
- }
- }
- }
- // If we've got this far, there isn't one, so return false.
- return false;
- }
+ value: function(currAsset) {
+ var arrAssets = document.querySelectorAll("#pp-container-assets .pp-col-files div"),
+ arrAssetsLength = arrAssets.length,
+ i =0,
+ cssProp = "",
+ boolContinue = false;
+ for (i = arrAssetsLength-1; i >-1 ; i--) {
+ if (!boolContinue) {
+ if (arrAssets[i].isSameNode(currAsset)) {
+ boolContinue = true;
+ }
+ } else {
+ cssProp = window.getComputedStyle(arrAssets[i],null).getPropertyValue("display");
+ if (cssProp == "block") {
+ return arrAssets[i];
+ }
+ }
+ }
+ // If we've got this far, there isn't one, so return false.
+ return false;
+ }
},
hilightAssetRow: {
- value: function(ptrElement) {
- if (ptrElement.classList.contains("focused")) {
- return;
- }
- var arrFiles = document.querySelectorAll("#pp-view-assets .pp-col-files div"),
- arrFilesLength = arrFiles.length,
- arrSizes = document.querySelectorAll("#pp-view-assets .pp-col-size div"),
- arrSizesLength = arrSizes.length,
- arrDates = document.querySelectorAll("#pp-view-assets .pp-col-date div"),
- arrDatesLength = arrDates.length,
- arrTypes = document.querySelectorAll("#pp-view-assets .pp-col-type div"),
- arrTypesLength = arrTypes.length,
- inlineEditor = document.querySelector("#pp-view-assets input.inline-editor"),
- mySpan = ptrElement.querySelector("span"),
- currIndex,
- i = 0;
- ptrParent = nj.queryParentSelector(ptrElement, ".pp-asset-col");
+ value: function(ptrElement) {
+ if (ptrElement.classList.contains("focused")) {
+ return;
+ }
+ var arrFiles = document.querySelectorAll("#pp-view-assets .pp-col-files div"),
+ arrFilesLength = arrFiles.length,
+ arrSizes = document.querySelectorAll("#pp-view-assets .pp-col-size div"),
+ arrSizesLength = arrSizes.length,
+ arrDates = document.querySelectorAll("#pp-view-assets .pp-col-date div"),
+ arrDatesLength = arrDates.length,
+ arrTypes = document.querySelectorAll("#pp-view-assets .pp-col-type div"),
+ arrTypesLength = arrTypes.length,
+ inlineEditor = document.querySelector("#pp-view-assets input.inline-editor"),
+ mySpan = ptrElement.querySelector("span"),
+ currIndex,
+ i = 0;
+ ptrParent = nj.queryParentSelector(ptrElement, ".pp-asset-col");
- if ((inlineEditor !== null) && (ptrElement.classList.contains("nj-skinned"))) {
- // An inline edit is currently happening
- // (sometimes the click event listeners might get fired in that process)
- // So do nothing
- return;
- }
-
- if (ptrParent.classList.contains("pp-col-files")) {
- for (i = 0; i < arrFilesLength; i++) {
- if(arrFiles[i].isSameNode(ptrElement)) {
- currIndex = i;
- i = arrFilesLength;
- }
- }
- } else if (ptrParent.classList.contains("pp-col-size")) {
- // A size element was passed in
- for (i = 0; i < arrSizesLength; i++) {
- if(arrSizes[i].isSameNode(ptrElement)) {
- currIndex = i;
- i = arrSizesLength;
- }
- }
- } else if (ptrParent.classList.contains("pp-col-type")) {
- // A type element was passed in
- for (i = 0; i < arrTypesLength; i++) {
- if(arrTypes[i].isSameNode(ptrElement)) {
- currIndex = i;
- i = arrTypesLength;
- }
- }
- } else if (ptrParent.classList.contains("pp-col-date")) {
- // A date element was passed in
- for (i = 0; i < arrDatesLength; i++) {
- if(arrDates[i].isSameNode(ptrElement)) {
- currIndex = i;
- i = arrDatesLength;
- }
- }
- }
+ if ((inlineEditor !== null) && (ptrElement.classList.contains("nj-skinned"))) {
+ // An inline edit is currently happening
+ // (sometimes the click event listeners might get fired in that process)
+ // So do nothing
+ return;
+ }
+
+ if (ptrParent.classList.contains("pp-col-files")) {
+ for (i = 0; i < arrFilesLength; i++) {
+ if(arrFiles[i].isSameNode(ptrElement)) {
+ currIndex = i;
+ i = arrFilesLength;
+ }
+ }
+ } else if (ptrParent.classList.contains("pp-col-size")) {
+ // A size element was passed in
+ for (i = 0; i < arrSizesLength; i++) {
+ if(arrSizes[i].isSameNode(ptrElement)) {
+ currIndex = i;
+ i = arrSizesLength;
+ }
+ }
+ } else if (ptrParent.classList.contains("pp-col-type")) {
+ // A type element was passed in
+ for (i = 0; i < arrTypesLength; i++) {
+ if(arrTypes[i].isSameNode(ptrElement)) {
+ currIndex = i;
+ i = arrTypesLength;
+ }
+ }
+ } else if (ptrParent.classList.contains("pp-col-date")) {
+ // A date element was passed in
+ for (i = 0; i < arrDatesLength; i++) {
+ if(arrDates[i].isSameNode(ptrElement)) {
+ currIndex = i;
+ i = arrDatesLength;
+ }
+ }
+ }
- this.clearAssetFocus();
- arrDates[currIndex].classList.add("focused");
- arrFiles[currIndex].classList.add("focused");
- arrSizes[currIndex].classList.add("focused");
- arrTypes[currIndex].classList.add("focused");
-
- // Turn the file name in into an inline editable element
- // To avoid getting caught in the current click event, we'll delay the
- // component initialization for a few milliseconds.
- var that = this;
- setTimeout(function() {
- that.activeInlineEditor = InlineEditor.create();
- that.activeInlineEditor.element = arrFiles[currIndex];
-
- that.activeInlineEditor.onChange = function() {
- that.updateTree = true;
- that.isSortActive = true;
- that.needsDraw = true;
- }
- that.activeInlineEditor.init();
- that.isInlineEditorActive = true;
-
- // Bind the editor to the property in the data structure, so that when the change happens
- // it will propagate.
- Object.defineBinding(that.activeInlineEditor, "value", {
- boundObject: that.activeProject,
- boundObjectPropertyPath: mySpan.dataset.bindpath + ".name"
- })
- }, 200);
- }
+ this.clearAssetFocus();
+ arrDates[currIndex].classList.add("focused");
+ arrFiles[currIndex].classList.add("focused");
+ arrSizes[currIndex].classList.add("focused");
+ arrTypes[currIndex].classList.add("focused");
+
+ // Turn the file name in into an inline editable element
+ // To avoid getting caught in the current click event, we'll delay the
+ // component initialization for a few milliseconds.
+ var that = this;
+ setTimeout(function() {
+ that.activeInlineEditor = InlineEditor.create();
+ that.activeInlineEditor.element = arrFiles[currIndex];
+
+ that.activeInlineEditor.onChange = function() {
+ that.updateTree = true;
+ that.isSortActive = true;
+ that.needsDraw = true;
+ }
+ that.activeInlineEditor.init();
+ that.isInlineEditorActive = true;
+
+ // Bind the editor to the property in the data structure, so that when the change happens
+ // it will propagate.
+ Object.defineBinding(that.activeInlineEditor, "value", {
+ boundObject: that.activeProject,
+ boundObjectPropertyPath: mySpan.dataset.bindpath + ".name"
+ })
+ }, 200);
+ }
},
clearAssetFocus: {
- value: function() {
- var arrCurrFocused = document.querySelectorAll("#pp-view-assets .focused"),
- arrCurrFocusedLength = arrCurrFocused.length,
- inlineEditor = document.querySelector("#pp-view-assets input.inline-editor"),
- i = 0;
- if (inlineEditor !== null ) {
- // an edit is happening, so we don't actually want to do anything.
- //return;
- }
- for (i = 0; i < arrCurrFocusedLength; i++) {
- arrCurrFocused[i].classList.remove("focused");
- if (this.isInlineEditorActive !== false) {
- // TODO: A more bulletproof method for deleting this binding. This fails frequently and seemingly arbitrarily.
- //Object.deleteBinding(this.activeInlineEditor, "value");
- this.activeInlineEditor.destroy();
- this.isInlineEditorActive = false;
-
- }
- }
- }
+ value: function() {
+ var arrCurrFocused = document.querySelectorAll("#pp-view-assets .focused"),
+ arrCurrFocusedLength = arrCurrFocused.length,
+ inlineEditor = document.querySelector("#pp-view-assets input.inline-editor"),
+ i = 0;
+ if (inlineEditor !== null ) {
+ // an edit is happening, so we don't actually want to do anything.
+ //return;
+ }
+ for (i = 0; i < arrCurrFocusedLength; i++) {
+ arrCurrFocused[i].classList.remove("focused");
+ if (this.isInlineEditorActive !== false) {
+ // TODO: A more bulletproof method for deleting this binding. This fails frequently and seemingly arbitrarily.
+ //Object.deleteBinding(this.activeInlineEditor, "value");
+ this.activeInlineEditor.destroy();
+ this.isInlineEditorActive = false;
+
+ }
+ }
+ }
},
- /* Begin: Draw Cycle */
- /* First time draw: True if this is the first time the component has been drawn */
+ /* Begin: Draw Cycle */
+ /* First time draw: True if this is the first time the component has been drawn */
_firstTimeDraw: {
- value: true
+ value: true
},
firstTimeDraw: {
- get: function() {
- return this._firstTimeDraw;
- },
- set: function(value) {
- this._firstTimeDraw = value;
- }
+ get: function() {
+ return this._firstTimeDraw;
+ },
+ set: function(value) {
+ this._firstTimeDraw = value;
+ }
},
willDraw: {
- enumerable: false,
- value: function() {
+ enumerable: false,
+ value: function() {
- //this.log(newErr, "Test message " + newErr)
- //this.log("willDraw: hasActiveProject: " + this.hasActiveProject + "\nthis.swapProject: " + this.swapProject + "\nthis.firstTimeDraw: " + this.firstTimeDraw);
- var projectTree,
- testDirectory,
- treeContainer,
- scroller = document.getElementById("pp-col-files"),
- panelContainer = document.getElementById("pp-container"),
- arrButtons = document.querySelectorAll("#pp-col-buttons .pp-button"),
- listContainer = document.querySelector("#pp-container-list .pp-scroll-linked"),
- assetContainer = document.querySelector("#pp-container-assets .pp-scroll-linked"),
- arrButtonsLength = arrButtons.length,
- arrHeaders = document.querySelectorAll("#pp-view-assets .pp-header"),
- arrHeadersLength = arrHeaders.length,
- arrAllHeaders = document.querySelectorAll("#pp-col-files .pp-header"),
- arrAllHeadersLength = arrAllHeaders.length,
- tempResizer,
- arrSortArrows = document.querySelectorAll("#pp-view-assets .pp-sort-arrow"),
- arrSortArrowsLength = arrSortArrows.length,
- arrLinkedScrollers = document.querySelectorAll(".pp-scroll-main"),
- arrLinkedScrollersLength = arrLinkedScrollers.length,
- i = 0,
- that = this;
- /*
- if (this.firstTimeDraw) {
- this.hasActiveProject="large";
- }
- */
+ //this.log(newErr, "Test message " + newErr)
+ //this.log("willDraw: hasActiveProject: " + this.hasActiveProject + "\nthis.swapProject: " + this.swapProject + "\nthis.firstTimeDraw: " + this.firstTimeDraw);
+ var projectTree,
+ testDirectory,
+ treeContainer,
+ scroller = document.getElementById("pp-col-files"),
+ panelContainer = document.getElementById("pp-container"),
+ arrButtons = document.querySelectorAll("#pp-col-buttons .pp-button"),
+ listContainer = document.querySelector("#pp-container-list .pp-scroll-linked"),
+ assetContainer = document.querySelector("#pp-container-assets .pp-scroll-linked"),
+ arrButtonsLength = arrButtons.length,
+ arrHeaders = document.querySelectorAll("#pp-view-assets .pp-header"),
+ arrHeadersLength = arrHeaders.length,
+ arrAllHeaders = document.querySelectorAll("#pp-col-files .pp-header"),
+ arrAllHeadersLength = arrAllHeaders.length,
+ tempResizer,
+ arrSortArrows = document.querySelectorAll("#pp-view-assets .pp-sort-arrow"),
+ arrSortArrowsLength = arrSortArrows.length,
+ arrLinkedScrollers = document.querySelectorAll(".pp-scroll-main"),
+ arrLinkedScrollersLength = arrLinkedScrollers.length,
+ i = 0,
+ that = this;
+ /*
+ if (this.firstTimeDraw) {
+ this.hasActiveProject="large";
+ }
+ */
- if (!this.hasActiveProject) {
- var myContainer = document.getElementById("pp-container");
- myContainer.classList.add("pp-disabled");
- document.getElementById("pp-search-files").disabled=true;
- return;
- } else {
- var myContainer = document.getElementById("pp-container");
- myContainer.classList.remove("pp-disabled");
- document.getElementById("pp-search-files").disabled=false;
- }
+ if (!this.hasActiveProject) {
+ var myContainer = document.getElementById("pp-container");
+ myContainer.classList.add("pp-disabled");
+ document.getElementById("pp-search-files").disabled=true;
+ return;
+ } else {
+ var myContainer = document.getElementById("pp-container");
+ myContainer.classList.remove("pp-disabled");
+ document.getElementById("pp-search-files").disabled=false;
+ }
- if (this.firstTimeDraw) {
-
+ if (this.firstTimeDraw) {
+
-
- // Make headers resizable.
- for (i = 0; i < arrAllHeadersLength; i++) {
- tempResizer = ResizerControl.create();
- tempResizer.element = arrAllHeaders[i].querySelector(".pp-resize-grip");
- tempResizer.panel = arrAllHeaders[i];
- tempResizer.isPanel = false;
- tempResizer.isInversed = false;
- this.eventManager.addEventListener("panelResizing", function() {
- that.checkForResize();
- });
- this.eventManager.addEventListener("panelResizedEnd", function() {
- that.checkForResize();
- that.savePanelState();
+
+ // Make headers resizable.
+ for (i = 0; i < arrAllHeadersLength; i++) {
+ tempResizer = ResizerControl.create();
+ tempResizer.element = arrAllHeaders[i].querySelector(".pp-resize-grip");
+ tempResizer.panel = arrAllHeaders[i];
+ tempResizer.isPanel = false;
+ tempResizer.isInversed = false;
+ this.eventManager.addEventListener("panelResizing", function() {
+ that.checkForResize();
+ });
+ this.eventManager.addEventListener("panelResizedEnd", function() {
+ that.checkForResize();
+ that.savePanelState();
- })
- /*
- tempResizer.onResize = function() {
- that.checkForResize();
- }
- tempResizer.onResizeEnd = function() {
- setTimeout(function() {
- that.checkForResize();
- that.savePanelState();
- }, 100)
- }
- */
- tempResizer.needsDraw = true;
- }
-
- // Add event handlers to buttons
- for (i = 0; i < arrButtonsLength; i++) {
- arrButtons[i].identifier="assetButton";
- arrButtons[i].addEventListener("click", this, false);
- arrButtons[i].addEventListener("keydown", this, false);
- arrButtons[i].addEventListener("keyup", this, false);
- }
-
- // Add the click event listeners to the Asset View headers so they can be sorted
- for (i = 0; i < arrHeadersLength; i++) {
- arrHeaders[i].identifier="assetHeader";
- arrHeaders[i].addEventListener("click", this, false);
- }
- for (i = 0; i < arrSortArrowsLength; i++) {
- arrSortArrows[i].identifier="assetHeader";
- arrSortArrows[i].addEventListener("click", this, false);
- }
-
- // Add the event listener to the filter input so that when the user starts typing
- // we will start filtering the list
- var mySearch = document.getElementById("pp-search-files"),
- mySearchContainer = document.getElementById("pp-search");
- mySearch.identifier = "filter";
- mySearch.addEventListener("keyup", this, false);
- mySearchContainer.identifier = "searchContainer";
- mySearchContainer.addEventListener("mousedown", this, false);
- mySearchContainer.addEventListener("keydown", this, false);
- mySearchContainer.addEventListener("keyup", this, false);
-
- // FYI when a search field is cleared using the built-in clearing method it fires a search event?
- mySearch.addEventListener("search", this, false);
-
- // Add keyboard event listeners for the asset container
- assetContainer.identifier = "assetContainer";
- assetContainer.addEventListener("keydown", this, false);
- assetContainer.addEventListener("mousedown", this, false);
- assetContainer.addEventListener("keyup", this, false);
-
- // Add scroller
- for (i = 0; i < arrLinkedScrollersLength; i++) {
- arrLinkedScrollers[i].identifier = "linkedScroller";
- arrLinkedScrollers[i].addEventListener("scroll", this, false);
- }
-
- // Add treeClickEvent handler
- document.addEventListener("treeClickEvent", function() {
- var arrDirs = document.querySelectorAll("#pp-view-project li.directory.open"),
- arrDirsLength = arrDirs.length,
- i = 0,
- arrUris = [];
- for (i = 0; i < arrDirsLength; i++) {
- arrUris.push(arrDirs[i].dataset.uri);
- }
- that.panelState.openFolders = arrUris;
- that.savePanelState();
- });
- }
+ })
+ /*
+ tempResizer.onResize = function() {
+ that.checkForResize();
+ }
+ tempResizer.onResizeEnd = function() {
+ setTimeout(function() {
+ that.checkForResize();
+ that.savePanelState();
+ }, 100)
+ }
+ */
+ tempResizer.needsDraw = true;
+ }
+
+ // Add event handlers to buttons
+ for (i = 0; i < arrButtonsLength; i++) {
+ arrButtons[i].identifier="assetButton";
+ arrButtons[i].addEventListener("click", this, false);
+ arrButtons[i].addEventListener("keydown", this, false);
+ arrButtons[i].addEventListener("keyup", this, false);
+ }
+
+ // Add the click event listeners to the Asset View headers so they can be sorted
+ for (i = 0; i < arrHeadersLength; i++) {
+ arrHeaders[i].identifier="assetHeader";
+ arrHeaders[i].addEventListener("click", this, false);
+ }
+ for (i = 0; i < arrSortArrowsLength; i++) {
+ arrSortArrows[i].identifier="assetHeader";
+ arrSortArrows[i].addEventListener("click", this, false);
+ }
+
+ // Add the event listener to the filter input so that when the user starts typing
+ // we will start filtering the list
+ var mySearch = document.getElementById("pp-search-files"),
+ mySearchContainer = document.getElementById("pp-search");
+ mySearch.identifier = "filter";
+ mySearch.addEventListener("keyup", this, false);
+ mySearchContainer.identifier = "searchContainer";
+ mySearchContainer.addEventListener("mousedown", this, false);
+ mySearchContainer.addEventListener("keydown", this, false);
+ mySearchContainer.addEventListener("keyup", this, false);
+
+ // FYI when a search field is cleared using the built-in clearing method it fires a search event?
+ mySearch.addEventListener("search", this, false);
+
+ // Add keyboard event listeners for the asset container
+ assetContainer.identifier = "assetContainer";
+ assetContainer.addEventListener("keydown", this, false);
+ assetContainer.addEventListener("mousedown", this, false);
+ assetContainer.addEventListener("keyup", this, false);
+
+ // Add scroller
+ for (i = 0; i < arrLinkedScrollersLength; i++) {
+ arrLinkedScrollers[i].identifier = "linkedScroller";
+ arrLinkedScrollers[i].addEventListener("scroll", this, false);
+ }
+
+ // Add treeClickEvent handler
+ document.addEventListener("treeClickEvent", function() {
+ var arrDirs = document.querySelectorAll("#pp-view-project li.directory.open"),
+ arrDirsLength = arrDirs.length,
+ i = 0,
+ arrUris = [];
+ for (i = 0; i < arrDirsLength; i++) {
+ arrUris.push(arrDirs[i].dataset.uri);
+ }
+ that.panelState.openFolders = arrUris;
+ that.savePanelState();
+ });
+ }
-
- if (this.swapProject) {
- var arrCurrIcons = document.querySelectorAll(".pp-button.active"),
- arrCurrIconsLength = arrCurrIcons.length,
- i = 0;
+
+ if (this.swapProject) {
+ var arrCurrIcons = document.querySelectorAll(".pp-button.active"),
+ arrCurrIconsLength = arrCurrIcons.length,
+ i = 0;
- // TODO: real project fetching.
- if (this.hasActiveProject === "large") {
- testDirectory = this.getDirectoryData(false);
- } else {
- testDirectory = this.getDirectoryData(true);
- }
+ // TODO: real project fetching.
+ if (this.hasActiveProject === "large") {
+ testDirectory = this.getDirectoryData(false);
+ } else {
+ testDirectory = this.getDirectoryData(true);
+ }
-
- // Clear the buttons.
- for (i = 0; i < arrCurrIconsLength; i++) {
- arrCurrIcons[i].classList.toggle("active");
- }
- document.getElementById("pp-container-assets").removeAttribute("class");
-
- // Set default view
- if (this.panelState.activeView === "project") {
- document.querySelector("#pp-view-assets").style.display = "none";
- document.querySelector("#pp-view-project").style.display = "block"
- } else {
- document.querySelector("#pp-view-project").style.display = "none"
- document.querySelector("#pp-view-assets").style.display = "block";
- }
+
+ // Clear the buttons.
+ for (i = 0; i < arrCurrIconsLength; i++) {
+ arrCurrIcons[i].classList.toggle("active");
+ }
+ document.getElementById("pp-container-assets").removeAttribute("class");
+
+ // Set default view
+ if (this.panelState.activeView === "project") {
+ document.querySelector("#pp-view-assets").style.display = "none";
+ document.querySelector("#pp-view-project").style.display = "block"
+ } else {
+ document.querySelector("#pp-view-project").style.display = "none"
+ document.querySelector("#pp-view-assets").style.display = "block";
+ }
- // Now build the asset view. First, get the flattened directory array
- this.getFlatDirectory();
-
- // Set for active sort so that the view gets drawn
- this.isSortActive = true;
-
- // Set the tree update flag
- this.updateTree = true;
- }
-
- if (this.updateTree) {
- var myTree = document.getElementById("pp-container-tree");
-
- // TODO: Make this better.
- if (myTree !== null) {
- var myGetme = document.getElementById("getme");
- myGetme.removeChild(myTree);
- }
-
- // Insert the base element for the tree.
- treeContainer = document.createElement("ul");
- treeContainer.setAttribute("id", "tree");
- listContainer.appendChild(treeContainer);
-
- // Create the tree using the TreeControl
- projectTree = TreeControl.create();
- projectTree.element = treeContainer;
- projectTree.jsonData = this.activeProject;
- projectTree.needsDraw = true;
- }
- }
+ // Now build the asset view. First, get the flattened directory array
+ this.getFlatDirectory();
+
+ // Set for active sort so that the view gets drawn
+ this.isSortActive = true;
+
+ // Set the tree update flag
+ this.updateTree = true;
+ }
+
+ if (this.updateTree) {
+ var myTree = document.getElementById("pp-container-tree");
+
+ // TODO: Make this better.
+ if (myTree !== null) {
+ var myGetme = document.getElementById("getme");
+ myGetme.removeChild(myTree);
+ }
+
+ // Insert the base element for the tree.
+ treeContainer = document.createElement("ul");
+ treeContainer.setAttribute("id", "tree");
+ listContainer.appendChild(treeContainer);
+
+ // Create the tree using the TreeControl
+ projectTree = TreeControl.create();
+ projectTree.element = treeContainer;
+ projectTree.jsonData = this.activeProject;
+ projectTree.needsDraw = true;
+ }
+ }
},
draw: {
- enumerable: false,
- value: function() {
- //this.log("draw: hasActiveProject: " + this.hasActiveProject + "\nthis.swapProject: " + this.swapProject + "\nthis.firstTimeDraw: " + this.firstTimeDraw);
- var arrToChange,
- arrToChangeLength,
- arrHeaders,
- arrHeadersLength,
- containerList,
- containerListLength,
- strSelector,
- intAdjust = 17,
- intTotalWidth = 0,
- errorMessage = document.querySelector("#pp-container-assets h3"),
- myAssetCol = document.querySelector("#pp-container-assets .pp-col-files"),
- filter = document.getElementById("pp-search-files"),
- filterValue = filter.value,
- i = 0,
- j=0,
- that = this;
-
- // Okay, so...what do we need to change?
-
- // Do we maybe need to resize the columns in a view?
- if (!this.firstTimeDraw) {
- if (this.activeColumn !== false) {
- this.resizeColumn("#pp-view-" + this.panelState.activeView);
- this.activeColumn = false;
- }
- }
-
- // Is there a sort event active?
- if (this.isSortActive) {
- // A sort is active, so we need to rebuild the asset view.
- var aFileCol = document.querySelector("#pp-view-assets .pp-col-files"),
- aSizeCol = document.querySelector("#pp-view-assets .pp-col-size"),
- aDateCol = document.querySelector("#pp-view-assets .pp-col-date"),
- aTypeCol = document.querySelector("#pp-view-assets .pp-col-type"),
- sortCol = document.querySelector("#pp-view-assets .pp-sort"),
- sortDirection = sortCol.dataset.direction,
- sortTarget = "",
- myColNumber = parseInt(sortCol.dataset.column),
- myFiles = this.arrFiles,
- myFilesLength = myFiles.length,
- i = 0,
- newFile,
- newFileContent,
- newSize,
- newSizeContent,
- newDate,
- newDateContent,
- newType,
- newTypeDiv,
- newTypeDivContent,
- newClass = "pp-type-other",
- typeScript = "css,scss,sass,htm,html,xhtm,xhtml,js,jscript,php",
- typeVideo = "mpeg,avi,qt,wmv",
- typeAudio = "mp3,mp4,wav",
- typeImage = "jpeg,jpg,png,gif,ps",
- typeFlash = "fla,swf",
- sortHandler = function(thisObject, thatObject) {
- var returnMultiplier = 1,
- thisThing, thatThing;
-
- // Ascending or Descending sort?
- if (sortDirection === "descending") {
- returnMultiplier = -1;
- }
-
- // Targets of size and modifiedDate need to be compared as integers,
- // otherwise we're doing string compares.
- if ((sortTarget === "size") || (sortTarget === "modifiedDate")) {
- thisThing = parseInt(thisObject[sortTarget]);
- thatThing = parseInt(thatObject[sortTarget]);
- } else if (sortTarget === "type"){
- thisThing = thisObject.name.split(".").pop();
- thatThing = thatObject.name.split(".").pop();
- } else {
- thisThing = thisObject[sortTarget];
- thatThing = thatObject[sortTarget];
- }
-
- // Run the comparison.
- if (thisThing > thatThing) {
- return (1 * returnMultiplier);
- } else if (thisThing < thatThing) {
- return (-1 * returnMultiplier);
- } else {
- return 0;
- }
- },
- makeFriendlySize = function(intSize) {
- var strSize = false,
- intRoundedSize = Math.round(intSize/1000);
- strSize = intRoundedSize + " K";
- return strSize;
- },
- makeFriendlyDate = function(intSeconds) {
- // TODO: Localization.
- var myDate = new Date(intSeconds),
- strDate = "";
- strDate = (myDate.getMonth() + 1) + "/"
- + myDate.getDate() + "/"
- + myDate.getFullYear() + " "
- + myDate.toLocaleTimeString();
- return strDate;
- };
-
- // Set the sort target
- if (myColNumber === 0) {
- sortTarget = "name";
- } else if (myColNumber === 1) {
- sortTarget = "modifiedDate";
- } else if (myColNumber === 2) {
- sortTarget = "size";
- } else if (myColNumber === 3) {
- sortTarget = "type";
- } else {
- return;
- }
+ enumerable: false,
+ value: function() {
+ //this.log("draw: hasActiveProject: " + this.hasActiveProject + "\nthis.swapProject: " + this.swapProject + "\nthis.firstTimeDraw: " + this.firstTimeDraw);
+ var arrToChange,
+ arrToChangeLength,
+ arrHeaders,
+ arrHeadersLength,
+ containerList,
+ containerListLength,
+ strSelector,
+ intAdjust = 17,
+ intTotalWidth = 0,
+ errorMessage = document.querySelector("#pp-container-assets h3"),
+ myAssetCol = document.querySelector("#pp-container-assets .pp-col-files"),
+ filter = document.getElementById("pp-search-files"),
+ filterValue = filter.value,
+ i = 0,
+ j=0,
+ that = this;
+
+ // Okay, so...what do we need to change?
+
+ // Do we maybe need to resize the columns in a view?
+ if (!this.firstTimeDraw) {
+ if (this.activeColumn !== false) {
+ this.resizeColumn("#pp-view-" + this.panelState.activeView);
+ this.activeColumn = false;
+ }
+ }
+
+ // Is there a sort event active?
+ if (this.isSortActive) {
+ // A sort is active, so we need to rebuild the asset view.
+ var aFileCol = document.querySelector("#pp-view-assets .pp-col-files"),
+ aSizeCol = document.querySelector("#pp-view-assets .pp-col-size"),
+ aDateCol = document.querySelector("#pp-view-assets .pp-col-date"),
+ aTypeCol = document.querySelector("#pp-view-assets .pp-col-type"),
+ sortCol = document.querySelector("#pp-view-assets .pp-sort"),
+ sortDirection = sortCol.dataset.direction,
+ sortTarget = "",
+ myColNumber = parseInt(sortCol.dataset.column),
+ myFiles = this.arrFiles,
+ myFilesLength = myFiles.length,
+ i = 0,
+ newFile,
+ newFileContent,
+ newSize,
+ newSizeContent,
+ newDate,
+ newDateContent,
+ newType,
+ newTypeDiv,
+ newTypeDivContent,
+ newClass = "pp-type-other",
+ typeScript = "css,scss,sass,htm,html,xhtm,xhtml,js,jscript,php",
+ typeVideo = "mpeg,avi,qt,wmv",
+ typeAudio = "mp3,mp4,wav",
+ typeImage = "jpeg,jpg,png,gif,ps",
+ typeFlash = "fla,swf",
+ sortHandler = function(thisObject, thatObject) {
+ var returnMultiplier = 1,
+ thisThing, thatThing;
+
+ // Ascending or Descending sort?
+ if (sortDirection === "descending") {
+ returnMultiplier = -1;
+ }
+
+ // Targets of size and modifiedDate need to be compared as integers,
+ // otherwise we're doing string compares.
+ if ((sortTarget === "size") || (sortTarget === "modifiedDate")) {
+ thisThing = parseInt(thisObject[sortTarget]);
+ thatThing = parseInt(thatObject[sortTarget]);
+ } else if (sortTarget === "type"){
+ thisThing = thisObject.name.split(".").pop();
+ thatThing = thatObject.name.split(".").pop();
+ } else {
+ thisThing = thisObject[sortTarget];
+ thatThing = thatObject[sortTarget];
+ }
+
+ // Run the comparison.
+ if (thisThing > thatThing) {
+ return (1 * returnMultiplier);
+ } else if (thisThing < thatThing) {
+ return (-1 * returnMultiplier);
+ } else {
+ return 0;
+ }
+ },
+ makeFriendlySize = function(intSize) {
+ var strSize = false,
+ intRoundedSize = Math.round(intSize/1000);
+ strSize = intRoundedSize + " K";
+ return strSize;
+ },
+ makeFriendlyDate = function(intSeconds) {
+ // TODO: Localization.
+ var myDate = new Date(intSeconds),
+ strDate = "";
+ strDate = (myDate.getMonth() + 1) + "/"
+ + myDate.getDate() + "/"
+ + myDate.getFullYear() + " "
+