159 lines
5.3 KiB
JavaScript
159 lines
5.3 KiB
JavaScript
function Pages() {
|
|
let data = {
|
|
filter: {
|
|
value: '',
|
|
isregex: false,
|
|
visible: false
|
|
},
|
|
order_by: PanelOrderBy({
|
|
field: 'title',
|
|
fields: [
|
|
{value: 'id', text: 'ID'},
|
|
{value: 'title', text: 'заголовку'},
|
|
{value: 'created', text: 'дате создания'},
|
|
{value: 'updated', text: 'дате обновления'}
|
|
],
|
|
clickHandler: pages_get,
|
|
order: 'asc',
|
|
}),
|
|
raw_pages: [],
|
|
get pages() {
|
|
/* Отфильтрованный список */
|
|
let value = data.filter.value;
|
|
console.log('Pages.value get', data.filter.value)
|
|
if (value.length<1 ) {
|
|
return data.raw_pages;
|
|
}
|
|
if (data.filter.isregex) {
|
|
try {
|
|
let regex = new RegExp(value, 'ig');
|
|
} catch (e) {
|
|
console.log(e);
|
|
return data.raw_pages;
|
|
}
|
|
}
|
|
let result = data.raw_pages.filter(page_filter);
|
|
return result;
|
|
},
|
|
pagination: Pagination({
|
|
clickHandler: pages_get,
|
|
prefix_url: '/pages'
|
|
}),
|
|
};
|
|
function page_filter(page) {
|
|
/* Фильтр статей */
|
|
let value = data.filter.value;
|
|
if ( value.length<1 ) {
|
|
return true;
|
|
}
|
|
let isTitle = null;
|
|
if ( data.filter.isregex) {
|
|
let regex = new RegExp(value, 'ig');
|
|
isTitle = regex.test(page.title.toLowerCase());
|
|
} else {
|
|
isTitle = page.title.toLowerCase().includes(value.toLowerCase());
|
|
}
|
|
if ( isTitle ) {
|
|
return true;
|
|
}
|
|
return false;
|
|
};
|
|
function breadcrumbs_render() {
|
|
let result = m('ul', {class: 'breadcrumb mt-3'}, [
|
|
m('li', {class: 'breadcrumb-item'}, m(m.route.Link, {href: '/'}, m('i', {class: 'fa fa-home'}))),
|
|
m('li', {class: 'breadcrumb-item active'}, 'Список статей'),
|
|
]);
|
|
return result;
|
|
};
|
|
function pages_get() {
|
|
let order_by = data.order_by.data;
|
|
let pagination = data.pagination.data;
|
|
m.request({
|
|
url: '/api',
|
|
method: "POST",
|
|
body: [
|
|
{
|
|
"jsonrpc": "2.0",
|
|
"method": 'pages',
|
|
"params": {
|
|
"page": pagination.page,
|
|
"order_by": {
|
|
"field": order_by.field,
|
|
'order': order_by.order
|
|
},
|
|
"fields": ["id", "title", "tags"]
|
|
},
|
|
"id": 1
|
|
},
|
|
{
|
|
"jsonrpc": "2.0",
|
|
"method": 'pages.count',
|
|
"id": 1
|
|
}
|
|
]
|
|
|
|
}).then(
|
|
function(response) {
|
|
if ('result' in response[0]) {
|
|
data.raw_pages = response[0]['result'];
|
|
}
|
|
if ('result' in response[1]) {
|
|
data.pagination.size = response[1]['result'];
|
|
}
|
|
}
|
|
);
|
|
};
|
|
function page_render(page, pageIdx) {
|
|
let odd = '';
|
|
if (pageIdx % 2) {
|
|
odd = ' bg-light'
|
|
};
|
|
return m('div', {class: 'row'},
|
|
m('div', {class: `col py-2 ${odd}`}, [
|
|
m(m.route.Link, {href: `/page/${page.id}`}, m.trust(page.title)),
|
|
m('div', {class: 'row'},
|
|
),
|
|
])
|
|
);
|
|
};
|
|
return {
|
|
oninit: function(vnode) {
|
|
let pagination = data.pagination.data;
|
|
if (vnode.attrs.page!==undefined) {
|
|
pagination.page = Number(vnode.attrs.page);
|
|
};
|
|
document.title = `Список статей - ${SETTINGS.TITLE}`;
|
|
pages_get();
|
|
},
|
|
view: function(vnode) {
|
|
let result = [];
|
|
result.push(
|
|
breadcrumbs_render(),
|
|
m('div', {class: 'row'},
|
|
m('div', {class: 'col h1 py-1'}, [
|
|
m('div', {class: "btn-group btn-group-lg me-2"}, [
|
|
m('button', {type: "button", class: "btn btn-outline-secondary", onclick: function() { panel_show(data.filter) }},
|
|
m('i', {class: "fa fa-filter"})
|
|
),
|
|
m('button', {type: "button", class: "btn btn-outline-secondary", onclick: function() { panel_show(data.order_by.data) }},
|
|
m('i', {class: "fa fa-sort-alpha-asc"})
|
|
)
|
|
]),
|
|
'Статьи',
|
|
])
|
|
),
|
|
m('hr'),
|
|
m(PanelFilter, data.filter),
|
|
m(data.order_by),
|
|
m(Pagination, data.pagination),
|
|
);
|
|
if (data.pages.length>0) {
|
|
result.push(m(ComponentPages, {pages: data.pages}));
|
|
result.push(m(data.pagination));
|
|
};
|
|
result.push(breadcrumbs_render());
|
|
return result
|
|
}
|
|
}
|
|
};
|