rhodes-translator 0.0.3 → 0.0.4

data/lib/rhodes_translator/templates/checkbox.erb

@@ -1,11 +1,18 @@
-<div <%= "class=\"#{@doc_def['div_class']}\"" if @doc_def['div_class']%> >
-  <label <%= "class=\"#{@doc_def['label_class']}\"" if @doc_def['label_class']%> ><%=@doc_def['label']%></label>
-  <input
-    type="checkbox"
-    <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
-    <% if @doc_def['value'] %>
-      <%= "checked" if @doc_def['value'] == 'true' %>
-    <% else %>
-      <%= "checked" if @doc_def['default_value'] %>
-    <% end %>/>
-</div>
+<div data-role="fieldcontain" <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+  <input type="checkbox"
+         <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
+         <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+         <% if @doc_def['value'] %>
+         <%= "checked" if @doc_def['value'] == 'true' %>
+         <% else %>
+         <%= "checked" if @doc_def['default_value'] %>
+         <% end %>
+         <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
+         />
+  <label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         class="fieldLabel <%= @doc_def['label_class'] || "" %>"
+  >
+    <%= @doc_def['label'] %>
+  </label>
+</div>

data/lib/rhodes_translator/templates/content.erb

@@ -1,3 +1,3 @@
-<div id="content">
+<div data-role="content">
   <%= @content %>
 </div>

data/lib/rhodes_translator/templates/form.erb

@@ -1,5 +1,6 @@
 <form 
-  <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
+  <%= "id=\"#{@doc_def['id']}\"" if @doc_def['name'] %>
+  <%= "class=\"#{@doc_def['form_class']}\"" if @doc_def['form_class'] %>
   <%= "action=\"#{@doc_def['action']}\"" if @doc_def['action'] %>
   <%= "method=\"#{@doc_def['method']}\"" if @doc_def['method'] %> >
 <input type="hidden" name="metadata_action" value="<%= @action %>"/>

data/lib/rhodes_translator/templates/iuipanel.erb

@@ -1,8 +1,33 @@
-<div class="toolbar">
-  <h1 id="pageTitle">
-    <%=@doc_def['title']%>
-  </h1>
-</div>
+<div data-role="page"
+     <%= "data-id=\"#{@doc_def['page_id']}\"" if @doc_def['page_id'] %>
+     <%= "class=\"#{@doc_def['page_class']}\"" if @doc_def['page_class'] %>
+>
+  <div data-role="header" data-position="inline">
+    <h1><%= @doc_def["title"] %></h1>
+
+    <% if @doc_def["left_btn_text"] || @doc_def["left_btn_is_back"] %>
+        <a href="<%= @doc_def["left_btn_uri"] %>"
+           class="<%= @doc_def["left_btn_class"] || "ui-btn-left" %>"
+           data-icon="<%= @doc_def["left_btn_icon"] || "back" %>"
+           data-direction="<%= @doc_def["left_btn_direction"] || "reverse" %>"
+           <%= "data-rel=\"back\"" if @doc_def["left_btn_is_back"] %>
+        >
+          <%= @doc_def["left_btn_text"] || "Back" %>
+        </a>
+    <% end %>
 
-<div class="panel" selected="true">
-<%@content.each_line do |line|%><%= "  " + line%><%end%></div>
+    <% if @doc_def["right_btn_text"] %>
+        <a href="<%= @doc_def["right_btn_uri"] %>"
+           class="<%= @doc_def["right_btn_class"] || "ui-btn-right" %>"
+           data-icon="<%= @doc_def["right_btn_icon"] || "arrow-r" %>"
+           <%= "data-direction=\"#{@doc_def["right_btn_direction"]}\"" if @doc_def["right_btn_direction"] %>
+        >
+          <%= @doc_def["right_btn_text"] %>
+        </a>
+    <% end %>
+  </div>
+
+  <div data-role="content">
+    <%@content.each_line do |line|%><%= "  " + line%><%end%>
+  </div>
+</div>

data/lib/rhodes_translator/templates/labeledinputli.erb

@@ -1,8 +1,15 @@
-<li>
-  <label <%= "for=\"#{@doc_def['name']}\"" if @doc_def['name']%> class="fieldLabel"><%= @doc_def["label"] %></label>
+<li data-role="fieldcontain" <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+  <label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         class="fieldLabel <%= @doc_def['label_class'] || "" %>"
+  >
+    <%= @doc_def['label'] %>
+  </label>
   <input type="text"
