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

185
myapp/ns_page/templates/guest/pages.html
View File

@@ -4,6 +4,8 @@
<h3>Статьи</h3>
<hr />
{% include '/inc/filter.html' %}
<pagination-component v-bind:pagination="pagination" v-bind:click-handler="getPages"></pagination-component>
<div class="row" v-if="firstAlpha">
@@ -12,7 +14,7 @@
</div>
</div>
{% include 'inc/pages.html' %}
{% include '/inc/pages.html' %}
<pagination-component v-bind:pagination="pagination" v-bind:click-handler="getPages"></pagination-component>
@@ -26,110 +28,111 @@
<script type="text/javascript" src="/static/components/pagination.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
filter: '',
pages: [],
pagination: {{ pagedata['pagination']|tojson|safe }},
Object.assign(root.data, {
raw_pages: [],
pagination: {{ pagedata['pagination']|tojson|safe }},
});
Object.assign(root.data.panels, {
order_by: {
visible: false,
field: 'title',
order: 'asc'
},
methods: {
filterApply: function() {},
filterClear: function() {
/* Очистить фильтр */
let vm = this;
vm.filter = '';
},
filterPage: function(page) {
let vm = this;
if ( vm.filter.length<1 ) {
return true;
}
if ( page.title.toLowerCase().includes(vm.filter.toLowerCase()) ) {
return true;
}
return false;
},
getPages: function() {
/* Получить список статей */
let vm = this;
axios.post(
'/api',
{
"jsonrpc": "2.0",
"method": "pages",
"params": {
"page": vm.pagination.page
},
"id": 1
}
).then(
function(response) {
if ('result' in response.data) {
vm.pages = response.data['result'];
}
}
);
},
});
Object.assign(root.methods, {
filterApply: function() {},
filterPage: function(page) {
let vm = this;
let value = vm.panels.filter.value;
if ( value.length<1 ) {
return true;
}
if ( page.title.toLowerCase().includes(value.toLowerCase()) ) {
return true;
}
return false;
},
created: function() {
getPages: function() {
/* Получить список статей */
let vm = this;
axios.post(
'/api',
[
{
"jsonrpc": "2.0",
"method": "pages",
"params": {
"page": vm.pagination.page
},
"id": 1
{
"jsonrpc": "2.0",
"method": "pages",
"params": {
"page": vm.pagination.page,
"order_by": vm.panels.order_by
},
{
"jsonrpc": "2.0",
"method": "pages.count",
"params": {},
"id": 1
}
]
"id": 1
}
).then(
function(response) {
if ('result' in response.data[0]) {
vm.pages = response.data[0]['result'];
}
if ('result' in response.data[1]) {
vm.pagination.size = response.data[1]['result'];
if ('result' in response.data) {
vm.raw_pages = response.data['result'];
}
}
);
},
computed: {
filteredPages: function() {
/* Отфильтрованный список */
let vm = this;
var result = vm.pages.filter(vm.filterPage);
return result;
},
firstAlpha: function() {
/* Получить первый символ */
let vm = this;
let result = null;
if (vm.pages.length>0) {
result = vm.pages[0].title.charAt(0);
});
root.created = function() {
let vm = this;
axios.post(
'/api',
[
{
"jsonrpc": "2.0",
"method": "pages",
"params": {
"page": vm.pagination.page,
"order_by": vm.panels.order_by
},
"id": 1
},
{
"jsonrpc": "2.0",
"method": "pages.count",
"params": {},
"id": 1
}
return result;
},
lastAlpha: function() {
/* Получить последний символ */
let vm = this;
let result = null;
if (vm.pages.length>0) {
let title = vm.pages[vm.pages.length-1].title;
result = title.charAt(0);
]
).then(
function(response) {
if ('result' in response.data[0]) {
vm.raw_pages = response.data[0]['result'];
}
return result;
},
if ('result' in response.data[1]) {
vm.pagination.size = response.data[1]['result'];
}
}
);
};
Object.assign(root.computed, {
pages: function() {
/* Отфильтрованный список */
let vm = this;
var result = vm.raw_pages.filter(vm.filterPage);
return result;
},
})
firstAlpha: function() {
/* Получить первый символ */
let vm = this;
let result = null;
if (vm.raw_pages.length>0) {
result = vm.raw_pages[0].title.charAt(0);
}
return result;
},
lastAlpha: function() {
/* Получить последний символ */
let vm = this;
let result = null;
if (vm.raw_pages.length>0) {
let title = vm.raw_pages[vm.raw_pages.length-1].title;
result = title.charAt(0);
}
return result;
},
});
</script>
{% endblock %}