web.fama.io Open in urlscan Pro
2606:4700:10::6816:3b8c  Public Scan

Form analysis
3 forms found in the DOM

Name: loginForm —

<form class="login__form ng-pristine ng-invalid ng-invalid-required" name="loginForm" role="form" cy-login-form="" ng-submit="view.login()" style="">
  <!-- ngIf: view.sso.redirecting -->
  <!-- ngIf: !view.sso.redirecting -->
  <div ng-if="!view.sso.redirecting" class="ng-scope" style="">
    <div class="login__form__logo">
      <img src="../../../images/fama-logo-text.983c50f7efae70cf503aa1.png" style="width:200px;">
    </div>
    <div class="login__form__messages ng-inactive" ng-messages="view.status" aria-live="assertive">
      <!-- ngMessage: loginFailed -->
    </div>
    <!-- ngIf: view.loginError -->
    <div class="input-group">
      <fm-input-frame fm-label="Username*" fm-error-messages="{required: 'Please enter a username'}" fm-show-errors="loginForm.$submitted || loginForm.$dirty" class="ng-isolate-scope">
        <div layout="column" class="input-frame layout-column">
          <div class="input-decorator layout-align-space-between-end layout-row" layout="row" layout-align="space-between end">
            <!-- zero-width space in case of no messages and no label -->
            <span class="input-label ng-binding" ng-class="{ 'input-label--empty': !view.label }"> Username* <!-- ngIf: view.tooltip -->
            </span>
            <div ng-messages="view.errors" ng-show="view.showErrors" layout="row" layout-align="end center" aria-live="assertive" class="layout-align-end-center layout-row ng-hide ng-active" aria-hidden="true">
              <!-- ngRepeat: (key, message) in view.messages --><!-- ngMessage: {{key}} --><span class="input-frame__error-message ng-binding ng-scope" cy-input-frame-error="" ng-repeat="(key, message) in view.messages" ng-message="required"
                ng-bind="message">Please enter a username</span><!-- end ngRepeat: (key, message) in view.messages -->
            </div>
          </div>
          <div ng-transclude="">
            <input fm-input-sm="" cy-login-username="" name="username" validate="required" ng-model="view.credentials.username" placeholder="Username" class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required"
              aria-invalid="true">
          </div>
        </div>
      </fm-input-frame>
    </div>
    <div class="input-group">
      <fm-input-frame fm-label="Password*" fm-error-messages="{required: 'Please enter a password'}" fm-show-errors="loginForm.$submitted || loginForm.$dirty" class="ng-isolate-scope">
        <div layout="column" class="input-frame layout-column">
          <div class="input-decorator layout-align-space-between-end layout-row" layout="row" layout-align="space-between end">
            <!-- zero-width space in case of no messages and no label -->
            <span class="input-label ng-binding" ng-class="{ 'input-label--empty': !view.label }"> Password* <!-- ngIf: view.tooltip -->
            </span>
            <div ng-messages="view.errors" ng-show="view.showErrors" layout="row" layout-align="end center" aria-live="assertive" class="layout-align-end-center layout-row ng-hide ng-active" aria-hidden="true">
              <!-- ngRepeat: (key, message) in view.messages --><!-- ngMessage: {{key}} --><span class="input-frame__error-message ng-binding ng-scope" cy-input-frame-error="" ng-repeat="(key, message) in view.messages" ng-message="required"
                ng-bind="message">Please enter a password</span><!-- end ngRepeat: (key, message) in view.messages -->
            </div>
          </div>
          <div ng-transclude="">
            <input fm-input-sm="" cy-login-password="" type="password" validate="required" name="password" ng-model="view.credentials.password" placeholder="Password" class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required"
              aria-invalid="true">
          </div>
        </div>
      </fm-input-frame>
    </div>
    <button type="submit" cy-login-submit="" ng-class="{
                'login__form__login-btn--loading': view.isLoggingIn()
                }" class="btn btn--green btn--large login__form__login-btn">
      <span class="login__form__login-btn__loader">
        <span class="fa fa-circle-o-notch fa-spin fa-fw"></span>Loading... </span>
      <span class="login__form__login-btn__label"> Sign In </span>
    </button>
    <a class="login__form__reset-link" cy-forgot-password="" ng-click="view.resetPassword()">Forgot Your Password?</a>
    <div class="login__form__sso-separator">
      <span>or</span>
    </div>
    <button class="btn btn--large login__form__sso-button" type="button" ng-click="view.byPassSsoDomain()"> Sign In with SSO </button>
  </div><!-- end ngIf: !view.sso.redirecting -->
</form>

Name: loginSsoForm —

