church-notes/templates/default/index.html.twig
2024-04-15 23:45:03 -04:00

70 lines
2.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/script.js'></script>
<script src="https://kit.fontawesome.com/f15a79324f.js" crossorigin="anonymous"></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="#">New Note</a></li>
<li><a href="#">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><a href='/index.php/reference-editor'>Reference Editor</a></li>
<li><a href='#' onclick="openRef()">Open Reference</a></li>
<li><a href='/index.php/template-editor'>Template Editor</a></li>
</ul>&nbsp;&nbsp;
<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">
<h2>Notes</h2>
<input type="text" id="noteTitle" placeholder="Title...">
<select id="speaker">
<option value=0>-- Speaker --</option>
{% for s in speakers %}
<option value='{{ s.id }}'>{{ s.name }}</option>
{% endfor %}
</select>
<select id="series">
<option value=0>-- Series --</option>
{% for s in series %}
<option value='{{ s.id }}'>{{ s.name }}</option>
{% endfor %}
</select>
<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"><br />
<textarea id="notes" wrap="hard"></textarea>
</section>
</main>
<div id="refQuery">
<input type="text" id="search" placeholder="Search"><br />
<button id="searchBtn" onclick="queryRef()">Search</button>
</div>
{% endblock %}