Skip to content

Commit

Permalink
update layout v42
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mips2648
Mips2648 committed Dec 28, 2021
1 parent a637cce commit dbfc2ae
Show file tree
Hide file tree
Showing 3 changed files with 72 additions and 68 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.vscode/settings.json
3 changes: 0 additions & 3 deletions desktop/js/heliotrope.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,6 @@ function addCmdToTable(_cmd) {
}

if (init(_cmd.configuration.type) != 'lever' && init(_cmd.configuration.type) != 'coucher') {
var disabled = (init(_cmd.configuration.virtualAction) == '1') ? 'disabled' : '';
var tr = '<tr class="cmd" data-cmd_id="' + init(_cmd.id) + '">';
tr += '<td>';
tr += '<span class="cmdAttr" data-l1key="id"></span>';
Expand All @@ -116,7 +115,6 @@ function addCmdToTable(_cmd) {
}

if (init(_cmd.configuration.type) == 'lever') {
var disabled = (init(_cmd.configuration.virtualAction) == '1') ? 'disabled' : '';
var tr = '<tr class="cmd" data-cmd_id="' + init(_cmd.id) + '">';
tr += '<td>';
tr += '<span class="cmdAttr" data-l1key="id"></span>';
Expand All @@ -141,7 +139,6 @@ function addCmdToTable(_cmd) {
}

if (init(_cmd.configuration.type) == 'coucher') {
var disabled = (init(_cmd.configuration.virtualAction) == '1') ? 'disabled' : '';
var tr = '<tr class="cmd" data-cmd_id="' + init(_cmd.id) + '">';
tr += '<td>';
tr += '<span class="cmdAttr" data-l1key="id"></span>';
Expand Down
136 changes: 71 additions & 65 deletions desktop/php/heliotrope.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,50 +25,56 @@
<div class="col-lg-12 eqLogicThumbnailDisplay" id="listCol">
<legend><i class="fas fa-cog"></i> {{Gestion}}</legend>
<div class="eqLogicThumbnailContainer">

<div class="cursor eqLogicAction" data-action="add">
<div class="cursor eqLogicAction logoSecondary" data-action="add">
<i class="fas fa-plus-circle"></i>
<br />
<span>{{Ajouter}}</span>
</div>
<div class="cursor eqLogicAction" data-action="gotoPluginConf">
<div class="cursor eqLogicAction logoSecondary" data-action="gotoPluginConf">
<i class="fas fa-wrench"></i>
<br />
<span>{{Configuration}}</span>
</div>

</div>

<input class="form-control" placeholder="{{Rechercher}}" id="in_searchEqlogic" />

<legend><i class="fas fa-home" id="butCol"></i> {{Mes Equipements}}</legend>
<div class="input-group" style="margin:5px;">
<input class="form-control roundedLeft" placeholder="{{Rechercher}}" id="in_searchEqlogic" />
<div class="input-group-btn">
<a id="bt_resetSearch" class="btn" style="width:30px"><i class="fas fa-times"></i>
</a><a class="btn roundedRight hidden" id="bt_pluginDisplayAsTable" data-coreSupport="1" data-state="0"><i class="fas fa-grip-lines"></i></a>
</div>
</div>
<div class="eqLogicThumbnailContainer">
<?php
foreach ($eqLogics as $eqLogic) {
$opacity = ($eqLogic->getIsEnable()) ? '' : jeedom::getConfiguration('eqLogic:style:noactive');
echo '<div class="eqLogicDisplayCard cursor" data-eqLogic_id="' . $eqLogic->getId() . '" style="background-color : #ffffff ; height : 200px;margin-bottom : 10px;padding : 5px;border-radius: 2px;width : 160px;margin-left : 10px;' . $opacity . '" >';
echo "<center>";
echo '<img src="plugins/heliotrope/plugin_info/heliotrope_icon.png" height="105" width="95" />';
echo "</center>";
echo '<span style="font-size : 1.1em;position:relative; top : 15px;word-break: break-all;white-space: pre-wrap;word-wrap: break-word;"><center>' . $eqLogic->getHumanName(true, true) . '</center></span>';
$opacity = ($eqLogic->getIsEnable()) ? '' : 'disableCard';
echo '<div class="eqLogicDisplayCard cursor ' . $opacity . '" data-eqLogic_id="' . $eqLogic->getId() . '">';
echo '<img src="' . $eqLogic->getImage() . '" style="max-height: 95px"/>';
echo "<br>";
echo '<span class="name">' . $eqLogic->getHumanName(true, true) . '</span>';
echo '</div>';
}
?>
</div>
</div>



<div class="col-lg-10 col-md-9 col-sm-8 eqLogic" style="border-left: solid 1px #EEE; padding-left: 25px;display: none;">
<a class="btn btn-success eqLogicAction pull-right" data-action="save"><i class="fas fa-check-circle"></i> {{Sauvegarder}}</a>
<a class="btn btn-danger eqLogicAction pull-right" data-action="remove"><i class="fas fa-minus-circle"></i> {{Supprimer}}</a>
<a class="btn btn-default eqLogicAction pull-right" data-action="configure"><i class="fas fa-cogs"></i> {{Configuration avancée}}</a>
<div class="col-xs-12 eqLogic" style="display: none;">
<div class="input-group pull-right" style="display:inline-flex">
<span class="input-group-btn">
<a class="btn btn-sm btn-default eqLogicAction roundedLeft" data-action="configure"><i class="fas fa-cogs"></i><span class="hidden-xs"> {{Configuration avancée}}</span>
</a><a class="btn btn-sm btn-default eqLogicAction" data-action="copy"><i class="fas fa-copy"></i><span class="hidden-xs"> {{Dupliquer}}</span>
</a><a class="btn btn-sm btn-success eqLogicAction" data-action="save"><i class="fas fa-check-circle"></i> {{Sauvegarder}}
</a><a class="btn btn-sm btn-danger eqLogicAction roundedRight" data-action="remove"><i class="fas fa-minus-circle"></i><span class="hidden-xs"> {{Supprimer}}</span>
</a>
</span>
</div>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation"><a href="#" class="eqLogicAction" aria-controls="home" role="tab" data-toggle="tab" data-action="returnToThumbnailDisplay"><i class="fas fa-arrow-circle-left"></i></a></li>
<li role="presentation" class="active"><a href="#eqlogictab" aria-controls="home" role="tab" data-toggle="tab"><i class="fas fa-tachometer-alt"></i> {{Equipement}}</a></li>
<li role="presentation"><a href="#infotab" aria-controls="profile" role="tab" data-toggle="tab"><i class="fas fa-list-alt"></i> {{Position du Soleil}}</a></li>
<li role="presentation"><a href="#levertab" aria-controls="profile" role="tab" data-toggle="tab"><i class="fas fa-sun-o"></i> {{Lever Soleil}}</a></li>
<li role="presentation"><a href="#couchertab" aria-controls="profile" role="tab" data-toggle="tab"><i class="fas fa-moon-o"></i> {{Coucher Soleil}}</a></li>
<li role="presentation"><a href="#levertab" aria-controls="profile" role="tab" data-toggle="tab"><i class="fas fa-sun"></i> {{Lever Soleil}}</a></li>
<li role="presentation"><a href="#couchertab" aria-controls="profile" role="tab" data-toggle="tab"><i class="fas fa-moon"></i> {{Coucher Soleil}}</a></li>
</ul>
<div class="tab-content" style="height:calc(100% - 50px);overflow:auto;overflow-x: hidden;">
<div role="tabpanel" class="tab-pane active" id="eqlogictab">
Expand Down Expand Up @@ -154,43 +160,43 @@
</div>

<div role="tabpanel" class="tab-pane" id="infotab">
<br />
<table id="table_cmd" class="table table-bordered table-condensed">
<thead>
<tr>
<th style="width: 50px;">#</th>
<th style="width: 300px;">{{Nom}}</th>
<th style="width: 200px;">{{Paramètres}}</th>
<th style="width: 100px;"></th>
</tr>
</thead>
<tbody>

</tbody>
</table>
<div class="table-responsive">
<table id="table_cmd" class="table table-bordered table-condensed">
<thead>
<tr>
<th style="width: 50px;">ID</th>
<th>{{Nom}}</th>
<th style="width: 200px;">{{Paramètres}}</th>
<th style="width: 100px;">{{Actions}}</th>
</tr>
</thead>
<tbody>

</tbody>
</table>
</div>

<span>{{Les informations de position du soleil permettent de créer des scénarios ayant besoin de se déclencher sur une orientation ou une altitude du soleil.}}</span>
<br><span>{{Une utilisation classique est la gestion des volets par rapport au soleil. Si la direction du soleil est dans un angle de 180 du store par exemple (-90 et +90) on peut le fermer pour éviter que le soleil chauffe en été ou inversement pour les périodes froides. On peut affiner en utilisant la hauteur du soleil.}}</span>
<br><span>{{La position est recalculée à la fréquence sélectionnée sur la page de configuration du plugin. Pour utiliser la direction dans un scénario, il faut utiliser le mode déclenché avec la direction et utiliser une condition SI #Direction# > Orientation baie - 90}}</span>

</div>

<div role="tabpanel" class="tab-pane" id="levertab">
<br />
<table id="table_lever" class="table table-bordered table-condensed">
<thead>
<tr>
<th style="width: 50px;">#</th>
<th style="width: 300px;">{{Nom}}</th>
<th style="width: 200px;">{{Paramètres}}</th>
<th style="width: 100px;"></th>
</tr>
</thead>
<tbody>

</tbody>
</table>

<div class="table-responsive">
<table id="table_lever" class="table table-bordered table-condensed">
<thead>
<tr>
<th style="width: 50px;">ID</th>
<th>{{Nom}}</th>
<th style="width: 200px;">{{Paramètres}}</th>
<th style="width: 100px;">{{Actions}}</th>
</tr>
</thead>
<tbody>

</tbody>
</table>
</div>
<span>{{Les heures de lever et coucher du soleil permettent de créer des scénarios ayant besoin de se déclencher en fonction de si il fait jour ou non.}}</span>
<br><span>{{Une utilisation classique est la gestion des volets par rapport au soleil. Quand le soleil se lève on ouvre les volets par exemple.}}</span>
<br><span>{{Les horaires sont calculés de façon journalière. Pour utiliser une heure dans un scénario : }}</span>
Expand All @@ -201,21 +207,21 @@
</div>

<div role="tabpanel" class="tab-pane" id="couchertab">
<br />
<table id="table_coucher" class="table table-bordered table-condensed">
<thead>
<tr>
<th style="width: 50px;">#</th>
<th style="width: 300px;">{{Nom}}</th>
<th style="width: 200px;">{{Paramètres}}</th>
<th style="width: 100px;"></th>
</tr>
</thead>
<tbody>

</tbody>
</table>

<div class="table-responsive">
<table id="table_coucher" class="table table-bordered table-condensed">
<thead>
<tr>
<th style="width: 50px;">ID</th>
<th>{{Nom}}</th>
<th style="width: 200px;">{{Paramètres}}</th>
<th style="width: 100px;">{{Actions}}</th>
</tr>
</thead>
<tbody>

</tbody>
</table>
</div>
<span>{{Les heures de lever et coucher du soleil permettent de créer des scénarios ayant besoin de se déclencher en fonction de si il fait jour ou non.}}</span>
<br><span>{{Une utilisation classique est la gestion des volets par rapport au soleil. Quand le soleil se couche on ferme les volets par exemple.}}</span>
<br><span>{{Les horaires sont calculés de façon journalière. Pour utiliser une heure dans un scénario : }}</span>
Expand Down

0 comments on commit dbfc2ae

Please sign in to comment.