More colorful test object.

Author: Olivier Giulieri

demo/pix/color_wheel.png

@@ -54,30 +54,13 @@ <h1 id="title">Demo</h1>
 
     <div id="evol" class="">
 
-        <p><br/>These sample applications are not anything you haven't seen before.
-            The interesting thing is that these different apps are in fact the same code with different UI-models
-            and it did not require any hand coded Javascript or CSS to build them.
-        </p>
-
         <ul class="">
+            <li><a href="#test/list" data-id="test"><img src="pix/color_wheel.png" class="evo-icon-16">Test object</a></li>
             <li><a href="#todo/list" data-id="todo"><img src="pix/todo.gif" class="evo-icon-16">To Do</a></li>
             <li><a href="#contact/list" data-id="contact"><img src="pix/contact.gif" class="evo-icon-16">AddressBook</a></li>
             <li><a href="#winecellar/list" data-id="wine"><img src="pix/wine.gif" class="evo-icon-16">Wine cellar</a></li>
         </ul>
 
-        <p>For each Backbone model, a single UI-model defines all views.
-            See the UI model for the sample apps: <a href="javascript:showUIdef2(todo_ui)">To Do</a>,
-            <a href="javascript:showUIdef2(contacts_ui)">Addressbook</a>,
-            <a href="javascript:showUIdef2(winecellar_ui)">Wine Cellar</a>.
-            <small id="hide_def" style="display:none;"><a href="javascript:showUIdef2no(winecellar_ui)">[Hide]</a></small></p>
-        </p>
-        <div style="display:none;" id="uimodel"></div>
-
-        <p>The data for these demos is stored in your browser local storage
-            (using <a href="https://github.com/jeromegn/Backbone.localStorage" target="bbls">Backbone.localStorage</a>).</p>
-
-        <p>Evolutility.js is still a work in progress. Only Chrome is fully supported for now.</p>
-
 
     </div>
 

demo/test.html

@@ -77,11 +77,12 @@ uiModels.test = {
     entities: 'tests',
     title: 'Test Object',
     leadfield:'name',
+    icon:'color_wheel.png',
     elements: [
         {
             type: 'panel',
             css: 'panel-primary',
-            label: 'Testing Evolutility',
+            label: 'Test object',
             width: 100,
             elements: [
                 {
@@ -102,17 +103,17 @@ uiModels.test = {
                 fieldTypePanel('text', 'Text', 'Text', 'panel-success'),
                 fieldTypePanel('lov', 'List', 'List (value)', 'panel-warning'),
                 fieldTypePanel('list', 'List mv', 'List (multiple values)', 'panel-warning'),
-                fieldTypePanel('textmultiline', 'Large Text', 'Large Text', 'panel-success'),
+                fieldTypePanel('textmultiline', 'Large Text', '', 'panel-success'),
                 fieldTypePanel('html', 'HTML')
             ]
         },
         {
             type: 'tab',
             label: 'Date & Time',
             elements: [
-                fieldTypePanel('date', 'Date'),
-                fieldTypePanel('time', 'Time'),
-                fieldTypePanel('datetime', 'Date and Time')
+                fieldTypePanel('date', 'Date', '', 'panel-default'),
+                fieldTypePanel('time', 'Time', '', 'panel-info'),
+                fieldTypePanel('datetime', 'Date and Time', '', 'panel-primary')
             ]
         },
         {