Built motion from commit e493b9a4954b50a8ee6d0034ba3601cd210d989d. Version 3.0.0...

[motion-next.git] / public / templates / login / login.html / login.html

diff --git a/public/templates/login/login.html/login.html b/public/templates/login/login.html/login.html
new file mode 100644 (file)
index 0000000..da0f813
--- /dev/null
+++ b/public/templates/login/login.html/login.html
@@ -0,0 +1,123 @@
+<div id="login" class="flex-scrollable" layout="column" ms-scroll>
+  <div id="login-form-wrapper" layout="column" layout-align="center center">
+    <div id="login-form" class="md-whiteframe-8dp">
+      <img
+        ng-src="{{vm.baseUrl}}api/settings/1/logo_login"
+        alt="logo_login"
+        class="logo_login"
+      />
+      <!-- <img src="assets/images/logos/login.png" alt="motion_logo_login" /> -->
+
+      <div class="md-subhead padding-top-45" translate="LOGIN.TITLE">
+        Log in to your account
+      </div>
+
+      <form name="loginForm" novalidate ng-if="!vm.progressLogin">
+        <md-input-container class="md-block" md-no-float>
+          <input
+            type="input"
+            name="name"
+            ng-model="vm.form.name"
+            autofocus
+            aria-label="username"
+            translate
+            translate-attr-placeholder="LOGIN.USERNAME"
+            required
+          />
+          <div ng-messages="loginForm.name.$error" role="alert" multiple>
+            <div ng-message="required">
+              <span translate="LOGIN.ERRORS.USERNAME_REQUIRED"
+                >Username field is required</span
+              >
+            </div>
+          </div>
+        </md-input-container>
+
+        <md-input-container class="md-block" md-no-float>
+          <input
+            type="password"
+            name="password"
+            ng-model="vm.form.password"
+            aria-label="password"
+            translate
+            translate-attr-placeholder="LOGIN.PASSWORD"
+            required
+          />
+          <div ng-messages="loginForm.password.$error" role="alert" multiple>
+            <div ng-message="required">
+              <span translate="LOGIN.ERRORS.PASSWORD_REQUIRED"
+                >Password field is required</span
+              >
+            </div>
+          </div>
+        </md-input-container>
+
+        <div
+          class="remember-forgot-password"
+          layout="row"
+          layout-xs="column"
+          layout-align="end center"
+        >
+          <!-- <md-checkbox class="remember-me" ng-model="data.cb1" aria-label="Remember Me">
+                        <span translate="LOGIN.REMEMBER_ME">Remember Me</span>
+                    </md-checkbox> -->
+          <a
+            ui-sref="app.forgot"
+            class="forgot-password md-accent-color"
+            style="cursor: pointer"
+            translate="LOGIN.FORGOT_PASSWORD"
+            >Forgot Password?</a
+          >
+        </div>
+
+        <b
+          layout="row"
+          layout-align="center center"
+          class="md-padding"
+          ng-if="vm.message"
+        >
+          <font color="red">{{vm.message}}</font>
+        </b>
+        <md-button
+          type="submit"
+          ng-click="vm.login()"
+          class="md-raised md-accent submit-button"
+          aria-label="LOGIN"
+          translate="LOGIN.LOG_IN"
+          translate-attr-aria-label="LOGIN.LOG_IN"
+        >
+          LOG IN
+        </md-button>
+      </form>
+
+      <md-progress-circular
+        ng-if="vm.progressLogin"
+        md-diameter="96"
+      ></md-progress-circular>
+
+      <div ng-if="vm.googleSsoEnabled" class="separator">
+        <span class="text" translate="LOGIN.OR">OR</span>
+      </div>
+
+      <md-button
+        ng-if="vm.googleSsoEnabled"
+        ng-click="vm.loginOauth('google')"
+        class="md-raised google"
+      >
+        <div layout="row" layout-align="center center">
+          <span>
+            <md-icon md-font-icon="fab fa-google" class="s16"></md-icon>
+            <span translate="LOGIN.WITH_GOOGLE">Log in with Google</span>
+          </span>
+        </div>
+      </md-button>
+
+      <div ng-class="vm.progressloginClassname">
+        <md-progress-circular
+          ng-disabled="!vm.progresslogin"
+          md-diameter="70"
+        ></md-progress-circular>
+      </div>
+    </div>
+  </div>
+</div>