SignUp.html 5.4 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
        socket.emit( 'join_room' )
15

16
        socket.on( 'creating account', function( msg ) {
17
18
           document.getElementById("error").innerText = "";
           displayloading();
19
        })
20

21
        socket.on( 'account ready', function( msg ) {
22
23
          $('#myModal').modal('hide');
          alert("Account has been created!");
24
        })
25

26
27
28
        socket.on( 'Account creation failed', function( msg ) {
          document.getElementById("error").innerText = "Registration Failed. Please try again.";
        })
29

30
    })
31
32
</script>

33
34
35
36
  <style type="text/css">
    .important { color: #336699; }
  </style>
    <link rel="shortcut icon" type="image/x-icon" href="/public/favicon.ico">
37
38
<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') }}">
39
40
41
42
43
44
45
46

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.navbar-inverse {
  background-color: rgb(0,99,65);
}

</style>
47
</head>
48
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">
	<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>
56
	<a class="navbar-brand" href="/">Research Computing</a>
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
	<ul class="nav navbar-nav">

	</ul>
	<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>
	    <li>
	  </li></ul>
	</div>
      </div>
72
73
74
    </div>
  </nav>
</header>
75
<div class="container content" role="main" style="width: 625px">
76

77
    <div style="position:relative;">
78
  <img alt="logo" height="auto" width="100%" style="margin-bottom: 20px" src="{{ url_for('static', filename='img/cheaha-logo-a605de0aecd3006b82a5ee30a6d0cb8cd9bf8b7e836296cc293eac746a4c2b11.png') }}">
79
80
81
82
  <a href="https://tinyurl.com/cheahaAL" target="_blank">
    <div style="float:left;position:absolute;display:block;left:310px;top:-6px;padding:10px 20px;"> </div>
  </a>
</div>
83

84
85
86
<!--   <h2>Hello, <span id="username">{{ user }}</span>!</h2> -->

    <h2>Hi, </h2>
87
88
    <div id="test">
    <form action="." method="post" onsubmit="">
89
      <div class="signUpContainer">
90
91
          <label><b><label for="username">Blazer Id: </label><br></b></label>
            <input class="form-control" id="bid" name="bid" placeholder="Enter BlazerId" required="" type="text">
92
93
94
95
          <label><b><label for="fullname">Full Name: </label><br></b></label>
            <input class="form-control" id="fullname" name="fullname" placeholder="Enter Full Name" required="" type="text">
          <label><b><label for="reason">Reason for Requesting Account: </label><br></b></label>
            <textarea class="form-control" id="reason" name="reason" placeholder="Enter Reason for Account Request" required=""></textarea>
96
          <input class="btn btn-primary btn-block" id="submit" name="submit" type="button" value="Submit" onclick="request_account()">
97
98
99
100

        <div>
            <strong id="error" style="color: #be051b; text-align: center;"></strong>
        </div>
101

102
103
104
      </div>
    </form>
    </div>
105
    </div>
106

107
108
109
110
111
112
113
114
115
116
117
118
119
    <div class="modal fade" id="myModal" 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>
            </div>
        </div>
    </div>
120
<footer>
121
122
123
124
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6 col-sm-6">
	    <a href="https://osc.github.io/Open-OnDemand/">
125
	      <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') }}">
126
127
128
129
        </a>
      </div>
    </div>
  </div><!-- /.container -->
130
</footer>
131
</body>
132
</html>
133