src/chrome/browser/resources/certificate_viewer.html

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