Initial release

This commit is contained in:
Matias De lellis
2016-05-20 09:46:46 -03:00
commit 886605bc01
35 changed files with 2389 additions and 0 deletions

19
templates/main.php Normal file
View 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>

View 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>

View 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>

View 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
View 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>

View 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>