chrome/browser/resources/chromeos/login/gaia_whitelist_error.html

   1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.html">
   3 <link rel="import" href="chrome://resources/polymer/core-icons/core-icons.html">
   4
   5 <polymer-element name="gaia-whitelist-error" attributes="errorMsg
   6     enterpriseErrorMsg tryAgainBtn learnMoreBtn">
   7   <template>
   8     <style>
   9       #container {
  10         padding: 40px;
  11       }
  12
  13       #icon-container {
  14         margin-bottom: 14px;
  15       }
  16
  17       core-icon {
  18         color: #fbc02d;
  19         height: 28px;
  20         width: 28px;
  21       }
  22
  23       #text-container {
  24         color: grey;
  25         line-height: 130%;
  26         text-align: center;
  27         width: 240px;
  28       }
  29
  30       #controls-container {
  31         width: 100%;
  32       }
  33
  34       .learn-more-button {
  35         color: rgb(66, 133, 244);
  36         text-transform: none;
  37       }
  38
  39       .try-again-button {
  40         background-color: rgb(66, 133, 244);
  41         color: rgb(255, 255, 255);
  42         width: 126px;
  43       }
  44     </style>
  45     <div id="container" vertical layout center fit>
  46       <div flex layout center-justified vertical>
  47         <div id="icon-container" vertical layout center>
  48           <core-icon icon="warning"></core-icon>
  49         </div>
  50         <div id="text-container">
  51           <div id="error-msg" hidden?="{{enterpriseManaged}}">
  52             {{errorMsg}}
  53           </div>
  54           <div id="enterprise-error-msg" hidden?="{{!enterpriseManaged}}">
  55             {{enterpriseErrorMsg}}
  56           </div>
  57         </div>
  58       </div>
  59       <div id="controls-container" horizontal layout justified
  60           center>
  61         <paper-button class="learn-more-button"
  62             on-tap={{onLearnMoreClicked}}>
  63           {{learnMoreBtn}}
  64         </paper-button>
  65         <paper-button class="try-again-button" raised
  66             on-tap="{{tryAgainButtonClicked}}">
  67           {{tryAgainBtn}}
  68         </paper-button>
  69       </div>
  70     </div>
  71   </template>
  72 </polymer-element>