Notes/frontend/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Notecase web app</title>
  </head>
  <body>
    <div id="top" style="text-align: center;">
      &nbsp;
      <span id="top-message"></span>
    </div>

    <div style="margin-left: auto; margin-right: auto; width: 1000px">
      <div style="width: 200px; float: left;">
        <button type="button" class="btn" onclick="createNewTopLevelNote()">Create new note</button>

        <div id="tree">
        </div>
      </div>

      <div style="width: 750px; float: left; margin-left: 20px;">
        <div>
          <input type="text" autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0;">
        </div>

        <div id="noteDetail">
          <p>This prototype version supports basic editing, including some formatting (bold, italic, strike-through, underscore), images (just paste it into editor) and links. To edit the note, just click on title or content and you can directly modify it. Changes are saved immediatelly.</p>

          <p>You can work with the tree using following keyboard shortcuts:</p>

          <ul>
            <li>insert - create new note on current tree level</li>
            <li>shift + insert - create new sub-note</li>
            <li>delete - delete current note (and it's sub-notes)</li>
            <li>shift + up - move current note up in the current tree level</li>
            <li>shift + down - move current note down in the current tree level</li>
            <li>shift + left - move current note up in the tree hierarchy</li>
            <li>shift + right - move current note down in the tree hierarchy</li>
          </ul>
        </div>
      </div>
    </div>
    
    <script src="lib/jquery.js"></script>
    <script src="lib/jqueryui/jquery-ui.js"></script>
    <!-- Include Fancytree skin and library -->
    <link href="lib/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
    <script src="lib/fancytree/jquery.fancytree-all.js"></script>

    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="lib/bootstrap/js/bootstrap.js"></script> 

    <link href="lib/summernote/summernote.css" rel="stylesheet">
    <script src="lib/summernote/summernote.js"></script>

    <script src="lib/jquery.hotkeys.js"></script>
    <script src="lib/jquery.fancytree.hotkeys.js"></script>

    <link href="style.css" rel="stylesheet">

    <script type="text/javascript">
      const baseUrl = '../';
    </script>

    <script src="tree.js"></script>
    <script src="note.js"></script>
    <script src="notecase2html.js"></script>
    <script src="html2notecase.js"></script>
    <script src="utils.js"></script>
  </body>
</html>
Initial prototype commit 2017-05-22 20:32:19 -04:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
reorganization of sources 2017-06-11 16:04:07 -04:00			`<title>Notecase web app</title>`
Initial prototype commit 2017-05-22 20:32:19 -04:00			`</head>`
			`<body>`
reorganization of sources 2017-06-11 16:04:07 -04:00			`<div id="top" style="text-align: center;">`
			` `
			`<span id="top-message"></span>`
			`</div>`

			`<div style="margin-left: auto; margin-right: auto; width: 1000px">`
various mostly smaller tweaks 2017-06-11 21:04:04 -04:00			`<div style="width: 200px; float: left;">`
			`<button type="button" class="btn" onclick="createNewTopLevelNote()">Create new note</button>`
reorganization of sources 2017-06-11 16:04:07 -04:00
various mostly smaller tweaks 2017-06-11 21:04:04 -04:00			`<div id="tree">`
			`</div>`
reorganization of sources 2017-06-11 16:04:07 -04:00			`</div>`

various mostly smaller tweaks 2017-06-11 21:04:04 -04:00			`<div style="width: 750px; float: left; margin-left: 20px;">`
			`<div>`
			`<input type="text" autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0;">`
			`</div>`

			`<div id="noteDetail">`
			`<p>This prototype version supports basic editing, including some formatting (bold, italic, strike-through, underscore), images (just paste it into editor) and links. To edit the note, just click on title or content and you can directly modify it. Changes are saved immediatelly.</p>`

			`<p>You can work with the tree using following keyboard shortcuts:</p>`

			`<ul>`
			`<li>insert - create new note on current tree level</li>`
			`<li>shift + insert - create new sub-note</li>`
			`<li>delete - delete current note (and it's sub-notes)</li>`
			`<li>shift + up - move current note up in the current tree level</li>`
			`<li>shift + down - move current note down in the current tree level</li>`
			`<li>shift + left - move current note up in the tree hierarchy</li>`
			`<li>shift + right - move current note down in the tree hierarchy</li>`
			`</ul>`
			`</div>`
reorganization of sources 2017-06-11 16:04:07 -04:00			`</div>`
			`</div>`
Initial prototype commit 2017-05-22 20:32:19 -04:00
reorganization of sources 2017-06-11 16:04:07 -04:00			`<script src="lib/jquery.js"></script>`
			`<script src="lib/jqueryui/jquery-ui.js"></script>`
			`<!-- Include Fancytree skin and library -->`
			`<link href="lib/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">`
			`<script src="lib/fancytree/jquery.fancytree-all.js"></script>`

			`<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">`
			`<script src="lib/bootstrap/js/bootstrap.js"></script>`

			`<link href="lib/summernote/summernote.css" rel="stylesheet">`
			`<script src="lib/summernote/summernote.js"></script>`

			`<script src="lib/jquery.hotkeys.js"></script>`
			`<script src="lib/jquery.fancytree.hotkeys.js"></script>`

various mostly smaller tweaks 2017-06-11 21:04:04 -04:00			`<link href="style.css" rel="stylesheet">`

reorganization of sources 2017-06-11 16:04:07 -04:00			`<script type="text/javascript">`
			`const baseUrl = '../';`
			`</script>`

			`<script src="tree.js"></script>`
			`<script src="note.js"></script>`
			`<script src="notecase2html.js"></script>`
			`<script src="html2notecase.js"></script>`
			`<script src="utils.js"></script>`
Initial prototype commit 2017-05-22 20:32:19 -04:00			`</body>`
			`</html>`