Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

[THEME] "Dark Sobre"

Cette partie est réservée à l'utilisation de l'interface web de configuration de JEEDOM
Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 04 avr. 2016, 22:15

lucaseva a écrit :
magicgg91 a écrit :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
Dernière édition par dJuL le 05 avr. 2016, 18:58, édité 2 fois.
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 05 avr. 2016, 18:56

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
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
marmoul
Actif
Messages : 891
Inscription : 01 sept. 2015, 15:50
Localisation : Haute-Saône (70)

Re: [THEME] "Dark Sobre"

Message par marmoul » 05 avr. 2016, 19:14

Un grand merci j'essaye ce soir :)

edit: nickel comme d'habitude :D

Avatar de l’utilisateur
breizh22
Actif
Messages : 1318
Inscription : 10 oct. 2015, 17:35

Re: [THEME] "Dark Sobre"

Message par breizh22 » 05 avr. 2016, 21:38

Merci pour cette mise à jour qui est au top ;)
HP Gen 8 / OMV4 sur SSD / Jeedom 3.3.37 VM Debian 9
RFLink - Sondes Oregon THN 132 N / THGR 122 NX / THGR 810 / THC238 - Prises DIO/Dedra/IDK.
Orvibo AllOne et S20 - Onduleur APC Back-UPS ES 700VA
Écosystème xiaomi - Dash buttons - GHome et mini.

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 06 avr. 2016, 01:24

Aller hop,

MAJ du thème :D

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
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
nickasimir
Actif
Messages : 693
Inscription : 06 août 2014, 19:35
Localisation : Montreuil, Idf

Re: [THEME] "Dark Sobre"

Message par nickasimir » 06 avr. 2016, 01:37

merci pour la maj et super l'intégration dans jeedom directement depuis la page profil :)
Jeedom en DIY sur NUCI3| Mon Matos : Ici

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 06 avr. 2016, 01:50

;)

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)
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
Ma Pomme
Timide
Messages : 182
Inscription : 30 juin 2015, 14:06
Localisation : Bordeaux
Contact :

Re: [THEME] "Dark Sobre"

Message par Ma Pomme » 06 avr. 2016, 08:21

Merci Darkeyes ;-)
Jeedom sur Nuc, modules Fibaro, EnoCean, Edisio, Fully kiosk, Tasker, Netatmo, IPXV4, Xiaomi, Hue, Google home, Alexa et maintenant Ajax 😊

vouvrat
Timide
Messages : 64
Inscription : 01 févr. 2016, 11:59
Localisation : 91 - Essonne

Re: [THEME] "Dark Sobre"

Message par vouvrat » 06 avr. 2016, 10:26

Merci pour toutes ces modifications rapides.

Tout est green pour moi :D
Hystou: Jeedom / Dev / Blea / LMS / Apache
1 Rpi2 antenne BLEA
Xiaomi: 1 Présence + 1 Porte + 3 Temp.Hum + 3 Yeelight RGB
Gateway USB by LAREGIE pour MySensor
Arduino Uno +5 Arduino Pro mini MySensors.

fcna
Actif
Messages : 825
Inscription : 15 mars 2015, 16:14
Localisation : Toulouse

Re: [THEME] "Dark Sobre"

Message par fcna » 06 avr. 2016, 10:36

dJuL a écrit :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
Mini +
Fibaro FGMS-001
Qubino Fil Pilote 6 / Module Vlts roulants
Aeon Labs mono G2 60A
Fibaro Wall Plug / Smoke Sensor

ImperiHome Standard System /Pushing Box/Energie/ Philips Hue / Agenda / Clock / Géolocalisation / Themes / ...

romanais
Actif
Messages : 1999
Inscription : 21 août 2014, 21:36
Localisation : Drôme

Re: [THEME] "Dark Sobre"

Message par romanais » 06 avr. 2016, 12:12

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
dark.png (53.73 Kio) Consulté 389 fois
Personne ici n'a de souci sur Firefox ?
Merci à toute l'équipe pour le taf

