Templates
This commit is contained in:
125
templates/default/home.html.twig
Normal file
125
templates/default/home.html.twig
Normal file
@ -0,0 +1,125 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Sermon Notes{% endblock %}
|
||||
|
||||
{% block stylesheets %}
|
||||
<link href="/theme/assets/css/main.css" rel="stylesheet" />
|
||||
<link href='/css/style.css' rel='stylesheet' />
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
<script src='/js/data.js'></script>
|
||||
<script src='/js/script.js'></script>
|
||||
<script src="/theme/assets/js/jquery.min.js"></script>
|
||||
<script src="/theme/assets/js/browser.min.js"></script>
|
||||
<script src="/theme/assets/js/breakpoints.min.js"></script>
|
||||
<script src="/theme/assets/js/util.js"></script>
|
||||
<script src="/theme/assets/js/main.js"></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>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div id='wrapper'>
|
||||
<div id='main'>
|
||||
<div class='inner' style='padding-left:0;'>
|
||||
<section class='ref-tab'>
|
||||
<ul id='ref-list'>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class='ref'>
|
||||
<h2 style='display:inline-block'>Reference</h2>
|
||||
<div style='display:inline-block'>
|
||||
<button onclick='increaseFont()'><i class='fa fa-plus'></i></button>
|
||||
<button onclick='decreaseFont()'><i class='fa fa-minus'></i></button>
|
||||
</div>
|
||||
<div id="ref" style='font-size:12pt'></div>
|
||||
<div id='note-list'>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Title</th>
|
||||
<th>Speaker</th>
|
||||
<th>Passage</th>
|
||||
<th>Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for n in app.user.notes %}
|
||||
{{ n.toTableRow() | raw }}<br />
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="notes">
|
||||
<div id='note-header-left'>
|
||||
<h2>Notes</h2>
|
||||
<i id='save-check' class='fa fa-check' style='opacity:0;'></i>
|
||||
</div>
|
||||
<div id='note-header-right'>
|
||||
<select id='template' onchange="retrieveTemplate('template','notes')">
|
||||
<option value=0>-- Template --</option>
|
||||
{% for t in app.user.templates %}
|
||||
<option value="{{ t.id }}">{{ t.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type="button" id="previewBtn" class='button' value="Preview" onclick='previewNote()' />
|
||||
<input type='button' id='show-hide-btn' class='button' value='Show' onclick='toggleFields()' />
|
||||
</div>
|
||||
|
||||
<div id='fields-container'>
|
||||
<input type="hidden" id="noteId" value="{{ id }}" />
|
||||
<input type="text" id="noteTitle" placeholder="Title..." />
|
||||
<input type='date' id='noteDate' onchange='textDirty=true;saved=false;' />
|
||||
<input type='text' id='newSpeaker' placeholder='Name...' onkeyup='saveSpeaker(event)' style='display:none;' />
|
||||
<select id="speaker" onchange='newSpeaker()'>
|
||||
<option value=0>-- Speaker --</option>
|
||||
<option value='new'>New Speaker</option>
|
||||
{% for s in app.user.speakers %}
|
||||
<option value='{{ s.id }}'>{{ s.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type='text' id='newSeries' placeholder='Series...' onkeyup='saveSeries(event)' style='display:none;' />
|
||||
<select id="series" onchange='newSeries()'>
|
||||
<option value=0>-- Series --</option>
|
||||
<option value='new'>New Series</option>
|
||||
{% for s in app.user.series %}
|
||||
<option value='{{ s.id }}'>{{ s.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type='text' id='passage' placeholder='Passage...' onchange='saved=false;textDirty=true;' />
|
||||
</div>
|
||||
|
||||
<textarea id="notes" wrap="hard"></textarea>
|
||||
<div id='notePreview'></div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include('default/sidebar.html.twig') %}
|
||||
|
||||
</div>
|
||||
|
||||
<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='passage-popup'>
|
||||
</div>
|
||||
{% endblock %}
|
54
templates/default/index.html.twig
Normal file
54
templates/default/index.html.twig
Normal file
@ -0,0 +1,54 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Sermon Notes{% endblock %}
|
||||
|
||||
{% block stylesheets %}
|
||||
<link href="/theme/assets/css/main.css" rel="stylesheet" />
|
||||
<link href='/css/style.css' rel='stylesheet' />
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
<script src="/theme/assets/js/jquery.min.js"></script>
|
||||
<script src="/theme/assets/js/browser.min.js"></script>
|
||||
<script src="/theme/assets/js/breakpoints.min.js"></script>
|
||||
<script src="/theme/assets/js/util.js"></script>
|
||||
<script src="/theme/assets/js/main.js"></script>
|
||||
|
||||
<!-- <script src="https://kit.fontawesome.com/f15a79324f.js" crossorigin="anonymous"></script> -->
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div id='wrapper'>
|
||||
<div id='main'>
|
||||
<div class='inner'>
|
||||
<header id="header">
|
||||
{% if app.user %}
|
||||
<a href='/index.php/home' class='logo'>
|
||||
<img src='/theme/images/vecteezy_notes-icon-in-trendy-flat-style-isolated-on-white_29722382.jpg' style='width:60px;'/>
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="/index.php/" class="logo">
|
||||
<img src='/theme/images/vecteezy_notes-icon-in-trendy-flat-style-isolated-on-white_29722382.jpg' style='width:60px;'/>
|
||||
</a>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<div class="content">
|
||||
<header>
|
||||
<h1>Sermon Notes</h1>
|
||||
<p>A free note taking app for sermons</p>
|
||||
</header>
|
||||
</div>
|
||||
<span class="image object">
|
||||
<img src="/theme/images/lined-paper-template-01.png" alt="" />
|
||||
</span>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include('default/sidebar.html.twig') %}
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
74
templates/default/sidebar.html.twig
Normal file
74
templates/default/sidebar.html.twig
Normal file
@ -0,0 +1,74 @@
|
||||
<!-- Sidebar -->
|
||||
<div id="sidebar">
|
||||
<div class="inner">
|
||||
|
||||
<!-- Search -->
|
||||
{% if app.user %}
|
||||
<section id="search" class="alt">
|
||||
<form method="post" action="#">
|
||||
<input type="text" name="query" id="query" placeholder="Search" />
|
||||
</form>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<!-- Menu -->
|
||||
<nav id="menu">
|
||||
<header class="major">
|
||||
<h2>Menu</h2>
|
||||
{% if app.user %}
|
||||
<h3>Welcome {{ app.user.name }}</h3>
|
||||
<ul>
|
||||
<li><a href='/index.php/logout'>Logout</a>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</header>
|
||||
<ul>
|
||||
{% if app.user %}
|
||||
<li><a href='/index.php/home'>Home</a></li>
|
||||
<li><a href="#" onclick='newNote()'>New Note</a></li>
|
||||
<li><a href='#' onclick='openNote()'>Open Note</a></li>
|
||||
<li><a href="#" onclick="saveNote()">Save Note</a></li>
|
||||
<li><a href='#' onclick='discardNote()'>Delete Note</a></li>
|
||||
{% if isAdmin %}
|
||||
<li><a href='/index.php/reference-editor'>Reference Editor</a></li>
|
||||
{% endif %}
|
||||
<li><a href='#' onclick="openRef()">Open Reference</a></li>
|
||||
<li><a href='/index.php/template-editor'>Template Editor</a></li>
|
||||
{% else %}
|
||||
<li><a href="/index.php/">Home</a></li>
|
||||
<li><a href='/index.php/register'>Register</a></li>
|
||||
<li><a href='/index.php/login'>Login</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
{% if app.user %}
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Recent Notes</h2>
|
||||
</header>
|
||||
<div class="mini-posts">
|
||||
{% for n in app.user.notes %}
|
||||
<article>
|
||||
<a href="#">{{ n.title }}</a>
|
||||
<p>{{ n.passage }}</p>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Get in touch</h2>
|
||||
</header>
|
||||
<ul class="contact">
|
||||
<li class="icon solid fa-envelope">
|
||||
<a href="mailto:ryan@rkprather.com">ryan@rkprather.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
Reference in New Issue
Block a user