commit 6597331675efdb48fc365b2e0e4be5d5601fba19 Author: Sébastien Date: Mon Jan 3 16:18:45 2022 +0100 Commit initial diff --git a/README.md b/README.md new file mode 100644 index 0000000..b25f175 --- /dev/null +++ b/README.md @@ -0,0 +1,6 @@ +GSDom - Bibliothèque Javascript +=============================== + +Installation +------------ + diff --git a/build_gsdom.sh b/build_gsdom.sh new file mode 100755 index 0000000..b66c05b --- /dev/null +++ b/build_gsdom.sh @@ -0,0 +1 @@ +terser --ecma=2015 --comments /^!/ --compress --mangle --output dist/gsdom.min.js -- src/gsdom.js \ No newline at end of file diff --git a/dist/gsdom.min.js b/dist/gsdom.min.js new file mode 100644 index 0000000..fa73836 --- /dev/null +++ b/dist/gsdom.min.js @@ -0,0 +1 @@ +window.$_=(()=>{"use strict";let t=function(t,e){if(t)if("document"===t)this.elems=[document];else if("window"===t)this.elems=[window];else{let i=e||document;this.elems=i.querySelectorAll(t)}};t.prototype.each=function(t){if(t&&"function"==typeof t)return this.elems.forEach((e,i)=>{t(e,i)}),this},t.prototype.addClass=function(t){return this.each(e=>{e.classList.add(t)}),this},t.prototype.removeClass=function(t){return this.each(e=>{e.classList.remove(t)}),this},t.prototype.replaceClass=function(t,e){return this.each(i=>{i.classList.replace(t,e)}),this},t.prototype.setAttr=function(t,e){return this.each(i=>{i.setAttribute(t,e)}),this},t.prototype.delAttr=function(t){return this.each(e=>{e.removeAttribute(t)}),this},t.prototype.setHidden=function(){return this.setAttr("hidden",""),this},t.prototype.setReadOnly=function(){return this.setAttr("readonly",""),this},t.prototype.setDisabled=function(){return this.setAttr("disabled",""),this},t.prototype.delHidden=function(){return this.delAttr("hidden"),this},t.prototype.delReadOnly=function(){return this.delAttr("readonly"),this},t.prototype.delDisabled=function(){return this.delAttr("disabled"),this},t.prototype.toggleHidden=function(){return this.each(t=>{t.hasAttribute("hidden")?t.removeAttribute("hidden"):t.setAttribute("hidden","")}),this},t.prototype.toggleReadOnly=function(){return this.each(t=>{t.hasAttribute("readonly")?t.removeAttribute("readonly"):t.setAttribute("readonly","")}),this},t.prototype.toggleDisabled=function(){return this.each(t=>{t.hasAttribute("disabled")?t.removeAttribute("disabled"):t.setAttribute("disabled","")}),this},t.prototype.on=function(t,e,i){return this.each(r=>{r.removeEventListener(t,e,i||!1),r.addEventListener(t,(t,i)=>{e(t,i)},i||!1)}),this},t.prototype.onClick=function(t,e){return this.on("click",t,e||!1),this},t.prototype.found=function(){return this.elems.length>0},t.prototype.first=function(){return!!this.found()&&this.elems[0]},t.prototype.last=function(){return!!this.found()&&this.elems[this.elems.length-1]};let e=(e,i)=>new t(e,i);return e.version="GSD 1.1.0 by Séb",e})(); \ No newline at end of file diff --git a/src/gsdom.js b/src/gsdom.js new file mode 100644 index 0000000..d2e9746 --- /dev/null +++ b/src/gsdom.js @@ -0,0 +1,242 @@ +window.$_ = (() => { + 'use strict'; + /** + * Création du constructeur + * @param {String} selector Sélecteur utilisé + * @param {HTMLElement} scope Racine de la recherche + */ + let Constructor = function(selector, scope) { + if (!selector) { + return; + } + if (selector === 'document') { + this.elems = [document, ]; + } else if (selector === 'window') { + this.elems = [window, ]; + } else { + let root = scope ? scope : document; + this.elems = root.querySelectorAll(selector); + } + }; + /** + * Application d'une fonction sur chacun des éléments + * @param {Function} callback La fonction de rappel + */ + Constructor.prototype.each = function(callback) { + if (!callback || typeof callback !== 'function') { + return; + } + this.elems.forEach((element, index) => { + callback(element, index); + }); + return this; + }; + /** + * Ajout d'une classe aux éléments sélectionnés + * @param {String} className Le nom de la classe à ajouter + * @returns {this} Chainage + */ + Constructor.prototype.addClass = function(className) { + this.each(item => { + item.classList.add(className); + }); + return this; + }; + /** + * Ajout d'une classe aux éléments sélectionnés + * @param {String} className Le nom de la classe à ajouter + * @returns {this} Chainage + */ + Constructor.prototype.removeClass = function(className) { + this.each(item => { + item.classList.remove(className); + }); + return this; + }; + /** + * Remplace une classe par une autre dans les éléments sélectionnés + * @param {String} oldClass Nom de la classe à remplacer + * @param {String} newClass Nom de la classe de remplacement + * @returns {this} Chainage + */ + Constructor.prototype.replaceClass = function(oldClass, newClass) { + this.each(item => { + item.classList.replace(oldClass, newClass); + }); + return this; + }; + /** + * Définit un attribut et sa valeur + * @param {String} attr Nom de l'attribut + * @param {String} value Valeur de l'attribut + * @returns {this} Chainage + */ + Constructor.prototype.setAttr = function(attr, value) { + this.each(item => { + item.setAttribute(attr, value); + }); + return this; + }; + /** + * Supprime un attribut dans les éléments sélectionnés + * @param {String} attr Nom de l'attribut à supprimer + * @returns {this} Chainage + */ + Constructor.prototype.delAttr = function(attr) { + this.each(item => { + item.removeAttribute(attr); + }); + return this; + }; + /** + * Ajoute l'attribut hidden aux éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.setHidden = function() { + this.setAttr('hidden', ''); + return this; + }; + /** + * Ajoute l'attribut readonly aux éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.setReadOnly = function() { + this.setAttr('readonly', ''); + return this; + }; + /** + * Ajoute l'attribut disabled aux éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.setDisabled = function() { + this.setAttr('disabled', ''); + return this; + }; + /** + * Supprime l'attribut hidden aux éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.delHidden = function() { + this.delAttr('hidden'); + return this; + }; + /** + * Supprime l'attribut readonly aux éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.delReadOnly = function() { + this.delAttr('readonly'); + return this; + }; + /** + * Supprime l'attribut disabled aux éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.delDisabled = function() { + this.delAttr('disabled'); + return this; + }; + /** + * switche l'attribut hidden des éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.toggleHidden = function() { + this.each(item => { + if (item.hasAttribute('hidden')) { + item.removeAttribute('hidden'); + } else { + item.setAttribute('hidden', ''); + } + }); + return this; + }; + /** + * switche l'attribut readonly des éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.toggleReadOnly = function() { + this.each(item => { + if (item.hasAttribute('readonly')) { + item.removeAttribute('readonly'); + } else { + item.setAttribute('readonly', ''); + } + }); + return this; + }; + /** + * switche l'attribut disabled des éléments sélectionnés + * @returns {this} Chainage + */ + Constructor.prototype.toggleDisabled = function() { + this.each(item => { + if (item.hasAttribute('disabled')) { + item.removeAttribute('disabled'); + } else { + item.setAttribute('disabled', ''); + } + }); + return this; + }; + /** + * Ajout d'un gestionnaire d'événement aux éléments sélectionnés + * @param {String} type Nom de l'événement + * @param {Function} callback Gestionnaire de l'événement + * @param {Boolean} useCapture Propagation de l'événement + */ + Constructor.prototype.on = function(type, callback, useCapture) { + this.each(item => { + item.removeEventListener(type, callback, useCapture || false); + item.addEventListener(type, (evt, el) => { + callback(evt, el); + }, useCapture || false); + }); + return this; + }; + /** + * Ajout d'un gestionnaire d'événement 'click' pour les éléments sélectionnés + * @param {Function} callback Gestionnaire de l'événement + * @param {Boolean} useCapture Propagation de l'événement + */ + Constructor.prototype.onClick = function(callback, useCapture) { + this.on('click', callback, useCapture || false); + return this; + }; + /** + * Retourne si un élément a été trouvé + * @returns {Boolean} l'élément du DOM trouvé + */ + Constructor.prototype.found = function() { + return this.elems.length > 0; + }; + /** + * Retourne le premier élément trouvé + * @returns {HTMLElement} l'élément du DOM trouvé + */ + Constructor.prototype.first = function() { + return this.found() ? this.elems[0] : false; + }; + /** + * Retourne le dernier élément trouvé + * @returns {HTMLElement} L'élément du DOM trouvé + */ + Constructor.prototype.last = function() { + return this.found() ? this.elems[this.elems.length - 1] : false; + }; + /** + * Instantiation d'un nouveau constructeur + * @param {String} selector Sélecteur utilisé + * @param {HTMLElement} scope Racine de la recherche + */ + let gsd = (selector, root) => { + return new Constructor(selector, root); + }; + /** + * Version de la librairie + */ + gsd.version = 'GSD 1.1.0 by Séb'; + /** + * @return Retour de la librairie + */ + return gsd; +})(); \ No newline at end of file