Merging all UI updates

This commit is contained in:
Ro 2021-05-25 11:08:22 -07:00
commit 18e67691f5
13 changed files with 634 additions and 409 deletions

View file

@ -26,23 +26,29 @@
</div> </div>
<div id="main-content" class="main-container"> <div id="main-content" class="main-container">
<section id="dash-index-content"> <section id="dash-index-content">
<header id="header"> {% if status %}
<div id="wrapper"> <header id="header">
<div id="left"> <div id="wrapper">
<a href="/dashboard"><img id="the-logo" src="/assets/images/global/the-logo.svg"/></a> {% apply spaceless %}
<div id="left">
<a href="/dashboard"><img id="the-logo" src="/assets/images/global/the-logo.svg"/></a>
</div>
<div id="right">
{% if status %}
{% apply spaceless %}
{{ include("dash/partials/navigation.twig") }}
{% endapply %}
{% endif %}
</div>
{% endapply %}
</div> </div>
<div id="right"> </header>
{% if status %} {% endif %}
{% apply spaceless %} {% apply spaceless %}
{{ include("dash/partials/navigation.twig") }} {% block mainContent %}{% endblock %}
{% endapply %} {% endapply %}
{% endif %}
</div>
</div>
</header>
{% block mainContent %}{% endblock %}
</section> </section>

View file

@ -11,49 +11,88 @@
{% block mainContent %} {% block mainContent %}
<div id="post-index"> <div id="post-index">
<div id="post-index-wrapper"> <div id="post-index-wrapper">
<div id="post-index-menu"> <div id="post-index-header">
<a href="/dashboard/pages/all">All Pages ({{ stats['all'] }})</a> <div id="post-index-header-left">
. {{ filter }} Pages
<a href="/dashboard/pages/published">Published ({{ stats['published'] }})</a> </div>
. <div id="post-index-header-right">
<a href="/dashboard/pages/deleted">Deleted ({{ stats['deleted'] }})</a> <a href="/dashboard/pages/all" title="view all pages">
<button>
<svg >
<use xlink:href="/assets/images/global/sprite.svg#entypo-archive"/>
</svg>
{{ stats['all'] }}
</button>
</a>
<a href="/dashboard/pages/published" title="view publised pages">
<button>
<svg >
<use xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
</svg>
{{ stats['published'] }}
</button>
</a>
<a href="/dashboard/pages/deleted" title="view deleted pages">
<button>
<svg >
<use xlink:href="/assets/images/global/sprite.svg#entypo-circle-with-cross"/>
</svg>
{{ stats['deleted'] }}
</button>
</a>
</div>
</div> </div>
<div id="posts-list"> <div id="posts-list">
{% for page in pages %} {% for page in pages %}
<a class="page-link" href="/dashboard/page/edit/{{ page.uuid }}"> <a class="page-link" href="/dashboard/page/edit/{{ page.uuid }}">
<div class="page-bg" style="background: url({{ page.feature }}) no-repeat center center / cover"> <div class="page-bg" style="background: url({{ page.feature }}) no-repeat center center / cover">
<div id="meta"> <label>
<span> {{ page.title }}
{{ page.updated }} </label>
</span> <div id="meta">
<label>
{{ page.title }}
</label>
{% if page.menu == 'true' %}
{% set menu = "true" %}
{% else %}
{% set menu = "false" %}
{% endif %}
{% if page.published == 'true' %}
{% set published = "true" %}
{% else %}
{% set published = "false" %}
{% endif %}
{% if page.featured == 'true' %}
{% set featured = "true" %}
{% else %}
{% set featured = "false" %}
{% endif %}
<div id="options"> <div id="options">
<span class="meta-options" data-active="{{ menu }}"> {% if page.menu == 'true' %}
Menu Item</span> {% set menu = "true" %}
<span class="meta-options" data-active="{{ published }}"> {% else %}
Published</span> {% set menu = "false" %}
<span class="meta-options" data-active="{{ featured }}"> {% endif %}
Featured</span> {% if page.published == 'true' %}
{% set published = "true" %}
{% else %}
{% set published = "false" %}
{% endif %}
{% if page.featured == 'true' %}
{% set featured = "true" %}
{% else %}
{% set featured = "false" %}
{% endif %}
<div id="option-left">
<button data-active="{{ menu }}">
<svg>
<use xlink:href="/assets/images/global/sprite.svg#entypo-add-to-list"/>
</svg>
</button>
<button data-active="{{ published }}">
<svg>
<use xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
</svg>
</button>
<button data-active="{{ featured }}">
<svg>
<use xlink:href="/assets/images/global/sprite.svg#entypo-star"/>
</svg>
</button>
</div>
<div id="option-right">
<span>
{{ page.updated }}
</span>
</div>
</div> </div>
<span>{{ page.prettyDate }}</span>
</div> </div>
</div> </div>

