FR: SAML Sign In - Interstitial page to send users directly to IdP login screen

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

Index: chrome/browser/resources/chromeos/login/saml_interstitial.html
diff --git a/chrome/browser/resources/chromeos/login/saml_interstitial.html b/chrome/browser/resources/chromeos/login/saml_interstitial.html
new file mode 100644
index 0000000000000000000000000000000000000000..e325841bc39453ff0d9a79af4ae56fd475defcda
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/saml_interstitial.html
@@ -0,0 +1,59 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+
+<!--
+UI for the SAML interstitial page.
+Example:
+  <saml-interstitial></saml-interstitial>
+
+Attributes:
+  'domain' - The interprise domain the device is enrolled to.

[xiyuan, 2016/03/28 20:58:40]

nit: interprise -> enterprise

[afakhry, 2016/03/28 23:15:32]

Done.

+
+Events:
+  'samlPageNextClicked' - Fired when the "Next" button is clicked indicating
+                          that the user would like to proceed with
+                          authentication via his enrollement SAML IdP.
+  'samlPageChangeAccountClicked' - Fired when the user clicks the sign in with
+                                   a differnt account link. GAIA Minute Maid
+                                   screen will be shown.
+-->
+<dom-module name="saml-interstitial" id="saml-interstitial">

[xiyuan, 2016/03/28 20:58:40]

"id" attribute should be set in the master dom.

[afakhry, 2016/03/28 23:15:32]

Done.

+
+<template>
+  <style>
+    :host {
+      display: flex;
+      flex-direction: column;

[xiyuan, 2016/03/28 20:58:40]

nit: I suspect we could just use "display: block" since we are just a container
of a single gaia-card element.

[afakhry, 2016/03/28 23:15:32]

Done.

+	  line-height: 150%;

[xiyuan, 2016/03/28 20:58:40]

nit: wrong indent

[afakhry, 2016/03/28 23:15:32]

Done.

+    }
+  </style>
+
+  <gaia-card id="samlInterstitialCard" class="fit">
+    <div id="samlInterstitialHeader"
+        class="header flex vertical layout end-justified start">
+      <h1 class="welcome-message" i18n-content="loginWelcomeMessage">
+      </h1>
+      <p id="managedBy" class="enterprise-info"
+          i18n-content="enterpriseInfoMessage"
+          hidden$="[[!showDomainMessages_]]">
+      </p>
+    </div>
+
+    <div class="footer flex vertical layout justified">
+      <!-- This message contains <strong> and <br> tags inside. -->
+      <html-echo id="message" hidden$="[[!showDomainMessages_]]"></html-echo>
+
+      <gaia-input-form on-submit="onSamlPageNextClicked_"
+                       i18n-values="button-text:samlInterstitialNextBtn">
+        <gaia-button type="link" on-tap="onSamlPageChangeAccountClicked_"
+                     i18n-content="samlInterstitialChangeAccountLink">
+        </gaia-button>
+      </gaia-input-form>
+
+	    <img id="logoImg" src="chrome://theme/IDR_LOGO_GOOGLE_COLOR_90"

[xiyuan, 2016/03/28 20:58:40]

nit: wrong indent

[xiyuan, 2016/03/28 20:58:40]

nit: logoImg -> logo-img

[afakhry, 2016/03/28 23:15:32]

Done.

[afakhry, 2016/03/28 23:15:32]

Done.

+	        class="self-center" alt="">
+    </div>
+  </gaia-card>
+
+</template>
+
+</dom-module>