108 lines
4.5 KiB
Twig
108 lines
4.5 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Notes{% endblock %}
|
|
|
|
{% block stylesheets %}
|
|
<link href='/css/style.css' rel='stylesheet' />
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
<script src='/js/data.js'></script>
|
|
<script src='/js/script.js'></script>
|
|
<script src="https://kit.fontawesome.com/f15a79324f.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.2/markdown-it.min.js" integrity="sha512-ohlWmsCxOu0bph1om5eDL0jm/83eH09fvqLDhiEdiqfDeJbEvz4FSbeY0gLJSVJwQAp0laRhTXbUQG+ZUuifUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js'></script>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<main class="container">
|
|
<section class="top-tab">
|
|
<i class="fa fa-bars hamburger" aria-hidden="true"></i>
|
|
<ul class="hamburger-list" style="display: none">
|
|
<li><a href="#" onclick='newNote()'>New Note</a></li>
|
|
<li><a href="#" onclick='showSearchNote(event)'>Open Note</a></li>
|
|
<li><a href="#" onclick="saveNote();link.click();">Save Note</a></li>
|
|
<li><a href='#' onclick='discardNote()'>Discard Note</a></li>
|
|
<li><hr/></li>
|
|
<li><a href='/index.php/reference-editor'>Reference Editor</a></li>
|
|
<li><a href='#' onclick="openRef()">Open Reference</a></li>
|
|
<li><hr/></li>
|
|
<li><a href='/index.php/template-editor'>Template Editor</a></li>
|
|
</ul>
|
|
<i id='save-check' class='fa fa-check' style='opacity:0;'></i>
|
|
<div id='res'></div>
|
|
</section>
|
|
<section class="ref-tab">
|
|
<ul id='ref-list'>
|
|
</ul>
|
|
</section>
|
|
<section class="ref">
|
|
<h2>Reference</h2>
|
|
<div id="ref"></div>
|
|
</section>
|
|
<section class="notes">
|
|
<div id='note-header-left'>
|
|
<h2>Notes</h2>
|
|
<button id='show-hide-btn' onclick='toggleFields()'>Show</button>
|
|
</div>
|
|
<div id='note-header-right'>
|
|
<select id='template' onchange="retrieveTemplate('template','notes')">
|
|
<option value=0>-- Template --</option>
|
|
{% for t in templates %}
|
|
<option value="{{ t.id }}">{{ t.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<input type="button" id="previewBtn" value="Preview" onclick='previewNote()'><br />
|
|
</div>
|
|
|
|
<div id='fields-container'>
|
|
<input type="hidden" id="noteId" value="{{ id }}" />
|
|
<input type="text" id="noteTitle" placeholder="Title..." />
|
|
<input type='date' id='noteDate' />
|
|
<input type='text' id='newSpeaker' placeholder='Name...' onkeyup='saveSpeaker(event)' />
|
|
<select id="speaker" onchange='newSpeaker()'>
|
|
<option value=0>-- Speaker --</option>
|
|
<option value='new'>New Speaker</option>
|
|
{% for s in speakers %}
|
|
<option value='{{ s.id }}'>{{ s.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<input type='text' id='newSeries' placeholder='Series...' onkeyup='saveSeries(event)' />
|
|
<select id="series" onchange='newSeries()'>
|
|
<option value=0>-- Series --</option>
|
|
<option value='new'>New Series</option>
|
|
{% for s in series %}
|
|
<option value='{{ s.id }}'>{{ s.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<input type='text' id='passage' placeholder='Passage...' />
|
|
</div>
|
|
|
|
<textarea id="notes" wrap="hard"></textarea>
|
|
<div id='notePreview'></div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="refQuery">
|
|
<select id='referenceType' onchange='retrieveBooks()'>
|
|
<option>-- Select --</option>
|
|
<option value='bible'>Bible</option>
|
|
<option value='creed'>Creed</option>
|
|
<option value='bc'>Belgic</option>
|
|
<option value='hc'>Heidelberg</option>
|
|
<option value='cd'>Canons of Dort</option>
|
|
<option value='wcf'>Westminster CF</option>
|
|
<option value='wsc'>Shorter Catechism</option>
|
|
<option value='wlc'>Larger Catechism</option>
|
|
</select>
|
|
<select id='referenceBook' style='display:none;'>
|
|
</select><br/>
|
|
<input type="text" id="search" placeholder="Search"><br />
|
|
<button id="searchBtn" onclick="queryRef()">Search</button>
|
|
</div>
|
|
|
|
<div id='noteSearch'>
|
|
<input type='text' id='noteSearchQuery' placeholder='Search...' /><br/>
|
|
<button id='noteSearchButton' onclick='searchNote()'>Search</button>
|
|
</div>
|
|
{% endblock %} |