mirror/php-typemill
1
0
Fork 0
mirror of https://github.com/typemill/typemill.git synced 2025-08-12 00:54:52 +02:00
Code Issues Releases Wiki Activity

Version 1.4.6: collapse navi, image for blogposts, overwrite copyright

Browse Source
This commit is contained in:
trendschau
2021-06-12 22:24:14 +02:00
parent 33a0bbfa09
commit d9573d4a73
12 changed files with 107 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
system/author/js/vue-navi.js
View File

@@ -1,13 +1,42 @@
const navcomponent = Vue.component('navigation', {
template: '#navigation-template',
props: ['homepage', 'name', 'hide', 'newItem', 'parent', 'active', 'filetype', 'status', 'elementtype', 'contains', 'element', 'folder', 'level', 'url', 'root', 'freeze', 'collapse'],
props: ['homepage', 'name', 'hide', 'newItem', 'parent', 'active', 'filetype', 'status', 'elementtype', 'contains', 'element', 'folder', 'level', 'url', 'root', 'freeze'],
data: function () {
return {
showForm: false,
revert: false,
collapse: [],
}
},
mounted: function(){
collapse = localStorage.getItem('collapse');
if(collapse !== null)
{
this.collapse = collapse.split(',');
}
},
methods: {
toggleCollapse: function(name)
{
var index = this.collapse.indexOf(name);
if (index > -1)
{
this.collapse.splice(index, 1);
}
else
{
this.collapse.push(name);
}
localStorage.setItem("collapse", this.collapse.toString());
},
isCollapsed: function(name)
{
if(this.collapse.indexOf(name) > -1)
{
return true;
}
return false;
},
checkMove : function(evt)
{
if(evt.dragged.classList.contains('folder') && evt.from.parentNode.id != evt.to.parentNode.id)

6
system/author/partials/editorNavi.twig
View File

@@ -33,7 +33,6 @@
:contains="item.contains"
:filetype="item.fileType"
:status="item.status"
:collapse="false"
:folder="item.folderContent"
></navigation>
</draggable>
@@ -59,10 +58,10 @@
{% verbatim %}
<template id="navigation-template">
<li class="navi-item" :class="elementtype">
<div v-if="folder" class="foldertoggle" @click="collapse = !collapse"><svg v-if="!collapse" class="icon icon-shrink2"><use xlink:href="#icon-shrink2"></use></svg><svg v-else class="icon icon-enlarge2"><use xlink:href="#icon-enlarge2"></use></svg></div>
<div v-if="folder" class="foldertoggle" @click="toggleCollapse(name)"><svg v-if="isCollapsed(name)" class="icon icon-shrink2"><use xlink:href="#icon-shrink2"></use></svg><svg v-else class="icon icon-enlarge2"><use xlink:href="#icon-enlarge2"></use></svg></div>
<div class="status" :class="status"></div>
<a v-bind:href="getUrl(root, url)" :class="checkActive(active,parent)"><span class="iconwrapper"><svg class="icon" :class="getIconClass(elementtype, filetype, hide)"><use :xlink:href="getIcon(elementtype, filetype, hide)"></use></svg></span><span :class="getLevel(level)">{{ name }}</span><span class="movewrapper"><span class="movewrapper"><svg class="icon icon-arrows-v"><use xlink:href="#icon-arrows-v"></use></svg></span></a>
<draggable v-if="folder" v-show="!collapse" class="navi-list" tag="ul"
<draggable v-if="folder" v-show="!isCollapsed(name)" class="navi-list" tag="ul"
@start="onStart"
@end="onEnd"
:list="folder"
@@ -88,7 +87,6 @@
:status="item.status"
:elementtype="item.elementType"
:contains="item.contains"
:collapse="false"
:folder="item.folderContent"
></navigation>
</draggable>