View file

@ -1,10 +1,11 @@
<div id="dash-login"> <div id="dash-login">
<div id="dash-form" class="dash-form"> <div id="dash-form" class="dash-form">
<img id="the-logo" src="/assets/images/global/the-logo.svg"/>
<form id="login" class='login' name="login" action="/@/dashboard/login" method="POST"> <form id="login" class='login' name="login" action="/@/dashboard/login" method="POST">
<input type="text" name="handle" class="form-control" placeholder="Handle" required "> <input type="text" name="handle" class="form-control" placeholder="Handle" required ">
<input type="password" name="password" class="form-control" placeholder="Password" required"> <input type="password" name="password" class="form-control" placeholder="Password" required">
<button id="login-btn" class='login-btn' type='submit'> <button id="login-btn" class='login-btn' type='submit'>
Let's see some ID ID, PLEASE
</button><br /><br /> </button><br /><br />
<a href="/dashboard/reset-password"> Forgot Password?</a> <a href="/dashboard/reset-password"> Forgot Password?</a>
</form> </form>

View file

@ -12,51 +12,32 @@
<div id="dash-index"> <div id="dash-index">
<div id="dash-index-wrapper"> <div id="dash-index-wrapper">
<div id="dash-init" class="dash-init"> <div id="dash-init" class="dash-init">
<br />
<form id="init-form"> <form id="init-form">
<h1>What up</h1> <img id="the-logo" src="/assets/images/global/the-logo.svg"/>
<p>Just fill these in and it'll get you started.</p> <input type="text" name="new_member_handle" id="new_member_handle" placeholder="handle"/>
<br /> <input type="text" name="new_member_email" id="new_member_email" placeholder="email"/>
<label>What's your handle?</label><br /> <input type="text" name="new_member_pass" id="new_member_pass" placeholder="password"/>
<input type="text" name="new_member_handle" id="new_member_handle"/> <input type="text" name="new_member_pass2" id="new_member_pass2" placeholder="password confirm"/>
<br /> <input type="text" name="new_member_title" id="new_member_title" placeholder="title"/>
<label>Let's get that email</label><br /> <button id="init-blog" data-action='blog-init' type='submit'>SET UP YOUR SITE</button>
<input type="text" name="new_member_email" id="new_member_email"/> <br /><br />
<br /> <button class="init-option" id="init-switch-restore">RESTORE FROM BACKUP</button>
<label>And a password</label><br />
<input type="text" name="new_member_pass" id="new_member_pass"/>
<br />
<label>Confirm that pass</label><br />
<input type="text" name="new_member_pass2" id="new_member_pass2"/>
<br />
<label>What's your site called?</label><br />
<input type="text" name="new_member_title" id="new_member_title"/>
<br />
<button id="init-blog" data-action='blog-init' type='submit'>SET IT UP</button>
</form> </form>
<div class="option">
<button class="init-option" id="init-switch-restore">OR RESTORE FROM BACKUP</button>
</div>
</div> </div>
<div id="dash-restore" class="dash-restore"> <div id="dash-restore" class="dash-restore">
<form id="init-restore"> <form id="init-restore">
<h1>Restore from backup</h1> <img id="the-logo" src="/assets/images/global/the-logo.svg"/>
<p>Let's verify your backup</p> <input type="text" name="restore_member_handle" id="restore_member_handle" placeholder="handle"/><input type="text" name="restore_member_pass" id="restore_member_pass" placeholder="password"/>
<br /> <div>
<label>What's your handle?</label><br /> <label>Grab your backup zip</label>
<input type="text" name="restore_member_handle" id="restore_member_handle"/> <input id="backup-upload" type="file" name="backup-upload" placeholder="Backup Zip"/>
<br /> </div>
<label>And your password</label><br /> <br /><br />
<input type="text" name="restore_member_pass" id="restore_member_pass"/>
<br />
<label>Backup File</label><br />
<input id="backup-upload" type="file" name="backup-upload"/>
<br />
<button id="blog-restore" data-action='blog-restore' type='submit'>RESTORE</button> <button id="blog-restore" data-action='blog-restore' type='submit'>RESTORE</button>
<br /><br />
<button class="init-option" id="init-switch-fresh">OR INSTALL FROM SCRATCH</button>
</form> </form>
<div class="option">
<button class="init-option" id="init-switch-restore">OR INSTALL FROM SCRATCH</button>
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -5,7 +5,7 @@
{% endblock %} {% endblock %}
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfafd"> <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=sdsdsds">
{% endblock %} {% endblock %}
{% block mainContent %} {% block mainContent %}
@ -14,13 +14,21 @@
<div id="nav-pages"> <div id="nav-pages">
{% for item in menu %} {% for item in menu %}
<div id="{{item.id}}" class="nav-item" data-slug="{{item.slug}}" data-uuid="{{item.uuid}}" data-path="{{item.path}}"> <div id="{{item.id}}" class="nav-item" data-slug="{{item.slug}}" data-uuid="{{item.uuid}}" data-path="{{item.path}}">
<svg id="item-arrows" viewbox="0 0 20 20" class="icons"> <svg id="item-arrows">
<use xlink:href="/assets/images/global/sprite.svg#entypo-select-arrows"/> <use xlink:href="/assets/images/global/sprite.svg#entypo-select-arrows"/>
</svg> </svg>
<label>{{item.title}}</label> <label>{{item.title}}</label>
<div id="nav-btns"> <div id="nav-btns">
<button id="edit-item" class="nav-btn" data-id="{{item.uuid}}">EDIT</button> <button id="edit-item" class="nav-btn" data-id="{{item.uuid}}" title="edit page">
<button id="remove-item" class="nav-btn" data-uuid="{{item.uuid}}" data-id="{{item.id}}">REMOVE</button> <svg>
<use xlink:href="/assets/images/global/sprite.svg#entypo-edit"/>
</svg>
</button>
<button id="remove-item" class="nav-btn" data-uuid="{{item.uuid}}" data-id="{{item.id}}" title="delete from menu">
<svg>
<use xlink:href="/assets/images/global/sprite.svg#entypo-cross"/>
</svg>
</button>
</div> </div>
</div> </div>

View file

@ -1,22 +1,35 @@
<div id="dash-recent"> <div id="dash-recent">
<div id="recent-list"> <div id="recent-list">
<div class="recent-header"> <div class="recent-header">
<h3>Recent</h3> <div class="index-header-left">
<div class="index-menu"> Recent
<a href='/dashboard/pages'>View Pages</a> </div>
. <div class="index-header-right">
<a href='/dashboard/page/add/new'>Create Page</a> <a href='/dashboard/pages' title="view pages">
<button>
<svg class="page-link">
<use xlink:href="/assets/images/global/sprite.svg#entypo-archive"/>
</svg>
</button>
</a>
<a href='/dashboard/page/add/new' title="add new page">
<button>
<svg class="page-link">
<use xlink:href="/assets/images/global/sprite.svg#entypo-plus"/>
</svg>
</button>
</a>
</div> </div>
</div> </div>
<br/> <br/>
{% if data["entryCount"] != 0 %} {% if data["entryCount"] != 0 %}
{% for page in data['pages'] %} {% for page in data['pages'] %}
<a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="post-link" style="background: url({{ page.feature }}) no-repeat center center / cover"> <a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="post-link" style="background: url({{ page.feature }}) no-repeat center center / cover">
<div> <label>
<label> {{ page.title }}
{{ page.title }} </label>
</label> <div id="options">
{% if page.menu == 'true' %} {% if page.menu == 'true' %}
{% set menu = "true" %} {% set menu = "true" %}
{% else %} {% else %}
@ -32,15 +45,30 @@
{% else %} {% else %}
{% set featured = "false" %} {% set featured = "false" %}
{% endif %} {% endif %}
<div id="options"> <div id="option-left">
<span class="item-options" data-active="{{ menu }}">
Menu Item</span> <button data-active="{{ menu }}">
<span class="item-options" data-active="{{ published }}"> <svg>
Published</span> <use xlink:href="/assets/images/global/sprite.svg#entypo-add-to-list"/>
<span class="item-options" data-active="{{ featured }}"> </svg>
Featured</span> </button>
<button data-active="{{ published }}">
<svg>
<use xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
</svg>
</button>
<button data-active="{{ featured }}">
<svg>
<use xlink:href="/assets/images/global/sprite.svg#entypo-star"/>
</svg>
</button>
</div>
<div id="option-right">
<span>
{{ page.updated }}
</span>
</div> </div>
<span>{{ page.updated }}</span>
</div> </div>
</a> </a>

