Versuch: rechte Seitenleiste

ulrich

2017-02-23 bef5c6d6beadf50e8c938653fa7881b94bcd1344

Versuch: rechte Seitenleiste

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

 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%;

 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');