-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmembers.html
206 lines (184 loc) · 11.7 KB
/
members.html
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Members panel</title>
<link rel="icon" href="https://img.icons8.com/cotton/2x/communication--v1.png" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="./toaster/toastr.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./css/members.css">
</head>
<body>
<div class="loader" style="
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
background: #101011;
justify-content: center;
align-items: center;
">
<img src="https://i.giphy.com/media/fYqaFLAWq7v2oRy4vh/giphy.webp" alt="loader" width="180px" height="180px" />
</div>
<div class="uploader" style="position:fixed;z-index:98;top:0;left:0;width:100%;height:100%;display:flex;background:radial-gradient(circle, rgba(21,51,108,1) 0%, rgba(3,5,50,0.6909138655462185) 86%);;
justify-content:center;align-items:center;">
<!-- <img src="https://purchase.enigmasoftware.com/Resources/Public/images/core/big_loader.gif" alt="loader"> -->
<div class="svgAnimPanel" style="width: 30%; height: 60%;">
<svg viewBox="0 0 96 96" class="svg-icon icon-big-data">
<polygon id="icon-laptop_touchpad_bg" fill="#12C4E8" points="42 82 39 79 57 79 54 82 " />
<rect id="icon-laptop_screen_bg" x="20" y="40" fill="none" stroke="#12C4E8" stroke-width="2"
stroke-miterlimit="10" width="56" height="34" />
<path id="icon-laptop_screen_border" fill="white"
d="M78 36c2.2 0 3 1.9 3 4.1V78H15V40.1c0-2.2 1.9-4.1 4.1-4.1H78M78 34H19.1c-3.3 0-6.1 2.8-6.1 6.1V78v2h2 66 2v-2V40.1C83 36.4 81 34 78 34L78 34z" />
<path id="icon-laptop_keyboard_border" fill="white"
d="M88 80v3l-5 6H12l-4-6v-3h30l3 4h14l3-4H88M90 78h-2H58h-1l-0.6 0.8L54 82H42l-2.4-3.2L39 78h-1H8 6v2 3 0.6l0.3 0.5 4 6 0.6 0.9H12h71 0.9l0.6-0.7 5-6 0.5-0.6V83v-3V78L90 78z" />
<rect id="icon-laptop_line_1_dot" x="36" y="68" fill="#FF550E" width="2" height="2" />
<rect id="icon-laptop_line_2_dot" x="41" y="68" fill="#FF550E" width="2" height="2" />
<rect id="icon-laptop_line_3_dot" x="46" y="68" fill="#FF550E" width="2" height="2" />
<rect id="icon-laptop_line_4_dot" x="51" y="68" fill="#FF550E" width="2" height="2" />
<rect id="icon-laptop_line_5_dot" x="56" y="68" fill="#FF550E" width="2" height="2" />
<polyline id="icon-laptop_line_1" fill="none" stroke="#FF550E" stroke-width="2" stroke-miterlimit="10"
points="25 47 37 47 37 66 " />
<line id="icon-laptop_line_2" fill="none" stroke="#FF550E" stroke-width="2" stroke-miterlimit="10"
x1="42" y1="22" x2="42" y2="66" />
<polyline id="icon-laptop_line_2_top" fill="none" stroke="#FF550E" stroke-width="2"
stroke-miterlimit="10" points="42 14 42 10 72 10 " />
<polyline id="icon-laptop_line_3" fill="none" stroke="#FF550E" stroke-width="2" stroke-miterlimit="10"
points="47 66 47 25 77 25 " />
<line id="icon-laptop_line_4" fill="none" stroke="#FF550E" stroke-width="2" stroke-miterlimit="10"
x1="52" y1="28" x2="52" y2="66" />
<polyline id="icon-laptop_line_4_top" fill="none" stroke="#FF550E" stroke-width="2"
stroke-miterlimit="10" points="24 17 53 17 53 22 " />
<polyline id="icon-laptop_line_5" fill="none" stroke="#FF550E" stroke-width="2" stroke-miterlimit="10"
points="66 48 57 48 57 66 " />
<rect id="icon-laptop_line_4_dot_end_1" x="20" y="16" fill="#FF550E" width="2" height="2" />
<rect id="icon-laptop_line_4_dot_end_2" x="16" y="16" fill="#FF550E" width="2" height="2" />
<rect id="icon-laptop_line_2_dot_end_1" x="74" y="9" fill="#FF550E" width="2" height="2" />
<rect id="icon-laptop_line_2_dot_end_2" x="78" y="9" fill="#FF550E" width="2" height="2" />
<g>
<circle id="icon-laptop_line_3_circle" fill="#12C4E8" cx="77" cy="25" r="5" />
</g>
</svg>
</div>
</div>
<div class="dashboard-main row m-auto" style="height: -webkit-fill-available;">
<div class="dashboard-container1 row col-md-9 mr-1 " style="height: inherit;">
<!-- leftbar1 container -->
<div class="leftbar1 py-5">
<a href="./index.html" class="text-center"><img
src="https://img.icons8.com/cotton/2x/communication--v1.png" alt="" height="51px"></a>
<div class="leftbar1-icons">
<a href="./admin.html" aria-label="Dashboard" data-microtip-position="right" role="tooltip"><i
class="fa fa-home m-0"></i></a>
<a href="./post.html" aria-label="Create Post" data-microtip-position="right" role="tooltip"><i
class="fa fa-plus-circle"></i></a>
<!-- <a href="#0" aria-label="Group chat" data-microtip-position="right" role="tooltip"><i
class="fa fa-group"></i></a> -->
<a href="#0" aria-label="Users" data-microtip-position="right" role="tooltip"><i
class="fa fa-user-plus"></i></a>
</div>
<a href="#0" id="signout" aria-label="Sign out" data-microtip-position="top-right" role="tooltip"><i
class="fa fa-sign-out text-secondary"></i></a>
</div>
<div class="content col-md-10 row " id="frame">
<div class="row col-md-12 mx-0 my-auto px-0" "="">
<div class=" col-md-6 unapprove ml-0 mr-auto shadow-lg border border-info">
<h5 class="text-light text-center mt-2 mr-2">Unapproved Members</h5>
<div class="feed-bar bg-dark border-none scrollbar mx-2 mb-4 " id="force-overflow1">
</div>
</div>
<div class="taskForm1 d-inline-block col-md-6 h-75 shadow-lg ml-auto mr-0 p-0 my-auto">
<form class="approvalBar p-3 my-2">
<h5 class="text-center text-light mb-3 ">Approval Member Form</h5>
<h6 class="text-center text-secondary my-5" id="selected_name">Click on any card to give a
designation and approve</h6>
<p class="text-center text-info"></p>
<i class="text-center text-secondary fa fa-address-card d-block" style="font-size: 14vh;"></i>
<div class="cardDiv">
</div>
</form>
</div>
</div>
<div class="row col-md-12 m-auto taskForm2 mx-auto d-inline-block border border-info user_forms-signup">
<h5 class="text-center text-light my-3">Register Members</h5>
<form class="row">
<div class="col-md-12 m-0 row">
<div class="form-group col-md-6">
<label for="exampleInputEmail1">Full Name</label>
<input type="text" id="name"
class="form-control bg-dark shadow-lg text-light border-info is-disabled"
placeholder="Profile Name" value="" required="">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Email</label>
<input type="email" id="email"
class="form-control bg-dark shadow-lg text-light border-info is-disabled"
placeholder="Enter Email" value="" required="">
</div>
</div>
<div class="col-md-12 m-0 row">
<div class="form-group col-md-6 ">
<label for="exampleInputPassword1">Designation</label>
<input type="text" id="designation"
class="form-control bg-dark shadow-lg text-light border-info is-disabled"
placeholder="Enter Designation" value="" required="">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Password</label>
<input type="password" id="password"
class="form-control bg-dark shadow-lg text-light border-info is-disabled"
placeholder="Enter Password" value="" required="">
</div>
</div>
<div class="col-md-12">
<button type="submit"
class="text-center form-control btn btn-info rounded-pill border-info shadow-lg mt-2">submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="rightbar-div col-md-3 mx-0">
<h2 class="text-light text-center pt-5 pb-2 mx-auto"> Members</h2>
<div class="input-group mb-2">
<input type="text" id="myInput" class="form-control bg-transparent border-dark"
placeholder="find somebody..." style="border-radius: 20px;">
</div>
<div class="searchAndItems">
<div class="dfeed-bar bg-transparent border-none scrollbar" id="force-overflow" style="min-height: 73.6vh;">
</div>
</div>
</div>
</div>
</div>
</body>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-analytics.js"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyAcNk4KaBv11KxfLtYofUq2zBRDsszM2VE",
authDomain: "office-kothon.firebaseapp.com",
databaseURL: "https://office-kothon.firebaseio.com",
projectId: "office-kothon",
storageBucket: "office-kothon.appspot.com",
messagingSenderId: "605346039997",
appId: "1:605346039997:web:350fd046addb6f51860fd4",
measurementId: "G-W822J60VT1"
};
</script>
<script src="./toaster/toastr.min.js"></script>
<script src="./js/jqDatePicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" integrity="sha256-/H4YS+7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o=" crossorigin="anonymous"></script>
<script src="./js/members.js"></script>