self-service/selfservice/templates/admin.html at d6a9358a45a7b920b5eb563b392261707ddfeccf · ComputerScienceHouse/self-service · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
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
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
{% block head %}
<head>
	{% include "include/head.html" %}
	<style>
		body {
		    background-color: #eee;
		    background-image: none;
		}
	</style>
</head>
{% endblock %}
{% block body %}
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary justify-content-center">
  <div class="container">
    <a class="navbar-brand" href="#">Account Admin</a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#nav-responsive">
      <span class="navbar-toggler-icon"></span>
    </button>
    <!-- Responsive Collapse -->
    <div class="collapse navbar-collapse" id="nav-responsive">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item my-auto">
          <a class="nav-link" href="/">Back to Self-Service</a>
        </li>
      </ul>
      <ul class="nav navbar-nav ml-auto">
        <!-- Dropdown -->
        <li class="nav-item navbar-user dropdown" >
          <a class="nav-link mt-2" href="#">
            <img src="https://profiles.csh.rit.edu/image/{{username}}"> {{username}}
          </a>
        </li>
      </ul>
    </div>
  </div>
</nav>

<div class="container" style="margin-top: 6rem">
	<div class="row">
		<div class="col-lg-6 col-md-12">
			<div class="card mb-3">
				<div class="card-body">
					<h3 class="card-title mb-3">Create Reset Token</h3>
					{% if not token %}
					<p class="card-text mb-4">
						Search for a user below to generate a temporary password reset token.
					</p>
					<form action="/admin" method="post">
						<input type="text" class="form-control mb-2" id="username" name="username" placeholder="Username">
						<div style="width: 100%; text-align: right;">
							<button type="submit" class="btn btn-success mt-2">
								Submit <i class="fas fa-check"></i>
							</button>
						</div>
					</form>
					{% else %}
					<p class="card-text mb-4">
						Please provide the users with the link below!
					</p>
					<p class="card-text mb-4">
						<a href="https://account.csh.rit.edu/reset?token={{token}}">
							https://account.csh.rit.edu/reset?token={{token}}
						</a>
					</p>
					{% endif %}
				</div>
			</div>
		</div>

		<div class="col-lg-6 col-md-12">
			<div class="card mb-3">
				<div class="card-body">
					<h3 class="card-title mb-3">Latest Sessions</h3>
					<table class="table">
						<thead class="thead-light" style="text-align: center">
							<tr>
								<th scope="col" style="text-align: left">Username</th>
								<th scope="col">Started</th>
								<th scope="col">Tkn Gen</th>
								<th scope="col">Key Used</th>
							</tr>
						</thead>
						<tbody>
							{% for session in sessions %}
							{% if session["used"] or session["session_expired"] %}
							<tr class="table-dark">
							{% elif session["token_created"] %}
							<tr class="table-success">
							{% else %}
							<tr class="table-warning">
							{% endif %}
								<th scope="row" class="border-top-0">
									<div class="navbar-user {% if session["used"] or session["session_expired"] %}expired-user-img{% endif %}">
										<img src="https://profiles.csh.rit.edu/image/{{session["username"]}}">{{session["username"]}}</th>
									</div>
								<td class="border-top-0">
									{% if session["session_created"] %}
									{{session["session_created"].strftime('%m/%d %H:%M')}}
									{% endif %}
								</td>
								<td class="border-top-0">
									{% if session["token_created"] %}
									{{session["token_created"].strftime('%H:%M')}}
									{% endif %}
								</td>
								<td class="border-top-0">
									{% if session["used"] %}
									✓
									{% endif %}
								</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

{% if not token %}
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src='/static/js/selectize.js'></script>
<script type="text/javascript">
	$("input[name='username']").selectize({
		persist: false,
		maxItems: 1,
		openOnFocus: false,
		closeAfterSelect: true,
		plugins: ['remove_button'],
		valueField: 'value',
		labelField: 'display',
		searchField: 'display',
		selectOnTab: true,
		options: [{% for member in members %}{"display": "{{member['display']}}", "value": "{{member['value']}}"},{% endfor %}]});
</script>
{% endif %}
{% endblock %}
</html>