enhancement: look & feel precontrib

abecms · Nov 17, 2016 · cdc9812 · cdc9812
1 parent edda896
commit cdc9812
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 18 deletions.
diff --git a/src/server/controllers/editor.js b/src/server/controllers/editor.js
@@ -221,9 +221,11 @@ function orderBlock(util) {
   })
 
   Array.prototype.forEach.call(arKeysTabs, (arKeysTab) => {
-    formTabsOrdered[arKeysTab] = formBlock[arKeysTab]
+    if(arKeysTab !== 'slug') formTabsOrdered[arKeysTab] = formBlock[arKeysTab]
   })
 
+  formTabsOrdered['slug'] = formBlock['slug']
+
   return formTabsOrdered
 }
 

diff --git a/src/server/public/scripts/modules/FormCreate.js b/src/server/public/scripts/modules/FormCreate.js
@@ -204,7 +204,7 @@ export default class FormCreate {
       breadcrumbsHtml += '</li>'
     })
     breadcrumbsHtml += '<span>.' + CONFIG.EXTENSION + '</span>'
-    this._previewPostPath.innerHTML = breadcrumbsHtml
+    this._previewPostPath.innerHTML = '<span>URL : </span>' + breadcrumbsHtml
 
     return {
       isValid: isValid,

diff --git a/src/server/sass/modules/_editor.scss b/src/server/sass/modules/_editor.scss
@@ -34,22 +34,37 @@
     input {
       height: 30px;
     }
-    .breadcrumb{
-      font-size: 12px;
-      >li{
-        &+li{
-          &:before{
-            display: inline-block;
-            padding: 0 1px;
-            width: 6px;
-          }
-          span{
-          }
+  }
+}
+
+.form-create {
+  .breadcrumb{
+    font-size: 12px;
+    margin-top: 20px;
+    >li{
+      &+li{
+        &:before{
+          display: inline-block;
+          padding: 0 1px;
+          width: 6px;
+        }
+        span{
         }
       }
     }
-    [date-abe-create="true"]{
-      margin-top: 20px;
+  }
+  [date-abe-create="true"]{
+    margin-top: 20px;
+  }
+}
+
+.tab-pane{
+  &#slug{
+    .btn-primary{
+      width: 100%;
+      + .btn-primary {
+        margin-top: 20px;
+      }
     }
   }
 }

diff --git a/src/server/views/partials/create.html b/src/server/views/partials/create.html
@@ -8,7 +8,6 @@ <h1>
       <div class="panel-body">
 
         <form class="form-create" data-form-abe-create="true">
-          <div data-post-path-preview="true" class="breadcrumb"></div>
 
           {{&setVariable "precontrib" "true"}}
 
@@ -24,6 +23,8 @@ <h1>
             </div>
           </div>
 
+          <div data-post-path-preview="true" class="breadcrumb"></div>
+
         </form>
       </div>
     </div>

diff --git a/src/server/views/partials/engine.html b/src/server/views/partials/engine.html
@@ -45,7 +45,6 @@
           <div role="tabpanel" class="tab-pane {{#if @first}}active{{/if}}" id="{{cleanTab @key}}">
             {{#ifCond @key 'slug'}}
               <div class="form-create" data-form-abe-create="true">
-                <div data-post-path-preview="true" class="breadcrumb"></div>
 
                 {{&folders @root.manager.list.structure 1 @root.json.abe_meta.link @root.text}}
                 {{abeImport 'create-form-template' @root.manager.config @root}}
@@ -54,11 +53,13 @@
                 <input class="form-control" type="hidden" name="oldFilePath" data-id="oldFilePath" id="oldFilePath" value="{{@root.json.abe_meta.link}}" />  
                 <div class="">
                   <div class="">
-                  <button type="submit" class="btn btn-primary" date-abe-update="true">update</button>
                   <button type="submit" class="btn btn-primary" date-abe-duplicate="true">duplicate</button>
+                  <button type="submit" class="btn btn-primary" date-abe-update="true">update</button>
                   </div>
                 </div>
 
+                <div data-post-path-preview="true" class="breadcrumb"></div>
+
               </div>
             {{else}}
               {{#each this}}