[Présentation] F$B33

[PetitPhoenix]

Salut,
Oui bien sur, en PJ il y a un ZIP avec tout les icônes que j'ai utilisés

Voila ce que ça donne avec tout les icônes

Salut Thyer,


Comment fais-tu les choix de playlist, je suppose que quand tu cliques sur RTL, tu choisis une squeezebox et ça diffuse, c'est ça?

[Thyer]

Salut,
sous RTL par ex, dans la liste déroulante je choisie mes squeezebox et via un Scénario je lance l'URL sur la box correspondante

IMG_20170906_011520.jpg (468.68 Kio) Consulté 2571 fois

[romanais]

Super partage merci !

[poupoune1974]

Bonjour,
Et chapeau pour le travail.
Du coup mon design me parait d'un autre temps....
Pourrais je savoir d'où vient le widget météo ?
Bon dimanche

[tonnerre33]

Bonjour,
Et chapeau pour le travail.
Du coup mon design me parait d'un autre temps....
Pourrais je savoir d'où vient le widget météo ?
Bon dimanche

Bonjour ca vient du market, c'est le plugin weather

[poupoune1974]

Merci, mais chez moi il m'affiche :

Capture.JPG (18.79 Kio) Consulté 2522 fois

Et j'aurais aimé ça :

Capture2.JPG (13.74 Kio) Consulté 2518 fois

[Djal94]

Merci, mais chez moi il m'affiche :
Capture.JPG

Coche "mode image" en bas à droite de ton équipement météo

[poupoune1974]

Bingo !!!!
Merci mille fois

[Djal94]

Bingo !!!!
Merci mille fois

[jpcolin]

Merci, mais chez moi il m'affiche :
Capture.JPG
Et j'aurais aimé ça :
Capture2.JPG

C'est bizare j'ai l'impression que chez moi c'est différent. par exemple j'ai des décimales, les jour sont abréviers, j'ai pas le min-max de la journée
Qualqu'un sait comment changer la langue? j'aimerais en anglais.

[PetitPhoenix]

Salut,
sous RTL par ex, dans la liste déroulante je choisie mes squeezebox et via un Scénario je lance l'URL sur la box correspondante

Super !

J'ai essayé de faire pareil:
* 1 virtuel par type de playlist à jouer + par box
* 1 scenario par playlist à jouer

Pour jour la musique, j'ai mis dans le scenario #[Salon][SB Salon][Jouer Url]# => http://IP_LMS/anyurl?p0=playlist&p1=play&p2=deezer%3A%2F%2Fflow.dzr&p3=Deezer%20Flow&player=ID_unique_player
Cette url lance bien la lecture du Deezer flow sur la bonne box.

J'ai mis comme déclencheur du scénario #[Systeme][Musique_Flow][Box]# (Box étant l'info du virtuel) mais rien ne se passe.

J'ai du coup mis dans la configuration de la liste l'action "scenario" avec le bon scénario mais il boucle en infini.

Vous auriez une idée ?

Je souhaitais aussi que la liste revienne à "Aucun" au bout d'un certain temps mais selon les cas que j'ai essayé, ça boucle aussi.

[Thyer]

Yep,
voila le code de mon Virtuel (DEEZER_FLOW|Deezer - Flow;)

FAV01.JPG (55.33 Kio) Consulté 2485 fois

Et mon scénario avec l'exemple DEEZER_FLOW

FAV02.JPG (26.81 Kio) Consulté 2485 fois

FAV03.JPG (41.51 Kio) Consulté 2485 fois

Aucune boucle a déplorer, pour le retour à Aucun j'ai pas trouvée a part effectuer dans mon scénario un "gotodesign" sur le design de ma squeezebox afin de recharger la page.


Le log de mon scénario avec RTL2

Code : Tout sélectionner

[2017-10-22 11:13:25][SCENARIO] Start : 'Scenario execute automatiquement sur evenement venant de : [SQEEZEBOX][BUREAU FAVORIS][FAVORIS_BUREAU]'.
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [condition] : if
[2017-10-22 11:13:25][SCENARIO] Evaluation de la condition : ["RTL2" == "DEEZER_FLOW"  ] = Faux
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [action] : else
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [condition] : if
[2017-10-22 11:13:25][SCENARIO] Evaluation de la condition : ["RTL2" == "DEEZER_THOMAS"  ] = Faux
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [action] : else
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [condition] : if
[2017-10-22 11:13:25][SCENARIO] Evaluation de la condition : ["RTL2" == "DEEZER_COEUR"  ] = Faux
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [action] : else
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [condition] : if
[2017-10-22 11:13:25][SCENARIO] Evaluation de la condition : ["RTL2" == "RTL2"  ] = Vrai
[2017-10-22 11:13:25][SCENARIO] Exécution du sous-élément de type [action] : then
[2017-10-22 11:13:25][SCENARIO] Exécution de la commande [SQEEZEBOX][BUREAU][Jouer Url] avec comme option(s) :
Array
(
[background] => 0
[title] =>
[message] => http://192.168.1.132:9002/plugins/Favorites/index.html?action=play&index=2&player=bc:ae:c5:0c:04:48
)
[2017-10-22 11:13:29][SCENARIO] Exécution du sous-élément de type [condition] : if
[2017-10-22 11:13:29][SCENARIO] Evaluation de la condition : ["RTL2" == "RTL"  ] = Faux
[2017-10-22 11:13:29][SCENARIO] Exécution du sous-élément de type [action] : else
[2017-10-22 11:13:29][SCENARIO] Exécution du sous-élément de type [condition] : if
[2017-10-22 11:13:29][SCENARIO] Evaluation de la condition : ["RTL2" == "VIRGIN"  ] = Faux
[2017-10-22 11:13:29][SCENARIO] Exécution du sous-élément de type [action] : else
[2017-10-22 11:13:29][SCENARIO] Exécution du sous-élément de type [condition] : if
[2017-10-22 11:13:29][SCENARIO] Evaluation de la condition : ["RTL2" == "RIRE_ET_CHANSON"  ] = Faux
[2017-10-22 11:13:29][SCENARIO] Exécution du sous-élément de type [action] : else
[2017-10-22 11:13:29][SCENARIO] Fin correcte du scénario

