fix: each on tab slug

- button add css block
- css top spacing between input same as form engine
- delete each entry bug fix

src/cli/cms/Page.js

@@ -46,6 +46,8 @@ export default class Page {
       // Remove text with attribute "visible=false"
       this.template = cmsTemplates.prepare.removeHiddenAbeTag(this.template)
 
+      // remove abe type="slug" from template
+      this.template = this.template.replace(/({{abe.*type=[\'|\"]slug.*}})/g, '')
       if(!this._onlyHTML){
         // Surrounds each Abe tag (which are text/rich/textarea and not in html attribute) with <abe> tag
         // ie. <title><abe>{{abe type='text' key='meta_title' desc='Meta title' tab='Meta' order='4000'}}</abe></title>

src/server/public/abecms/scripts/modules/EditorBlock.js

@@ -32,7 +32,7 @@ export default class EditorBlock {
       this.smiley = new smiley(imgWysiwyg)
     }
 
-    this._removeblock = [].slice.call(document.querySelectorAll('.list-group[data-block]'))
+    this._removeblock = [].slice.call(document.querySelectorAll('.list-group[data-block] .remove-block'))
     this._handleClickRemoveBlock = this._clickRemoveBlock.bind(this)
 
     this._addblock = [].slice.call(document.querySelectorAll('.add-block'))
@@ -94,7 +94,9 @@ export default class EditorBlock {
         Array.prototype.forEach.call(child.querySelectorAll('.form-abe'), (item) => {
           item.value = ''
         })
-        delete abe.json._data[blockAttr][0]
+        if (abe.json != null && abe.json._data[blockAttr] != null) {
+          delete abe.json._data[blockAttr][0]
+        }
       }
       else{
         var toRemove = null

src/server/public/abecms/scripts/modules/FormCreate.js

@@ -44,12 +44,21 @@ export default class FormCreate {
     }
 
     window.abe.blocks.onNewBlock(() => {
-      this._formInputs = [].slice.call(this._form.querySelectorAll('input, select'))
-      Array.prototype.forEach.call(this._formInputs, function(input) {
-        input.removeEventListener('blur', this._handleBlurEvent)
-        input.addEventListener('blur', this._handleBlurEvent)
-      }.bind(this))
+      this._updateBlocks()
     })
+
+    window.abe.blocks.onRemoveBlock(() => {
+      this._updateBlocks()
+    })
+  }
+
+  _updateBlocks() {
+    this._formInputs = [].slice.call(this._form.querySelectorAll('input, select'))
+    Array.prototype.forEach.call(this._formInputs, function(input) {
+      input.removeEventListener('blur', this._handleBlurEvent)
+      input.addEventListener('blur', this._handleBlurEvent)
+    }.bind(this))
+    this._setSlug(false)
   }
 
   _bindEvents() {

src/server/sass/modules/_editor-blocks.scss

@@ -2,9 +2,11 @@
   border-right: 1px solid #e3e3e3;
 }
 
+.manager-wrapper .form-wrapper form,
 .form-wrapper form {
 	.add-block,
 	.remove-block {
+		width: inherit;
 	  border-radius: 0px;
 	}
 	.remove-block {

src/server/sass/modules/_editor.scss

@@ -32,10 +32,6 @@
       display: none;
     }
 
-    .form-group {
-      margin-bottom: 0px;
-    }
-
     select,
     input {
       min-height: 30px;
@@ -98,12 +94,10 @@
 }
 
 .form-wrapper{
-  .status-draft{
-    .list-block{
-      &:hover{
-        [data-toggle="collapse"]{
-          width: calc(100% - 40px);
-        }
+  .list-block{
+    &:hover{
+      [data-toggle="collapse"]{
+        width: calc(100% - 40px);
       }
     }
   }