Core "Release Candidate V4"

Moi je trouve la v4 (en test sur mon NUC Intel) bien mieux que la V3 pour plusieurs raisons :

  • plus Pro car moins bidouille et geek. Et en domotique sécurité et maintenabilité doivent primer. Pour paraphraser un illustre poete, Les bidouilles s’oublient les em…dements restent.
  • Mieux structurée, plus mure, plus pro, interface plus logique et enfin la disparition des widgets source de tous les maux. La V4 est plus directive donc … plus facile à maintenir moins « artiste ».

Avant de faire d’autres éloges j’attends la ‹ vraie › version stable.

1 « J'aime »

Hello,

C’est clair que cette V4 est vraiment top !
C’est stable, rapide, visuellement c’est pro et on sent que l’équipe est dynamique et à l’écoute des utilisateurs.

Vous avez modifié le comportement de la barre « TopBar » sur le dashboard pour qu’elle reste toujours visible en mode édition. Est-il possible de faire la même chose en mode normal ? Ça évite de scroller en haute de la page à chaque fois qu’on souhaite éditer (ou rechercher un composant) ?

J’ai ajouté ceci dans la personnalisation :

div#dashTopBar {
	position: fixed !important; 
 	top: 55px; 
  	z-index: 100; 
  	width: calc(100% - 36px);
}

div.row {
	margin-top: 27px;
}	

[data-page="dashboard"] div.ui-dialog[role="dialog"] {
	z-index: 6000 !important;
}	

(désolé, je ne suis pas un pro du css)

Sébastien

1 « J'aime »

Bonjour,
depuis la dernière mise à jour 4.0.25 je ne peux plus afficher les design sur ma tablette
j’obtiens le message suivant sur la tablette :


Il s’agit d’un mini Ipad sur IOS 9.3.5
Précision importante car sur un Ipad IOS 13, le pb ne se produit pas.

De plus, le pb n’existe que sur les design. Pas sur les autres menus.
Un retour vers la 4.0.24 permet de résoudre le problème.
Une idée ?
Merci d’avance.

Je viens de mettre à jour ma doc perso pour la barre fixe

1 « J'aime »

Ok je vois tu as un vieux navigateur qui ne comprend pas les nouvelles version du javascript… J’ai rendu le code compatible mais on pourra pas le faire indéfiniment (force juste une mise à jour du core meme si il ne te propose rien)

C’est le « let » qui ne passe pas :astonished:
Y’en a à pas mal d’endroits … Et c’est vraiment mieux niveau mémoire

De mon cote en passant en V4.0.25, ma barre verticale est décalé et j’ai un gros bloc noir la ou elle etait avant.

Avant :

Après :

:+1:
Un grand merci pour cette prise en compte rapide.

Il faudrait mettre plus d’info au moins la configuration du truc noir ou de la barre…

@Loic,
Voici le code :

  <head>
  <style>
::-webkit-scrollbar {
    display: none; 
}

.cbp-vimenu {
    width: 90px;
    height: 910px;
  
 	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 140%;
  	margin: 0;
	padding: 0;

  background-color: #232a31;
    overflow-y: auto;
  	list-style-type: none;
}

.cbp-vimenu li a {
  	position: relative;
    	display: block;
	height: 6em;
	width: 6em;
  	text-align: center;
	color: #999;
     	line-height: 4em;
      text-decoration: none;



  padding:.75em 1.5em;
  border-radius:.75em;

  background-color:rgba(250,250,255,.05);
  color:rgba(255,255,255,.75);
    box-shadow:
    inset 0 1px 0 0 rgba(250,250,255,.3),
    inset 0 -.5em 0 0 rgba(0,0,5,.05),
    inset 0 .25em 1em 0 rgba(250,250,255,.1),
    inset 0 -.25em 1em 0 rgba(0,0,5,.5),
    inset 0 -1px 0 0 rgba(0,0,5,.1),
    0 0 .25em 0 rgba(0,0,5,.5);
  
}

.cbp-vimenu li a:hover {
	background: #47a3da;
  	color: #fff;
}
.cbp-vimenu li a:hover,
.cbp-vimenu li.active a{
	background: #47a3da;
  	color: #fff;
}

