Merge pull request #80 from SimplyEdit/feature/required-inputs

check if all required fields have been entered before allowing a save

Author: ylebre

components/component-actions/componentTemplates/componentActions.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="action" placeholder="Action name, eg getItemList">
+            <input class="simplycode-tab" required data-simply-field="action" placeholder="Action name, eg getItemList">
             <label class="simplycode-tab">
               <input type="radio" name="actionEditor" checked value="code" data-simply-field="editor">
               <span>Code</span>

components/component-body-html/componentTemplates/componentBodyHtml.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="name" placeholder="Name">
+            <input class="simplycode-tab" required data-simply-field="name" placeholder="Name">
           </div>
           <div class="simplycode-options">
 			<button class="simplycode-button" draggable="true">Drag to move</button>

components/component-builder-template/componentTemplates/componentBuilderTemplate.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="builder" placeholder="Builder name">
+            <input class="simplycode-tab" data-simply-field="builder" required placeholder="Builder name">
             <label class="simplycode-tab">
               <input type="radio" name="builderEditor" checked value="code" data-simply-field="editor">
               <span>Code</span>

components/component-commands/componentTemplates/componentCommands.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="command" placeholder="Command name, eg getItemList">
+            <input class="simplycode-tab" data-simply-field="command" required placeholder="Command name, eg getItemList">
             <label class="simplycode-tab">
               <input type="radio" name="commandEditor" checked value="code" data-simply-field="editor">
               <span>Code</span>

components/component-component-css/componentTemplates/componentComponentCss.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="name" placeholder="Name this CSS collection">
+            <input class="simplycode-tab" data-simply-field="name" required placeholder="Name this CSS collection">
           </div>
           <div class="simplycode-options">
 			<button class="simplycode-button" draggable="true">Drag to move</button>

components/component-component-html/componentTemplates/componentComponentTemplate.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="component" placeholder="Component name">
+            <input class="simplycode-tab" data-simply-field="component" required placeholder="Component name">
             <label class="simplycode-tab">
               <input type="radio" name="actionEditor" checked value="code" data-simply-field="editor">
               <span>Code</span>

components/component-data-api/componentTemplates/componentDataApi.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="method" placeholder="API method name, eg getItemList">
+            <input class="simplycode-tab" data-simply-field="method" required placeholder="API method name, eg getItemList">
           </div>
           <div class="simplycode-options">
 			<button class="simplycode-button" draggable="true">Drag to move</button>

components/component-data-sources/componentTemplates/componentDataSources.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="dataSource" placeholder="Data source name, eg itemList">
+            <input class="simplycode-tab" data-simply-field="dataSource" required placeholder="Data source name, eg itemList">
             <label class="simplycode-tab" title="Load code is used to fetch the data source and render it in the list. Save code is used to gather data from the data source and save it back to where it came from.">
               <input type="radio" checked name="dataSourceEditor" value="code" data-simply-field="editor">
               <span>Load/Save</span>

components/component-foot-html/componentTemplates/componentFootHtml.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="name" placeholder="Name">
+            <input class="simplycode-tab" data-simply-field="name" required placeholder="Name">
           </div>
           <div class="simplycode-options">
 			<button class="simplycode-button" draggable="true">Drag to move</button>

components/component-head-html/componentTemplates/componentHeadHtml.html

@@ -12,7 +12,7 @@
       <div class="simplycode-part" data-simply-field="deleted" data-simply-content="attributes" data-simply-attributes="data-deleted">
         <div class="simplycode-part-header">
           <div class="simplycode-tabs">
-            <input class="simplycode-tab" data-simply-field="name" placeholder="Name">
+            <input class="simplycode-tab" data-simply-field="name" required placeholder="Name">
           </div>
           <div class="simplycode-options">
             <button class="simplycode-button" draggable="true">Drag to move</button>