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"> ö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