Geraete-Liste zum Ein- und Ausschalten (in Arbeit)

ulrich

2021-04-16 3e5a56229e91e42b8080dc7ee5f9461774cf2879

Geraete-Liste zum Ein- und Ausschalten (in Arbeit)

 www/ui/app.css

@@ -167,6 +167,16 @@
  font-size: smaller;
}

.geraet-schalt-eintrag {
  display: flex;
  flex-flow: row;
  font-size: smaller;
}

.schalt-geraet-name {
  / * background-color: red; */
}

.entity-liste-kopf {
  display: flex;
  flex-flow: row;

 www/ui/data/menu/hauptmenue.json

@@ -23,6 +23,11 @@
        "funktion": "app.titel_liste"
      },
      {
        "titel": "Geräte",
        "umenue": false,
        "funktion": "app.geraet_schalt_liste"
      },
      {
        "titel": "Einstellungen",
        "umenue": true,
        "verweis": "einstellungen.json"

 www/ui/data/tpl/form_ablageort.txt

@@ -5,8 +5,8 @@
    <input name="url" class="entity-form-element" type="text" id="ablageort-url" placeholder="URL" value="{{url}}" />
    <div class="entity-buttons">
      <button type="submit" class="button-primary" id="ok-btn">Speichern</button>
      <button class="button" id="cancel-btn">Abbrechen</button>
      <button class="button" id="loeschen-btn">L&ouml;schen</button>
      <button type="button" class="button" id="cancel-btn">Abbrechen</button>
      <button type="button" class="button" id="loeschen-btn">L&ouml;schen</button>
    </div>
  </div>
</form>

 www/ui/data/tpl/form_abspieler.txt

@@ -4,8 +4,8 @@
    <input name="url" class="entity-form-element" type="text" id="abspieler-url" placeholder="URL" value="{{url}}" />
    <div class="entity-buttons">
      <button type="submit" class="button-primary" id="ok-btn">Speichern</button>
      <button class="button" id="cancel-btn">Abbrechen</button>
      <button class="button" id="loeschen-btn">L&ouml;schen</button>
      <button type="button" class="button" id="cancel-btn">Abbrechen</button>
      <button type="button" class="button" id="loeschen-btn">L&ouml;schen</button>
    </div>
  </div>
</form>

 www/ui/data/tpl/form_abspielliste.txt

@@ -3,8 +3,8 @@
    <input name="name" class="entity-form-element" type="text" id="abspielliste-name" placeholder="Name" value="{{name}}" />
    <div class="entity-buttons">
      <button type="submit" class="button-primary" id="ok-btn">Speichern</button>
      <button class="button" id="cancel-btn">Abbrechen</button>
      <button class="button" id="loeschen-btn">L&ouml;schen</button>
      <button type="button" class="button" id="cancel-btn">Abbrechen</button>
      <button type="button" class="button" id="loeschen-btn">L&ouml;schen</button>
    </div>
  </div>
</form>

 www/ui/data/tpl/form_einstellung.txt

@@ -4,8 +4,8 @@
    <input name="value" class="entity-form-element" type="text" id="einstellung-value" placeholder="Wert" value="{{value}}" />
    <div class="entity-buttons">
      <button type="submit" class="button-primary" id="ok-btn">Speichern</button>
      <button class="button" id="cancel-btn">Abbrechen</button>
      <button class="button" id="loeschen-btn">L&ouml;schen</button>
      <button type="button" class="button" id="cancel-btn">Abbrechen</button>
      <button type="button" class="button" id="loeschen-btn">L&ouml;schen</button>
    </div>
  </div>
</form>

 www/ui/data/tpl/form_geraet.txt

@@ -6,8 +6,8 @@
    <input name="statusUrl" class="entity-form-element" type="text" id="geraet-statusurl" placeholder="URL (Status)" value="{{statusUrl}}" />
    <div class="entity-buttons">
      <button type="submit" class="button-primary" id="ok-btn">Speichern</button>
      <button class="button" id="cancel-btn">Abbrechen</button>
      <button class="button" id="loeschen-btn">L&ouml;schen</button>
      <button type="button" class="button" id="cancel-btn">Abbrechen</button>
      <button type="button" class="button" id="loeschen-btn">L&ouml;schen</button>
    </div>
  </div>
</form>

 www/ui/data/tpl/form_geraet_status.txt

New file
@@ -0,0 +1,10 @@
<form>
  <div class="entity-formular">
    <p>Der Ger&auml;testatus ist noch nicht gebaut.</p>
    <div class="entity-buttons">
      <!-- <button type="submit" class="button-primary" id="ok-btn">Speichern</button> -->
      <button type="button" class="button" id="cancel-btn">Abbrechen</button>
      <!-- <button class="button" id="loeschen-btn">L&ouml;schen</button> -->
    </div>
  </div>
</form>

 www/ui/data/tpl/form_livestream.txt

@@ -4,8 +4,8 @@
    <input name="url" class="entity-form-element" type="text" id="livestream-url" placeholder="Pfad" value="{{url}}" />
    <div class="entity-buttons">
      <button type="submit" class="button-primary" id="ok-btn">Speichern</button>
      <button class="button" id="cancel-btn">Abbrechen</button>
      <button class="button" id="loeschen-btn">L&ouml;schen</button>
      <button type="button" class="button" id="cancel-btn">Abbrechen</button>
      <button type="button" class="button" id="loeschen-btn">L&ouml;schen</button>
    </div>
  </div>
</form>

 www/ui/data/tpl/geraet_schalt_liste.txt

New file
@@ -0,0 +1,9 @@
<div class='entity-formular'>
  {{#ArrayList}}
  <div class='geraet-schalt-eintrag'>
    <button class="button schalt-btn" id="ein-btn">Ein</button>
    <button class="button schalt-btn" id="aus-btn">Aus</button>
    <div class='schalt-geraet-name entity-eintrag'>{{.}}</div>
  </div>
  {{/ArrayList}}
</div>

 www/ui/js/app.js

@@ -155,6 +155,15 @@
    }
  };
  
  this.geraet_schalt_liste = function() {
    self.entitaet_liste('Geräte schalten','../api/store/Geraet/liste/', 
      "data/tpl/geraet_schalt_liste.txt", '../api/store/Geraet/', 
      "self.form_geraet_status", function(responseText) {
        var geraet = JSON.parse(responseText);
        self.geraet_status_form(geraet);
      });
  };
  
  this.geraet_liste = function() {
    self.entitaet_liste('Geräte','../api/store/Geraet/liste/', 
      "data/tpl/geraet_liste.txt", '../api/store/Geraet/', 
@@ -246,6 +255,14 @@
      "data/tpl/form_geraet.txt", '../api/store/Geraet/',
      '#geraet-name', function() { 
          self.geraet_liste();
    });
  };

  this.geraet_status_form = function(ge) {
    self.entitaet_form('Gerät', ge, ge.name,
      "data/tpl/form_geraet_status.txt", '../api/store/Geraet/',
      '#geraet-name', function() { 
          self.geraet_schalt_liste();
    });
  };

@@ -537,6 +554,7 @@
   */
  this.handle_submit = function(event, existingKey, putUrl, keySelector, cb) {
    event.preventDefault();
    console.log('handle submit, key: ' + event.target.id);
    const data = new FormData(event.target);
    const value = Object.fromEntries(data.entries());
    //console.log({ value });