[THEME] "Dark Sobre"

[dJuL]

C'est l'ombre ajoutée aux tuiles qui est affichée

Ok mais comment fait-on si on veut l'enlever ?

Pour le shadow sur les widgets je vais rajouter une option

edit: sera présent dans la version 0.9.36

[dJuL]

MAJ du thème

- Mise à jour du tuto du post#2

v0.9.35 :
- Mise à jour du JS afin de pouvoir modifier la config du thème dans les personnalisations avancées (manip facultative)
- Modifs des boutons jquery-ui (la croix close est de retour mais en vert)
- Modif du boutons par défaut (selon où il se trouve)
- Modifs des menus, ajouts du logo jeedom qui "s'allume" au passage de la souris.
- Modifs de la couleur des onglets (vert)
- Divers petites modifs d'harmonisation
- Maj de l'image de preview

Pour l'appliquer de suite Il faut télécharger le zip, le lien et la procédure d'upgrade se trouve dans le Post#2

Attention, faire la Maj uniquement si vous utilisez la version 2.2.4 (ou supérieure) de jeedom

[marmoul]

Un grand merci j'essaye ce soir

edit: nickel comme d'habitude

[breizh22]

Merci pour cette mise à jour qui est au top

[dJuL]

Aller hop,

MAJ du thème

v0.9.36 :
- Mise à jour du JS (injection de CSS avant le chargement de la page pour les nouvelles options ci-dessous)
- Nouvelle config JS: ajout des ombres des widgets (activées par défaut partout sauf dans le design)
- Nouvelle config JS: possibilité de définir facilement votre papier peint perso
- CSS: Finitions diverses un peut partout (notamment outils dev. et suivi conso)

Pour l'appliquer de suite Il faut télécharger le zip, le lien et suivre la procédure d'upgrade qui se trouve dans le Post#2

Attention, faire la Maj uniquement si vous utilisez la version 2.2.4 (ou supérieure) de jeedom

[nickasimir]

merci pour la maj et super l'intégration dans jeedom directement depuis la page profil

[dJuL]

Là je pense qu'on est bon pour un petit moment...

