Merge pull request #2211 from mattermost/asaadmahmoodspin-ui-improvements

Adding back button for login pages

web/sass-files/sass/partials/_signup.scss

@@ -5,6 +5,11 @@
     line-height: 33px;
     padding: 0 1em 0.2em;
     background: #EEE;
+
+    .fa {
+        margin-right: 5px;
+    }
+
 }
 .signup-team__container {
     padding: 100px 0px 50px 0px;

web/templates/claim_account.html

@@ -7,7 +7,7 @@
 		<div class="inner__wrap">
 			<div class="row content">
 				<div class="signup-header">
-					<a href="/{{.Props.TeamName}}">{{.Props.TeamDisplayName}}</a>
+					<a href="/{{.Props.TeamName}}"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
 				</div>
 				<div class="col-sm-12">
 					<div class="signup-team__container">

web/templates/docs.html

@@ -7,7 +7,7 @@
     <div class="inner__wrap">
         <div class="row content">
             <div class="signup-header">
-                    <a href="/">{{ .ClientCfg.SiteName }}</a>
+                    <a href="/"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
                 </div>
             <div class="col-sm-12">
                 <div class="docs__page" id="docs"></div>

web/templates/find_team.html

@@ -7,7 +7,7 @@
 		<div class="inner__wrap">
 			<div class="row content">
 				<div class="signup-header">
-					<a href="/">{{ .ClientCfg.SiteName }}</a>
+					<a href="/"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
 				</div>
 				<div class="col-sm-12">
 					<div class="signup-team__container">

web/templates/login.html

@@ -7,7 +7,7 @@
 		<div class="inner__wrap">
 			<div class="row content">
 				<div class="signup-header">
-					<a href="/">{{ .ClientCfg.SiteName }}</a>
+					<a href="/"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
 				</div>
 				<div class="col-sm-12">
 						<div id="login"></div>

web/templates/password_reset.html

@@ -7,7 +7,7 @@
 		<div class="inner__wrap">
 			<div class="row content">
 				<div class="signup-header">
-					<a href="/{{.Props.TeamName}}">{{.Props.TeamDisplayName}}</a>
+					<a href="/{{.Props.TeamName}}"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
 				</div>
 				<div class="col-sm-12">
 					<div class="signup-team__container">

web/templates/signup_team_complete.html

@@ -6,6 +6,9 @@
     <div class="container-fluid">
         <div class="inner__wrap">
             <div class="row content">
+                <div class="signup-header">
+                    <a href="/{{.Props.TeamName}}"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
+                </div>
                 <div class="col-sm-12">
                     <div class="signup-team__container">
                         <div id="signup-team-complete"></div>

web/templates/signup_team_confirm.html

@@ -6,6 +6,9 @@
     <div class="container-fluid">
         <div class="inner__wrap">
             <div class="row content">
+                <div class="signup-header">
+                    <a href="/{{.Props.TeamName}}"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
+                </div>
                 <div class="col-sm-12">
                     <div id="signup-team-confirm"></div>
                 </div>

web/templates/signup_user_complete.html

@@ -6,6 +6,9 @@
     <div class="container-fluid">
         <div class="inner__wrap">
             <div class="row content">
+                <div class="signup-header">
+                    <a href="/{{.Props.TeamName}}"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
+                </div>
                 <div class="col-sm-12">
                     <div class="signup-team__container padding--less">
                         <div id="signup-user-complete"></div>

web/templates/verify.html

@@ -7,7 +7,7 @@
             <div class="inner__wrap">
                 <div class="row content">
                     <div class="signup-header">
-                        <a href="/{{.Props.TeamName}}">{{.Props.TeamDisplayName}}</a>
+                        <a href="/{{.Props.TeamName}}"><span class='fa fa-chevron-left'></span>{{ .ClientCfg.HeaderBack }}</a>
                     </div>
                     <div class="col-sm-12">
                         <div class="signup-team__container">

web/web.go

@@ -54,6 +54,7 @@ func (me *HtmlTemplatePage) Render(c *api.Context, w http.ResponseWriter) {
 	me.Props["Locale"] = me.Locale
 	me.SessionTokenIndex = c.SessionTokenIndex
 
+	me.ClientCfg["HeaderBack"] = c.T("web.header.back")
 	me.ClientCfg["FooterHelp"] = c.T("web.footer.help")
 	me.ClientCfg["FooterTerms"] = c.T("web.footer.terms")
 	me.ClientCfg["FooterPrivacy"] = c.T("web.footer.privacy")