fix for #68, updated page edit ui

This commit is contained in:
Ro 2021-12-18 15:42:16 -08:00
parent 03c629462b
commit 1c2ba579df
3 changed files with 25 additions and 13 deletions

View file

@ -13,6 +13,7 @@
{% set tags = page['tags'] %} {% set tags = page['tags'] %}
{% set content = page['content'] %} {% set content = page['content'] %}
{% set date = page['created'] %} {% set date = page['created'] %}
{% set updated = page['updated'] %}
{% else %} {% else %}
{% set id = '' %} {% set id = '' %}
{% set uuid = '' %} {% set uuid = '' %}
@ -23,6 +24,7 @@
{% set tags = '' %} {% set tags = '' %}
{% set content = '' %} {% set content = '' %}
{% set date = '' %} {% set date = '' %}
{% set updated = '' %}
{% endif %} {% endif %}
{% block title %} {% block title %}
@ -30,7 +32,7 @@
{% endblock %} {% endblock %}
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfdfdf"> <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfvbn">
{% endblock %} {% endblock %}
{% block mainContent %} {% block mainContent %}
@ -61,11 +63,7 @@
<textarea id="post_title" type="text" name="post_title" class="post-edit" placeholder="TITLE"> <textarea id="post_title" type="text" name="post_title" class="post-edit" placeholder="TITLE">
{{- _title -}} {{- _title -}}
</textarea> </textarea>
<label>CREATED</label>
<br/>
<span id="post-date" type="text">
{{ date }}
</span>
<div id="layouts"> <div id="layouts">
<label>LAYOUTS</label> <label>LAYOUTS</label>
<select id="page-templates"> <select id="page-templates">
@ -79,6 +77,10 @@
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
<label>CREATED</label>
<span id="post-date" type="text">
{{ date }}
</span>
</div> </div>
<div id="post-meta" class="column"> <div id="post-meta" class="column">
<label>TAGS</label> <label>TAGS</label>
@ -89,6 +91,10 @@
{% apply spaceless %} {% apply spaceless %}
{{ include("dash/partials/options.twig") }} {{ include("dash/partials/options.twig") }}
{% endapply %} {% endapply %}
<label>UPDATED</label>
<span id="post-date" type="text">
{{ updated }}
</span>
<input id="featured-image-upload" type="file" name="featured-image-upload"/> <input id="featured-image-upload" type="file" name="featured-image-upload"/>
<input id="post-image-upload" type="file" name="post-image-upload"/> <input id="post-image-upload" type="file" name="post-image-upload"/>
<input id="form_token" name="token" type="hidden" value="{{ token }}"> <input id="form_token" name="token" type="hidden" value="{{ token }}">

File diff suppressed because one or more lines are too long

View file

@ -73,6 +73,7 @@
position: relative position: relative
top: 35% top: 35%
@include text-drop-shadow($black, 1, 2px, 2px, 0) @include text-drop-shadow($black, 1, 2px, 2px, 0)
@include text-drop-shadow($black, 1, 2px, 2px, 0)
#meta #meta
width: 100% width: 100%
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
@ -169,12 +170,15 @@
padding: 0.75rem padding: 0.75rem
label label
color: $white color: $white
font-size: 0.8em font-size: 0.9em
font-family: $baseType font-family: $baseType
font-weight: 600 font-weight: 600
span span
color: $primary color: $primary
font-size: 1.5em font-size: 0.9em
font-weight: 600
text-transform: uppercase
float: right
#post-title #post-title
#post_title #post_title
@ -195,16 +199,16 @@
padding: 5.2px padding: 5.2px
color: $secondary color: $secondary
#layouts #layouts
padding: 7px 0 0 0
select select
background: $primary background: $primary
color: $secondary color: $secondary
border-radius: 3px border-radius: 3px
border-color: $primary border-color: $primary
margin: 5px 0 0 0 margin: 0 0 10px 0
width: 100% width: 100%
height: 45px
padding: 5px padding: 5px
font-size: 1em font-size: 1.5em
#post-meta #post-meta
#post_tags #post_tags
@ -221,6 +225,7 @@
vertical-align: top vertical-align: top
width: 100% width: 100%
padding: 0 padding: 0
margin: 0 0 10px 0
button:nth-child(1) button:nth-child(1)
border-radius: 3px 0 0 3px border-radius: 3px 0 0 3px
@ -237,6 +242,7 @@
width: 25% width: 25%
height: 45px height: 45px
@include object-transitions(0.3s) @include object-transitions(0.3s)
@include object-transitions(0.3s)
margin: 0 margin: 0
border-radius: 0 border-radius: 0
display: inline-block display: inline-block