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 !

[S'inspirer] Postez vos Customisations (Javascipt / CSS)

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
fleproust
Timide
Messages : 91
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 30 déc. 2017, 18:14

Bonjour,

Voici mes designs :
Pièces jointes
meteo.png
meteo.png (194.21 Kio) Consulté 5970 fois
lampes.png
lampes.png (254.5 Kio) Consulté 5970 fois
chauffage.png
chauffage.png (209.48 Kio) Consulté 5970 fois

fleproust
Timide
Messages : 91
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 30 déc. 2017, 18:15

Suite :
Pièces jointes
temp.png
temp.png (185.96 Kio) Consulté 5969 fois
ouvrants.png
ouvrants.png (238.26 Kio) Consulté 5969 fois
monitoring.png
monitoring.png (211.37 Kio) Consulté 5969 fois

Avatar de l’utilisateur
BizZ62
Actif
Messages : 1510
Inscription : 16 juil. 2014, 19:17

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par BizZ62 » 09 janv. 2018, 20:18

Hello @Fleproust,

Ca a l'air très sympa mais tu as une section spéciale pour les designs :

viewtopic.php?f=50&t=1182

Par ailleurs des captures d'écran un peu plus grandes nous permettraient sans doute de mieux admirer ton travail ;)
Jeedomien depuis 2014
Rpi3 - SSD 32Go + Stick Aeon Gen5 + RfxTrx + Gateway Xiaomi
+ Rpi3 - SSD 32Go + Stick Aeon Gen5 en Jeelink
+ 40 Modules Zwave + 25 modules 433 + 10 modules Xiaomi Home + 5 Caméras.

fleproust
Timide
Messages : 91
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 09 janv. 2018, 20:26

Je suis sur smartphone et non sur tablette. D’ou La taille.

winhex
Actif
Messages : 3799
Inscription : 23 janv. 2015, 01:41

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par winhex » 03 févr. 2018, 03:35

historique modifié avec le théme darksobre
histo.png
histo.png (63.93 Kio) Consulté 5723 fois

Code : Tout sélectionner

/** historique **/
.highcharts-plot-band  /** fond créme**/
{
        fill: #505152;
}
.highcharts-grid-line /** barre horizontal **/
{
opacity: 0.0; 
}
.highcharts-tracker /** tracé orange **/
{
stroke-width: 2;
  stroke: #ff9900!important;
}
/** tous le reste **/
.highcharts-legend-item.highcharts-markers, .highcharts-series-0, .highcharts-line-series, .highcharts-color-undefined
{
  stroke: rgb(148, 148, 140)!important;
  fill: #ff9900!important;
}
.highcharts-graph /** petite barre légende **/
{
  stroke: #ff9900!important;
}

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 04 févr. 2018, 12:38

winhex a écrit :
03 févr. 2018, 03:35
historique modifié avec le théme darksobre
histo.png

Code : Tout sélectionner

/** historique **/
.highcharts-plot-band  /** fond créme**/
{
        fill: #505152;
}
.highcharts-grid-line /** barre horizontal **/
{
opacity: 0.0; 
}
.highcharts-tracker /** tracé orange **/
{
stroke-width: 2;
  stroke: #ff9900!important;
}
/** tous le reste **/
.highcharts-legend-item.highcharts-markers, .highcharts-series-0, .highcharts-line-series, .highcharts-color-undefined
{
  stroke: rgb(148, 148, 140)!important;
  fill: #ff9900!important;
}
.highcharts-graph /** petite barre légende **/
{
  stroke: #ff9900!important;
}
Tres sympa ! où pose tu le code ?
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

winhex
Actif
Messages : 3799
Inscription : 23 janv. 2015, 01:41

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par winhex » 04 févr. 2018, 14:12

personnalisation avancée
20180204_141055.png
20180204_141055.png (202.43 Kio) Consulté 5670 fois
20180204_141131.png
20180204_141131.png (299.47 Kio) Consulté 5670 fois
c est lié au sujet

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 05 févr. 2018, 10:39

Parfait ca marche et c'est bien plus joli comme ca, merci :D
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 13 févr. 2018, 09:44

fleproust a écrit :
30 déc. 2017, 18:15
Suite :
Pas mal les courbes :D
Tu pourrais partager le code CSS ?
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

fleproust
Timide
Messages : 91
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 13 févr. 2018, 13:24

Y a pas de code, j’integre Juste un graphique dans le design.

Avatar de l’utilisateur
cyrilphoenix
Timide
Messages : 435
Inscription : 28 juil. 2015, 16:46
Localisation : 71

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par cyrilphoenix » 13 févr. 2018, 16:53

fleproust a écrit :
13 févr. 2018, 13:24
Y a pas de code, j’integre Juste un graphique dans le design.
Et pour les couleurs de courbes ?
Jeedom fan / NextDom fan
Mon Matos : RPI 3, NAS Synology, Xiaomi Gateway, Aeotec Gen5, Broadlink RM3, Clé BLEA
Mes plugins : FlipClock

fleproust
Timide
Messages : 91
Inscription : 07 sept. 2017, 08:19

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fleproust » 13 févr. 2018, 18:49

Ça se personnalise dans les designs directement

Avatar de l’utilisateur
GargouilleBL
Timide
Messages : 253
Inscription : 26 janv. 2017, 09:31
Localisation : Sprimont (Province de Liège - Belgique)

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par GargouilleBL » 26 mars 2018, 14:28

Bonjour à toutes et tous,
J'ai chercher un peu partout dans le forum, je ne trouve pas ce que je cherche, ou je n'utilise pas les bons mots clefs.
Mais ce post me parait le plus approprié pour ma de mande puisqu'il s'agit bien de personnalisation et de css.
D'ailleurs, je m'étonne que personne n'est déjà fait une telle demande car je trouve que ça pourrait être bien pratique.
J'aimerais savoir quel code et surtout où je dois le mettre pour pouvoir avoir mes objets, plugins et autres tuiles "déroulantes" sur mon dashborad.
Avoir quelque chose qui ressemble à ça (bien sur c'est un montage).
Avec un objet (ou une pièce)
Jeedom - Objet déroulant.png
Jeedom - Objet déroulant.png (281.04 Kio) Consulté 5232 fois
Et avec un plugin (ici un virtuel)
Jeedom - Plugin déroulant.png
Jeedom - Plugin déroulant.png (61.27 Kio) Consulté 5232 fois
Je sais que Jeedom est basé sur Bootstrap (du moins je pense) et qu'il faudrait mettre un truc de ce genre pour utiliser la fonction collapse :

Code : Tout sélectionner

<button data-toggle="collapse" data-target="#demo">Collapsible</button>
<div id="demo" class="collapse">
...Mon objet ou plugin
</div>
Mais comme dit plus haut, je ne sais si le code est exact et surtout où le mettre.
Un peu d'aide me serait bien utile,
Merci à vous,
@+ GargouilleBL
Jeedom V3.3.19 sur VM ProxMox - Clef Usb Z-Wave - Clef Usb RfxCom
Caméras D-Link + Reolink, Oeil Fibaro, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Danfoss, Ampoules IKEA, SNIPS, etc...

frankie666
Timide
Messages : 207
Inscription : 12 janv. 2016, 12:15
Localisation : Suisse

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par frankie666 » 26 mars 2018, 17:54

Sans faire de code, dans une vue tu peux utiliser le plugin CLINKS https://jeedom.github.io/plugin-clink/fr_FR/ qui permet d'ouvrir une fenêtre (modal ou non) en appuyant sur un bouton dans une tuile ou alors dans un design, utiliser l'objet "zone" qui permet de lancer des commandes ou ouvrir une fenêtre avec un widget (ton widget yeelight par exemple).
Jeedom 3.2.7 / PHP 7.0.27-0+deb9u1 sous Raspbian / Linux Jeedom 4.14.39-v7+ #1112 SMP Sat May 5 12:01:33 BST 2018 armv7l GNU/Linux [9.4]

Avatar de l’utilisateur
GargouilleBL
Timide
Messages : 253
Inscription : 26 janv. 2017, 09:31
Localisation : Sprimont (Province de Liège - Belgique)

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par GargouilleBL » 27 mars 2018, 08:22

@frankie666, bonjour et merci pour ta solution.
J'avais pensé a ce plugin (que j'utilise pour d'autre choses) mais dans le cas présent, je souhaite vraiment avoir mes objets, tuiles et plugins déroulants sur mon dashboard. Gain de place, rapidité et plus joli (question de goûts). Et donc utiliser la fonction collapse ou autres équivalente.
Si un spécialiste de CSS pouvait m'aider
Merci et bonne journée

@+GargouilleBL
Jeedom V3.3.19 sur VM ProxMox - Clef Usb Z-Wave - Clef Usb RfxCom
Caméras D-Link + Reolink, Oeil Fibaro, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Danfoss, Ampoules IKEA, SNIPS, etc...

Bobock
Timide
Messages : 19
Inscription : 03 mai 2016, 11:47

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Bobock » 06 avr. 2018, 22:19

Bonjour à tous,

Je ne sais pas si c’est le bon endroi pour cette question. Je cherche à afficher sur les graphiques d’historiques sous forme de colonnes empilées (ça c’est facile), en faisant apparaitre dans chaque colonne la valeur de la commande.
Ca semble possible d’après le site highcharts, et je crois que j’ai vu ça dans les screenshots du plugin « suivi conso ».
Savez-vous faire ?
Merci d’avance!

Loic74
Actif
Messages : 709
Inscription : 24 oct. 2017, 22:45
Localisation : Haute-Savoie
Contact :

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Loic74 » 22 avr. 2018, 17:47

Bonjour à tous,

Il est écrit dans la doc:
Toute erreur dans un des ces scripts peut rendre Jeedom totalement indisponible et il faudra se connecter en SSH et supprimer les fichiers de customisation pour pouvoir le récupérer
OK mais quel fichier faut-il supprimer dans le cas de code CSS et dans le cas de code JS?

Merci
Loic
---------------------------------------
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard

Loic74
Actif
Messages : 709
Inscription : 24 oct. 2017, 22:45
Localisation : Haute-Savoie
Contact :

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Loic74 » 23 avr. 2018, 14:32

Hmm, j’ai peut etre posté au mauvais endroit, sorry
---------------------------------------
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard

Sartog
Actif
Messages : 502
Inscription : 27 août 2015, 14:54

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Sartog » 23 avr. 2018, 15:22

Loic74 a écrit :
22 avr. 2018, 17:47
Bonjour à tous,

Il est écrit dans la doc:
Toute erreur dans un des ces scripts peut rendre Jeedom totalement indisponible et il faudra se connecter en SSH et supprimer les fichiers de customisation pour pouvoir le récupérer
OK mais quel fichier faut-il supprimer dans le cas de code CSS et dans le cas de code JS?

Merci
Loic
Je dirais dans Desktop/custom/
A vérifier tout de même.
Box : smart, mini+, pi 2 et 3, ipbx800 v4
Protocole : Z-Wave (Fibaro & Qubino), Ikea, Bluetooth
Méteo : Netatmo
Audio : Sonos (Play 1 et 5)

Loic74
Actif
Messages : 709
Inscription : 24 oct. 2017, 22:45
Localisation : Haute-Savoie
Contact :

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Loic74 » 23 avr. 2018, 15:29

Merci Sartog,

J'étais justement en train de me répondre, c'est bien cela.
Il faut supprimer le fichier "custom.css" (et/ou "custom.js" j'imagine) via SSH si on est bloqué
---------------------------------------
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard

Répondre

Revenir vers « Présentation et Vitrine d'installations »

Qui est en ligne ?

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