Beautify-up the certificate-issue form.
authorFelix Dörre <felix@dogcraft.de>
Wed, 13 Aug 2014 21:33:52 +0000 (23:33 +0200)
committerFelix Dörre <felix@dogcraft.de>
Wed, 13 Aug 2014 21:33:52 +0000 (23:33 +0200)
src/org/cacert/gigi/pages/account/CertificateIssueForm.templ
static/static/default.css

index 7d28f2c1e3d432a5cb9bd9d5b24e1b3720e316cf..fe1705edbc99281c99a5d8f3a322b5816abd9662 100644 (file)
@@ -1,6 +1,4 @@
 <h3><?=_CAcert Certificate Acceptable Use Policy?></h3>
-<p><?=_Once you decide to subscribe for an SSL Server Certificate you will need to complete this agreement. Please read it carefully. Your Certificate Request can only be processed with your acceptance and understanding of this agreement.?></p>
-
 <p><?=_I hereby represent that I am fully authorized by the owner of the information contained in the CSR sent to CAcert Inc. to apply for an Digital Certificate for secure and authenticated electronic transactions. I understand that a digital certificate serves to identify the Subscriber for the purposes of electronic communication and that the management of the private keys associated with such certificates is the responsibility of the subscriber's technical staff and/or contractors.?></p>
 
 <p><?=_CAcert Inc.'s public certification services are governed by a CPS as amended from time to time which is incorporated into this Agreement by reference. The Subscriber will use the SSL Server Certificate in accordance with CAcert Inc.'s CPS and supporting documentation published at?> <a href="http://www.cacert.org/cps.php">http://www.cacert.org/cps.php</a></p>
   <tbody>
   <tr>
     <td>
+    <label for='profile'><?=_Key type?></label>
     </td>
     <td>
-    <?=_Key type?>: 
-    <select name="profile">
+    <select name="profile" id='profile'>
     <? foreach($profiles) { ?>
       <option value="<?=$key?>"<?=$!selected?>><?=$name?></option>
     <? } ?>
     </td>
   </tr>
   <tr>
-    <td><?=_Your name?></td>
-    <td><input type='text' name='CN' value='<?=$CN?>'></td>
+    <td>
+    <label for='CN'><?=_Your name?></label>
+    </td>
+    <td><input type='text' id='CN' name='CN' value='<?=$CN?>'></td>
   </tr>
   <tr>
     <td>SANs</td>
     <td align="left"><textarea rows='5' name='SANs' placeholder="dns:my.domain.example.com, dns:*.example.com, email:my.email@example.com (or newline separated)"><?=$emails?></textarea></td>
   </tr>
 
-<? if($points50) { ?>
-  <tr>
-    <td colspan="2" align="left">
-      <input type="radio" id="incname0" name="incname" value="0" checked="checked" />
-        <label for="incname0"><?=_No Name?></label><br />
-        <input type="radio" id="incname1" name="incname" value="1" />
-        <label for="incname1"><?=_Include?> 'fnamelname'</label><br />
-    </td>
-  </tr>
-<? } ?>
-
-
   <tr class="expertoff">
-    <td>
+    <td class='check'>
       <input type="checkbox" id="expertbox" name="expertbox"/>
     </td>
     <td align="left">
   </tr>
 
   <tr class="expert">
-    <td colspan="2" align="left">
-      <?=_Hash algorithm used when signing the certificate:?><br />
+       <td><?=_Hash algorithm for signing?></td>
+    <td class='radio'>
       <? foreach($hashs) { ?>
         <input type="radio" id="hash_alg_<?=$algorithm?>" name="hash_alg" value="<?=$algorithm?>"<?=$checked?>/>
-        <label for="hash_alg_<?=$algorithm?>"><?=$name?><? if($info) { ?> - <?=$info?><? } ?></label><br />
+        <label for="hash_alg_<?=$algorithm?>"><div class='name'><?=$name?></div><? if($info) { ?> <div class='addinfo'> <?=$info?></div><? } ?></label><div class='elements'></div>
       <? } ?>
     </td>
+  </tr>
+    <tr>
+    <td class='check'>
+      <input type="checkbox" id="CCA" name="CCA" />
+    </td>
+    <td align="left">
+      <label for="CCA"><strong><?=s,$!CCA,I accept the CAcert Community Agreement (%s).?> </strong><br />
+      <?=_Please note: You need to accept the CCA to proceed.?></label>
+    </td>
   </tr>
   <tr><td colspan='2'>&nbsp;</td></tr>
+
   <tr>
-    <td>
+    <td class='check'>
       <input type="checkbox" id="login" name="login" value="1" checked="checked" />
     </td>
     <td align="left">
     </td>
   </tr>
 
-  <tr>
-    <td>
-      <input type="checkbox" id="CCA" name="CCA" />
-    </td>
-    <td align="left">
-      <label for="CCA"><strong><?=s,$!CCA,I accept the CAcert Community Agreement (%s).?> </strong><br />
-      <?=_Please note: You need to accept the CCA to proceed.?></label>
-    </td>
-  </tr>
   <tr>
     <td colspan="2"><input type="submit" name="process" value="<?=_Issue Certificate?>" /></td>
   </tr>
index d12a5f88ccbb3411e1c6591d91f4496f6f2f2590..bb25762da1ee8acdd4f98b6bbcd3eaa7ce411ecc 100644 (file)
@@ -555,12 +555,35 @@ td.storyLeft {
        border-collapse: collapse;
        font-family: verdana, sans-serif;
        font-size: 11px;
-       text-align: center;
        margin-left:auto;
        margin-right:auto;
        width: 700px;
 }
 
+.wrapper .check{
+       text-align: center;
+}
+.wrapper td.radio input[type=radio]{
+       float: left;
+       width: 13px;
+       margin: 3px;
+}
+.wrapper td.radio div.name{
+       font-weight: bold;
+       padding-bottom: 4px;
+       margin-top: 3px;
+/*     display: inline;*/
+}
+.wrapper td.radio div.addinfo{
+/*     display: inline;*/
+       padding-left: 19px;
+}
+
+.wrapper td.radio div.elements{
+       clear: both;
+       height: 10px;
+}
+
 td.greytxt {
        color: #cccccc;
        font-size: smaller;