RemiZOffAlex/myapp-full
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
RemiZOffAlex
2022-05-03 22:34:52 +03:00
parent 1663f94b0e
commit 8958be3141
54 changed files with 1569 additions and 1014 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
myapp/ns_note/templates/notes.html
View File

@@ -1,11 +1,11 @@
{% extends "user/skeleton.html" %}
{% extends "private/skeleton.html" %}
{% block content %}
<h3>
<div class="float-right">
<a class="btn btn-outline-success" href="/note/add"><i class="fa fa-plus"></i></a>
</div>
<button type="button" class="btn btn-outline-secondary" v-on:click="showPanel(panels.filter)"><i class="fa fa-filter"></i></button>
<button type="button" class="btn btn-outline-secondary" v-on:click="panel_show(panels.filter)"><i class="fa fa-filter"></i></button>
Заметки
</h3>
@@ -13,37 +13,13 @@
{% include 'inc/filter.html' %}
{% raw %}
<pagination-component v-bind:pagination="pagination" v-bind:click-handler="getNotes"></pagination-component>
<div class="row" v-for="(note, noteIdx) in filteredNotes">
<div class="col py-2" :class="{'bg-light': noteIdx % 2}">
<a :href="'/note/' + note.id" v-html="note.title"></a>
<div class="row">
<div class="col small text-muted">
<span v-for="(tag, tagIdx) in note.tags">
<i class="fa fa-tag"></i> <a class="text-monospace" :href="'/tag/' + tag.id">{{ tag.name }}</a>&nbsp;
</span>
</div>
</div>
<div class="row">
<div class="col small text-muted">
Создано: {{ note.created }}&nbsp;
Обновлено: {{ note.updated }}
</div>
</div>
</div>
</div>
{% include 'inc/notes.html' %}
<pagination-component v-bind:pagination="pagination" v-bind:click-handler="getNotes"></pagination-component>
<backtotop-component></backtotop-component>
{% endraw %}
{% endblock %}
{% block script %}
@@ -52,106 +28,90 @@
<script type="text/javascript" src="/static/components/pagination.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
filter: '',
notes: [],
pagination: {{ pagedata['pagination']|tojson|safe }},
panels: {
filter: {
visible: false
}
},
Object.assign(root.data, {
raw_notes: [],
pagination: {{ pagedata['pagination']|tojson|safe }},
});
Object.assign(root.data.panels, {
order_by: {
visible: false,
field: 'title',
order: 'asc'
},
methods: {
arrayRemove: function(arr, value) {
/* Удаление элемента из списка */
return arr.filter(function(ele){
return ele != value;
});
},
filterApply: function() {},
filterClear: function() {
/* Очистить фильтр */
let vm = this;
vm.filter = '';
},
filterNote: function(note) {
let vm = this;
if ( vm.filter.length<1 ) {
return true;
}
if ( note.title.toLowerCase().includes(vm.filter.toLowerCase()) ) {
return true;
}
return false;
},
getNotes: function() {
/* Получить список заметок */
let vm = this;
axios.post(
'/api',
{
"jsonrpc": "2.0",
"method": "notes",
"params": {
"page": vm.pagination.page
},
"id": 1
}
).then(
function(response) {
if ('result' in response.data) {
vm.notes = response.data['result'];
}
}
);
},
showPanel: function(panel) {
/* Показать/скрыть панель */
panel.visible = !panel.visible;
},
});
Object.assign(root.methods, {
filterApply: function() {},
filterNote: function(note) {
let vm = this;
let value = vm.panels.filter.value;
if ( value.length<1 ) {
return true;
}
if ( note.title.toLowerCase().includes(value.toLowerCase()) ) {
return true;
}
return false;
},
created: function() {
getNotes: function() {
/* Получить список заметок */
let vm = this;
axios.post(
'/api',
[
{
"jsonrpc": "2.0",
"method": "notes",
"params": {
"page": vm.pagination.page
},
"id": 1
{
"jsonrpc": "2.0",
"method": "notes",
"params": {
"page": vm.pagination.page
},
{
"jsonrpc": "2.0",
"method": "notes.count",
"params": {},
"id": 1
}
]
"id": 1
}
).then(
function(response) {
if ('result' in response.data[0]) {
vm.notes = response.data[0]['result'];
}
if ('result' in response.data[1]) {
vm.pagination.size = response.data[1]['result'];
if ('result' in response.data) {
vm.raw_notes = response.data['result'];
}
}
);
},
computed: {
filteredNotes: function() {
/* Отфильтрованный список */
let vm = this;
var result = vm.notes.filter(vm.filterNote);
return result;
},
}
})
});
root.created = function() {
let vm = this;
axios.post(
'/api',
[
{
"jsonrpc": "2.0",
"method": "notes",
"params": {
"page": vm.pagination.page
},
"id": 1
},
{
"jsonrpc": "2.0",
"method": "notes.count",
"params": {},
"id": 1
}
]
).then(
function(response) {
if ('result' in response.data[0]) {
vm.raw_notes = response.data[0]['result'];
}
if ('result' in response.data[1]) {
vm.pagination.size = response.data[1]['result'];
}
}
);
};
Object.assign(root.computed, {
notes: function() {
/* Отфильтрованный список */
let vm = this;
var result = vm.raw_notes.filter(vm.filterNote);
return result;
},
});
</script>
{% endblock %}