Mon matériel

Avatar de l’utilisateur
domoggvad
Actif
Messages : 1880
Inscription : 29 avr. 2015, 16:02
Localisation : Seine-Saint-Denis (Villepinte)

Re: [THEME] "Dark Sobre"

Message par domoggvad » 06 avr. 2016, 13:31

fcna a écrit :
dJuL a écrit :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.
3 Odroid C2 (Prod - secours - test) Z83 tests: rfxcom + Z-wave- Clims DAIKIN - espeasy - thekey - Xiaomi - Telinfo - broadlink... widget V3 :viewtopic.php?f=29&t=44183&p=717810#p717810

fcna
Actif
Messages : 825
Inscription : 15 mars 2015, 16:14
Localisation : Toulouse

Re: [THEME] "Dark Sobre"

Message par fcna » 06 avr. 2016, 13:33

oui, mais j'ai l'impression qu'il y a une nouvelle version du css alors que je suis en 2.2.4.
Mini +
Fibaro FGMS-001
Qubino Fil Pilote 6 / Module Vlts roulants
Aeon Labs mono G2 60A
Fibaro Wall Plug / Smoke Sensor

ImperiHome Standard System /Pushing Box/Energie/ Philips Hue / Agenda / Clock / Géolocalisation / Themes / ...

Avatar de l’utilisateur
domoggvad
Actif
Messages : 1880
Inscription : 29 avr. 2015, 16:02
Localisation : Seine-Saint-Denis (Villepinte)

Re: [THEME] "Dark Sobre"

Message par domoggvad » 06 avr. 2016, 13:44

fcna a écrit :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
3 Odroid C2 (Prod - secours - test) Z83 tests: rfxcom + Z-wave- Clims DAIKIN - espeasy - thekey - Xiaomi - Telinfo - broadlink... widget V3 :viewtopic.php?f=29&t=44183&p=717810#p717810

Avatar de l’utilisateur
domoggvad
Actif
Messages : 1880
Inscription : 29 avr. 2015, 16:02
Localisation : Seine-Saint-Denis (Villepinte)

Re: [THEME] "Dark Sobre"

Message par domoggvad » 06 avr. 2016, 13:46

romanais a écrit :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.
3 Odroid C2 (Prod - secours - test) Z83 tests: rfxcom + Z-wave- Clims DAIKIN - espeasy - thekey - Xiaomi - Telinfo - broadlink... widget V3 :viewtopic.php?f=29&t=44183&p=717810#p717810

fcna
Actif
Messages : 825
Inscription : 15 mars 2015, 16:14
Localisation : Toulouse

Re: [THEME] "Dark Sobre"

Message par fcna » 06 avr. 2016, 14:04

Merci Domoggvad
Mini +
Fibaro FGMS-001
Qubino Fil Pilote 6 / Module Vlts roulants
Aeon Labs mono G2 60A
Fibaro Wall Plug / Smoke Sensor

ImperiHome Standard System /Pushing Box/Energie/ Philips Hue / Agenda / Clock / Géolocalisation / Themes / ...

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 06 avr. 2016, 14:54

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 ?
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 06 avr. 2016, 16:32

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.
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

romanais
Actif
Messages : 1999
Inscription : 21 août 2014, 21:36
Localisation : Drôme

Re: [THEME] "Dark Sobre"

Message par romanais » 06 avr. 2016, 17:53

Impeccable là sous FF dernière version :-)
Mon dashboard se charge parfaitement.
Merci à toute l'équipe pour le taf

Mon matériel

Avatar de l’utilisateur
dJuL
Actif
Messages : 1427
Inscription : 28 janv. 2016, 01:37
Localisation : Ile de France

Re: [THEME] "Dark Sobre"

Message par dJuL » 06 avr. 2016, 18:13

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...
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.

Répondre

Revenir vers « Portail web classique (Desktop) »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités