Rework renameForm html code to use bootstrap

zopefoundation · May 17, 2018 · ef18059 · ef18059
1 parent 45f8589
commit ef18059
Showing 1 changed file with 30 additions and 51 deletions.
diff --git a/src/OFS/dtml/renameForm.dtml b/src/OFS/dtml/renameForm.dtml
@@ -1,61 +1,40 @@
 <dtml-var manage_page_header>
 
-<dtml-var "manage_form_title(this(), _,
-           form_title='Rename Items',
-           )">
+<h2>Rename Items</h2>
 
 <dtml-if expr="REQUEST.has_key('ids')">
-<form action="<dtml-var "REQUEST.URL1" html_quote>" method="post">
-<table border="0">
-<dtml-in expr="manage_CopyContainerAllItems(REQUEST)">
-<tr>
-  <td align="left" valign="bottom" width="16"></td>
-  <td align="left" valign="bottom">
-  <div class="form-text">
-  &dtml-getId;
-  </div>
-  </td>
-  <td align="left" valign="bottom">
-<dtml-if cb_isMoveable>
-  <span class="form-text">to:</span>
-  <input type="hidden" name="ids:list" value="&dtml-getId;" />
-  <input type="text" name="new_ids:list" size="<dtml-var "_.max(40,_.len(getId())+4)">" value="&dtml-getId;" />
-<dtml-else>
-  <span class="form-text">
-  may not be renamed.
-  </span>
-</dtml-if>
-  </td>
-</tr>
-</dtml-in>
-
-<tr>
-<td></td>
-<td colspan="2">
-  <div class="form-element">
-  <input class="form-element" type="hidden" name=":default_method"
-   value="manage_renameObjects" />
-  <input class="form-element" type="submit" name="manage_renameObjects:method"
-   value=" Ok " />
-  <input class="form-element" type="submit" name="manage_main:method"
-   value="Cancel" />
-  </div>
-</td>
-</tr>
-</table>
-</form>
+
+    <form action="<dtml-var "REQUEST.URL1" html_quote>" method="post" class="zmi-rename">
+    <dtml-in expr="manage_CopyContainerAllItems(REQUEST)">
+        <div class="form-group">
+            <dtml-if cb_isMoveable>
+                <input type="hidden" name="ids:list" value="&dtml-getId;" />
+                <input class="form-control" type="text" name="new_ids:list" value="&dtml-getId;" aria-describedby="label&dtml-getId;"/>
+                <small class="text-muted form-text" id="label&dtml-getId;">Original name: &dtml-getId;</small>
+            <dtml-else>
+                <label class="text-muted">&dtml-getId; may not be renamed.</label>
+            </dtml-if>
+
+        </div>
+    </dtml-in>
+
+    <div class="zmi-controls">
+      <input class="form-element" type="hidden" name=":default_method"
+       value="manage_renameObjects" />
+      <input  class="btn btn-primary" type="submit" name="manage_renameObjects:method"
+       value=" Ok " />
+      <input  class="btn btn-default" type="submit" name="manage_main:method"
+       value="Cancel" />
+   </div>
+    </table>
+    </form>
 
 <dtml-else>
-<form action="manage_main" method="get">
-<p align="center">
-<br /><br />
-<span class="form-text">
+
+<div class="alert alert-warning" role="alter">
 You must select an item to rename.
-</span>
-<br /><br />
-<input class="form-element" type="submit" name="submit" value=" Ok " />
-</p>
-</form>
+</div>
+<a href="manage_main" class="btn btn-primary">Ok</a>
 
 </dtml-if>