Update allow/deny oauth page UI, and add ouath as reserved word.

2015-10-02 12:47:54 -04:00
--- a/web/templates/authorize.html
+++ b/web/templates/authorize.html
@@ -1,26 +1,26 @@
 {{define "authorize"}}
 <html>
 {{template "head" . }}
-<body class="white">
-	<div class="container-fluid">
-		<div class="inner__wrap">
-			<div class="row content">
-				<div class="signup-header">
-					{{.Props.TeamName}}
-				</div>
-				<div class="col-sm-12">
-						<div id="authorize"></div>
-				</div>
-				<div class="footer-push"></div>
-			</div>
-			<div class="row footer">
-				{{template "footer" . }}
-			</div>
-		</div>
-	</div>
-	<script>
-		window.setup_authorize_page('{{ .Props.TeamName }}', '{{ .Props.AppName }}', '{{ .Props.ResponseType }}', '{{ .Props.ClientId }}', '{{ .Props.RedirectUri }}', '{{ .Props.Scope }}', '{{ .Props.State }}' );
-	</script>
+<body>
+    <div class="container-fluid">
+        <div class="oauth-prompt">
+            <div class="prompt__heading">
+                <div class="prompt__app-icon">
+                    <img src="/static/images/icon50x50.gif" width="50" height="50" alt="">
+                </div>
+                <div class="text">An application would like to connect to your {{.Props.TeamName}} account.</div>
+            </div>
+            <p>The app <strong>{{.Props.AppName}}</strong> would like the ability to access Mattermost on your behalf.</p>
+            <h2 class="prompt__allow">Allow <strong>{{.Props.AppName}}</strong> access?</h2>
+            <div class="prompt__buttons">
+                <input type="button" class="btn btn-link" value="Deny">
+                <input type="button" class="btn btn-primary" value="Allow">
+            </div>
+        </div>
+    </div>
+    <script>
+        window.setup_authorize_page('{{.Props}}');
+    </script>
 </body>
 </html>
 {{end}}