-    <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name']%>
-    <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value']%>
-    <%= placeholder(@doc_def["label"]) if @doc_def['label']%>
-/>
-</li>
+        <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+        <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
+        <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+        <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value'] %>
+        <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
+        <%= placeholder(@doc_def["label"]) if @doc_def['label']%>
+  />
+</li>

data/lib/rhodes_translator/templates/labeledvalueli.bb.erb

@@ -1,4 +1,4 @@
-<tr>
-  <td><%= @doc_def["label"] %></td>
-  <td><%= @doc_def["value"] %></td>
+<tr <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+  <td <%= "class=\"#{@doc_def['label_class']}\"" if @doc_def['label_class'] %>><%= @doc_def["label"] %></td>
+  <td <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>><%= @doc_def["value"] %></td>
 </tr>

data/lib/rhodes_translator/templates/labeledvalueli.erb

@@ -1,4 +1,4 @@
-<li>
-  <div class="itemLabel"><%= @doc_def["label"] %></div>
-  <div class="itemValue"><%= @doc_def["value"] %></div>
+<li <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+    <div class="itemLabel <%= @doc_def["label_class"] || "" %>"><%= @doc_def['label'] %></div>
+    <div class="itemValue <%= @doc_def["value_class"] || "" %>"><%= @doc_def['value'] %></div>
 </li>

data/lib/rhodes_translator/templates/linkli.erb

@@ -1,6 +1,5 @@
 <li>
   <a href="<%= @doc_def["uri"] %>">
-    <span class="title"><%= @doc_def["text"] %></span>
-    <span class="disclosure_indicator"></span>
+    <%= @doc_def["text"] %>
   </a>
 </li>

data/lib/rhodes_translator/templates/list.erb

@@ -1,3 +1,3 @@
-<ul>
+<ul data-role="listview">
   <%= @content %>
 </ul>

data/lib/rhodes_translator/templates/panel.erb

@@ -1,2 +1,3 @@
-<div class="panel">
-<%@content.each_line do |line|%><%= "  " + line%><%end%></div>
+<div <%= "class=\"#{@doc_def['panel_class']}\"" if @doc_def['panel_class'] %>>
+<%@content.each_line do |line|%><%= "  " + line%><%end%>
+</div>

data/lib/rhodes_translator/templates/password.erb

@@ -1,11 +1,14 @@
-<div <%= "class=\"#{@doc_def['div_class']}\"" if @doc_def['div_class']%> >
-  <label <%= "class=\"#{@doc_def['label_class']}\"" if @doc_def['label_class']%> ><%=@doc_def['label']%></label>
-  <input
-    type="password"
-    <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name']%>
-    <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class']%>
-    <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value']%>
-    <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
-    >
-  </input>
+<div data-role="fieldcontain" <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+  <label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         class="fieldLabel <%= @doc_def['label_class'] || "" %>"
+  >
+    <%= @doc_def['label'] %>
+  </label>
+  <input type="password"
+        <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+        <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
+        <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+        <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value'] %>
+        <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
+  />
 </div>

data/lib/rhodes_translator/templates/select.erb

@@ -1,14 +1,18 @@
-<div <%= "class=\"#{@doc_def['div_class']}\"" if @doc_def['div_class']%> >
-  <label <%= "class=\"#{@doc_def['label_class']}\"" if @doc_def['label_class']%> ><%=@doc_def['label']%></label>
-<select
-  <%= "size=\"#{@doc_def['size']}\"" if @doc_def['size'] %>
-  <%= "class=\"#{@doc_def['class']}\"" if @doc_def['class'] %>
-  <%= "multiple=\"yes\"" if @doc_def['allow_multi'] %>
-  <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
-
+<div data-role="fieldcontain" <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+  <label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         class="fieldLabel <%= @doc_def['label_class'] || "" %>"
   >
