From 3eed77fa1cc5c26bf9c043723b1df2e9f3dc180c Mon Sep 17 00:00:00 2001
From: jhinghaus <jh@perfact.de>
Date: Fri, 18 May 2018 14:00:49 +0200
Subject: [PATCH] make forms to add folders and ordered folders use bootrap

---
 src/OFS/dtml/addOrderedFolder.dtml | 27 ++++++++++++++++-----------
 src/OFS/dtml/folderAdd.dtml        | 27 ++++++++++++++++-----------
 2 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/src/OFS/dtml/addOrderedFolder.dtml b/src/OFS/dtml/addOrderedFolder.dtml
index ab1ccda3a0..8b010889e0 100644
--- a/src/OFS/dtml/addOrderedFolder.dtml
+++ b/src/OFS/dtml/addOrderedFolder.dtml
@@ -3,37 +3,40 @@
 <dtml-var "manage_form_title(this(), _,
            form_title='Add Folder (Ordered)'
            )">
+
+<main>
+
 <p class="form-help">
 An ordered Folder contains other objects. Use Folders to organize your
-web objects in to logical groups. The <em>create public interface</em> 
+web objects in to logical groups. The <em>create public interface</em>
 option creates an index document inside the Folder to give the
 Folder a default HTML representation. The <em>create user folder</em>
 option creates a User Folder inside the Folder to hold authorization
 information for the Folder.
 </p>
 
-<form action="manage_addOrderedFolder" method="post">
+<form action="manage_addOrderedFolder" method="post" class="zmi-orderedfolder">
 
 <table cellspacing="0" cellpadding="2" border="0">
   <tr>
     <td align="left" valign="top">
-    <div class="form-label">
+    <label for="id" class="form-label">
     Id
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="id" size="40" />
+    <input type="text" class="form-control" name="id" id="id" size="40" />
     </td>
   </tr>
 
   <tr>
     <td align="left" valign="top">
-    <div class="form-optional">
+    <label for="title" class="form-label">
     Title
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="title" size="40" />
+    <input type="text" class="form-control" name="title" id="title" size="40" />
     </td>
   </tr>
 
@@ -41,13 +44,15 @@ information for the Folder.
     <td align="left" valign="top">
     </td>
     <td align="left" valign="top">
-    <div class="form-element">
-    <input class="form-element" type="submit" name="submit" 
-     value="Add" /> 
+    <div class="controls">
+    <input class="btn btn-primary" type="submit" name="submit"
+     value="Add" />
     </div>
     </td>
   </tr>
 </table>
 </form>
 
+</main>
+
 <dtml-var manage_page_footer>
diff --git a/src/OFS/dtml/folderAdd.dtml b/src/OFS/dtml/folderAdd.dtml
index 5b35a97a8c..cb83820ee6 100644
--- a/src/OFS/dtml/folderAdd.dtml
+++ b/src/OFS/dtml/folderAdd.dtml
@@ -3,37 +3,40 @@
 <dtml-var "manage_form_title(this(), _,
            form_title='Add Folder',
            )">
+
+<main>
+
 <p class="form-help">
 A Folder contains other objects. Use Folders to organize your
-web objects in to logical groups. The <em>create public interface</em> 
+web objects in to logical groups. The <em>create public interface</em>
 option creates an index document inside the Folder to give the
 Folder a default HTML representation. The <em>create user folder</em>
 option creates a User Folder inside the Folder to hold authorization
 information for the Folder.
 </p>
 
-<FORM ACTION="manage_addFolder" METHOD="POST">
+<FORM ACTION="manage_addFolder" METHOD="POST" class="zmi-folder">
 
 <table cellspacing="0" cellpadding="2" border="0">
   <tr>
     <td align="left" valign="top">
-    <div class="form-label">
+    <label for="id" class="form-label">
     Id
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="id" size="40" />
+    <input type="text" class="form-control" name="id" id="id" size="40" />
     </td>
   </tr>
 
   <tr>
     <td align="left" valign="top">
-    <div class="form-optional">
+    <label for="title" class="form-label">
     Title
-    </div>
+    </label>
     </td>
     <td align="left" valign="top">
-    <input type="text" name="title" size="40" />
+    <input type="text" class="form-control" name="title" id="title" size="40" />
     </td>
   </tr>
 
@@ -41,13 +44,15 @@ information for the Folder.
     <td align="left" valign="top">
     </td>
     <td align="left" valign="top">
-    <div class="form-element">
-    <input class="form-element" type="submit" name="submit" 
-     value="Add" /> 
+    <div class="controls">
+    <input class="btn btn-primary" type="submit" name="submit"
+     value="Add" />
     </div>
     </td>
   </tr>
 </table>
 </form>
 
+</main>
+
 <dtml-var manage_page_footer>