116 lines
4.4 KiB
Plaintext
116 lines
4.4 KiB
Plaintext
#notes-column.sn-component.section.notes(aria-label='Notes')
|
|
.content
|
|
#notes-title-bar.section-title-bar
|
|
.p-4
|
|
.section-title-bar-header
|
|
.sk-h2.font-semibold.title {{self.state.panelTitle}}
|
|
.sk-button.contrast.wide(
|
|
ng-click='self.createNewNote()',
|
|
title='Create a new note in the selected tag'
|
|
aria-label="Create new note"
|
|
)
|
|
.sk-label
|
|
i.icon.ion-plus.add-button
|
|
.filter-section(role='search')
|
|
input#search-bar.filter-bar(
|
|
type="text"
|
|
ng-ref='self.searchBarInput'
|
|
ng-focus='self.onSearchInputFocus()'
|
|
ng-blur='self.onSearchInputBlur()',
|
|
ng-change='self.filterTextChanged()',
|
|
ng-keyup='$event.keyCode == 13 && self.onFilterEnter();',
|
|
ng-model='self.state.noteFilter.text',
|
|
placeholder='Search',
|
|
select-on-focus='true',
|
|
title='Searches notes in the currently selected tag'
|
|
)
|
|
#search-clear-button(
|
|
ng-click='self.clearFilterText();',
|
|
ng-show='self.state.noteFilter.text'
|
|
aria-role="button"
|
|
) ✕
|
|
search-options(
|
|
class="ml-2"
|
|
app-state='self.appState'
|
|
)
|
|
no-account-warning(
|
|
application='self.application'
|
|
app-state='self.appState'
|
|
)
|
|
#notes-menu-bar.sn-component
|
|
.sk-app-bar.no-edges
|
|
.left
|
|
.sk-app-bar-item(
|
|
ng-class="{'selected' : self.state.mutable.showMenu}",
|
|
ng-click='self.state.mutable.showMenu = !self.state.mutable.showMenu'
|
|
)
|
|
.sk-app-bar-item-column
|
|
.sk-label
|
|
| Options
|
|
.sk-app-bar-item-column
|
|
.sk-sublabel {{self.optionsSubtitle()}}
|
|
notes-list-options-menu(
|
|
ng-if='self.state.mutable.showMenu'
|
|
app-state='self.appState'
|
|
application='self.application'
|
|
set-show-menu-false='self.setShowMenuFalse'
|
|
)
|
|
p.empty-notes-list.faded(
|
|
ng-if="self.state.completedFullSync && !self.state.renderedNotes.length"
|
|
) No notes.
|
|
p.empty-notes-list.faded(
|
|
ng-if="!self.state.completedFullSync && !self.state.renderedNotes.length"
|
|
) Loading notes…
|
|
.scrollable(ng-if="self.state.renderedNotes.length")
|
|
#notes-scrollable.infinite-scroll(
|
|
can-load='true',
|
|
infinite-scroll='self.paginate()',
|
|
threshold='200'
|
|
)
|
|
.note(
|
|
ng-attr-id='note-{{note.uuid}}'
|
|
ng-repeat='note in self.state.renderedNotes track by note.uuid'
|
|
ng-class="{'selected' : self.isNoteSelected(note.uuid) }"
|
|
ng-click='self.selectNote(note, true)'
|
|
)
|
|
.note-flags.flex.flex-wrap(ng-show='self.noteFlags[note.uuid].length > 0')
|
|
.flag(ng-class='flag.class', ng-repeat='flag in self.noteFlags[note.uuid]')
|
|
.label {{flag.text}}
|
|
.name(ng-show='note.title')
|
|
| {{note.title}}
|
|
.note-preview(
|
|
ng-if=`
|
|
!self.state.hideNotePreview &&
|
|
!note.hidePreview &&
|
|
!note.protected`
|
|
)
|
|
.html-preview(
|
|
ng-bind-html='note.preview_html',
|
|
ng-show='note.preview_html'
|
|
)
|
|
.plain-preview(
|
|
ng-show='!note.preview_html && note.preview_plain'
|
|
) {{note.preview_plain}}
|
|
.default-preview(
|
|
ng-show='!note.preview_html && !note.preview_plain'
|
|
) {{note.text}}
|
|
.bottom-info.faded(ng-show='!self.state.hideDate || note.protected')
|
|
span(ng-if="note.protected")
|
|
| Protected{{self.state.hideDate ? '' : ' • '}}
|
|
span(ng-show="!self.state.hideDate && self.state.sortBy == 'userModifiedDate'")
|
|
| Modified {{note.updatedAtString || 'Now'}}
|
|
span(ng-show="!self.state.hideDate && self.state.sortBy != 'userModifiedDate'")
|
|
| {{note.createdAtString || 'Now'}}
|
|
.tags-string(ng-if='!self.state.hideTags && self.state.renderedNotesTags[$index]')
|
|
.faded {{self.state.renderedNotesTags[$index]}}
|
|
|
|
panel-resizer(
|
|
collapsable="true"
|
|
control="self.panelPuppet"
|
|
default-width="300"
|
|
hoverable="true"
|
|
on-resize-finish="self.onPanelResize"
|
|
on-width-event="self.onPanelWidthEvent"
|
|
panel-id="'notes-column'"
|
|
)
|