-  <% @doc_def['values'].each do |value| %>
-  <option <%= "selected=\"yes\"" if @doc_def['value'] == value  %>><%= value %></option>
-  <% end %>
-</select>
+    <%= @doc_def['label'] %>
+  </label>
+  <select
+        <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+        <%= "size=\"#{@doc_def['size']}\"" if @doc_def['size'] %>
+        <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+        <%= "multiple=\"yes\"" if @doc_def['allow_multi'] %>
+        <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
+  >
+        <% @doc_def['values'].each do |value| %>
+            <option <%= "selected=\"yes\"" if @doc_def['value'] == value  %>><%= value %></option>
+        <% end %>
+  </select>
 </div>

data/lib/rhodes_translator/templates/submit.erb

@@ -1,4 +1,4 @@
 <input type="submit"
-    <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name']%>
-    class="<%=  @doc_def['value_class'].nil? ? "standardButton" : @doc_def['value_class'] %>"
-    <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value']%> />
+    <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
+    <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+    <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value'] %> />

data/lib/rhodes_translator/templates/text.erb

@@ -1,4 +1,11 @@
 <div <%= "class=\"#{@doc_def['div_class']}\"" if @doc_def['div_class']%> >
-  <label <%= "class=\"#{@doc_def['label_class']}\"" if @doc_def['label_class']%> ><%=@doc_def['label']%></label>
-  <span <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class']%>><%=@doc_def['value']%></span>
+  <label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         <%="class=\"#{@doc_def['label_class']}\"" if @doc_def['label_class'] %>
+  >
+    <%= @doc_def['label'] %>
+  </label>
+  <span
+    <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+    <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+  ><%=@doc_def['value']%></span>
 </div>

data/lib/rhodes_translator/templates/textarea.erb

@@ -1,10 +1,16 @@
+<div data-role="fieldcontain" <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+  <label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         class="fieldLabel <%= @doc_def['label_class'] || "" %>"
+  >
+    <%= @doc_def['label'] %>
+  </label>
   <textarea
-    type="textarea"
-    <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name']%>
-    <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class']%>
-    <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value']%>
-    <%= "rows=\"#{@doc_def['rows']}\"" if @doc_def['rows']%>
-    <%= "cols=\"#{@doc_def['cols']}\"" if @doc_def['cols']%>
-    <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
-    >
-  </textarea>
+        <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+        <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
+        <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+        <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value'] %>
+        <%= "rows=\"#{@doc_def['rows']}\"" if @doc_def['rows'] %>
+        <%= "cols=\"#{@doc_def['cols']}\"" if @doc_def['cols'] %>
+        <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
+  ></textarea>
+</div>

data/lib/rhodes_translator/templates/textinput.erb

@@ -1,11 +1,14 @@
-<div <%= "class=\"#{@doc_def['div_class']}\"" if @doc_def['div_class']%> >
-  <label <%= "class=\"#{@doc_def['label_class']}\"" if @doc_def['label_class']%> ><%=@doc_def['label']%></label>
-  <input
-    type="text"
-    <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name']%>
-    <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class']%>
-    <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value']%> 
-    <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
-    >
-  </input>
-</div>
+<div data-role="fieldcontain" <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
+  <label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         class="fieldLabel <%= @doc_def['label_class'] || "" %>"
+  >
+    <%= @doc_def['label'] %>
+  </label>
+  <input type="text"
+         <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+         <%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
+         <%= "class=\"#{@doc_def['value_class']}\"" if @doc_def['value_class'] %>
+         <%= "value=\"#{@doc_def['value']}\"" if @doc_def['value'] %>
+         <%= "disabled" if not @doc_def['editable'].nil? and not @doc_def['editable'] %>
+  />
+</div>

data/lib/rhodes_translator/templates/title.erb

@@ -1,3 +1,4 @@
-<div id="<%=  @doc_def["divid"].nil? ?  "pageTitle" : @doc_def["divid"] %>">
+<div data-role="header" data-position="inline">
   <h1><%= @doc_def["title"] %></h1>
+  <%= @content %>
 </div>

data/lib/rhodes_translator/templates/toolbar.bb.erb

@@ -1,4 +1,7 @@
-<div id="toolbar">
-    <a href="<%= @doc_def["lefturi"] %>"><%= @doc_def["lefttext"] %></a>
-    <a href="<%= @doc_def["righturi"] %>"><%= @doc_def["righttext"] %></a>
-</div>
+<% if @doc_def["left_btn_text"] || @doc_def["left_btn_is_back"] %>
+    <a href="<%= @doc_def["left_btn_uri"] %>"><%= @doc_def["left_btn_text"] || "Back" %></a>
+<% end %>
+
+<% if @doc_def["right_btn_text"] %>
+    <a href="<%= @doc_def["right_btn_uri"] %>"><%= @doc_def["right_btn_text"] %></a>
+<% end %>

