added styled page layout selector, page renders selected layout

brain/data/Render.inc.php

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

brain/views/dash/page-edit.twig

@@ -30,7 +30,7 @@
 {% endblock %}
 
 {% 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 %}
 
   {% block mainContent %}

brain/views/dash/partials/options.twig

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

content/themes/fipamo-default/page-custom.twig

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

src/com/actions/PageActions.js

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

src/styles/main/_posts.sass

@@ -237,6 +237,21 @@
                             svg
                                 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
                         display: none