mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-07-26 09:24:07 +00:00
feature(dom) rm addClass, removeClass
This commit is contained in:
parent
87e77c2654
commit
b53691f91a
24 changed files with 1119 additions and 78 deletions
|
|
@ -161,7 +161,10 @@ var Util, DOM, CloudFunc, join;
|
|||
},
|
||||
|
||||
funcBefore = function(callback) {
|
||||
var src = CloudCmd.LIBDIRCLIENT + 'polyfill.js';
|
||||
var src = prefix + '/join:' + [
|
||||
CloudCmd.LIBDIRCLIENT + 'polyfill.js',
|
||||
'/modules/html5-polyfills/classList.js'
|
||||
].join(':');
|
||||
|
||||
DOM.loadJquery(function() {
|
||||
DOM.load.js(src, callback);
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@
|
|||
var files = DOM.getActiveFiles();
|
||||
|
||||
files.forEach(function(element) {
|
||||
DOM.addClass(element, CLASS);
|
||||
element.classList.add(CLASS);
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
var files = DOM.getByClassAll(CLASS);
|
||||
|
||||
[].forEach.call(files, function(element) {
|
||||
DOM.removeClass(element, CLASS);
|
||||
element.classList.remove(CLASS);
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -151,43 +151,6 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
|
|||
|
||||
DOMTreeProto = function() {
|
||||
var DOM = this;
|
||||
/**
|
||||
* add class to element
|
||||
*
|
||||
* @param element
|
||||
* @param pClass
|
||||
*/
|
||||
this.addClass = function(element, pClass) {
|
||||
var ret = element && pClass;
|
||||
|
||||
if (ret)
|
||||
element.classList.add(pClass);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* remove class pClass from element element
|
||||
* @param element
|
||||
* @param pClass
|
||||
*/
|
||||
this.removeClass = function(element, pClass) {
|
||||
var ret = element && pClass;
|
||||
|
||||
if (ret)
|
||||
element.classList.remove(pClass);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
this.toggleClass = function(element, pClass) {
|
||||
var ret = element && pClass;
|
||||
|
||||
if (ret)
|
||||
element.classList.toggle(pClass);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* check class of element
|
||||
|
|
@ -284,11 +247,13 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
|
|||
* @param element
|
||||
*/
|
||||
this.hide = function(element) {
|
||||
return DOM.addClass(element, 'hidden');
|
||||
element.classList.add('hidden');
|
||||
return DOM;
|
||||
};
|
||||
|
||||
this.show = function(element) {
|
||||
return DOM.removeClass(element, 'hidden');
|
||||
element.classList.remove('hidden');
|
||||
return DOM;
|
||||
};
|
||||
},
|
||||
|
||||
|
|
@ -313,7 +278,7 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
|
|||
var ret = DOM.isCurrentFile(currentFile);
|
||||
|
||||
if (ret)
|
||||
DOM.removeClass(currentFile, CURRENT_FILE);
|
||||
currentFile.classList.remove(CURRENT_FILE);
|
||||
|
||||
return ret;
|
||||
}
|
||||
|
|
@ -931,7 +896,7 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
|
|||
unsetCurrentFile(currentFileWas);
|
||||
}
|
||||
|
||||
this.addClass(currentFile, CURRENT_FILE);
|
||||
currentFile.classList.add(CURRENT_FILE);
|
||||
|
||||
path = DOM.getCurrentDirPath();
|
||||
|
||||
|
|
@ -1003,10 +968,11 @@ var CloudCmd, Util, DOM, CloudFunc, Dialog;
|
|||
* @param currentFile
|
||||
*/
|
||||
this.toggleSelectedFile = function(currentFile) {
|
||||
var current = currentFile || this.getCurrentFile(),
|
||||
ret = this.toggleClass(current, SELECTED_FILE);
|
||||
var current = currentFile || this.getCurrentFile();
|
||||
|
||||
current.classList.toggle(SELECTED_FILE);
|
||||
|
||||
return ret;
|
||||
return Cmd;
|
||||
};
|
||||
|
||||
this.toggleAllSelectedFiles = function() {
|
||||
|
|
|
|||
|
|
@ -155,34 +155,6 @@ var Util, DOM, jQuery;
|
|||
element.scrollIntoView(alignWithTop);
|
||||
}
|
||||
};
|
||||
|
||||
if (!document.body.classList) {
|
||||
DOM.isContainClass = function(el, className) {
|
||||
var ret = $(el).hasClass(className);
|
||||
|
||||
return ret;
|
||||
};
|
||||
|
||||
DOM.addClass = function(pElement, pClass) {
|
||||
var lRet,
|
||||
lClassName = pElement && pElement.className,
|
||||
lSpaceChar = lClassName ? ' ' : '';
|
||||
|
||||
lRet = !DOM.isContainClass(pElement, pClass);
|
||||
|
||||
if (lRet)
|
||||
pElement.className += lSpaceChar + pClass;
|
||||
|
||||
return lRet;
|
||||
};
|
||||
|
||||
DOM.removeClass = function(pElement, pClass) {
|
||||
var lClassName = pElement.className;
|
||||
|
||||
if (lClassName.length > pClass.length)
|
||||
pElement.className = lClassName.replace(pClass, '');
|
||||
};
|
||||
}
|
||||
|
||||
if (!window.JSON) {
|
||||
Util.json.parse = $.parseJSON;
|
||||
|
|
|
|||
|
|
@ -317,11 +317,11 @@ var CloudCmd, Util, DOM, CloudFunc, $;
|
|||
}
|
||||
|
||||
function hideOverlay() {
|
||||
DOM.removeClass(Overlay, 'view-overlay');
|
||||
Overlay.classList.remove('view-overlay');
|
||||
}
|
||||
|
||||
function showOverlay() {
|
||||
DOM.addClass(Overlay, 'view-overlay');
|
||||
Overlay.classList.add('view-overlay');
|
||||
}
|
||||
|
||||
function listener(event) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue