Hallo,
ich habe kürzlich meine Seiten für die SqueezeBoxen umgestellt von einem zweistufigen Pagebutton auf einen Pagebutton und dann die Player mit hide ausgetauscht über einen dummy (MediaPad_Player_sel:state).
<div data-type="html" data-class="MediaPad_Player_sel:state" data-map-class='{"Onkyo":"show", ".*":"myhidden"}'>
<div data-type="include" data-url="2_Musik_Onkyo.html"></div>
</div>
Das funktioniert so aber nicht mehr mit FTUI 2.7.14 auf Android, dachte zuerst es liegt am Fully aber es tritt auch bei Chrome auf den Tablets auf (Android 6 und 9). Mit einem alten FTUI 2.7.1 funktioniert es. Die Widgets lösen kein set mehr aus. Dieses Verhalten habe ich bis jetzt bei select, medialist und knob festgestellt. Hier die abgespeckten Versionen meiner Dateien.
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=no">
<meta charset="UTF-8">
<meta name="widget_base_width" content="69">
<meta name="widget_base_height" content="51">
<meta name="widget_min_cols" content="17">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name='gridster_disable' content='1'>
<meta name="widget_margin" content="1">
<meta name="longpoll_type" content="websocket">
<meta name="longpoll" content="1">
<meta name="toast" content="1">
<meta name='debug' content='0'>
<script src="js/fhem-tablet-ui.min.js" defer></script>
<link rel="stylesheet" href="css/fhem-tablet-ui-user.css" />
<title>FHEM-MediaPad</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="15">
<div class="">
<div class="tiny left top inline">FTUI :</div>
<div class="tiny left top inline" data-bind="ftui.version"></div>
</br>
<div class="tiny top narrow" data-type="label" data-device="REFRESH"></div>
</div>
<div class="cell">
<div data-type="pagebutton" data-url="#1_Musik.html" data-load="#1_Musik" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern="(.*/||.*#1_Musik.html)" data-icon="fa-music" class="default top-space "></div>
<div data-type="pagebutton" data-url="#main.html" data-load="#content1" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#main.html" data-icon="fa-home" class="top-space"></div>
<div class="absolute bottom">
<div data-type="clock" data-format="D" class="center"></div>
<div data-type="clock" data-format="d.n.Y" class="center small"></div>
<div data-type="clock" data-format="H:i" class="center bold"></div>
</div>
</div>
</li>
<li data-row="1" data-col="2" data-sizex="17" data-sizey="15">
<div class="page" id="1_Musik"></div>
<div class="page" id="content1"></div>
</li>
</ul>
</div>
</body>
</html>
1_Musik.html
<!DOCTYPE html>
<html>
<head>
<title>FHEM</title>
<meta charset="UTF-8">
</head>
<body>
<div class="page" id="1_Musik">
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="17" data-sizey="1">
<div class="sheet">
<div class="row">
<div class="cell inline">
<img src="/fhem/images/Bose_Soundtouch10.jpg" height="53" width="70" alt="Bose" onclick="ftui.setFhemStatus('set MediaPad_Player_sel Bose')">
</div>
</div>
</div>
</li>
<li data-row="2" data-col="1" data-sizex="17" data-sizey="14">
<div data-type="html" data-class="MediaPad_Player_sel:state" data-map-class='{"Bose":"show", ".*":"myhidden"}'>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="7" data-sizey="2">
<header>Radiosender</header>
<div class="cell">
<div data-type="select" data-device="SB_PLAYER_b8" data-list="ftuiFavoritesItems" data-get="favorites" data-set="favorites" class="" ></div>
</div>
</li>
<li data-row="3" data-col="1" data-sizex="7" data-sizey="12">
<header>Playlists</header>
<div class="cell">
<div data-type="select" data-device="SB_PLAYER_b8" data-list="ftuiPlaylistsItems" data-get="playlists" data-set="playlists" class="" ></div>
<div data-type="medialist"
data-device="SB_PLAYER_b8"
data-get="ftuiMedialist"
data-pos="playlistCurrentTrack"
data-set="track"
class="center autoscroll index1"
></div>
<div> </div>
</div>
</li>
<li data-row="1" data-col="8" data-sizex="7" data-sizey="14">
<header>Bose Soundtouch 10</header>
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="knob"
data-device='BOSE_6'
data-get="volume"
data-step="1"
data-inputcolor="#21a000"
data-fgcolor="#21a000"
data-set="volume"
class=""
></div>
<div class="newline top-narrow wider">Volume</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
fhem-tablet-ui-user.css
/* hide icon */
.myhidden {display:none}
.hidden {
display: none;
}
Jemand eine Erklärung oder Lösung?
Gruß
Eisix
Da anscheinend niemand das gleiche Problem hat würde ich gerne die Zwischenstände >2.7.1 und <2.7.14 probieren. Kann mir jemand sagen wo ich die her kriege?
Gruß
Eisix
Hier: https://github.com/knowthelist/fhem-tablet-ui
So, habe jetzt die Zwischenstände (danke für den Tip @amenomade, manchmal steht man auf dem Schlauch) ausprobiert und das Problem tritt ab 2.7.2 auf.
Jemand eine Idee!
Gruß
Eisix