PS: Avec la dernière version du thème, la nouvelle option pour les ombres des widgets ne marche pas avec la 2.2.4 mais uniquement avec la 2.2.6 (dans la 2.2.4 elles sont activées partout et j'ai pas pensé à forcer la désactivation)

[Ma Pomme]

Merci Darkeyes

[vouvrat]

Merci pour toutes ces modifications rapides.

Tout est green pour moi

[fcna]

MAJ du thème

- Mise à jour du tuto du post#2

v0.9.35 :
- Mise à jour du JS afin de pouvoir modifier la config du thème dans les personnalisations avancées (manip facultative)
- Modifs des boutons jquery-ui (la croix close est de retour mais en vert)
- Modif du boutons par défaut (selon où il se trouve)
- Modifs des menus, ajouts du logo jeedom qui "s'allume" au passage de la souris.
- Modifs de la couleur des onglets (vert)
- Divers petites modifs d'harmonisation
- Maj de l'image de preview

Pour l'appliquer de suite Il faut télécharger le zip, le lien et la procédure d'upgrade se trouve dans le Post#2

Attention, faire la Maj uniquement si vous utilisez la version 2.2.4 (ou supérieure) de jeedom

je suis pas sur de comprendre. Il faut uplaoder le css et les images, ou juste modifier dans config avancer le JS, ou les 2.

Merci d'avance

[romanais]

Bonjour, depuis hier j'ai un petit souci sous Firefox avec le thème Darksobre.
Mon dashboard commence à se charger, puis se fige, et j'ai un message concernant un script (je peux annuler, déboguer ou arrêter le script), mais dans tous les cas, je dois fermer mon Firefox, car il est planté tout entier.
Si je choisis déboguer le script, ça me renvoie ici :

dark.png (53.73 Kio) Consulté 964 fois

Personne ici n'a de souci sur Firefox ?

[domoggvad]

MAJ du thème

- Mise à jour du tuto du post#2

v0.9.35 :
- Mise à jour du JS afin de pouvoir modifier la config du thème dans les personnalisations avancées (manip facultative)
- Modifs des boutons jquery-ui (la croix close est de retour mais en vert)
- Modif du boutons par défaut (selon où il se trouve)
- Modifs des menus, ajouts du logo jeedom qui "s'allume" au passage de la souris.
- Modifs de la couleur des onglets (vert)
- Divers petites modifs d'harmonisation
- Maj de l'image de preview

Pour l'appliquer de suite Il faut télécharger le zip, le lien et la procédure d'upgrade se trouve dans le Post#2

Attention, faire la Maj uniquement si vous utilisez la version 2.2.4 (ou supérieure) de jeedom

je suis pas sur de comprendre. Il faut uplaoder le css et les images, ou juste modifier dans config avancer le JS, ou les 2.

Merci d'avance

Bonjour @fcna
Pour répondre à ta question sur le second post tu as ça

Personalisation : (facultatif)

Ensuite si vous voulez modifier la configuration du thème (ou si vous avez des pb avec la transparence des tuiles) aller dans le menu "Personnalisation avancée" puis copier le code ci dessous.

[fcna]

oui, mais j'ai l'impression qu'il y a une nouvelle version du css alors que je suis en 2.2.4.

[domoggvad]

oui, mais j'ai l'impression qu'il y a une nouvelle version du css alors que je suis en 2.2.4.

oui juste pour éviter d’attendre la mise à jour jeedom, il a juste changer de place, core/themes/darksobre/desktop

[domoggvad]

Bonjour, depuis hier j'ai un petit souci sous Firefox avec le thème Darksobre.
Mon dashboard commence à se charger, puis se fige, et j'ai un message concernant un script (je peux annuler, déboguer ou arrêter le script), mais dans tous les cas, je dois fermer mon Firefox, car il est planté tout entier.
Si je choisis déboguer le script, ça me renvoie ici :

dark.png

Personne ici n'a de souci sur Firefox ?

Oui j'ai le même problème sous firefox et pas sous chrome, uniquement quand j'affiche le dashboard dans sa totalité, pas par objet.

[fcna]

Merci Domoggvad

[dJuL]

Alors oui pour faire la maj il faut uploader le zip comme indiqué dans le post#2
Les persos avancées sont facultatives, c"est juste si vous voulez modifier les options du thème.

----

Pour firefox c'est curieux, j'ai pas ça chez moi.
Ce qui pourrait poser problème c'est l’observation des nodes, j'imagine quand il y a trop de widget...
edit: j'avais pas vu le screenshot, merci, ça confirme que c'est bien ça qui chie (malgré que le screen shot montre le blocage sur la 1ère ligne de la fonction suivante)
Je me demande si on ne va pas repasser tout simplement au delay pour tout le monde, car ça semble buguer un peu partout et sous différentes formes quand la page est chargée en widget.
Où alors l'idéal serait d'avoir un event sur le body quand toutes les tuiles sont loadées (vu qu'on à je crois le onchange maintenant pour les refreshs)
C'est possible ça Loïc ?

[dJuL]

Ok j'ai fait une modif dans le code JS sur l'inspection des nodes grâce au nouveau event "change" de la 2.2.4
Du coup on ne scan plus pareil et c'est peut être plus léger.

Si quelqu'un sous FF qui a le soucis peut tenter ça pour voir si ça améliore les choses :

Code : Tout sélectionner

/* DARK SOBRE JS BETA v0.9.7 */

if ($.type(dark_sobre) !== "object") {
  var dark_sobre = { config: {} };
}
else if ($.type(dark_sobre.config) !== "object") {
  dark_sobre.config = {};
}

dark_sobre.config = $.extend(true, {
  
  general: {
    background: 'core/themes/darksobre/desktop/background.jpg' //Image de fond du thème
  },
  
  dashboard : { //activé par défaut
    enable: true , //metre à false pour désactiver la transparence des widgets sur le dashboard, DEFAUT: true
    widgetShadow: true , //mettre à false pour désactiver l'ombre des widgets, DEFAUT: true
    removeBackground: false //mettre à true pour ne pas afficher le papier peint sur le dashboard, DEFAUT: false
  },
   
  view : { //activé par défaut
    enable: true , //metre à false pour désactiver la transparence des widgets dans les vues, DEFAUT: true
    widgetShadow: true , //mettre à false pour désactiver l'ombre des widgets, DEFAUT: true
    removeBackground: false //mettre à true pour ne pas afficher le papier peint dans les vues, DEFAUT: false
  },
  
  plan : { //désactivé par défaut
    enable: false , //metre à true pour activer la transparence des widgets dans les designs, DEFAUT: false
    widgetShadow: false , //mettre à true pour activer l'ombre des widgets, DEFAUT: false
    removeBackground: false //mettre à true pour ne pas afficher le papier peint dans les designs, DEFAUT: false
  },
    
  delay : { //désactivé par défaut
    enable: false , //Mettre à true pour utiliser les delais (pb de transparence des tuiles parfois avec chrome), DEFAUT: false
    local_adress: '192.168.0.1' , //entrez votre adresse locale, ex:'192.168.0.1' ou 'jeedom.local'
    local_timeout: 200 ,  //delay en locale (1000 corespond à 1 seconde), DEFAUT: 200
    external_timeout: 800 //delay lors d'un accès distant (1000 corespond à 1 seconde), DEFAUT: 800
  },
    
  advanced : {
    opacity : 0.4 , //opacité du fond des tuiles, entre 0 et 1, DEFAUT: 0.4
    duration_fadeIn : 300 , //durée du fondu d'apparition des pages (1000 corespond à 1 seconde), 0 pour désactiver, DEFAUT: 300
    delay_fadeIn : 10 , //ne pas toucher, delai avant déclanchement du fade, DEFAUT: 10
    force_visible_delay: 1000 //doit être > delay external_timeout (si delay enable). delai avant affichage forcé de la page si aucun widget trouvé (bug chrome aléatoire), DEFAUT: 1000
  }

}, dark_sobre.config);

dark_sobre.setOpacity = function() {
  var el = $(this);
  var background = el.css('background-color');
  if (background.indexOf('rgba') < 0) {
    el.css('background-color', background.replace(')', ', ' + dark_sobre.config.advanced.opacity + ')').replace('rgb', 'rgba')).change(dark_sobre.setOpacity);
  }
  dark_sobre.showContent();
};
dark_sobre.observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    for (var i = 0; i < mutation.addedNodes.length; i++) {
      if (mutation.addedNodes[i].classList && mutation.addedNodes[i].classList.contains("eqLogic-widget")) {
        dark_sobre.setOpacity.bind(mutation.addedNodes[i])();
      }
    }
  })   
});
dark_sobre.observe = function() {
  dark_sobre.observer.observe(this, {
    childList : true
  });
};
dark_sobre.delayProcess = function(selector) {
  if (!dark_sobre.config.delay.enable) return;
  var delay = window.location.href.indexOf(dark_sobre.config.delay.local_adress > -1) ? 
    dark_sobre.config.delay.local_timeout : dark_sobre.config.delay.external_timeout;
  setTimeout((function() {
      $(selector).each(dark_sobre.setOpacity);
  }), delay); 
};
dark_sobre.process = function(selector, type) {
  if (dark_sobre.config[type].enable) {
    $(selector).each(dark_sobre.observe);
    dark_sobre.delayProcess('.eqLogic-widget');
  }
  else {
    dark_sobre.showContent();
  }
};
dark_sobre.showContent = function() {
  if (!dark_sobre.contentVisible) {
    dark_sobre.contentVisible = true;
    setTimeout(function() {
      if (dark_sobre.config.advanced.duration_fadeIn > 0) {
        $('#div_mainContainer').hide().css('visibility', 'visible').fadeIn(dark_sobre.config.advanced.duration_fadeIn);
      }
      else {
        $('#div_mainContainer').css('visibility', 'visible');
      }
    }, dark_sobre.config.advanced.delay_fadeIn);
  }
};
dark_sobre.init = function() {
   dark_sobre.onInit();
   setTimeout(dark_sobre.showContent, dark_sobre.config.advanced.force_visible_delay);
};
dark_sobre.onInit = function() { 
   dark_sobre.showContent();
};
(function() {
  dark_sobre.style = '<style type="text/css">';
  dark_sobre.style+= '#div_mainContainer{visibility:hidden}';
  if (dark_sobre.config.general.background != 'core/themes/darksobre/desktop/background.jpg') {
    dark_sobre.style+= 'body,header{background-image:url(' + dark_sobre.config.general.background + ')!important}';
  }
  var type = null;
  if (window.location.href.indexOf("p=dashboard") > -1) {
      type = 'dashboard';
      dark_sobre.onInit = function() { 
        dark_sobre.process('.div_displayEquipement', type);
      };
   }
   else if (window.location.href.indexOf("p=view") > -1) {
      type = 'view';
      dark_sobre.onInit = function() { 
        dark_sobre.process('.div_displayView', type);
      };
   }
   else if (window.location.href.indexOf("p=plan") > -1) {
      type = 'plan';
      dark_sobre.onInit = function() { 
        dark_sobre.process('.div_displayObject', type);
      };
   }
   else if (window.location.href.indexOf("p=display") > -1) {
      dark_sobre.onInit = function() { 
        $('div.col-xs-4.object.col-xs-height').each(dark_sobre.setOpacity);
      };
   }
   if (type && dark_sobre.config[type].removeBackground) {
       dark_sobre.style+= 'body{background-image:none!important}';
   }
   if (type && dark_sobre.config[type].widgetShadow) {
       dark_sobre.style+= '.eqLogic-widget{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.16),0 2px 10px 0 rgba(0, 0, 0, 0.12)!important}';
   }
   dark_sobre.style+= '</style>';
   $(dark_sobre.style).appendTo($('head'));
})();
$(document).ready(dark_sobre.init);

A remplacer dans le fichier JS du thème pour faire le test.
( Remplacer le contenu de jeedom/core/themes/darksobre/desktop/darksobre.js )

Merci

edit: ce code ne marche pas pour les vues c'est normal, c'est juste pour voir si ça résout le pb du dashboard.

[romanais]

Impeccable là sous FF dernière version
Mon dashboard se charge parfaitement.

[dJuL]

Cool merci pour le retour.
Du coup j'ai fait une nouvelle version qui cumule tout.
Plus besoin d'utiliser les delays quelque soit le navigateur (je laisse l'option uniquement en cas de crash du navigateur)
Rajout option pour transparence dans les pannels qui utilise les widgets (ex: plugin networks)
Je met ça en ligne dans quelques minutes...