ModelSEED-UI/app/views/dialogs/auth.html at 5ffe707608c97df99583d2be98a025e199a11891 · ModelSEED/ModelSEED-UI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<md-dialog flex="70">
    <md-toolbar>
      <div class="md-toolbar-tools md-toolbar-accent">
        <h3>Please sign in</h3>
        <span flex></span>
        <md-button class="md-icon-button" ng-click="cancel()" ui-sref="main.home" tabindex="1">
          <md-icon class="material-icons" aria-label="Close signIn dialog, go to homepage">close</md-icon>
        </md-button>
      </div>
    </md-toolbar>

    <form ng-submit="ok()">
        <md-dialog-content>
            <div layout="row" layout-padding layout-margin>

                <div ng-if="!$root.user" id="login" class="login" flex="70">
                    <h4>
                        Sign in with {{method.name}} account to continue
                    </h4>

                    <div ng-if="inValid" class="alert alert-danger" role="alert">
                        <b>Try again.</b>
                        Wrong username and/or password
                    </div>

                    <div ng-if="failMsg" class="alert alert-danger" role="alert">
                        <b>Oh snap!</b>
                        {{failMsg}}
                    </div>

                    <form>
                        <md-input-container>
                            <label>{{method.name}} Username</label>
                            <input ng-model="creds.user" tabindex="2">
                        </md-input-container>
                        <md-input-container>
                            <label>Password</label>
                            <input ng-model="creds.pass" label="Password" type="password" tabindex="3">
                        </md-input-container>
                        <md-button type="submit" tabindex="4"
                                   class="md-primary md-raised pull-left" ng-disabled="!creds.user.length || !creds.pass.length">
                            Sign In
                        </md-button>

                        <small layout="column" layout-align="end end">
                            <a href="{{method.newAccountURL}}" target="_blank" tabindex="5">Create new account</a>
                            <a href="{{method.forgotPasswordUrl}}" target="_blank" tabindex="6">Forgot password?</a>
                        </small>
                    </form>

                    <md-progress-circular ng-if="loading" class="pull-left" md-mode="indeterminate" md-diameter="25"></md-progress-circular>

                </div>

                <div class="alt-login-container alt-login-patric" ng-if="method.name == 'RAST'" flex>
                    Or, sign in with:
                    <div class="alt-login" ng-click="switchMethod('patric')">
                        <img src="img/patric.jpg" width="50" height="50" class="pull-left" />
                        <div class="pull-left">
                            PATRIC
                        </div>
                    </div>
                </div>

                <div class="alt-login-container" ng-if="method.name == 'PATRIC'" flex>
                    Or, sign in with:
                    <div class="alt-login" ng-click="switchMethod('rast')">
                        <img src="img/seed.png" width="50" height="50" class="pull-left" />
                        <div class="pull-left">
                            RAST<br>
                        </div>
                    </div>
                </div>
            </div>
        </md-dialog-content>


        <div class="md-actions" layout="row">
            <md-button class="md-button md-default" ng-click="cancel()" ui-sref="main.home">
                Go to homepage
            </md-button>

            <!--
            <md-button type="submit" class="md-raised md-primary">
                Signin
            </md-button>
        -->
        </div>
    </form>
</md-dialog>