Added rooms to the configuration #221

This commit is contained in:
Robert Strouse 2024-01-07 12:26:20 -08:00
parent 67cd9a3200
commit 574b2ece04
14 changed files with 973 additions and 45 deletions

View file

@ -292,8 +292,35 @@
</div>
</div>
<div id="divSomfySettings" style="display:none;">
<div class="subtab-container"><span class="selected" data-grpid="divSomfyMotors">Shades</span><span data-grpid="divSomfyGroups">Groups</span><span data-grpid="divVirtualRemote">Virtual Remote</span></div>
<div id="divSomfyMotors" class="subtab-content" style="padding-top:10px;">
<div class="subtab-container"><span class="selected" data-grpid="divSomfyRooms">Rooms</span><span class="" data-grpid="divSomfyMotors">Shades</span><span data-grpid="divSomfyGroups">Groups</span><span data-grpid="divVirtualRemote">Virtual Remote</span></div>
<div id="divSomfyRooms" class="subtab-content" style="padding-top:10px;">
<div id="divRoomListContainer">
<div style="font-size:.8em;">Drag each item to set the order in which they appear in the list.</div>
<div id="divRoomList" class="edit-roomlist"></div>
<div class="button-container">
<button id="btnAddRoom" type="button" onclick="somfy.openEditRoom();">
Add Room
</button>
</div>
</div>
<div id="somfyRoom" style="width:100%;display:none;">
<div style="display:inline-block;float:right;position:relative;"><span id="spanRoomId">*</span>/<span id="spanMaxRooms">16</span></div>
<div class="field-group" style="padding:0px;">
<input id="fldRoomName" name="roomName" data-bind="name" type="text" length=20 placeholder="Name">
<label for="fldRoomName">Name</label>
</div>
<div class="button-container" style="margin-top:-10px;padding-left:7px;padding-right:7px;">
<button id="btnSaveRoom" type="button" onclick="somfy.saveRoom();">
Save Room
</button>
<button id="btnRoomGoBack" type="button" onclick="somfy.showEditRoom(false);">
Done
</button>
</div>
</div>
</div>
<div id="divSomfyMotors" class="subtab-content" style="padding-top:10px;display:none;">
<div id="divShadeListContainer">
<div style="font-size:.8em;">Drag each item to set the order in which they appear in the list.</div>
<div id="divShadeList" class="edit-motorlist"></div>
@ -378,6 +405,10 @@
<div class="button-outline toggle-button" style="width:127px;text-align:center;border-radius:33%;font-size:2em;padding:10px;" data-cmd="toggle" onclick="somfy.sendCommand(parseInt(document.getElementById('spanShadeId').innerText, 10), 'toggle');"><i class="icss-somfy-toggle" style="margin-top:-4px;"></i></div>
</div>
</div>
<div class="field-group" style="padding:0px;">
<select id="selShadeRoom" data-bind="roomId" data-datatype="int" style="width:100%;"></select>
<label for="selShadeRoom">Room</label>
</div>
<div class="field-group" style="padding:0px;">
<input id="fldShadeName" name="shadeName" data-bind="name" type="text" length=20 placeholder="Name">
<label for="fldShadeName">Name</label>
@ -550,6 +581,10 @@
</div>
</div>
</div>
<div class="field-group" style="padding:0px;">
<select id="selGroupRoom" data-bind="roomId" data-datatype="int" style="width:100%;"></select>
<label for="selGroupRoom">Room</label>
</div>
<div class="field-group" style="padding:0px;">
<input id="fldGroupName" name="groupName" data-bind="name" type="text" length=20 placeholder="Name">
<label for="fldGroupName">Name</label>
@ -795,6 +830,10 @@
</div>
<div id="divHomePnl" style="position:relative;">
<hr />
<div id="divRoomSelector" class="room-selector" data-roomid="0" onclick="event.stopPropagation(); somfy.openSelectRoom();">
<i class="icss-bars"></i><span>Home</span>
<div id="divRoomSelector-list" class="room-selector-list"></div>
</div>
<div id="divGroupControls"></div>
<div id="divShadeControls" style="min-height:130px;"></div>
</div>