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

97
myapp/ns_page/templates/user/page.html
View File

@@ -1,4 +1,4 @@
{% extends "user/skeleton.html" %}
{% extends "private/skeleton.html" %}
{% block content %}
{% raw %}
@@ -32,59 +32,52 @@
<script type="text/javascript" src="/static/components/tags.js"></script>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
page: {{ pagedata['page']|tojson|safe }},
Object.assign(root.data, {
page: {{ pagedata['page']|tojson|safe }},
});
Object.assign(root.methods, {
pageDelete: function() {
/* Удалить статью в корзину */
let vm = this;
axios.post(
'/api',
{
"jsonrpc": "2.0",
"method": 'page.delete',
"params": {
"id": vm.page.id
},
"id": 1
}
).then(
function(response) {
if ('result' in response.data) {
window.location.href = '/pages';
}
}
);
},
methods: {
pageDelete: function() {
/* Удалить статью в корзину */
let vm = this;
axios.post(
'/api',
{
"jsonrpc": "2.0",
"method": 'page.delete',
"params": {
"id": vm.page.id
},
"id": 1
saveStatus: function() {
let vm = this;
axios.post(
'/api',
{
"jsonrpc": "2.0",
"method": 'page.status',
"params": {
"id": vm.page.id,
"status": vm.page.status
},
"id": 1
}
).then(
function(response) {
if ('result' in response.data) {
vm.page = response.data['result'];
}
).then(
function(response) {
if ('result' in response.data) {
window.location.href = '/pages';
}
}
);
},
showPanel: function(panel) {
/* Показать/скрыть панель */
panel.visible = !panel.visible;
},
saveStatus: function() {
let vm = this;
axios.post(
'/api',
{
"jsonrpc": "2.0",
"method": 'page.status',
"params": {
"id": vm.page.id,
"status": vm.page.status
},
"id": 1
}
).then(
function(response) {
if ('result' in response.data) {
vm.page = response.data['result'];
}
}
);
}
}
);
}
})
});
</script>
{% endblock %}

2
myapp/ns_page/templates/user/page_add.html
View File

@@ -1,4 +1,4 @@
{% extends "user/skeleton.html" %}
{% extends "private/skeleton.html" %}
{% block content %}

2
myapp/ns_page/templates/user/page_edit.html
View File

@@ -1,4 +1,4 @@
{% extends "user/skeleton.html" %}
{% extends "private/skeleton.html" %}
{% block content %}
<h3>

218
myapp/ns_page/templates/user/pages.html
View File

@@ -1,16 +1,38 @@
{% extends "user/skeleton.html" %}
{% extends "private/skeleton.html" %}
{% block content %}
<h3>
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary" v-on:click="panel_show(panels.filter)"><i class="fa fa-filter"></i></button>
<button type="button" class="btn btn-outline-secondary" v-on:click="panel_show(panels.order_by)"><i class="fa fa-sort-alpha-asc"></i></button>
</div>
<div class="float-right">
<a class="btn btn-outline-success" href="/page/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>
Статьи
</h3>
<hr />
<!-- Начало: Панель сортировки -->
<div class="row" v-if="panels.order_by.visible">
<div class="col py-2">
<div class="input-group">
<button type="button" class="btn btn-outline-secondary" v-if="panels.order_by.order==='asc'" v-on:click="panels.order_by.order = 'desc'; getBriefcases();"><i class="fa fa-sort-alpha-asc"></i></button>
<button type="button" class="btn btn-outline-secondary" v-else v-on:click="panels.order_by.order = 'asc'; getBriefcases();"><i class="fa fa-sort-alpha-desc"></i></button>
<select class="form-select" v-model="panels.order_by.field" v-on:change="getBriefcases();">
<option value="id">ID</option>
<option value="title">заголовку</option>
<option value="created">дате создания</option>
<option value="updated">дате обновления</option>
</select>
</div>
</div>
</div>
<!-- Конец: Панель сортировки -->
{% include 'inc/filter.html' %}
<pagination-component v-bind:pagination="pagination" v-bind:click-handler="getPages"></pagination-component>
@@ -35,125 +57,109 @@
<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 }},
panels: {
filter: {
visible: false
}
},
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: {
arrayRemove: function(arr, value) {
/* Удаление элемента из списка */
return arr.filter(function(ele){
return ele != value;
});
},
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'];
}
}
);
},
showPanel: function(panel) {
/* Показать/скрыть панель */
panel.visible = !panel.visible;
},
});
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
},
{
"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
},
"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'];
}
if ('result' in response.data[1]) {
vm.pagination.size = response.data[1]['result'];
}
return 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 %}