Dialog unten (in Arbeit)

ulrich

2021-04-06 8239d17d0bbdae65fdd801a652a3918b7212072a

Dialog unten (in Arbeit)

 www/ui/app.css

@@ -91,6 +91,12 @@
  transition: all 0.3s ease-in;
}

.dialog-unten {
  position: relative;
  /* height: 0.1em; */
  transition: all 0.3s ease-in;
}

.dlg-behaelter {
  line-height: 1.6;
  padding: 0.4em;

 www/ui/data/menu/hauptmenue.json

@@ -18,6 +18,11 @@
        "funktion": "app.ablageort_liste"
      },
      {
        "titel": "Dialog unten",
        "umenue": false,
        "funktion": "app.dialog_unten_zeigen"
      },
      {
        "titel": "Seite umschalten",
        "umenue": false,
        "funktion": "app.seitenleiste_umschalten"

 www/ui/index.html

@@ -47,7 +47,7 @@
        westliche Seitenleiste
      </div>
      <div class="zentrum-behaelter">
        <!-- Einblendbereich -->
        <!-- Einblendbereich oben -->
        <div class="dialog"></div>
        <!-- zentraler Inhaltsbereich -->
        <div class="zentrum">
@@ -57,6 +57,8 @@
            </p>
          </div>
        </div>
        <!-- Einblendbereich unten -->
        <div class="dialog-unten"></div>
      </div>
      <!-- oestliche Seitenleiste -->
      <div class="ost ost-open">

 www/ui/js/app.js

@@ -181,6 +181,14 @@
    }
  };

  /* Unterer Einblendbereich */
  
  self.dialog_unten_zeigen = function() {
    var dlg = document.querySelector(".dialog-unten");
    dlg.style.height = '7em';
    dlg.innerHTML = "Dialog unten";
  };

  /* ab hier aus App-Vorlage */

  this.init = function () {