From bef5c6d6beadf50e8c938653fa7881b94bcd1344 Mon Sep 17 00:00:00 2001
From: ulrich <undisclosed>
Date: Thu, 23 Feb 2017 06:15:27 +0000
Subject: [PATCH] Versuch: rechte Seitenleiste

---
 web/ui/index.html |    6 ++++--
 web/ui/stile.css  |    5 +++--
 web/ui/ui.js      |   14 ++++++++++++++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/web/ui/index.html b/web/ui/index.html
index f25806e..47a78af 100644
--- a/web/ui/index.html
+++ b/web/ui/index.html
@@ -77,6 +77,8 @@
               <a id="saveFileAs" class="dropdown-item" href="#">Speichern unter..</a>
               <div class="dropdown-divider"></div>
               <a id="closeFile" class="dropdown-item" href="#">Schliessen</a>
+              <div class="dropdown-divider"></div>
+              <a id="m-test" class="dropdown-item" href="#">Test</a>
             </div>
           </li>
           <li class="nav-item dropdown">
@@ -129,11 +131,11 @@
         
       </div>
       <!-- oestliche Seitenleiste -->
-      <!--
+      
       <div class="ost">
         &ouml;stliche Seitenleiste
       </div>
-      -->
+      
       <!-- Modal -->
       <div class="modal fade" id="saveModal">
         <div class="modal-dialog" role="document">
diff --git a/web/ui/stile.css b/web/ui/stile.css
index 5853080..bdb8274 100644
--- a/web/ui/stile.css
+++ b/web/ui/stile.css
@@ -54,13 +54,14 @@
     voruebergehend ausgeblendet, zum einblenden 
     diesen Wert wieder auf 10em setzen
   */
-  flex-basis: 0.1em;
+  flex-basis: 0em;
 }
 .ost {
   flex-grow: 0;
   flex-shrink: 0;
-  flex-basis: 10em;
+  /*flex-basis: 10em;*/
   background-color: antiquewhite;
+  transition: all 0.3s ease-in;
 }
 .zentrum {
   width: 100%;
diff --git a/web/ui/ui.js b/web/ui/ui.js
index 85524b4..718b6dc 100644
--- a/web/ui/ui.js
+++ b/web/ui/ui.js
@@ -6,12 +6,14 @@
 function fm_init() {
   $('.codeeditor-space').hide();
   $('.code-editor-container').hide();
+  //$('.ost').attr('flex-basis', 0);
   $('#newTextFile').on('click', fm_menu_neue_textdatei);
   $('#newFolder').on('click', fm_get_new_folder);
   $('#editTextFile').on('click', fm_get_file_content);
   $('#saveFile').on('click', fm_menu_datei_speichern);
   $('#saveFileAs').on('click', fm_menu_datei_speichern_unter);
   $('#closeFile').on('click', fm_menu_datei_schliessen);
+  $('#m-test').on('click', fm_menu_test);
   $('#saveModal').on('hidden.bs.modal', function (e) {
     $('#modal_ok').attr('onclick','').unbind('click');
   });
@@ -20,6 +22,18 @@
   fm_get_list('');
 }
 
+function fm_menu_test() {
+  var w = $('.ost').width();
+  console.log('.ost.width: ' + w);
+  if(w == 0) {
+    $('.ost').width('20%');
+    $('.ost').text('Hallo Welt!');
+  } else {
+    $('.ost').empty();
+    $('.ost').width(0);
+  }
+}
+
 function fm_ansicht_umschalten() {
   if($('#ansicht').children(0).hasClass('fa-th-list')) {
     $('#ansicht').children(0).addClass('fa-th-large');

--
Gitblit v1.9.3