Personnalisation avancée v4.2.7 Le Menu deroulant a disparu

Dadou · Janvier 31, 2022, 7:03

Bonjour,
J’ai fait la mise à jour en V4.2.7 ce matin (J’étais préalablement en V4.1.28 ) , sauf que mon menu déroulant utilisé sur mes différents designs a disparu ?
Mon statut en page santé ci-après :

Je retrouve bien le code de ce menu dans la page de la personnalisation avancée :

Code complet :

.menu-goo .menu-item,.menu-goo .menu-open-button {
  background: #080808;
  border-radius: 100%;
  width: 45px;
  height: 45px;
  margin-left: 15px;
  position: absolute;
  top: 10px;
  color: white !important;
  font-size:25px;
  text-align: center;
  line-height: 50px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-goo .menu-open {
  display: none;
}

.menu-goo .hamburger {
  width: 20px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -1.5px;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.menu-goo .hamburger-1 {
  -webkit-transform: translate3d(0, -6px, 0);
          transform: translate3d(0, -6px, 0);
}

.menu-goo .hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.menu-goo .hamburger-3 {
  -webkit-transform: translate3d(0, 6px, 0);
          transform: translate3d(0, 6px, 0);
}

.menu-goo .menu-open:checked + .menu-open-button .hamburger-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-goo .menu-open:checked + .menu-open-button .hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-goo .menu-open:checked + .menu-open-button .hamburger-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu-goo .menu {
  position: absolute;
  left: 50%;
  margin-left: -80px;
  padding-top: 20px;
  padding-left: 80px;
  width: 650px;
  height: 150px;
  box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.menu-goo .menu-item:hover {
  background: white;
  color: #080808 !important;
}
.menu-goo .menu-item:nth-child(3) {
  transition-duration: 180ms;
}
.menu-goo .menu-item:nth-child(4) {
  transition-duration: 180ms;
}
.menu-goo .menu-item:nth-child(5) {
  transition-duration: 180ms;
}
.menu-goo .menu-item:nth-child(6) {
  transition-duration: 180ms;
}

.menu-goo .menu-open-button {
  z-index: 2;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 400ms;
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
          transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}

.menu-goo .menu-open-button:hover {
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-goo .menu-open:checked + .menu-open-button {
  transition-timing-function: linear;
  transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-goo .menu-open:checked ~ .menu-item {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(3) {
  transition-duration: 170ms;
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(4) {
  transition-duration: 250ms;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(5) {
  transition-duration: 330ms;
  -webkit-transform: translate3d(0, 150px, 0);
          transform: translate3d(0, 150px, 0);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(6) {
  transition-duration: 410ms;
  -webkit-transform: translate3d(0, 200px, 0);
          transform: translate3d(0, 200px, 0);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(7) {
  transition-duration: 410ms;
  -webkit-transform: translate3d(0, 250px, 0);
          transform: translate3d(0, 250px, 0);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(8) {
  transition-duration: 410ms;
  -webkit-transform: translate3d(0, 300px, 0);
          transform: translate3d(0, 300px, 0);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(9) {
  transition-duration: 410ms;
  -webkit-transform: translate3d(0, 350px, 0);
          transform: translate3d(0, 350px, 0);
}
.menu-goo .menu-open:checked ~ .menu-item:nth-child(10) {
  transition-duration: 410ms;
  -webkit-transform: translate3d(0, 400px, 0);
          transform: translate3d(0, 400px, 0);
}

Sur mon design, le composant (Texte/html) est configuré comme suit :

Merci de votre aide.

sartog · Janvier 31, 2022, 7:29

Bonjour,

Je n’ai pas encore basculé sur la 4.2, je laisse les autres essuyez les plâtres

Ton problème est peut être lié à ce passage du changelog :

Afin d’augmenter significativement la sécurité de la solution Jeedom, le système d’accès aux fichiers a changé. Avant certains fichiers étaient interdits depuis certains emplacements. A partir de la v4.2, les fichiers sont explicitement autorisés par type et par emplacement.

En regardant sur le github de Jeedom, le .htaccess du dossier dekstop/custom n’accepte que les jpeg et png.

Il faut que tu regarde ce que tu as de ce côté là.

Salvialf · Janvier 31, 2022, 7:56

Salut,

Tu as ajouté un dossier Design dans le dossier data/customTemplates. Il lui faut son fichier .htaccess !

Dadou · Janvier 31, 2022, 9:09

Merci c’est en effet la solution ! & Merci également @sartog

Salvialf · Janvier 31, 2022, 9:13

Pas du tout la solution non !

Tu n’as certainement pas à mettre de fichier dans le dossier core de jeedom.

Le répertoire data est là pour ça ! Tu as ajouté un répertoire, base toi simplement sur le fichier htaccess du répertoire d’à côté et ajoutes le même dans ton répertoire Design :

github.com

jeedom/core/blob/alpha/data/customTemplates/dashboard/.htaccess

Order allow,deny
<Files ~ "\.(jpg|jpeg|png|js|html|ttf|gif|css)$">
allow from all
</Files>
Deny from all

Tiens comme c’est bizarre y’a bien css dedans…

Dadou · Février 1, 2022, 6:35

Bonjour,

Merci , je veux bien suivre ces conseils mais il semble incorrect/incomplet .

Citation
base toi simplement sur le fichier htaccess du répertoire d’à côté et ajoutes le même dans ton répertoire Design

Il n’y a pas de fichier htaccess dans le répertoire d’à côté. (A moins qu’il soit « masqué » ? dans l’éditeur de fichier…)
Impossible de déposer un fichier .htaccess sous le répertoire :

image726×474 32 KB

Salvialf · Février 1, 2022, 7:42

C’est un fichier caché c’est normal que tu le voies pas et que tu ne parviennes pas à l’envoyer par jeeXplorer.

A première vue tu aurais aussi vite fait d’insérer le contenu du fichier html dans un équipement htmlDisplay que tu viendrais ajouter dans tes designs.