From f6ea0cf99b605bc48ed307d90064fd1d3f0a2b07 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Wed, 21 Apr 2021 08:39:42 +0000
Subject: [PATCH] Symbolleiste fuer Hauptfunktionen

---
 www/ui/data/tpl/ctrl.txt |    7 +++++++
 www/ui/font/pikto.ttf    |    0 
 www/ui/app.css           |   16 +++++++++++++++-
 www/ui/js/app.js         |    8 +++++++-
 4 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/www/ui/app.css b/www/ui/app.css
index cd3b9c9..e0667d5 100644
--- a/www/ui/app.css
+++ b/www/ui/app.css
@@ -360,6 +360,12 @@
   justify-content: center;
 }
 
+.ctrl-menue {
+  display: flex;
+  flex-flow: row;
+  justify-content: center;  
+}
+
 .top-btn-area {
   display: flex;
   flex-flow: row;
@@ -403,7 +409,7 @@
 
 @font-face {
   font-family: 'pikto';
-  src: url('font/pikto.ttf?49751252') format('truetype');
+  src: url('font/pikto.ttf?68902687') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
@@ -479,6 +485,11 @@
 .icon-music:before { content: '\e817'; } /* '' */
 .icon-forward:before { content: '\e818'; } /* '' */
 .icon-list:before { content: '\e819'; } /* '' */
+.icon-cog:before { content: '\e81a'; } /* '' */
+.icon-cog-alt:before { content: '\e81b'; } /* '' */
+.icon-wrench:before { content: '\e81c'; } /* '' */
+.icon-flash:before { content: '\e81d'; } /* '' */
+.icon-rss:before { content: '\f09e'; } /* '' */
 .icon-docs:before { content: '\f0c5'; } /* '' */
 .icon-menu:before { content: '\f0c9'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
@@ -496,6 +507,9 @@
 .icon-database:before { content: '\f1c0'; } /* '' */
 .icon-sliders:before { content: '\f1de'; } /* '' */
 .icon-trash:before { content: '\f1f8'; } /* '' */
+.icon-toggle-off:before { content: '\f204'; } /* '' */
+.icon-toggle-on:before { content: '\f205'; } /* '' */
+.icon-podcast:before { content: '\f2ce'; } /* '' */
 
 /* Dropdown Menu */
 
diff --git a/www/ui/data/tpl/ctrl.txt b/www/ui/data/tpl/ctrl.txt
index bfe7bb6..3845cae 100644
--- a/www/ui/data/tpl/ctrl.txt
+++ b/www/ui/data/tpl/ctrl.txt
@@ -25,4 +25,11 @@
     <button class="ctrl-btn ctrl-item" id="weg-btn" title="aus Abspielliste entfernen"><i class="icon-cancel"></i></button>
     <button class="ctrl-btn ctrl-item" id="leeren-btn" title="Abspielliste leeren"><i class="icon-trash-empty"></i></button>
   </div>
+  <div class="ctrl-menue">
+    <button class="ctrl-btn ctrl-item" id="media-btn" title="Media-Inhalte"><i class="icon-video"></i></button>
+    <button class="ctrl-btn ctrl-item" id="plst-btn" title="Abspielliste"><i class="icon-music"></i></button>
+    <button class="ctrl-btn ctrl-item" id="live-btn" title="Live"><i class="icon-podcast"></i></button>
+    <button class="ctrl-btn ctrl-item" id="switch-btn" title="Ger&auml;te"><i class="icon-flash"></i></button>
+    <!-- <button class="ctrl-btn ctrl-item" id="" title="Einstellungen"><i class="icon-tablet"></i></button> -->
+  </div>
 </div>
diff --git a/www/ui/font/pikto.ttf b/www/ui/font/pikto.ttf
index 3cbaa31..42e2857 100644
--- a/www/ui/font/pikto.ttf
+++ b/www/ui/font/pikto.ttf
Binary files differ
diff --git a/www/ui/js/app.js b/www/ui/js/app.js
index 5051dd6..f7373cd 100644
--- a/www/ui/js/app.js
+++ b/www/ui/js/app.js
@@ -339,7 +339,7 @@
   this.dialog_unten_zeigen = function() {
     self.vorlage_laden_und_fuellen("data/tpl/ctrl.txt", "", function (html) {
       var dlg = document.querySelector(".dialog-unten");
-      dlg.style.height = '4.5em';
+      dlg.style.height = '10em';
       dlg.innerHTML = html;
       self.abspieler_auswahl_fuellen();
       self.abspielliste_auswahl_fuellen();
@@ -361,6 +361,12 @@
       
       self.addEvtListener('#weg-btn', 'click', self.titelWeg);
       self.addEvtListener('#leeren-btn', 'click', self.alleTitelEntfernen);
+      
+      self.addEvtListener('#media-btn', 'click', self.media_liste);
+      self.addEvtListener('#plst-btn', 'click', self.titel_liste);
+      self.addEvtListener('#live-btn', 'click', self.livestream_liste);
+      self.addEvtListener('#switch-btn', 'click', self.geraet_schalt_liste);
+    
       self.media_liste();
     });
   };

--
Gitblit v1.9.3