data/lib/rhodes_translator/templates/toolbar.erb

@@ -1,8 +1,20 @@
-<div id="toolbar">
-    <div id="leftItem"
-         class="<%= @doc_def["leftclass"].nil? ? "regularButton" : @doc_def["leftclass"] %>"
-      ><a href="<%= @doc_def["lefturi"] %>"><%= @doc_def["lefttext"] %></a></div>
-    <div id="rightItem"
-         class="<%= @doc_def["rightclass"].nil? ? "regularButton" : @doc_def["rightclass"] %>"
-      ><a href="<%= @doc_def["righturi"] %>"><%= @doc_def["righttext"] %></a></div>
-</div>
+<% if @doc_def["left_btn_text"] || @doc_def["left_btn_is_back"] %>
+    <a href="<%= @doc_def["left_btn_uri"] %>"
+       class="<%= @doc_def["left_btn_class"] || "ui-btn-left" %>"
+       data-icon="<%= @doc_def["left_btn_icon"] || "back" %>"
+       data-direction="<%= @doc_def["left_btn_direction"] || "reverse" %>"
+       <%= "data-rel=\"back\"" if @doc_def["left_btn_is_back"] %>
+    >
+      <%= @doc_def["left_btn_text"] || "Back" %>
+    </a>
+<% end %>
+
+<% if @doc_def["right_btn_text"] %>
+    <a href="<%= @doc_def["right_btn_uri"] %>"
+       class="<%= @doc_def["right_btn_class"] || "ui-btn-right" %>"
+       data-icon="<%= @doc_def["right_btn_icon"] || "arrow-r" %>"
+       <%= "data-direction=\"#{@doc_def["right_btn_direction"]}\"" if @doc_def["right_btn_direction"] %>
+    >
+      <%= @doc_def["right_btn_text"] %>
+    </a>
+<% end %>

data/lib/rhodes_translator/templates/view.erb

@@ -1 +1,6 @@
-<%=@content%>
+<div data-role="page"
+     <%= "data-id=\"#{@doc_def['page_id']}\"" if @doc_def['page_id'] %>
+     <%= "class=\"#{@doc_def['page_class']}\"" if @doc_def['page_class'] %>
+>
+  <%= @content %>
+</div>

data/spec/spec_helper.rb

@@ -29,14 +29,14 @@ describe "RhodesTranslatorHelper", :shared => true do
                 'children' => [@panel2] }
                      
     @view1 = { 'title' => 'View 1',
-               'type' => 'view',
+               'type' => 'panel',
                'children' => [@panel1,@panel2] }
 
     @view2 = { 'title' => 'View 2',
-               'type' => 'view',
+               'type' => 'panel',
                'children' => [@view1,@view1] }
     @complex = { 'title' => 'View 2',
-                 'type' => 'view',
+                 'type' => 'panel',
                  'children' => [@textfield,@view2,@panel3,@textfield] }
   end
   

data/spec/translator_spec.rb

@@ -18,17 +18,17 @@ describe "Translator" do
 
   it "should translate textfield show action" do
     expected = open(get_template('text_show.html')).read
-    translate(@textfield).should == expected
+    translate(@textfield).split.join('').should == expected.split.join('')
   end
 
   it "should handle nested views" do
     expected = open(get_template('nest_show.html')).read
-    translate(@view2).should == expected
+    translate(@view2).split.join('').should == expected.split.join('')
   end
 
   it "should handle complex templates" do
     expected = open(get_template('complex_show.html')).read
-    translate(@complex).should == expected
+    translate(@complex).split.join('').should == expected.split.join('')
     
   end
 

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: rhodes-translator
 version: !ruby/object:Gem::Version 
-  hash: 25
+  hash: 23
   prerelease: false
   segments: 
   - 0
   - 0
-  - 3
-  version: 0.0.3
+  - 4
+  version: 0.0.4
 platform: ruby
 authors: 
 - Rhomobile
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-12-01 00:00:00 -08:00
+date: 2011-12-26 00:00:00 -08:00
 default_executable: 
 dependencies: []