Home | History | Annotate | Download | only in resources
      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>
    126