Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

[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 » 29 mars 2016, 11:25

Veinard ! :D
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
breizh22
Actif
Messages : 1318
Inscription : 10 oct. 2015, 17:35

Re: [THEME] "Dark Sobre"

Message par breizh22 » 29 mars 2016, 11:36

Avec la dernière mise à jour, mon dashboard bien rempli, je n'ai plus la transparence ou quelques tuiles, de ci et de là. Je suis sous chrome 49. Je n'ai pas gardé le code Javascript d'avant ces changements qui fonctionnait très bien pour ma part. Avec les rafraîchissements de chrome, ça arrive à faire la moitié des tuiles en transparence.
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.

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

Re: [THEME] "Dark Sobre"

Message par romanais » 29 mars 2016, 11:48

Merci pour ce thème et le boulot abattu (par tous les participants aussi), mis en place en 2 min, c'est génial :-)
Merci à toute l'équipe pour le taf

Mon matériel

Avatar de l’utilisateur
loic
Administrateur
Messages : 14862
Inscription : 01 févr. 2014, 16:21

Re: [THEME] "Dark Sobre"

Message par loic » 29 mars 2016, 13:00

Autre idée, la roue de chargement j'ai changé la couleur (par le vert de jeedom), ca rend plutot bien je trouve: #jqueryLoadingDiv{color:rgba(149,193,43,1)!important}
Aide nous à t'aider : mets des logs, détaille ton soucis... Vous n'aurez aucune réponse de ma part si votre demande n'est pas détaillée (log, capture d'écran lisible...) ou si vous ne postez pas dans la bonne section

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 » 29 mars 2016, 13:57

Effectivement pas mal :D
Pièces jointes
Plein_écran_29_03_2016_13_56 copie.png
Plein_écran_29_03_2016_13_56 copie.png (165.86 Kio) Consulté 494 fois

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 » 29 mars 2016, 14:04

Salut @dJuL
Une petite suggestion (de pinailleur :lol: )
si possible que le fond n’apparaisse pas en mode design, j'ai adopté comme tous, ton thème qui est pas mal du tout.. félicitations

auparavant j'avais ça dans ma personnalisation avancée: ainsi je n'avais pas de fond en mode design..

$(document).ready (function(){
if(window.location.href.indexOf("p=dashboard") > -1) {
setTimeout(function(){
$('.eqLogic-widget').css({
'border-radius':'15px',
'background-color':'rgba(255,255,255,0.5)',
'box-shadow':'0px 3px 10px #0d0d0d'
});
$(document.body).css({
'background-image':'url("/core/img/fondecran2.jpg")',
'background-size':'cover',
'background-repeat':'no-repeat',
'background-attachment':'fixed',
'color':'rgb(244, 192, 28)'
});
},100);
}
});
Dernière édition par domoggvad le 29 mars 2016, 20:30, édité 1 fois.
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
DuplO
Actif
Messages : 716
Inscription : 17 sept. 2015, 14:04

Re: [THEME] "Dark Sobre"

Message par DuplO » 29 mars 2016, 14:06

juste pour suivre le post

et pour dire merci :)

rosty
Actif
Messages : 2338
Inscription : 26 juin 2014, 08:14

Re: [THEME] "Dark Sobre"

Message par rosty » 29 mars 2016, 14:57

Top avec la dernière maj du côté beta, plus besoin de l'envoyer en SSH :)
Reste juste la croix des modals qui est invisible

Envoyé avec mes doigts en utilisant mon cerveau... :)

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 » 29 mars 2016, 18:56

Pour la croix des modals c'est pas normal, ça doit venir de la beta je suppose, car aucun soucis en stable

@domoggvad :
Je vais te mettre une option:

@breizh22
Ah oui je me disais bien que je ne serai pas seul dans ce cas...
C'est l'inspection des modifs de nodes qui chie avec chrome 49 (sous windows en tout cas)
Je vais voir voir pour remettre l'ancien code en option.
Dernière édition par dJuL le 29 mars 2016, 19:08, édité 1 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.

sebbbl
Timide
Messages : 83
Inscription : 01 janv. 2015, 16:40

Re: [THEME] "Dark Sobre"

Message par sebbbl » 29 mars 2016, 19:07

Une chance pour que la transparence soit également gérée dans le design ?

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 » 29 mars 2016, 19:13

Oui c'est aussi possible je vais voir ça
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 » 29 mars 2016, 20:13

