Persoenliche Mediazentrale
ulrich
2021-04-06 8239d17d0bbdae65fdd801a652a3918b7212072a
Dialog unten (in Arbeit)
4 files modified
25 ■■■■■ changed files
www/ui/app.css 6 ●●●●● patch | view | raw | blame | history
www/ui/data/menu/hauptmenue.json 5 ●●●●● patch | view | raw | blame | history
www/ui/index.html 4 ●●● patch | view | raw | blame | history
www/ui/js/app.js 10 ●●●●● patch | view | raw | blame | history
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
@@ -180,6 +180,14 @@
      xhr.send(data);
    }
  };
  /* 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 */
@@ -279,7 +287,7 @@
      }, 500);
    }, timeout);
  };
  /* Dialog-Funktionen */
  /*