View file

@ -1,5 +1,23 @@
<div id="dash-menu"> <div id="dash-menu">
<a id="settings" href="/dashboard/settings" >Settings</a> . <a id="settings" href="/dashboard/settings" title="settings">
<a id="navigation" href="/dashboard/navigation" >Navigation</a> . <button>
<a id="navigation" href="/dashboard/logout" >Log Out</a> <svg class="menu">
<use xlink:href="/assets/images/global/sprite.svg#entypo-sound-mix"/>
</svg>
</button>
</a> .
<a id="navigation" href="/dashboard/navigation" title="edit navigation">
<button>
<svg class="menu">
<use xlink:href="/assets/images/global/sprite.svg#entypo-list"/>
</svg>
</button>
</a> .
<a id="navigation" href="/dashboard/logout" title="log out">
<button>
<svg class="menu">
<use xlink:href="/assets/images/global/sprite.svg#entypo-log-out"/>
</svg>
</button>
</a>
</div> </div>

View file

@ -19,7 +19,7 @@
<div id="post-options"> <div id="post-options">
<button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ menu }}" title='Pin to Menu'> <button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ menu }}" title='Pin to Menu'>
<svg id="option-page-icon" viewbox="0 0 20 20" class="icons"> <svg id="option-page-icon" viewbox="0 0 20 20" class="icons">
<use id="option-page-icon" xlink:href="/assets/images/global/sprite.svg#entypo-pin"/> <use id="option-page-icon" xlink:href="/assets/images/global/sprite.svg#entypo-add-to-list"/>
</svg> </svg>
</button> </button>
<button id="option-feature" class="option-inactive post-option-btn" data-active="{{ featured }}" title='Feature'> <button id="option-feature" class="option-inactive post-option-btn" data-active="{{ featured }}" title='Feature'>

View file

@ -13,20 +13,21 @@
<div id="dash-index-wrapper"> <div id="dash-index-wrapper">
<div id="dash-login"> <div id="dash-login">
<div id="dash-reset" class="dash-reset"> <div id="dash-reset" class="dash-reset">
<img id="the-logo" src="/assets/images/global/the-logo.svg"/>
<form id="reset" class='login' name="reset" action="/@/dashboard/login" method="POST"> <form id="reset" class='login' name="reset" action="/@/dashboard/login" method="POST">
<input type="password" id="new_password"name="new_password" class="form-control" placeholder="New Password" required"> <input type="password" id="new_password"name="new_password" class="form-control" placeholder="New Password" required">
<input type="password" id="new_password2" name="new_password2" class="form-control" placeholder="New Password Confirm" required"> <input type="password" id="new_password2" name="new_password2" class="form-control" placeholder="New Password Confirm" required">
<input type="password" id="secret" name="secret" class="form-control" placeholder="Account Secret" required"> <input type="password" id="secret" name="secret" class="form-control" placeholder="Account Secret" required">
<button id="reset-btn" class='login-btn' type='submit'> <button id="reset-btn" class='login-btn' type='submit'>
Update Password RESET PASSWORD
</button><br /><br /> </button><br />
<p> <p>
Use this to get your secret to verify it's you. If your email is set up, the secret will be sent there. If not, the form will be updated automatically(but please set up your email, once you reset your password). Use this to get your secret to verify it's you. If your email is set up, the secret will be sent there. If not, the form will be updated automatically(but please set up your email, once you reset your password).
</p> </p>
<input type="text"id="email" name="email" class="form-control" placeholder="Verify Email" required"> <input type="text"id="email" name="email" class="form-control" placeholder="email to verify" required">
<button id="get-secret-btn" class='login-btn' type='submit'> <button id="get-secret-btn" class='login-btn' type='submit'>
Retrieve Secret VERIFY EMAIL
</button><br /><br /> </button><br /><br />
</form> </form>
</div> </div>

View file

