chrome/common/extensions/docs/examples/apps/hello-python/templates/index.html

   1 <!DOCTYPE html>
   2 <!--
   3  * Copyright (c) 2009 The Chromium Authors. All rights reserved.  Use of this
   4  * source code is governed by a BSD-style license that can be found in the
   5  * LICENSE file.
   6 -->
   7 <html>
   8   <head>
   9     <style>
  10       body { font: 14px Arial; }
  11       .credentials { text-align: right; }
  12       p { padding: 100px 0; text-align: center; font-size: 24px; }
  13       p strong {
  14         display: inline-block; padding: 4px; border: 2px dotted #999;
  15         border-radius: 10px; margin: 0 5px;
  16       }
  17       .noaccess strong { color: #900; border-color: #900; }
  18       .fullaccess strong { color: #090; border-color: #090; }
  19       .trialaccess strong { color: #009; border-color: #009; }
  20     </style>
  21   </head>
  22   <body>
  23     <div class="credentials">
  24       {% if user_login %}
  25         <a href="{{user_login}}">Sign in</a>
  26       {% else %}
  27         <strong>{{user_id}}</strong> | <a href="{{user_logout}}">Sign out</a>
  28       {% endif %}
  29     </div>
  30     {% if not license %}
  31       <p class="notsignedin">
  32         You are <strong>not signed in</strong> to this app.
  33       </p>
  34     {% else %}
  35       {% if license.error %}
  36         <p><strong>There was an error loading the response:</strong>{{license.message}}</p>
  37       {% else %}
  38         {% ifequal license.access "NO" %}
  39           <p class="noaccess">
  40             You have <strong>no access</strong> to extra features in this app.
  41           </p>
  42         {% endifequal %}
  43         {% ifequal license.access "FREE_TRIAL" %}
  44           <p class="trialaccess">
  45             You are currently enrolled in a <strong>free trial</strong> of this app.
  46           </p>
  47         {% endifequal %}
  48         {% ifequal license.access "FULL" %}
  49           <p class="fullaccess">
  50             You have <strong>full access</strong> to the features of this app.
  51           </p>
  52         {% endifequal %}
  53       {% endif %}
  54     {% endif %}
  55
  56   </body>
  57 </html>