Bonsoir, juste un truc que je remarque là (j'ai installé le thème cet aprèm').
Dans un scénario, quand j'utilise l'aide pour planifié l'exécution, les heures/minutes sont pas très lisibles dans les menus déroulants.
Rien de grave, juste pour signaler :)
cron.jpg
cron.jpg (41.27 Kio) Consulté 441 fois
Et je ne sais pas où le dire (mais comme Loïc passe par là en ce moment, petite coquille sur => répétitivement (noté répététivement dans le menu déroulant).
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 » 29 mars 2016, 20:32

un grand merci @dJuL pour l'option
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
breizh22
Actif
Messages : 1318
Inscription : 10 oct. 2015, 17:35

Re: [THEME] "Dark Sobre"

Message par breizh22 » 29 mars 2016, 20:46

@breizh22
Ah oui je me disais bien que je ne serai pas seul dans ce cas...
C'est l'inspection des modifs de nodes qui chie avec chrome 49 (sous windows en tout cas)
Je vais voir voir pour remettre l'ancien code en option.[/quote]

Oui c'est chrome sous win10 aussi pour moi. L'ancien code fonctionnait à merveille. Merci à toi de pouvoir le remettre à disposition.
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 » 29 mars 2016, 22:28

Voilou pour répondre à toutes vos demandes :

CODE JS

Code : Tout sélectionner

/* DARK SOBRE JS BETA v0.9.4 */
var dark_sobre = {
  config : {
  
    dashboard : { //activé par défaut
      enable: true , //metre à false pour désactiver la transparence des widget sur le dashboard, 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 widget dans les vues, 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 widget dans les designs, 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, //ne pas toucher, delai avant affichage forcé de la page si aucun widget trouvé (bug chrome aléatoire), DEFAUT: 1000
    }

  }
};

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'));
  }
  dark_sobre.showContent();
}
dark_sobre.observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    var el = $(mutation.target);
    if (mutation.type == "attributes" && el.hasClass('eqLogic-widget')) {
      dark_sobre.setOpacity.bind(el[0])();
    }
  })	
});
dark_sobre.observe = function() {
  dark_sobre.observer.observe(this, {
    attributes: true,
    subtree: true,
    attributeFilter: ['style']
  });
};
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].removeBackground) {
    document.body.style.setProperty('background-image', 'none', 'important');
  }
  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() {
      $('#div_mainContainer').hide().css('visibility', 'visible').fadeIn(dark_sobre.config.advanced.duration_fadeIn);
    }, dark_sobre.config.advanced.delay_fadeIn);
  }
}
dark_sobre.init = function() {
	if (window.location.href.indexOf("p=dashboard") > -1) {
		dark_sobre.process('.div_displayEquipement', 'dashboard');
	}
	else if (window.location.href.indexOf("p=view") > -1) {
		dark_sobre.process('.div_displayView', 'view');
	}
	else if (window.location.href.indexOf("p=plan") > -1) {
		dark_sobre.process('.div_displayObject', 'plan');
	}
	else if (window.location.href.indexOf("p=display") > -1) {
		$('div.col-xs-4.object.col-xs-height').each(dark_sobre.setOpacity);
	}
	else {
		dark_sobre.showContent();
	}
	setTimeout(dark_sobre.showContent, dark_sobre.config.advanced.force_visible_delay);
}
$(document).ready(dark_sobre.init);
et CSS

Code : Tout sélectionner

/*DARK SOBRE CSS v0.9.12*/
#div_mainContainer {
  visibility: hidden;
}
J'ai testé ça semble bien marcher partout.
Vous pouvez réglé les prefs au début du code là ou c'est commenté
;)
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
breizh22
Actif
Messages : 1318
Inscription : 10 oct. 2015, 17:35

Re: [THEME] "Dark Sobre"

Message par breizh22 » 29 mars 2016, 22:38

Grand merci, j'ai mis true au lieu de false comme indiqué pour les soucis de chrome et c'est parfait.

Beau travail qui permet à chacun d'adapter selon ses choix.
Pièces jointes
Capture.jpg
Capture.jpg (833.85 Kio) Consulté 371 fois
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 » 29 mars 2016, 22:49

cool ;)

@romanais: merci c'est corrigé, ce sera dispo dans la prochaine version
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 » 29 mars 2016, 22:53

Nickel pour moi :D
En meme temps c'était deja ok ce matin :roll:

sebbbl
Timide
Messages : 83
Inscription : 01 janv. 2015, 16:40

Re: [THEME] "Dark Sobre"

Message par sebbbl » 30 mars 2016, 08:06

Super !
Petit point : le widget forecast.io est bien transparent sur le dashboard mais pas dans le design. Idem pour le plugin vigilance.
Mais bravo !

yaz.oudj
Timide
Messages : 87
Inscription : 11 nov. 2014, 12:15
Contact :

[THEME] "Dark Sobre"

Message par yaz.oudj » 30 mars 2016, 08:47

C'est moi ou s'est plus rapide depuis les dernières mises à jour. Merci encore ... Super thème.


Envoyé de mon iPhone à l'aide de Tapatalk

Répondre

Revenir vers « Portail web classique (Desktop) »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité