chrome/browser/resources/certificate_viewer.html

   1 <!doctype html>
   2 <html i18n-values="dir:textdirection;lang:language">
   3   <head>
   4     <meta charset="utf-8">
   5     <title id="title"></title>
   6     <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
   7     <link rel="stylesheet" href="chrome://resources/css/tabs.css">
   8     <link rel="stylesheet" href="chrome://resources/css/tree.css">
   9     <link rel="stylesheet" href="certificate_viewer.css">
  10     <script src="chrome://resources/js/load_time_data.js"></script>
  11     <script src="strings.js"></script>
  12     <script src="chrome://resources/js/cr.js"></script>
  13     <script src="chrome://resources/js/cr/ui.js"></script>
  14     <script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script>
  15     <script src="chrome://resources/js/cr/ui/tabs.js"></script>
  16     <script src="chrome://resources/js/cr/ui/tree.js"></script>
  17     <script src="chrome://resources/js/util.js"></script>
  18     <script src="certificate_viewer.js"></script>
  19   </head>
  20   <body>
  21     <tabbox id="tabbox">
  22       <tabs id="tabs" class="new-style-tabs">
  23         <tab i18n-content="general"></tab>
  24         <tab i18n-content="details"></tab>
  25       </tabs>
  26       <tabpanels id="tabpanels" class="new-style-tabs">
  27         <!-- General -->
  28         <tabpanel id="general">
  29           <!-- Usages -->
  30           <h3 id="usages-title" i18n-content="usages"></h3>
  31           <div id="usages"></div>
  32
  33           <div class="groups">
  34             <!-- Issued to -->
  35             <div>
  36               <h3 i18n-content="issuedTo"></h3>
  37             </div>
  38             <div>
  39               <div class="attribute" i18n-content="cn"></div>
  40               <div id="issued-cn" class="value"></div>
  41             </div>
  42             <div>
  43               <div class="attribute" i18n-content="o"></div>
  44               <div id="issued-o" class="value"></div>
  45             </div>
  46             <div>
  47               <div class="attribute" i18n-content="ou"></div>
  48               <div id="issued-ou" class="value"></div>
  49             </div>
  50             <div>
  51               <div class="attribute" i18n-content="sn"></div>
  52               <div id="issued-sn" class="value"></div>
  53             </div>
  54
  55             <!-- Issued by -->
  56             <div>
  57               <h3 i18n-content="issuedBy"></h3>
  58             </div>
  59             <div>
  60               <div class="attribute" i18n-content="cn"></div>
  61               <div id="issuer-cn" class="value"></div>
  62             </div>
  63             <div>
  64               <div class="attribute" i18n-content="o"></div>
  65               <div id="issuer-o" class="value"></div>
  66             </div>
  67             <div>
  68               <div class="attribute" i18n-content="ou"></div>
  69               <div id="issuer-ou" class="value"></div>
  70             </div>
  71
  72             <!-- Validity -->
  73             <div>
  74               <h3 i18n-content="validity"></h3>
  75             </div>
  76             <div>
  77               <div class="attribute" i18n-content="issuedOn"></div>
  78               <div id="issue-date" class="value"></div>
  79             </div>
  80             <div>
  81               <div class="attribute" i18n-content="expiresOn"></div>
  82               <div id="expiry-date" class="value"></div>
  83             </div>
  84
  85             <!-- Fingerprints -->
  86             <div>
  87               <h3 i18n-content="fingerprints"></h3>
  88             </div>
  89             <div>
  90               <div class="attribute" i18n-content="sha256"></div>
  91               <div id="sha256" class="value"></div>
  92             </div>
  93             <div>
  94               <div class="attribute" i18n-content="sha1"></div>
  95               <div id="sha1" class="value"></div>
  96             </div>
  97           </div>
  98         </tabpanel>
  99
 100         <!-- Details -->
 101         <tabpanel>
 102           <div id="hierarchy-section" class="vertical-box">
 103             <h3 i18n-content="hierarchy"></h3>
 104             <tree id="hierarchy" class="section-contents"
 105                 icon-visibility='hidden'></tree>
 106           </div>
 107           <div id="cert-fields-section" class="vertical-box">
 108             <h3 i18n-content="certFields"></h3>
 109             <tree id="cert-fields" class="section-contents"
 110                 icon-visibility='hidden'></tree>
 111           </div>
 112           <div id="cert-field-value-section" class="vertical-box">
 113             <h3 i18n-content="certFieldVal"></h3>
 114             <div id="cert-field-value" class="section-contents"></div>
 115             <div>
 116               <button id="export" i18n-content="export"></button>
 117             </div>
 118           </div>
 119         </tabpanel>
 120       </tabpanels>
 121     </tabbox>
 122   </body>
 123   <script src="chrome://resources/js/i18n_template.js"></script>
 124 </html>