mirror of
https://github.com/JanGross/quicknotes.git
synced 2025-12-01 07:37:18 +01:00
Initial release
This commit is contained in:
19
templates/main.php
Normal file
19
templates/main.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
vendor_script('quicknotes', 'handlebars');
|
||||
vendor_script('quicknotes', 'isotope.pkgd');
|
||||
script('quicknotes', 'script');
|
||||
style('quicknotes', 'style');
|
||||
?>
|
||||
|
||||
<div id="app">
|
||||
<div id="app-navigation">
|
||||
<?php print_unescaped($this->inc('part.navigation')); ?>
|
||||
<?php print_unescaped($this->inc('part.settings')); ?>
|
||||
</div>
|
||||
|
||||
<div id="app-content">
|
||||
<div id="app-content-wrapper">
|
||||
<?php print_unescaped($this->inc('part.content')); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
16
templates/part.content.php
Normal file
16
templates/part.content.php
Normal file
@@ -0,0 +1,16 @@
|
||||
<script id="content-tpl" type="text/x-handlebars-template">
|
||||
{{#if notes}}
|
||||
<div class="notes-grid">
|
||||
{{#each notes}}
|
||||
<?php print_unescaped($this->inc('part.note')); ?>
|
||||
{{/each}}
|
||||
</div>
|
||||
<?php print_unescaped($this->inc('part.note-modal-editable')); ?>
|
||||
{{else}}
|
||||
<div class="emptycontent">
|
||||
<div class="icon-folder"></div>
|
||||
<?php p($l->t('Nothing here. Take your quick notes.')); ?>
|
||||
</div>
|
||||
{{/if}}
|
||||
</script>
|
||||
<div id="div-content"></div>
|
||||
44
templates/part.navigation.php
Normal file
44
templates/part.navigation.php
Normal file
@@ -0,0 +1,44 @@
|
||||
<!-- translation strings -->
|
||||
<div style="display:none" id="new-note-string"><?php p($l->t('New note')); ?></div>
|
||||
|
||||
<script id="navigation-tpl" type="text/x-handlebars-template">
|
||||
<li id="all-notes"><a href="#" class="icon-home svg"><?php p($l->t('All notes')); ?></a></li>
|
||||
<li id="new-note"><a href="#" class="icon-add svg"><?php p($l->t('Add note')); ?></a></li>
|
||||
|
||||
<li class="collapsible open">
|
||||
<button class="collapse"></button>
|
||||
<a href="#" class="icon-search svg">Colors</a>
|
||||
<ul>
|
||||
<li style="display: flex; justify-content: center;">
|
||||
<button class="circle-toolbar" style="background: transparent none; border: 1px solid;"></button>
|
||||
{{#each colors}}
|
||||
<button class="circle-toolbar" style="background-color: {{color}} "></button>
|
||||
{{/each}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="collapsible open">
|
||||
<button class="collapse"></button>
|
||||
<a href="#" class="icon-folder svg">Notes</a>
|
||||
<ul>
|
||||
{{#each notes}}
|
||||
<li class="note with-menu {{#if active}}active{{/if}}" data-id="{{ id }}">
|
||||
<a href="#">{{{ title }}}</a>
|
||||
<div class="app-navigation-entry-utils">
|
||||
<ul>
|
||||
<li class="app-navigation-entry-utils-menu-button svg"><button></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="app-navigation-entry-menu">
|
||||
<ul>
|
||||
<li><button class="delete icon-delete svg" title="delete"></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</li>
|
||||
</script>
|
||||
|
||||
<ul class="with-icon"></ul>
|
||||
28
templates/part.note-modal-editable.php
Normal file
28
templates/part.note-modal-editable.php
Normal file
@@ -0,0 +1,28 @@
|
||||
<div id="modal-note-editable" class="hide-modal-note modal-note">
|
||||
|
||||
<div class="quicknote note-active modal-content" style="background-color: #F7EB96" data-id="-1">
|
||||
<div contenteditable="true" id='title-editable' class='note-title'></div>
|
||||
<div contenteditable="true" id='content-editable' class='note-content'></div>
|
||||
<div>
|
||||
<div class="save-button">
|
||||
<button id='save-button'><?php p($l->t('Save')); ?></button>
|
||||
</div>
|
||||
<div class="save-button">
|
||||
<button id='cancel-button'><?php p($l->t('Cancel')); ?></button>
|
||||
</div>
|
||||
|
||||
<div class="note-toolbar">
|
||||
<a href="#" class="circle-toolbar" style="background-color: #F7EB96"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #88B7E3"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #C1ECB0"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #BFA6E9"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #DAF188"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #FF96AC"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #FCF66F"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #F2F1EF"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #C1D756"></a>
|
||||
<a href="#" class="circle-toolbar" style="background-color: #CECECE"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
7
templates/part.note.php
Normal file
7
templates/part.note.php
Normal file
@@ -0,0 +1,7 @@
|
||||
<div class="note-grid-item">
|
||||
<div class="quicknote noselect {{#if active}}note-active{{/if}}" style="background-color: {{color}}" data-id="{{ id }}">
|
||||
<div id='title-editable' class='note-title'>{{{ title }}}</div>
|
||||
<button class="icon-delete hide-delete-icon icon-delete-note" title="Delete"></button>
|
||||
<div id='content-editable' class='note-content'>{{{ content }}}</div>
|
||||
</div>
|
||||
</div>
|
||||
9
templates/part.settings.php
Normal file
9
templates/part.settings.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<div id="app-settings">
|
||||
<div id="app-settings-header">
|
||||
<button class="settings-button"
|
||||
data-apps-slide-toggle="#app-settings-content"
|
||||
></button>
|
||||
</div>
|
||||
<div id="app-settings-content">
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user