[iopaza]

Bonjour à tous,

Je suis en train d'essayer de rendre responsive ce super thème, et oui un grand bravo à toi F$B33 je trouve le thème très reussi !!!

J'ai pu voir dans ce fil que je ne suis pas le seul à vouloir afficher mon design sur plusieurs supports, du coup j'essaye de modifier le code pour le rendre compatible avec plusieurs supports.

Présentation :

Je vous joint une capture d'écran de ma tablette Ipad air qui est en plein écran juste en utilisant google Chrome !! Trop bien



Pour le moment c'est en developpement, je n'ai pas terminé mais c'est déjà fonctionnel pour pas mal de choses. Du coup ceux qui veulent tester c'est par ici :

https://github.com/tonnerre33/jeedom_FB ... ee/develop

Utilisation :

Pour l'utilisation ce n'est pas très compliqué... enfin j'espère.
Il suffit d'installer le thème suivant le tuto de F$B33 https://www.youtube.com/watch?v=bRiLFwe ... e=youtu.be
et d'ajouter le fichier script.js au même endroit que perso.css

Ensuite modifiez le code que vous avez copier/coller du fichier cadre.html suivant la procédure suivante :

Composition d'une ligne

L'information la plus important pour placer ses div c'est de bien comprendre ce tableau et de changer la class de sa div en fonction de ce que l'on souhaite :
https://getbootstrap.com/docs/3.3/css/#grid-options

En gros une ligne est divisée en 12,
Le contenu d'une ligne doit être dans un <div class="row"> </div>

Exemple :
Si je veux que sur les ecrans plus grand que les tablettes (format sm) j'ai deux colonnes sur ma première ligne (row) alors ma première div fera 50% de 12 soit 6. J'ajouterai donc la classe "col-sm-6"
et pareil pour la deuxième div.

Du coup vu que la classe " *-sm*-" ne s'applique qu'aux écrans de taille supérieure à 768px, il faut définir la règle pour ceux plus petit c'est la où l'on va utiliser la classe " *-xs*-"
Le plus souvent sur les écrans format xs on ne souhaite qu'une seule colonne sur chaque ligne ce qui donne 100% de 12 = 12 J'ajouterai donc la classe "col-xs-12" aux deux div contenues dans la div class="row"

Ce qui donne ce code sans les cadres :

Code : Tout sélectionner

<div class="row">
   <div class="col-xs-12 col-sm-6">
     </div>
   <div class="col-xs-12 col-sm-6">
   </div>
</div>

Ca ne vous dit rien ??? Si si c'est bien une partie du début du fichier cadre.html

Le résultat en image (la partie de code précédente est encadrée en rouge pour mieux comprendre) :

Sur tablette :



Sur téléphone:


Affectation d'un widget à un cadre

Lorsque vous passez en mode "édition", tous vos widgets seront en dehors des cadres.
Pour affecter un widget à un cadre, passez ou restez en mode "édition", cliquez sur le widget et relevez le numéro qui s'affiche en pop-up.

Ce numéro sera à mettre dans l'attribut data-plan-list_id de la div ayant pour classe "cadre_contenu".
Si vous souhaitez associer plusieurs widgets à un cadre, il suffit de séparer les numéros par le caractère "|".

Exemple de code :

Code : Tout sélectionner

<div  class="cadre_contenu" data-plan-list_id="34|35" ></div>

J'ai laissé mes numéros de widget car cela ne pose pas de problème si ils n'existent pas et au moins cela fait office d'exemple. Pensez à les changer par vos numéros

Si vous avez des questions, n'hésitez pas.
Encore merci pour le super boulot de F$B33.

Salut,
Génial ce que tu as fait, par contre sur github je vois que tu as "menu.html" il sert à quoi ? <-- non ok c'est bon ^^
L'icone Jeedom en couleur tu l'as pas mis sur ton git ? <-- je suis preneur
Merci bien

[tonnerre33]

