Permalink
Browse files

ported to jquery mobile

  • Loading branch information...
1 parent a3437fb commit c74296ad7b8e170342a9f0f3a14f1447053079f6 @dipspb dipspb committed Dec 15, 2011
View
@@ -3,3 +3,4 @@ coverage
nbproject
pkg
rhodes-translator.gemspec
+.idea
@@ -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="checkbox"
+<label <%= "for=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
+ class="fieldLabel <%= @doc_def['label_class'] || "" %>"
+>
+<%= @doc_def['label'] %>
+</label>
+<input type="checkbox"
+ <%= "id=\"#{@doc_def['id']}\"" if @doc_def['id'] %>
<%= "name=\"#{@doc_def['name']}\"" if @doc_def['name'] %>
<% if @doc_def['value'] %>
- <%= "checked" if @doc_def['value'] == 'true' %>
+ <%= "checked" if @doc_def['value'] == 'true' %>
<% else %>
- <%= "checked" if @doc_def['default_value'] %>
- <% end %>/>
-</div>
+ <%= "checked" if @doc_def['default_value'] %>
+ <% end %>
+/>
@@ -1,3 +1,3 @@
-<div id="content">
+<div data-role="content">
<%= @content %>
</div>
@@ -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 %>"/>
@@ -1,8 +1,27 @@
-<div class="toolbar">
- <h1 id="pageTitle">
- <%=@doc_def['title']%>
- </h1>
+<div data-role="header" data-position="inline">
+ <h1><%= @doc_def["title"] %></h1>
+
+ <% if @doc_def["left_text"] %>
+ <a href="<%= @doc_def["left_uri"] %>"
+ class="<%= @doc_def["left_class"] || "ui-btn-left" %>"
+ data-icon="<%= @doc_def["left_icon"] || "back" %>"
+ data-direction="<%= @doc_def["left_direction"] || "reverse" %>"
+ <%= "data-rel=\"back\"" if @doc_def["left_is_back"] %>
+ >
+ <%= @doc_def["left_text"] %>
+ </a>
+ <% end %>
+
+ <% if @doc_def["right_text"] %>
+ <a href="<%= @doc_def["right_uri"] %>"
+ class="<%= @doc_def["right_class"] || "ui-btn-right" %>"
+ data-icon="<%= @doc_def["right_icon"] || "arrow-r" %>"
+ <%= "data-direction=\"#{@doc_def["right_direction"]}\"" if @doc_def["right_direction"] %>
+ >
+ <%= @doc_def["right_text"] %>
+ </a>
+ <% end %>
</div>
-<div class="panel" selected="true">
+<div <%= "class=\"#{@doc_def['panel_class']}\"" if @doc_def['panel_class'] %>>
<%@content.each_line do |line|%><%= " " + line%><%end%></div>
@@ -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>
@@ -1,4 +1,4 @@
-<tr>
+<tr <%= "class=\"#{@doc_def['field_class']}\"" if @doc_def['field_class'] %>>
<td><%= @doc_def["label"] %></td>
<td><%= @doc_def["value"] %></td>
</tr>
@@ -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>
@@ -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>
@@ -1,3 +1,3 @@
-<ul>
+<ul data-role="listview">
<%= @content %>
</ul>
@@ -1,2 +1,2 @@
-<div class="panel">
+<div <%= "class=\"#{@doc_def['panel_class']}\"" if @doc_def['panel_class'] %>>
<%@content.each_line do |line|%><%= " " + line%><%end%></div>
@@ -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>
@@ -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>
@@ -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'] %> />
@@ -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>
@@ -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>
@@ -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 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>
@@ -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>
@@ -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>
+<% unless @doc_def["left_text"].nil? %>
+ <a href="<%= @doc_def["left_uri"] %>"><%= @doc_def["left_text"] %></a>
+<% end %>
+
+<% unless @doc_def["right_text"].nil? %>
+ <a href="<%= @doc_def["right_uri"] %>"><%= @doc_def["right_text"] %></a>
+<% end %>
@@ -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_text"] %>
+ <a href="<%= @doc_def["left_uri"] %>"
+ class="<%= @doc_def["left_class"] || "ui-btn-left" %>"
+ data-icon="<%= @doc_def["left_icon"] || "back" %>"
+ data-direction="<%= @doc_def["left_direction"] || "reverse" %>"
+ <%= "data-rel=\"back\"" if @doc_def["left_is_back"] %>
+ >
+ <%= @doc_def["left_text"] %>
+ </a>
+<% end %>
+
+<% if @doc_def["right_text"] %>
+ <a href="<%= @doc_def["right_uri"] %>"
+ class="<%= @doc_def["right_class"] || "ui-btn-right" %>"
+ data-icon="<%= @doc_def["right_icon"] || "arrow-r" %>"
+ <%= "data-direction=\"#{@doc_def["right_direction"]}\"" if @doc_def["right_direction"] %>
+ >
+ <%= @doc_def["right_text"] %>
+ </a>
+<% end %>
@@ -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>

0 comments on commit c74296a

Please sign in to comment.