.cbp-vimenu li a:before {
	speak: none;
	font-style: normal;
	font-weight: normal;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.Badge { 
font-family: 'Roboto-Regular';
position:absolute;
font-size: 15px;
     top:-15px;
left: 50px;
}
     #iframe_a 
{
    background: white;
    border:1px solid gray;
    border-top: none;
//    height:910px;
    width:100%;
    padding:0;
    margin-left:70px;
    left:0;
    top:0;	
}
    
  </style>
  </head>
<iframe style="border:none;"id="iframe_a" height="910px" frameBorder="0" scrolling="no" src="index.php?v=d&p=plan&plan_id=66&fullscreen=1"></iframe>
<ul class="cbp-vimenu">

 <!-- 1 MenuPrincipal -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section1'">>
<img style="position: relative;left:-15px;top:-60px;" src="/montheme/Icones/Menu principal.png" height=70 width=70 />
</a></li>

 <!-- 2 Lumières  -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section2'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Eclairages.png" height=70 width=70 />
</a></li>
  
 <!-- 3 Appareils -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section3'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Appareils.png" height=70 width=70 />
</a></li>
  
 <!-- 4 Volets -->
<!-- <li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section4'">
<span class="LumIcon"><i class="fa jeedom2-bulb14 fa-2x"></i></span>
    <span class="LumNumb" style="font-family: 'Roboto-Regular';position:absolute;font-size: 15px;top:-15px;left: 50px"></span> -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section4'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Volets.png" height=70 width=70 />
</a></li>
 
  <!-- 5 Portes -->
<!-- la><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section5'">
<span class="fa icomoon-fan_1 fa-lg" style="position: relative;top: -3px;"></span></a></la -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section5'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Ouvertures.png" height=70 width=70 />
</a></li>
  
<!-- 6 Piscine -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section6'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Piscine.png" height=70 width=70 />
</a></li>
  
<!-- 7 Caméra -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section7'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Cameras.png" height=70 width=70 />
</a></li>
  
<!-- 8 Programmes -->
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section8'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Programmation.png" height=70 width=70 />
</a></li>
  
<!-- 9 Monitoring -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section9'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Monitoring.png" height=70 width=70 />
</a></li>
 
<!-- 10 Températures -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section10'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Temperatures.png" height=70 width=70 />
</a></li>  

<!-- 11 Batteries -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section11'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Batteries.png" height=70 width=70 />
</a></li>

<!-- 12 Luminosité -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section12'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Luminosite.png" height=70 width=70 />
</a></li>
 
<!-- 13 Graphiques -->  
<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1#section13'">
<img style="position: relative;left:-15px;top:-4px;" src="/montheme/Icones/Graph.png" height=70 width=70 />
</a></li>  

<li><a onclick="document.getElementById('iframe_a').src ='/index.php?v=d&p=plan&plan_id=66&fullscreen=1'"><span class="icon circle-icon glyphicon glyphicon-chevron-down"></span></a></li>

</ul>


                <script>
      $('.cbp-vimenu li').on('click', function() {
  $(this).addClass('active').siblings().removeClass('active'); 
});
  </script>


Oula là je suis pas sur de pouvoir aider quand c’est tout personnalisé comme ça…

Salut,

Et sur la tablette ça donne quoi ?

T’as essayé de mettre une valeur à left dans cbp-vimenu ? Genre left:50px; au lieu de 0? Idem aux autres left (before, after)

Bonjour à tous
je viens de faire la migration et … tout fonctionne! quel plaisir!
le dashboard clean quel plaisir, plus rapide, plus…
bref BRAVO!
Je ne sais pas si c’est ceci qui a contribué à la bonne migration mais voici ma technique car maj v2 v3 catastrophe
creation d’une PI 3B+ avec la dernier version OS et surtout un SSD.
Mise a jour de tout de la v3 et plug in de l’ancienne. Backup et restore sur la nouvelle. reboot et on verifie si tout va bien. rebackup sur la nouvelle. attente que tout soit stable, surtout zwave et ensuite je change le parametre de la config pour la maj V4
Je suis en 4.025 et cool
Bravo l’equipe!!!
Ici c’est Jeedom!

J’oubliais, j’ai fais le core en premier et ensuite les plug in
le tout en 15 mns
bon weekend

J’ai une petite suggestion, serait-il possible dans la partie scénario que la petite barre du haut soit visible lorsque l’on va dans cette section et qu’elle reste visible lorsque l’on scrolle?


Merci

Ben c’est le cas en v4 déjà non ?!

Bonjour
J’ai ce message
…jeedom.com/index.php?v=d&p=dashboard
28 Object doesn’t support property or method ‹ spectrum ›
et tout fonctionne normalement…

Pas chez moi en tout cas :face_with_raised_eyebrow:, je suis en 4.0.25.

Tu aurais pas un widget perso/tierce ?

Non car j’ai tout enleve des widgets et désinstallé le module
je viens de vider la log javascript, je vais voir si ça revient car comme je l’ai dit j’ai aucun probleme