Salut,
Génial ce que tu as fait, par contre sur github je vois que tu as "menu.html" il sert à quoi ? <-- non ok c'est bon ^^
L'icone Jeedom en couleur tu l'as pas mis sur ton git ? <-- je suis preneur
Merci bien

Salut, je viens de l'ajouter au git

[iopaza]

Salut,
Génial ce que tu as fait, par contre sur github je vois que tu as "menu.html" il sert à quoi ? <-- non ok c'est bon ^^
L'icone Jeedom en couleur tu l'as pas mis sur ton git ? <-- je suis preneur
Merci bien

Salut, je viens de l'ajouter au git

Génial,
Je suis en train de tester ton travail, par contre quand je duplique mon premier design, et que je modifie les lien id plan dans le menu pour aller de page en page, le lien marche bien mais la surbrillance de la page concernée, le class " selected " ne fonctionne pas. il y a soit un problème de réactualisation ou de class. ( car quand je copie directement l'adresse du design dans le navigateur la surbrillance marche bien.)
Je ne sais pas trop où est le problème.

[tonnerre33]

Merci pour le retour, en effet j'ai bien le problème de mon côté également.

Normalement c'est corrigé, j'ai mis à jour le fichier script.js qu'il faut que tu reupload.

Pense également à modifier la version du fichier script.js dans le code du cadre "menu.html". Ca sert à rafraichir le cache sinon tu va tourner sur l'ancien code javasript même en ayant mis le nouveau.

Par exemple moi j'ai mis

Code : Tout sélectionner

<script type="text/javascript" src="montheme/scripts.js?2017102201"></script>

à la place de

Code : Tout sélectionner

<script type="text/javascript" src="montheme/scripts.js?6"></script>

Dis moi si c'est ok pour toi

[iopaza]

Merci pour le retour, en effet j'ai bien le problème de mon côté également.

Normalement c'est corrigé, j'ai mis à jour le fichier script.js qu'il faut que tu reupload.

Pense également à modifier la version du fichier script.js dans le code du cadre "menu.html". Ca sert à rafraichir le cache sinon tu va tourner sur l'ancien code javasript même en ayant mis le nouveau.

Par exemple moi j'ai mis

Code : Tout sélectionner

<script type="text/javascript" src="montheme/scripts.js?2017102201"></script>

à la place de

Code : Tout sélectionner

<script type="text/javascript" src="montheme/scripts.js?6"></script>

Dis moi si c'est ok pour toi

ok ça marche bien, pourrais tu faire une modif pour que les cadres se suivent ? par exemple sur la capture ci-dessous meteo soit juste en dessous de horoscope, ou bien qu'on puisse redimensionner en forcé.

Capture.JPG (378.8 Kio) Consulté 2397 fois

Peux-tu me filer ton astuce pour le plein écran sur ipad avec chrome, je n'y arrive pas... donc pour l'instant j'utilise l'app officielle qui fait bien le job aussi...
Merci bien et bravo pour le taf.

[tonnerre33]

Alors pour que ca fasse jolie, il va falloir que tu force la hauteur de ta div horoscope, j'ai bien essayé de faire un truc automatique dans ce cas mais ca ne marchait jamais comme je voulais

Pour le mode plein ecran, bien c'est automatique c'est à dire que lorsque la page s'affiche, tu fais comme si tu voulais voir quelque chose plus bas dans la page (tu glisses ton doigt de base en haut) et automatiquement tu vas passer en plein écran ^^ Oui il fallait le trouver, je suis tombé dessus par hasard

Et sinon encore mieux, on peut le faire avec le navigateur de base Safari :
viewtopic.php?f=50&t=30502#p533695

Merci à jonatd05 pour le partage de cette info

Edit : j'ai aussi un peu avancé sur ma première page du coup je met à jour ici surtout que je risque de ne plus avoir une aussi belle météo

[PetitPhoenix]

Salut,
sous RTL par ex, dans la liste déroulante je choisie mes squeezebox et via un Scénario je lance l'URL sur la box correspondante

Ok, je touche au but mais j'ai toujours deux questions:
* t'aurais un lien pour les playlist deezer car je n'ai qu'une ID type 97d06068.3.0.5 (à moins que tu n'ai sauvegardé directement la playlist deezer).
* je ne comprends pas un truc: tu présentes un scénario qui, basé sur un lieu, envoie des playlists alors que ton affichage montrait plutôt le contraire: je choisis une playlist et je l'envoie à un lieu.

Bref, pour l'instant j'arrive à envoyer les radios (les liens sont très moches je trouve) ainsi que le flow deezer. J'ai mis une variable avec l'adresse mac du player pour n'avoir qu'un seul scénario (mais plusieurs virtuels quand même).

[Thyer]

Yep,
Sous LMS j'ajoute ma playlist au favoris
L'URL :

Code : Tout sélectionner

http://192.168.x.x:9002/plugins/Favorites/index.html?action=play&index=1&player=ADRESSE MAC PLAYER

Ce qui nous intéresse c'est le chiffre après index, ici il est sur 1 tu le vois clairement au survol du favoris ajouter dans LMS. (1 = mon premier favoris)

Pour le reste J'ai un peux changer mon design, mais le principe est le même