SignUp.html 6.61 KB
Newer Older
1
<html class="gr__rc_uab_edu">
2
3
4
5
<title>User Registration </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>
6
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
7
<script src="{{ url_for('static', filename='scripts/function.js') }}"></script>
8
9

<script>
10
    console.info('Room ID: {{ room_id }}');
11
12
    var socket = io.connect('http://' + document.domain + ':' + location.port);

13
    socket.on( 'connect', function() {
14
        autofill_form("{{ username }}", "{{ fullname }}", "{{ email }}");
15
16
17
        socket.emit( 'join_room', {
            referrer: '{{ referrer }}'
        });
18

19
        socket.on( 'creating account', function( msg ) {
root's avatar
root committed
20
           displayloading2();
21
        });
22

23
        socket.on( 'account ready', function( msg ) {
root's avatar
root committed
24
          $('#myModal2').modal('hide');
25
26
          window.location.replace('{{ referrer }}');
        });
27

root's avatar
root committed
28
        socket.on( 'account error', function( msg ) {
29
30
          console.log(msg);
          $('#myModal2').modal('hide'); 
31
          renderDom("Account create error", "contact rc team", msg);
32
        });
33

34
    });
35
36
</script>

37
<link rel="shortcut icon" type="image/x-icon" href="/public/favicon.ico">
38
39
<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') }}">
40
41
42

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

48
</head>
49
50


51
52
53
54
55
<body data-gr-c-s-loaded="true">
<header>
  <nav class="navbar navbar-inverse navbar-static-top">
    <div class="container-fluid">
      <div class="navbar-header">
56
57
        <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>
58
59
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
60
61
62
63
64
65
66
67
68
        <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>
69
      </div>
70
71
72
73
    </div>
  </nav>
</header>

74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<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">
    <h2> Self Registration form </h2>
      <p> Welcome to UAB's Reseach Computing cluster. The information below will be used to create your account. <br>Please fill in all the details as this helps us understand our user base. <br>Contact support@listserv.uab.edu for any assistance in creating your account.</p>    
      <div id="user-input">    
        <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">
            <label for="email" class="control-label">Email:</label>&#9;<input id="email" class="form-control" placeholder="Enter Email" required><br>
          </div>
          <div class="col-md-7 col-sm-7 my-col">
            <label for="reason" class="control-label">Reason for Requesting Account:</label><br>
97
            <textarea class="form-control" id="reason" name="reason" placeholder="Enter Reason for Account Request" required></textarea>
98
99
100
101
102
103
104
105
          </div>
          <br>
          <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 cancel','close browser', '')">Cancel</button> 
            <button class="btn btn-primary btn-md"  id="submit" name="submit" type="button" value="Submit" onclick="displayloading1();request_account()"> Create Account</button>
          </div>
        </form>
      </div>
106
    </div>
107
108
109
110
111
112
113
114
115
116
117
118
119
  </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 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>
120
    </div>
121
122
  </div>
</div>
123

124
125
126
127
128
129
130
131
132
133
<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 Request Received!</h4>
      </div>
      <div class="modal-body">
        <span>Please wait while we create your account. This may take up to 5-10 minutes.</span>
        <img src="{{ url_for('static', filename='img/loading.gif') }}" width="40px">
      </div>
root's avatar
root committed
134
    </div>
135
136
  </div>
</div>
root's avatar
root committed
137

138
<footer>
139
140
141
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6 col-sm-6">
142
143
        <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') }}">
144
145
146
        </a>
      </div>
    </div>
147
  </div>
148
</footer>
149

150
</body>
151
</html>