133 lines
3.7 KiB
HTML
133 lines
3.7 KiB
HTML
|
{% extends "skeleton.html" %}
|
||
|
|
{% block content %}
|
||
|
|
|
||
|
|
{% raw %}
|
||
|
|
<h3>
|
||
|
|
<a class="btn btn-outline-secondary" href="/users"><i class="fa fa-chevron-left"></i></a>
|
||
|
|
{{ user.name }}</h3>
|
||
|
|
<hr />
|
||
|
|
{% endraw %}
|
||
|
|
|
||
|
|
{% include 'user_menu.html' %}
|
||
|
|
|
||
|
|
<pagination-component v-bind:pagination="pagination" v-bind:click-handler="getPages"></pagination-component>
|
||
|
|
|
||
|
|
{% include 'inc/pages.html' %}
|
||
|
|
|
||
|
|
<pagination-component v-bind:pagination="pagination" v-bind:click-handler="getPages"></pagination-component>
|
||
|
|
|
||
|
|
<backtotop-component></backtotop-component>
|
||
|
|
|
||
|
|
|
||
|
|
{% endblock %}
|
||
|
|
|
||
|
|
{% block breadcrumb %}
|
||
|
|
{% raw %}
|
||
|
|
<ol class="breadcrumb mt-3">
|
||
|
|
<li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
|
||
|
|
<li class="breadcrumb-item"><a href="/user">Список пользователей</a></li>
|
||
|
|
<li class="breadcrumb-item">{{ user.name }}</li>
|
||
|
|
</ol>
|
||
|
|
{% endraw %}
|
||
|
|
{% endblock %}
|
||
|
|
|
||
|
|
{% block script %}
|
||
|
|
<script type="text/javascript" src="/static/components/backtotop.js"></script>
|
||
|
|
<link rel="stylesheet" href="/static/components/backtotop.css"></link>
|
||
|
|
<script type="text/javascript" src="/static/components/pagination.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var app = new Vue({
|
||
|
|
el: '#app',
|
||
|
|
data: {
|
||
|
|
filter: '',
|
||
|
|
menuitem: 'pages',
|
||
|
|
user: {{ pagedata['user']|tojson|safe }},
|
||
|
|
pages: [],
|
||
|
|
pagination: {{ pagedata['pagination']|tojson|safe }},
|
||
|
|
},
|
||
|
|
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'];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
created: function() {
|
||
|
|
let vm = this;
|
||
|
|
axios.post(
|
||
|
|
'/api',
|
||
|
|
[
|
||
|
|
{
|
||
|
|
"jsonrpc": "2.0",
|
||
|
|
"method": "user.pages",
|
||
|
|
"params": {
|
||
|
|
"id": vm.user.id,
|
||
|
|
"page": vm.pagination.page
|
||
|
|
},
|
||
|
|
"id": 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"jsonrpc": "2.0",
|
||
|
|
"method": "user.pages.count",
|
||
|
|
"params": {
|
||
|
|
"id": vm.user.id,
|
||
|
|
},
|
||
|
|
"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'];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
);
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
filteredPages: function() {
|
||
|
|
/* Отфильтрованный список */
|
||
|
|
let vm = this;
|
||
|
|
var result = vm.pages.filter(vm.filterPage);
|
||
|
|
return result;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
{% endblock %}
|