From 305573a68785ff329bc0f3c9b28ba738bcb58e46 Mon Sep 17 00:00:00 2001 From: ulrich <undisclosed> Date: Mon, 27 Feb 2017 06:47:42 +0000 Subject: [PATCH] Einbau TinyMCE in Arbeit --- web/ui/index.html | 58 ++++++++++++---------------------------------------------- 1 files changed, 12 insertions(+), 46 deletions(-) diff --git a/web/ui/index.html b/web/ui/index.html index ff31437..e8960be 100644 --- a/web/ui/index.html +++ b/web/ui/index.html @@ -9,45 +9,6 @@ <link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/jslib/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="stile.css"> - <script id="tpl-kacheln" type="x-tmpl-mustache"> - {{#files}} - <figure class="figure datei-figure text-center text-warning align-top datei-elem"> - <i class="fa {{ typeClass }} fa-3x"></i> - <figcaption class="figure-caption dateiname">{{ fileName }}</figcaption> - </figure> - {{/files}} - </script> - <script id="tpl-liste" type="x-tmpl-mustache"> - <table class="table table-hover table-sm table-responsive tableBodyScroll"> - <thead> - <tr> - <th colspan="2">Name</th> - <th>Größe</th> - <th>Art</th> - <th>geändert</th> - </tr> - </thead> - <tbody> - {{#files}} - <tr class="datei-zeile"> - <td class="datei-elem"><i class="fa {{ typeClass }}"></i></td> - <td class="dateiname">{{ fileName }}</td> - <td>{{ fr.length }}</td> - <td> </td> - <td>{{ fr.lastModified }}</td> - </tr> - {{/files}} - </tbody> - </table> - </script> - <script id="tpl-bcr" type="x-tmpl-mustache"> - {{#files}} - <a class="breadcrumb-item" rpath="{{ relPath }}" href="#">{{ fName }}</a> - {{/files}} - </script> - <script id="tpl-bcr2" type="x-tmpl-mustache"> - <span class="breadcrumb-item active">{{ fName }}</span> - </script> <script id="tpl-bcr3" type="x-tmpl-mustache"> <div id="ansicht" class="pull-right align-middle"> <i class="fa fa-th-list"></i> @@ -64,7 +25,7 @@ <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Datei</a> <div class="dropdown-menu"> <a id="newTextFile" class="dropdown-item" href="#">Neuer Text..</a> - <a class="dropdown-item disabled" href="#">Neues Dokument..</a> + <a id="newDoc" class="dropdown-item" href="#">Neues Dokument..</a> <a id="newFolder" class="dropdown-item" href="#">Neuer Ordner..</a> <div class="dropdown-divider"></div> <a id="editTextFile" class="dropdown-item" href="#">Öffnen als Text</a> @@ -132,8 +93,13 @@ </div> </div> <!-- Codemirror Ende --> + <!-- TinyMCE Start --> + <div id="mce-editor"> + <textarea class="text-editor" id="text-editspace"></textarea> + </div> + <!-- TinyMCE Ende --> <!-- Breadcrumb Start --> - <div class="zentrum-bc pl-3 pr-3"> + <div id="zentrum_bc" class="zentrum-bc pl-3 pr-3"> <nav class="breadcrumb" id="bcnav"></nav> </div> <!-- Breadcrumb Ende --> @@ -150,12 +116,12 @@ <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> - <h5 class="modal-title">Datei speichern</h5> + <h5 id="saveModalTitle" class="modal-title">Datei speichern</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> - <div class="modal-body"> + <div id="saveModalBody" class="modal-body"> <p id="dialogfrage">Dateiname?</p> <input class="form-control eingabe" type="text" size="20" maxlength="250" placeholder="Dateiname" name="dateiname" id="dateiname"> </div> @@ -171,12 +137,12 @@ <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> - <h5 class="modal-title">Löschen</h5> + <h5 id="confirmModalTitle" class="modal-title">Löschen</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> - <div class="modal-body"> + <div id="confirmModalBody" class="modal-body"> <p>Wirklich ...?</p> </div> <div class="modal-footer"> @@ -202,7 +168,7 @@ <script src="/jslib/codemirror/mode/htmlmixed/htmlmixed.js"></script> <script src="/jslib/codemirror/addon/display/fullscreen.js"></script> - + <script src="/jslib/tinymce/tinymce.min.js"></script> <script src="/jslib/bootstrap/js/bootstrap.min.js"></script> <script src="/jslib/mustache/mustache.min.js"></script> <script src="ui.js"></script> -- Gitblit v1.9.3