certify.html 7.42 KB
Newer Older
Krish Moodbidri's avatar
Krish Moodbidri committed
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
<html class="gr__rc_uab_edu">
<title>User Certification </title>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script src="{{ url_for('static', filename='scripts/function.js') }}"></script>

<script>
    console.info('Room ID: {{ room_id }}');
    var socket = io.connect();

    socket.on( 'connect', function() {
        autofill_form("{{ username }}", "{{ fullname }}", "{{ email }}");
        socket.emit( 'join_room', {
            referrer: '{{ referrer }}'
        });

        socket.on( 'certifying account', function( msg ) {
           displayloading2();
        });

        socket.on( 'certified', function( msg ) {
          $('#myModal2').modal('hide');
          window.location.replace('{{ referrer }}');
        });

Krish Moodbidri's avatar
Krish Moodbidri committed
28
        socket.on( 'certify error', function( msg ) {
Krish Moodbidri's avatar
Krish Moodbidri committed
29
30
          console.log(msg);
          $('#myModal2').modal('hide'); 
Krish Moodbidri's avatar
Krish Moodbidri committed
31
          renderDom("Account Certification Error", "{{ error_msg }}", msg);
Krish Moodbidri's avatar
Krish Moodbidri committed
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
        });

    });
</script>

<link rel="shortcut icon" type="image/x-icon" href="/public/favicon.ico">
<link rel="stylesheet" media="all" href="{{ url_for('static', filename='style/application.css') }}">
<link rel="stylesheet" media="all" href="{{ url_for('static', filename='style/app2.css') }}">

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  .navbar-inverse { background-color: rgb(0,99,65); }
  button{ margin: 13px;
  .important { color: #336699; }}
</style>

</head>


<body data-gr-c-s-loaded="true">
<header>
  <nav class="navbar navbar-inverse navbar-static-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <a class="navbar-brand" href="/"> UAB Research Computing</a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
        <div class="navbar-right">
          <ul class="nav navbar-nav">
          <li>
            <a target="_blank" href="https://docs.uabgrid.uab.edu/wiki/Cheaha_GettingStarted">
              <i class="fas fa-info-circle fa-fw"></i> Online Documentation
            </a>
          </li>
          </ul>
        </div>
      </div>
    </div>
  </nav>
</header>

<div class="container content" role="main" style="width: 100%">
  <div class="col-md-2 col-sm-2 my-col">
    <img alt="logo" height="auto" width="80%"  src="{{ url_for('static', filename='img/logo_svg.svg') }}">
    <a href="https://tinyurl.com/cheahaAL" target="_blank"></a>
  </div>

  <div class="col-md-10 col-sm-10 my-col">
    <div id="form-wrapper">
82
83
84
85
86
87
88
89
90
91
    <h2> Annual Recertification</h2>
    <div id="pre-certify">
      <p style="font-size:110%;"> {{ pre_certification_msg |safe }}</p>
      <div class="col-md-7 col-sm-7 my-col">
        <button class="btn btn-danger btn-md" id="cancel" name="cancel" type="button" onClick="renderDom('Account  Certification Cancelled','{{ cancel_msg |safe }}', null)">Cancel</button>
        <button class="btn btn-primary btn-md"  id="submit" name="submit" type="button" value="Submit" onclick="preCertification()"> Continue to Certification</button>
      </div>
    </div>
    <div id="user-recertify" style="display: none">
    <p style="font-size:110%;"> {{ certification_msg |safe }}</p>
Krish Moodbidri's avatar
Krish Moodbidri committed
92
93
94
95
96
97
98
99
        <form id="signup" data-toggle="validator" role="form" action="." method="post" onsubmit="">
          <div class="col-md-7 col-sm-7 my-col">
            <label for="username" class="control-label">Blazer Id:</label>&#9;<input id="username" class="form-control" placeholder="Enter Username" required><br>
          </div>
          <div class="col-md-7 col-sm-7 my-col">
            <label for="fullname" class="control-label">Full Name:</label>&#9;<input id="fullname" class="form-control" placeholder="Enter Full Name" required><br>
          </div>
          <div class="col-md-7 col-sm-7 my-col">
100
            <label for="email" class="control-label">Email:</label>&#9;<input id="email" class="form-control" placeholder="Enter Email" required>
Krish Moodbidri's avatar
Krish Moodbidri committed
101
          </div>
102
          <div class="col-md-10 col-sm-10 my-col">
103
104
            <br><input class="checks" id ="agree1" type="checkbox" name="agree" value="agree" onchange= check() /> I have read & accept UAB IT's <a href="https://secure2.compliancebridge.com/uab/public/index.php?fuseaction=print.preview&docID=786" target="_blank">Acceptable Use Policy</a> and <a href="https://www.uab.edu/it/home/policies/data-classification/classification-overview" target="_blank">Data Classification Policy</a><br/>
            <br><input class="checks" id ="agree2" type="checkbox" name="agree" value="agree" onchange= check() /> I also understand that it is my responsibility to follow all relevant <a href="https://www.uab.edu/it/home/policies" target="_blank">IT policies</a> when using this resource.<br/>            
105
            <br>To certify your account, both checkboxes must be checked.<br/>
Krish Moodbidri's avatar
Krish Moodbidri committed
106
            <button class="btn btn-danger btn-md" id="cancel" name="cancel" type="button" onClick="renderDom('Account  Certification Cancelled','{{ cancel_msg |safe }}', null)">Cancel</button> 
107
            <button class="btn btn-primary btn-md" disabled  id="submit" name="submit" type="button" value="Submit" onclick="displayloading1();certify_account()"> Certify Account</button>
Krish Moodbidri's avatar
Krish Moodbidri committed
108
109
110
          </div>
        </form>
      </div>
111
      </div>
Krish Moodbidri's avatar
Krish Moodbidri committed
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
    </div>
  </div>
</div>  

<div class="modal fade" id="overlayModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Account Certification Request Received!</h4>
      </div>
      <div class="modal-body">
        <span>Communicating this information to the server</span>
        <img src="{{ url_for('static', filename='img/loading.gif') }}" width="40px">
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Account Certification Received!</h4>
      </div>
      <div class="modal-body">
Krish Moodbidri's avatar
Krish Moodbidri committed
137
        <span>Sit tight while we certify your account.</span>
Krish Moodbidri's avatar
Krish Moodbidri committed
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
        <img src="{{ url_for('static', filename='img/loading.gif') }}" width="40px">
      </div>
    </div>
  </div>
</div>

<footer>
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6 col-sm-6">
        <a href="https://osc.github.io/Open-OnDemand/">
	  <img class="footer-logo" alt="Powered by Open OnDemand" height="40" style="margin-bottom: 20px" src="{{ url_for('static', filename='img/OpenOnDemand_powered_by_RGB-cb3aad5ff5350c7994f250fb334ddcc72e343233ce99eb71fda93beddd76a847.svg') }}">
        </a>
      </div>
    </div>
  </div>
</footer>

</body>
</html>