<script type="text/template" id="xos-detail-template">
<h3 class="xos-detail-title">Edit Object: <%= modelName %></h3>
<form>
- <table>\r
+ <table class="xos-detail-table">\r
<% args = arguments; %>\r
<% _.each(detailFields, function(fieldName) { %>\r
- <tr><td><%= fieldName in fieldDisplayNames ? fieldDisplayNames[fieldName] : fieldNameToHumanReadable(fieldName) %>:</td>\r
+ <tr><td class="xos-label-cell"><%= fieldName in fieldDisplayNames ? fieldDisplayNames[fieldName] : fieldNameToHumanReadable(fieldName) %>:</td>\r
<% readOnly = $.inArray(fieldName, model.readOnlyFields)>=0 ? " readonly" : ""; %>\r
<% if (fieldName in choices) { %>\r
<td><%= choicesToSelect(fieldName, model.attributes[fieldName], choices[fieldName]) %></td>\r
<% } else { %>\r
<td><input type="text" name="<%= fieldName %>" value="<%= model.attributes[fieldName] %>"<%= readOnly %>></td>\r
<% } %>\r
+ <td class="xos-help-cell"><%= helpText[fieldName] %></td>\r
</tr>\r
<% }); %>\r
<%= xosInlineDetailButtonsTemplate() %>\r
</div>
</script>
-<script type="text/template" id="xos-datatable-spinner-template-old">
+<script type="text/template" id="xos-datatable-spinner-template">
<!-- arguments: value, id, collectionName, fieldName -->
- <%= value %> <a href='#increase/<%= collectionName %>/<%= id %>/<%= fieldName %>'>more</a> <a href='#decrease/<%= collectionName %>/<%= id %>/<%= fieldName %>'>less</a>
+ <%= value %> <img style="cursor: pointer;" src="/static/img/plus_circle.png" onclick='<%= app.varName %>.adjustCollectionField("<%= collectionName %>", <%= id %>, "<%= fieldName %>", 1)'>
+ <img style="cursor: pointer;" src="/static/img/minus_circle.png" onclick='<%= app.varName %>.adjustCollectionField("<%= collectionName %>", <%= id %>, "<%= fieldName %>", -1)'>
</script>
-<script type="text/template" id="xos-datatable-spinner-template">
+<script type="text/template" id="xos-datatable-spinner-template-old">
<!-- arguments: value, id, collectionName, fieldName -->
<%= value %> <a href="javascript:undefined" onclick='<%= app.varName %>.adjustCollectionField("<%= collectionName %>", <%= id %>, "<%= fieldName %>", 1)'> more </a>
<a href="javascript:undefined" onclick='<%= app.varName %>.adjustCollectionField("<%= collectionName %>", <%= id %>, "<%= fieldName %>", -1)'> less </a>
<script type="text/template" id="xos-sliceselector-select">
<% if (caption) { %>
- <table><tr><td><%= caption %>: </td><td><select></select></td></tr></table>
+ <table class="xos-detail-table"><tr><td class="xos-label-cell"><%= caption %>: </td><td><select></select></td></tr></table>
<% } else { %>
<select></select>
<% } %>