clean example templates

esbanarango · Mar 14, 2018 · a22420e · a22420e
1 parent c5d02ca
commit a22420e
Show file tree

Hide file tree

Showing 15 changed files with 168 additions and 258 deletions.
diff --git a/tests/dummy/app/components/config-options.js b/tests/dummy/app/components/config-options.js
@@ -1,6 +1,5 @@
-
 import Component from '@ember/component';
 
 export default Component.extend({
   allowBlank: true
-});
+});
diff --git a/tests/dummy/app/templates/validators/date.hbs b/tests/dummy/app/templates/validators/date.hbs
@@ -1,19 +1,14 @@
 <div class="ui masthead vertical segment">
   <div class="ui container">
     <div class="introduction">
-
       <h1 class="ui header">
         Date
-
         <div class="sub header">
           Validates that the attributes' values are before the specified date or after it.
         </div>
       </h1>
-
       <div class="ui hidden divider"></div>
-
     </div>
-
   </div>
 </div>
 
@@ -26,31 +21,28 @@
     </ul>
 
     {{#ui-annotation showing=true type="javascript"}}
-  validations: {
-    birthdate: {
-      date: {
-        before: new Date()
-      }
-    },
-    graduationDate: {
-      date: {
-        after: '2015-01-01'
-      }
+validations: {
+  birthdate: {
+    date: {
+      before: new Date()
+    }
+  },
+  graduationDate: {
+    date: {
+      after: '2015-01-01'
     }
   }
+}
     {{/ui-annotation}}
   </p>
-
   {{config-options defaultMessage=messages.wrongLengthMessage}}
-
   {{#ui-example
     header="Examples"
     as |showing setCopyCode|}}
 
     {{#ui-html showing=showing}}
       <div class="ui two column grid">
         <div class="column">
-
           {{#object-form for=model classNames="segment"}}
             <div class="disabled  field">
               <label>Academic degree</label>
@@ -85,7 +77,6 @@
               </div>
             </div>
           {{/object-form}}
-
         </div>
         <div class="column">
           <div class="ui segment">
@@ -96,12 +87,13 @@
     {{/ui-html}}
 
     {{#ui-annotation showing=showing type="javascript" setCopyCode=setCopyCode}}
-import DS from 'ember-data';
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
 import Validator from '../mixins/model-validator';
 
-export default DS.Model.extend(Validator,{
-  birthdate: DS.attr('date'),
-  graduationDate: DS.attr('date'),
+export default Model.extend(Validator, {
+  birthdate: attr('date'),
+  graduationDate: attr('date'),
 
   validations: {
     birthdate: {
@@ -117,6 +109,5 @@ export default DS.Model.extend(Validator,{
   }
 });
     {{/ui-annotation}}
-
   {{/ui-example}}
-</div>
+</div>
diff --git a/tests/dummy/app/templates/validators/email.hbs b/tests/dummy/app/templates/validators/email.hbs
@@ -1,19 +1,14 @@
 <div class="ui masthead vertical segment">
   <div class="ui container">
     <div class="introduction">
-
       <h1 class="ui header">
         Email
-
         <div class="sub header">
           Validates that the specified attribute is a well formatted email address.
         </div>
       </h1>
-
       <div class="ui hidden divider"></div>
-
     </div>
-
   </div>
 </div>
 
@@ -27,9 +22,7 @@ validations: {
 }
     {{/ui-annotation}}
   </p>
-
   {{config-options defaultMessage=messages.presenceMessage}}
-
   {{#ui-example
     header="Examples"
     as |showing setCopyCode|}}
@@ -61,11 +54,12 @@ validations: {
     {{/ui-html}}
 
     {{#ui-annotation showing=showing type="javascript" setCopyCode=setCopyCode}}
-import DS from 'ember-data';
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
 import Validator from '../mixins/model-validator';
 
-export default DS.Model.extend(Validator,{
-  emailAddress: DS.attr('string'),
+export default Model.extend(Validator, {
+  emailAddress: attr('string'),
 
   validations: {
     emailAddress: {
@@ -74,6 +68,5 @@ export default DS.Model.extend(Validator,{
   }
 });
     {{/ui-annotation}}
-
   {{/ui-example}}
-</div>
+</div>
diff --git a/tests/dummy/app/templates/validators/exclusion.hbs b/tests/dummy/app/templates/validators/exclusion.hbs
@@ -1,19 +1,14 @@
 <div class="ui masthead vertical segment">
   <div class="ui container">
     <div class="introduction">
-
       <h1 class="ui header">
         Exclusion
-
         <div class="sub header">
           Validates that the attributes' values are not included in a given array.
         </div>
       </h1>
-
       <div class="ui hidden divider"></div>
-
     </div>
-
   </div>
 </div>
 
@@ -25,16 +20,14 @@
     </ul>
 
     {{#ui-annotation showing=true type="javascript"}}
-  validations: {
-    playerName: {
-      exclusion: { in: ['Gionvany Hernandez', 'Wilder Medina'] }
-    }
+validations: {
+  playerName: {
+    exclusion: { in: ['Gionvany Hernandez', 'Wilder Medina'] }
   }
+}
     {{/ui-annotation}}
   </p>
-
   {{config-options defaultMessage=messages.exclusionMessage}}
-
   {{#ui-example
     header="Examples"
     as |showing setCopyCode|}}
@@ -79,11 +72,12 @@
     {{/ui-html}}
 
     {{#ui-annotation showing=showing type="javascript" setCopyCode=setCopyCode}}
-import DS from 'ember-data';
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
 import Validator from '../mixins/model-validator';
 
-export default DS.Model.extend(Validator,{
-  playerName: DS.attr('string'),
+export default Model.extend(Validator, {
+  playerName: attr('string'),
 
   validations: {
     playerName: {
@@ -92,6 +86,5 @@ export default DS.Model.extend(Validator,{
   }
 });
     {{/ui-annotation}}
-
   {{/ui-example}}
-</div>
+</div>
diff --git a/tests/dummy/app/templates/validators/format.hbs b/tests/dummy/app/templates/validators/format.hbs
@@ -1,19 +1,14 @@
 <div class="ui masthead vertical segment">
   <div class="ui container">
     <div class="introduction">
-
       <h1 class="ui header">
         Format
-
         <div class="sub header">
           Validates the attributes' values by testing whether they match a given regular expression, which is specified using the <code class="ui label">with:</code> option.
         </div>
       </h1>
-
       <div class="ui hidden divider"></div>
-
     </div>
-
   </div>
 </div>
 
@@ -25,7 +20,7 @@
 
     {{#ui-annotation showing=true type="javascript"}}
 validations: {
-  secretLettersCode:{
+  secretLettersCode: {
     format: { with: /^[a-zA-Z]+$/ }
   }
 }
@@ -67,23 +62,23 @@ validations: {
     {{/ui-html}}
 
     {{#ui-annotation showing=showing type="javascript" setCopyCode=setCopyCode}}
-import DS from 'ember-data';
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
 import Validator from '../mixins/model-validator';
 
-export default DS.Model.extend(Validator,{
-  secretLettersCode: DS.attr('string'),
-  secretNumericCode: DS.attr('string'),
+export default Model.extend(Validator, {
+  secretLettersCode: attr('string'),
+  secretNumericCode: attr('string'),
 
   validations: {
     secretLettersCode: {
       format: { with: /^[a-zA-Z]+$/, message: 'Only letters pls' }
     },
-    secretNumericCode:{
+    secretNumericCode: {
       format: { with: /^[0-9]+$/, message: 'Only numbers pls' }
-    },
+    }
   }
 });
     {{/ui-annotation}}
-
   {{/ui-example}}
-</div>
+</div>
diff --git a/tests/dummy/app/templates/validators/hexcolor.hbs b/tests/dummy/app/templates/validators/hexcolor.hbs
@@ -1,35 +1,28 @@
 <div class="ui masthead vertical segment">
   <div class="ui container">
     <div class="introduction">
-
       <h1 class="ui header">
         Hex Color
-
         <div class="sub header">
           Validates that the specified attributes are a correct Hexadecimal color.
         </div>
       </h1>
-
       <div class="ui hidden divider"></div>
-
     </div>
-
   </div>
 </div>
 
 <div class="ui main container">
   <p>
     {{#ui-annotation showing=true type="javascript"}}
 validations: {
-  favoriteColor:{
+  favoriteColor: {
     color: true
   }
 }
     {{/ui-annotation}}
   </p>
-
   {{config-options defaultMessage=messages.presenceMessage}}
-
   {{#ui-example
     header="Examples"
     as |showing setCopyCode|}}
@@ -69,19 +62,19 @@ validations: {
     {{/ui-html}}
 
     {{#ui-annotation showing=showing type="javascript" setCopyCode=setCopyCode}}
-import DS from 'ember-data';
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
 import Validator from '../mixins/model-validator';
 
-export default DS.Model.extend(Validator,{
-  favoriteColor: DS.attr('string'),
+export default Model.extend(Validator, {
+  favoriteColor: attr('string'),
 
   validations: {
-    favoriteColor:{
+    favoriteColor: {
       color: true
     }
   }
 });
     {{/ui-annotation}}
-
   {{/ui-example}}
 </div>