@ -11,27 +11,22 @@
{% endblock %} {% endblock %}
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfafd"> <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfdvcvb">
{% endblock %} {% endblock %}
{% block mainContent %} {% block mainContent %}
<div id="settings-actions"> <div id="settings-actions">
<div id="buttons"> <div id="buttons">
<button id="save-toggle"> <button id="save-toggle" title="save settings">
<svg id="submit-update" viewbox="0 0 20 20" class="icons"> <svg id="submit-update" class="icons">
<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-save"/> <use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-save"/>
</svg> </svg>
</button> </button>
<button id="publish-pages"> <button id="publish-pages" title="publish site">
<svg id="submit-update" viewbox="0 0 20 20" class="icons"> <svg id="submit-update" class="icons">
<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-publish"/> <use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-publish"/>
</svg> </svg>
</button> </button>
<button id="render-toggle" data-render="{{render}}">
<svg id="submit-update" viewbox="0 0 20 20" class="icons">
<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-ccw"/>
</svg>
</button>
</div> </div>
</div> </div>
<div id="site-background"> <div id="site-background">
@ -42,39 +37,49 @@
<div id="settings-index"> <div id="settings-index">
<div id="settings-index-wrapper"> <div id="settings-index-wrapper">
<div id="member-settings" class="columns"> <div id="member-settings" class="columns">
<div id="member-settings-1" class="column"> <div id="member-settings-1" class="column is-one-third">
<label> AVATAR </label>
<div id="member-avatar-drop"> <div id="member-avatar-drop">
<img id="avatar" src="{{member['avatar']}}" for="avatar-upload"/> <img id="avatar" src="{{member['avatar']}}" for="avatar-upload"/>
<input id="avatar-upload" type="file" name="avatar-upload" /> <input id="avatar-upload" type="file" name="avatar-upload" />
</div> </div>
</div> </div>
<div id="member-settings-2" class="column"> <div class="column is-three-fifths">
<label>INFO</label> <div class="columns">
<input type='text' name='handle' id='settings-handle' placeholder='handle' value="{{member['handle']}}" autofocus /> <div id="member-settings-2" class="column">
<input type='text' name='email' id='settings-email' placeholder='email' value="{{member['email']}}" autofocus /> <input type='text' name='handle' id='settings-handle' placeholder='handle' value="{{member['handle']}}" autofocus />
<input type='text' name='base-url' id='settings-url' placeholder='url' value="{{baseUrl}}" autofocus /> <input type='text' name='email' id='settings-email' placeholder='email' value="{{member['email']}}" autofocus />
<input type='text' name='base-title' id='settings-title' placeholder='site title' value="{{siteTitle}}" autofocus />
<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff', autofocus>{{desc}}</textarea> </div>
<div id="member-settings-3" class="column">
<input type='text' name='base-url' id='settings-url' placeholder='url' value="{{baseUrl}}" autofocus />
<input type='text' name='base-title' id='settings-title' placeholder='site title' value="{{siteTitle}}" autofocus />
</div>
</div>
<div class="columns">
<div class="column is-full">
<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff', autofocus>{{desc}}</textarea>
</div>
</div>
</div> </div>
</div> </div>
<div id="member-utils" class="columns"> <div id="member-utils" class="columns">
<div id="util-1" class="column"> <div id="util-1" class="column is-one-third">
<label>BACK UP TOOLS</label> <br /> <button id="create-backup">BACK UP YOUR SITE</button><br />
<button id="create-backup">CREATE BACK UP</button><br /> </div>
<div id="util-2" class="column is-three-fifths">
{% if lastBackup != '' %} {% if lastBackup != '' %}
<div class="backup-meta"> <div class="backup-meta">
The last back up was created <a href="/api/v1/files">{{lastBackup}}</a><br /> LAST BACK UP <a href="/api/v1/files">{{lastBackup}}</a><br />
</div> </div>
{% else %} {% else %}
<span>span No back ups. Frowny face.</span> <span>span No back ups. Frowny face.</span>
{% endif %} {% endif %}
</div> </div>
<div id="util-2" class="column">
<label> MAINTENANCE </label><br />
<button id="reindex-pages">REINDEX PAGES</button>
</div>
</div> </div>
<div id="option-settings" class="columns"> <div id="option-settings" class="columns">
<div id="theme-settings" class="column"> <div id="theme-settings" class="column">

View file

@ -5,14 +5,16 @@
{% endblock %} {% endblock %}
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=tyurtyuryu"> <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adsfdfdf">
{% endblock %} {% endblock %}
{% block mainContent %} {% block mainContent %}
<div id="dash-index"> <div id="dash-index">
<div id="dash-index-wrapper"> <div id="dash-index-wrapper">
{% if status %} {% if status %}
{{ include("dash/partials/index.twig") }} {% apply spaceless %}
{{ include("dash/partials/index.twig") }}
{% endapply %}
{% else %} {% else %}
{{ include("dash/forms/login.twig") }} {{ include("dash/forms/login.twig") }}
{% endif %} {% endif %}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long