<form class="login__form ng-pristine ng-invalid ng-invalid-required" name="loginSsoForm" ng-submit="view.goCustomSSO()" style="">
  <div class="login__form__logo">
    <img src="../../../images/fama-logo-text.983c50f7efae70cf503aa1.png" style="width:200px;">
  </div>
  <div class="login__form__header text--center"> Sign In with SSO </div>
  <div class="login__form__messages ng-inactive" ng-messages="view.status" aria-live="assertive" style="">
    <!-- ngMessage: notFound -->
  </div>
  <div class="input-group">
    <fm-input-frame fm-show-errors="loginSsoForm.$submitted || loginSsoForm.$dirty" fm-label="Company Domain" fm-error-messages="{
                            required: 'Please enter your company domain'
                        }" class="ng-isolate-scope">
      <div layout="column" class="input-frame layout-column">
        <div class="input-decorator layout-align-space-between-end layout-row" layout="row" layout-align="space-between end">
          <!-- zero-width space in case of no messages and no label -->
          <span class="input-label ng-binding" ng-class="{ 'input-label--empty': !view.label }"> Company Domain <!-- ngIf: view.tooltip -->
          </span>
          <div ng-messages="view.errors" ng-show="view.showErrors" layout="row" layout-align="end center" aria-live="assertive" class="layout-align-end-center layout-row ng-hide ng-active" aria-hidden="true" style="">
            <!-- ngRepeat: (key, message) in view.messages --><!-- ngMessage: {{key}} --><span class="input-frame__error-message ng-binding ng-scope" cy-input-frame-error="" ng-repeat="(key, message) in view.messages" ng-message="required"
              ng-bind="message" style="">Please enter your company domain</span><!-- end ngRepeat: (key, message) in view.messages -->
          </div>
        </div>
        <div ng-transclude="">
          <input fm-input-sm="" name="domain" type="text" validate="required" ng-model="view.domain" ng-change="view.onDomainChange()" placeholder="Your company domain" class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required"
            aria-invalid="true" style="">
        </div>
      </div>
    </fm-input-frame>
  </div>
  <button class="btn btn--green btn--large login__form__login-btn" ng-click="view.goCustomSSO()" type="submit"> Continue </button>
  <a class="login__form__reset-link" ng-click="view.backToLogin(loginSsoForm)"><i class="back-icon fa fa-chevron-left"></i>&nbsp;Back</a>
</form>

Name: loginResetForm —

<form class="login__form ng-pristine ng-invalid ng-invalid-required ng-valid-username" name="loginResetForm" cy-password-reset-form="" role="form" ng-submit="view.reset()" style="">
  <div class="login__form__logo">
    <img src="../../../images/fama-logo-text.983c50f7efae70cf503aa1.png" style="width:200px;">
  </div>
  <div class="login__form__messages ng-inactive" ng-messages="view.status" aria-live="assertive" style="">
    <!-- ngMessage: success -->
    <!-- ngMessage: failure -->
  </div>
  <div class="input-group">
    <fm-input-frame fm-label="Username" fm-error-messages="{username: 'Usernames cannot be empty and can only contain letters, numbers, or dashes'}" class="ng-isolate-scope">
      <div layout="column" class="input-frame layout-column">
        <div class="input-decorator layout-align-space-between-end layout-row" layout="row" layout-align="space-between end">
          <!-- zero-width space in case of no messages and no label -->
          <span class="input-label ng-binding" ng-class="{ 'input-label--empty': !view.label }"> Username <!-- ngIf: view.tooltip -->
          </span>
          <div ng-messages="view.errors" ng-show="view.showErrors" layout="row" layout-align="end center" aria-live="assertive" class="layout-align-end-center layout-row ng-inactive ng-hide" aria-hidden="true" style="">
            <!-- ngRepeat: (key, message) in view.messages --><!-- ngMessage: {{key}} --><!-- end ngRepeat: (key, message) in view.messages -->
          </div>
        </div>
        <div ng-transclude="">
          <input fm-input-sm="" placeholder="Username" name="username" cy-password-reset-username="" validate="required username" ng-model="view.username"
            class="ng-pristine ng-untouched ng-scope ng-empty ng-invalid ng-invalid-required ng-valid-username" aria-invalid="true" style="">
        </div>
      </div>
    </fm-input-frame>
  </div>
  <button type="submit" ng-disabled="loginResetForm.$invalid" cy-password-reset-btn="" class="btn btn--green btn--large login__form__login-btn" disabled="disabled"> Reset Password </button>
  <a class="login__form__reset-link" cy-password-reset-form-login="" ng-click="view.showLogin()">Login</a>
</form>

Text Content

Username*
Please enter a username

Password*
Please enter a password

Loading... Sign In Forgot Your Password?
or
Sign In with SSO
Sign In with SSO

Company Domain
Please enter your company domain

Continue  Back
Username


Reset Password Login