make ImportExport page use boostrap.

zopefoundation · Jun 12, 2018 · b695fcb · b695fcb
1 parent ab7018c
commit b695fcb
Showing 1 changed file with 33 additions and 28 deletions.
diff --git a/src/OFS/dtml/importExport.dtml b/src/OFS/dtml/importExport.dtml
@@ -1,6 +1,8 @@
 <dtml-var manage_page_header>
 <dtml-var "manage_tabs(this(), _, )">
 
+<main>
+
 <p class="form-help">
 You can export Zope objects to a file in order to transfer
 them to a different Zope installation. You can either choose
@@ -15,7 +17,7 @@ ZEXP). The ZEXP format is the officially supported export/import
 format for moving data between <u>identical</u> Zope installations (it is not a migration tool).
 </p>
 
-<form action="manage_exportObject" method="post">
+<form action="manage_exportObject" method="post" class="zmi-export">
 <table cellspacing="2" border="0">
 <tr>
   <td align="left" valign="top">
@@ -24,7 +26,7 @@ format for moving data between <u>identical</u> Zope installations (it is not a
   </div>
   </td>
   <td align="left" valign="top">
-  <input type="text" name="id" size="25" value="<dtml-if ids><dtml-var "ids[0]" html_quote></dtml-if>" class="form-element"/>
+  <input type="text" name="id" size="25" value="<dtml-if ids><dtml-var "ids[0]" html_quote></dtml-if>" class="form-element form-control"/>
   </td>
 </tr>
 <tr>
@@ -34,24 +36,25 @@ format for moving data between <u>identical</u> Zope installations (it is not a
   </div>
   </td>
   <td align="left" valign="top">
-  <div class="form-text">
-  <label for="download_local">
-  <input type="radio" name="download:int" value="1" id="download_local" />
-  Download to local machine
-  </label>
-  <br />
-  <label for="download_server">
-  <input type="radio" name="download:int" value="0" id="download_server" checked />
-  Save to file on server
-  </label>
-  </div>
+      <div class="form-check">
+          <input class="form-check-input" type="radio" name="download:int" value="1" id="download_local" />
+          <label for="download_local" class="form-check-label">
+              Download to local machine
+          </label>
+      </div>
+      <div class="form-check">
+          <input class="form-check-input" type="radio" name="download:int" value="0" id="download_server" checked />
+          <label for="download_server" class="form-check-label">
+              Save to file on server
+          </label>
+      </div>
   </td>
 </tr>
 <tr>
   <td></td>
   <td align="left" valign="top">
   <div class="form-element">
-  <input class="form-element" type="submit" name="submit" value="Export" />
+  <input class="form-element btn btn-primary" type="submit" name="submit" value="Export" />
   </div>
   </td>
 </tr>
@@ -75,7 +78,7 @@ their existing ownership information, select "retain existing
 ownership information".
 </p>
 
-<form action="manage_importObject" method="post">
+<form action="manage_importObject" method="post" class="zmi-import">
 <table cellspacing="2" border="0">
 
 <tr>
@@ -85,7 +88,7 @@ ownership information".
   </div>
   </td>
   <td align="left" valign="top">
-  <select name="file">
+  <select class="form-control" name="file">
   <dtml-in "list_imports()">
     <option value="<dtml-var sequence-item>"><dtml-var sequence-item></option>
   </dtml-in>
@@ -99,29 +102,31 @@ ownership information".
   </div>
   </td>
   <td align="left" valign="top">
-  <div class="form-text">
-  <label for="owner_take">
-  <input type="radio" name="set_owner:int" value="1" id="owner_take" checked />
-  Take ownership of imported objects
-  </label>
-  <br />
-  <label for="owner_retain">
-  <input type="radio" name="set_owner:int" value="0" id="owner_retain" />
-  Retain existing ownership information
-  </label>
-  </div>
+      <div class="form-check">
+          <input type="radio" class="form-check-input" name="set_owner:int" value="1" id="owner_take" checked />
+          <label for="owner_take" class="form-check-label">
+              Take ownership of imported objects
+          </label>
+      </div>
+      <div class="form-check">
+          <input type="radio" class="form-check-input" name="set_owner:int" value="0" id="owner_retain" />
+          <label for="owner_retain" class="form-check-label">
+              Retain existing ownership information
+          </label>
+      </div>
   </td>
 </tr>
 <tr>
   <td></td>
   <td align="left" valign="top">
   <div class="form-element">
-  <input class="form-element" type="submit" name="submit" value="Import" />
+  <input class="form-element btn btn-primary" type="submit" name="submit" value="Import" />
   </div>
   </td>
 </tr>
 </table>
 </form>
 
+</main>
 
 <dtml-var manage_page_footer>