amend date issues

Author: edencoder

bundles/form/views/field/checkbox/input.riot

@@ -43,8 +43,6 @@
     
         // set initial value
         this.value = this.props.value || [];
-
-        console.log(this.value);
       }
 
       /**
@@ -68,8 +66,6 @@
         // set value
         this.value = this.val();
 
-        console.log(this.value);
-
         // check form
         if (this.props.form) {
           // update

bundles/form/views/field/date/input.riot

@@ -88,7 +88,7 @@
         const check = new Date(this.props.value || {});
     
         // set initial value
-        this.value = isNaN(check.getTime()) ? (this.props.value || {}) : {
+        this.value = isNaN(check.getTime()) || check.getTime() === 0 ? (this.props.value || {}) : {
           start,
         };
 

bundles/form/views/field/wysiwyg/display.riot

@@ -1,3 +1,74 @@
 <field-wysiwyg-display>
-  <field-display { ...props } />
+  <div>
+    <div class="mb-3">
+      <label class="form-label">
+        WYSIWYG Display
+      </label>
+      <eden-select class="ml-2 flex-1" on-change={ (e, r) => onInput(r) } placeholder="WYSIWYG Display" data={ getInput() } />
+    </div>
+    <div if={ props.field.input === 'display' }>
+      <label class="form-label">
+        Field Display
+      </label>
+      <editor ref={ ref('wysiwyg') } show-toolbar={ true } name="display" placeholder="Field Display" content={ props.field.display } on-change={ (e) => onChange(e) } />
+    </div>
+
+    <field-display { ...props } />
+  </div>
+
+  <script>
+    // import base
+    import Base from '../../js/base';
+
+    // field wysiwyg
+    export default class FieldWysiwygDisplay extends Base {
+    
+      /**
+      * return value
+      *
+      * @return {*}
+      */
+      val() {
+        // return non accumulated value
+        return this.refs.wysiwyg ? this.refs.wysiwyg.val() : $('textarea', this.root).val();
+      }
+
+      /**
+       * on amount
+       */
+      onInput(v) {
+        // set duration
+        this.props.set('input', v);
+      }
+
+      /**
+       * get value
+       */
+      getInput() {
+        // return triggers
+        return ['Display', 'Input'].map((display) => {
+          console.log(this.props.field.input);
+          // return object
+          return {
+            name     : `WYSIWYG ${display}`,
+            value    : display.toLowerCase(),
+            selected : (this.props.field.input || 'input') === display.toLowerCase(),
+          };
+        });
+      }
+
+      /**
+      * on change
+      *
+      * @param {Event} e
+      */
+      onChange(e) {
+        // set value
+        const val = (this.val() || '').replace('<p><br></p>', '').trim();
+
+        // check form
+        this.props.set('display', val);
+      }
+    }
+  </script>
 </field-wysiwyg-display>

bundles/form/views/field/wysiwyg/input.riot

@@ -1,12 +1,15 @@
 <field-wysiwyg-input>
-  <div>
+  <div if={ props.field.input !== 'display' }>
     <label class="form-label" if={ !props.field.label } for={ props.getId(props.field.uuid) }>
       <a href="#!" onclick={ (e) => props.updateAction(e, props.field) }>
         <i>Set Label</i>
       </a>
     </label>
     <editor ref={ ref('wysiwyg') } show-toolbar={ true } name={ props.getName(props.field.uuid) } label={ props.field.label } placeholder={ props.field.placeholder } content={ get(`value.${eden.get('i18n.lng')}`, get('value', '')) } required={ props.field.required } on-change={ onChange } />
   </div>
+  <div if={ props.field.input === 'display' } class={ !props.field.display || !props.field.display.length ? 'pb-4' : 'mb-3' }>
+    <editor-render content={ props.field.display } />
+  </div>
 
   <script>
     // import base