mirror/php-typemill
1
0
Fork 0
mirror of https://github.com/typemill/typemill.git synced 2025-07-25 00:02:28 +02:00
Code Issues Releases Wiki Activity

Finish responsive and v2.13

Browse Source
This commit is contained in:
trendschau
2025-01-18 11:36:27 +01:00
parent 4f8bb09d26
commit d49d37693c
5 changed files with 48 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
system/typemill/author/js/vue-publisher.js
View File

@@ -23,7 +23,8 @@ const publisher = Vue.createApp({
class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition"
:class="publishClass"
>
{{ $filters.translate('publish') }}
<span class="block lg:hidden">{{ $filters.translate('pub') }}</span>
<span class="hidden lg:block">{{ $filters.translate('publish') }}</span>
</button>
<button
v-if="visual"
@@ -32,14 +33,16 @@ const publisher = Vue.createApp({
class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition"
:class="publishClass"
>
{{ $filters.translate('publish') }}
<span class="block lg:hidden">{{ $filters.translate('pub') }}</span>
<span class="hidden lg:block">{{ $filters.translate('publish') }}</span>
</button>
<button
@click.prevent="showModal = 'discard'"
:disabled="!isModified"
class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-yellow-500 hover:bg-yellow-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition"
>
{{ $filters.translate('discard') }}
<span class="block lg:hidden">{{ $filters.translate('disc') }}</span>
<span class="hidden lg:block">{{ $filters.translate('discard') }}</span>
</button>
<button
v-if="item.originalName != 'home'"
@@ -47,14 +50,16 @@ const publisher = Vue.createApp({
:disabled="isUnpublished"
class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-teal-500 hover:bg-teal-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition"
>
{{ $filters.translate('unpublish') }}
<span class="block lg:hidden">{{ $filters.translate('unpub') }}</span>
<span class="hidden lg:block">{{ $filters.translate('unpublish') }}</span>
</button>
<button
v-if="item.originalName != 'home'"
@click.prevent="showModal = 'delete'"
class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 bg-stone-50 hover:bg-rose-500 hover:text-white transition"
>
{{ $filters.translate('delete') }}
<span class="block lg:hidden">{{ $filters.translate('del') }}</span>
<span class="hidden lg:block">{{ $filters.translate('delete') }}</span>
</button>
</div>
<div class="flex">
@@ -72,7 +77,8 @@ const publisher = Vue.createApp({
class="px-4 py-2 border border-stone-200 bg-stone-50 hover:bg-stone-700 hover:text-white transition ml-1"
@click.prevent="checkChanges(visualUrl)"
>
{{ $filters.translate('visual') }}
<span class="block lg:hidden">{{ $filters.translate('vis') }}</span>
<span class="hidden lg:block">{{ $filters.translate('visual') }}</span>
</a>
<a
:href="item.urlAbs"

14
system/typemill/author/partials/mainNavi.twig
View File

@@ -7,11 +7,21 @@
{% for name,navitem in mainnavi %}
{% if darkmode %}
<li class="border-r-2 border-stone-200 dark:border-stone-600">
<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 dark:text-stone-200 hover:bg-stone-50 hover:dark:bg-stone-200 hover:dark:text-stone-900 focus:dark:text-stone-900 active:dark:text-stone-900 hover:dark:border-stone-600 focus:dark:border-stone-600 active:dark:border-stone-600 transition duration-100{{ navitem.active ? ' dark:bg-stone-200 dark:text-stone-900 dark:border-stone-600' : ' dark:border-stone-900' }}" href="{{ url_for(navitem.routename) }}">{{ translate(navitem.title)|capitalize }}</a>
<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 dark:text-stone-200 hover:bg-stone-50 hover:dark:bg-stone-200 hover:dark:text-stone-900 focus:dark:text-stone-900 active:dark:text-stone-900 hover:dark:border-stone-600 focus:dark:border-stone-600 active:dark:border-stone-600 transition duration-100{{ navitem.active ? ' dark:bg-stone-200 dark:text-stone-900 dark:border-stone-600' : ' dark:border-stone-900' }}" href="{{ url_for(navitem.routename) }}">
<span class="block lg:hidden">
<svg class="icon {{ navitem.icon }} mr-1 ml-1"><use xlink:href="#{{ navitem.icon }}"></use></svg>
</span>
<span class="hidden lg:block">{{ translate(navitem.title)|capitalize }}</span>
</a>
</li>
{% else %}
<li class="border-r-2 border-stone-200 dark:border-stone-600">
<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 hover:border-stone-700 hover:bg-stone-50 focus:bg-stone-50 active:bg-stone-50 transition duration-100{{ navitem.active ? ' bg-stone-50 border-stone-700' : ' border-stone-100' }}" href="{{ url_for(navitem.routename) }}">{{ translate(navitem.title)|capitalize }}</a>
<a class="inline-block lg:px-4 lg:pt-4 lg:pb-3 lg:border-b-4 px-3 pt-3 pb-3 border-b-2 hover:border-stone-700 hover:bg-stone-50 focus:bg-stone-50 active:bg-stone-50 transition duration-100{{ navitem.active ? ' bg-stone-50 border-stone-700' : ' border-stone-100' }}" href="{{ url_for(navitem.routename) }}">
<span class="block lg:hidden">
<svg class="icon {{ navitem.icon }} mr-1 ml-1"><use xlink:href="#{{ navitem.icon }}"></use></svg>
</span>
<span class="hidden lg:block">{{ translate(navitem.title)|capitalize }}</span>
</a>
</li>
{% endif %}
{% endfor %}

17
system/typemill/author/partials/symbols.twig
View File

@@ -1,5 +1,22 @@
<svg style="position: absolute; width: 0; height: 0; overflow: hidden" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-pencil" viewBox="0 0 32 32">
<title>{{ translate('EDITOR') }}</title>
<path d="M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z"></path>
</symbol>
<symbol id="icon-user1" viewBox="0 0 32 32">
<title>{{ translate('ACCOUNT') }}</title>
<path d="M18 22.082v-1.649c2.203-1.241 4-4.337 4-7.432 0-4.971 0-9-6-9s-6 4.029-6 9c0 3.096 1.797 6.191 4 7.432v1.649c-6.784 0.555-12 3.888-12 7.918h28c0-4.030-5.216-7.364-12-7.918z"></path>
</symbol>
<symbol id="icon-cog" viewBox="0 0 32 32">
<title>{{ translate('SYSTEM') }}</title>
<path d="M29.181 19.070c-1.679-2.908-0.669-6.634 2.255-8.328l-3.145-5.447c-0.898 0.527-1.943 0.829-3.058 0.829-3.361 0-6.085-2.742-6.085-6.125h-6.289c0.008 1.044-0.252 2.103-0.811 3.070-1.679 2.908-5.411 3.897-8.339 2.211l-3.144 5.447c0.905 0.515 1.689 1.268 2.246 2.234 1.676 2.903 0.672 6.623-2.241 8.319l3.145 5.447c0.895-0.522 1.935-0.82 3.044-0.82 3.35 0 6.067 2.725 6.084 6.092h6.289c-0.003-1.034 0.259-2.080 0.811-3.038 1.676-2.903 5.399-3.894 8.325-2.219l3.145-5.447c-0.899-0.515-1.678-1.266-2.232-2.226zM16 22.479c-3.578 0-6.479-2.901-6.479-6.479s2.901-6.479 6.479-6.479c3.578 0 6.479 2.901 6.479 6.479s-2.901 6.479-6.479 6.479z"></path>
</symbol>
<symbol id="icon-switch" viewBox="0 0 32 32">
<title>{{ translate('LOGOUT') }}</title>
<path d="M20 4.581v4.249c1.131 0.494 2.172 1.2 3.071 2.099 1.889 1.889 2.929 4.4 2.929 7.071s-1.040 5.182-2.929 7.071c-1.889 1.889-4.4 2.929-7.071 2.929s-5.182-1.040-7.071-2.929c-1.889-1.889-2.929-4.4-2.929-7.071s1.040-5.182 2.929-7.071c0.899-0.899 1.94-1.606 3.071-2.099v-4.249c-5.783 1.721-10 7.077-10 13.419 0 7.732 6.268 14 14 14s14-6.268 14-14c0-6.342-4.217-11.698-10-13.419zM14 0h4v16h-4z"></path>
</symbol>
<symbol id="icon-external-link" viewBox="0 0 28 28">
<title>{{ translate('EXTERNAL_LINK') }}</title>
<path d="M22 14.5v5c0 2.484-2.016 4.5-4.5 4.5h-13c-2.484 0-4.5-2.016-4.5-4.5v-13c0-2.484 2.016-4.5 4.5-4.5h11c0.281 0 0.5 0.219 0.5 0.5v1c0 0.281-0.219 0.5-0.5 0.5h-11c-1.375 0-2.5 1.125-2.5 2.5v13c0 1.375 1.125 2.5 2.5 2.5h13c1.375 0 2.5-1.125 2.5-2.5v-5c0-0.281 0.219-0.5 0.5-0.5h1c0.281 0 0.5 0.219 0.5 0.5zM28 1v8c0 0.547-0.453 1-1 1-0.266 0-0.516-0.109-0.703-0.297l-2.75-2.75-10.187 10.187c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-1.781-1.781c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l10.187-10.187-2.75-2.75c-0.187-0.187-0.297-0.438-0.297-0.703 0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 22 KiB

2
system/typemill/settings/defaults.yaml
View File

@@ -1,4 +1,4 @@
version: '2.12.0'
version: '2.13.0'
title: 'Typemill'
author: 'Unknown'
copyright: false

7
system/typemill/settings/mainnavi.yaml
View File

@@ -1,25 +1,30 @@
'content':
'title': 'Content'
'icon': 'icon-pencil'
'routename': 'content.visual'
'aclresource': 'content'
'aclprivilege': 'read'
'system':
'title': 'System'
'icon': 'icon-cog'
'routename': 'settings.show'
'aclresource': 'system'
'aclprivilege': 'read'
'account':
'title': 'Account'
'icon': 'icon-user1'
'routename': 'user.account'
'aclresource': 'account'
'aclprivilege': 'read'
'frontend':
'title': 'Frontend'
'icon': 'icon-external-link'
'routename': 'home'
'aclresource': 'account'
'aclprivilege': 'read'
'logout':
'title': 'Logout'
'title': 'Logout'
'icon': 'icon-switch'
'routename': 'auth.logout'
'aclresource': 'account'
'aclprivilege': 'read'