added styled page layout selector, page renders selected layout

This commit is contained in:
Ro 2021-11-18 14:59:59 -08:00
parent a8355b2da4
commit 49e53a9638
8 changed files with 53 additions and 33 deletions

View file

@ -173,7 +173,7 @@ class Render
"menu" => $this->menu, "menu" => $this->menu,
]; ];
} else { } else {
$template = $this->theme . "/page.twig"; $template = $this->theme . "/" . $page["layout"] . ".twig";
$location = $location =
"../public/" . $page["path"] . "/" . $page["slug"] . ".html"; "../public/" . $page["path"] . "/" . $page["slug"] . ".html";
$dir = "../public/" . $page["path"]; $dir = "../public/" . $page["path"];

View file

@ -30,7 +30,7 @@
{% endblock %} {% endblock %}
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfdf"> <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfdfd">
{% endblock %} {% endblock %}
{% block mainContent %} {% block mainContent %}

View file

@ -32,8 +32,9 @@
<use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/> <use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/>
</svg> </svg>
</button> </button>
<label>View Template</label> <div id="layouts">
<select> <label>Page Layouts</label>
<select id="page-templates">
{% for view in views %} {% for view in views %}
{% if view == page['layout'] %} {% if view == page['layout'] %}
<option value={{ view }} selected>{{ view }}</option> <option value={{ view }} selected>{{ view }}</option>
@ -44,3 +45,5 @@
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
</div>

View file

@ -12,6 +12,7 @@
</section> </section>
<article> <article>
<div class="page"> <div class="page">
THIS IS A CUSTOM TEMPLATE <br />
<p>{{content | raw}}</p> <p>{{content | raw}}</p>
<div> <div>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -56,6 +56,7 @@ export default class PostActions {
"published", "published",
document.getElementById("option-published").getAttribute("data-active") document.getElementById("option-published").getAttribute("data-active")
); );
pageInfo.append("layout", document.getElementById('page-templates').value);
pageInfo.append( pageInfo.append(
"form_token", "form_token",
document.getElementById("form_token").value document.getElementById("form_token").value

View file

@ -237,6 +237,21 @@
svg svg
fill: $primary fill: $primary
#layouts
padding: 7px 0 0 0
label
color: $primary
font-size: 1em
select
background: $primary
color: $secondary
border-radius: 3px
border-color: $primary
margin: 5px 0 0 0
width: 100%
padding: 5px
font-size: 1em
#featured-image-upload, #post-image-upload #featured-image-upload, #post-image-upload
display: none display: none