-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
126 lines (111 loc) · 4.92 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="manifest" href="./manifest.webmanifest">
<title>KonGeoS Web App Prototype</title>
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="./better_ui.css">
<script src="./core/core.js"></script>
<script src="./core/module.js"></script>
<script src="./core/api.js"></script>
<script src="./modules/routeModule.js"></script>
<script src="./modules/guiLoggingModule.js"></script>
<script src="./modules/backButtonModule.js"></script>
<script src="./modules/apiModule.js"></script>
<script src="./modules/authenticationModule.js"></script>
<script src="./modules/signFormModule.js"></script>
<script src="./modules/feedModule.js"></script>
<script src="./modules/postModule.js"></script>
<script src="./modules/postFeedModule.js"></script>
</head>
<body>
<header>
<section>
<a id="btnBack" href="#/feed" title="Back">↩</a>
</section>
<h1>KonGeoS Web App Prototype</h1>
<section class="login">
<a id="aSignIn" href="#/sign-in">sign-in</a>
<a id="aSignUp" href="#/sign-up">sign-up</a>
<a id="aSignOut" href="#/sign-out">sign-out</a>
</section>
</header>
<section class="info-field">
</section>
<main>
<section class="view" name="feed" hidden>
<section class="feed"></section>
<section class="post-new">
<textarea name="newPost" id="inPost"></textarea>
<!-- <button id="btnGeolocation">📍</button> -->
<!-- <input type="file" accept="image/*" id="inCapture" capture="camera" hidden>
<label for="inCapture" class="btn">📷</label> -->
<button id="btnPost">✈️</button>
</section>
</section>
<section class="view" name="post" hidden>
<header class="post" id="">
<header><a href="" class="user-info"></a></header>
<aside class="left"></aside>
<main>
<p class="content"></p>
</main>
<aside class="right">
<div class="votes"><button>△</button><span class="votes-value" hidden="">0</span><span>0</span><span
class="votes-value" hidden="">0</span><button>▽</button></div>
</aside>
<footer><span class="time"></span><a class="comments">0</a><a class="geolocation">null
null</a></footer>
</header>
<main></main>
<footer>
<textarea id="inComment"></textarea>
<button id="btnSendComment">Send comment</button>
</footer>
</section>
<section class="view" name="users" hidden>
<section id="secUsers"></section>
<button id="btnUsersUpdate">Load users</button>
</section>
<section class="view" name="profile" hidden>
<form class="user-profile-form">
<label for="inGender">Gender:</label><input id="inGender" type="text">
<label for="inMotto">Motto:</label><input id="inMotto" type="text">
<label for="inUniversity">University:</label><input id="inUniversity" type="text">
<input type="submit" value="Update profile">
</form>
</section>
<section class="view" name="sign-up" hidden>
<h2>Sign up</h2>
<form class="sign-up-form">
<label for="inUsername-sign-up">Username:</label><input id="inUsername-sign-up"
type="text">
<label for="inFirstname" hidden>Firstname:</label><input type="text" name="" id="inFirstname" hidden>
<label for="inLastname" hidden>Lastname:</label><input type="text" name="" id="inLastname" hidden>
<label for="inPassword-sign-up">Password:</label><input type="password" name="" id="inPassword-sign-up">
<input type="submit" value="Sign up">
</form>
</section>
<section class="view" name="sign-in" hidden open>
<h2>Sign in</h2>
<form class="sign-in-form">
<label for="inUsername-sign-in">Username:</label>
<input type="text" name="" id="inUsername-sign-in">
<label for="inPassword-sign-in">Password:</label>
<input type="password" name="" id="inPassword-sign-in">
<input type="submit" value="Sign in">
</form>
</section>
</main>
<footer>
<a href="#/feed">Feed</a>
<a href="#/users">Users</a>
<a href="#/profile">Profile</a>
</footer>
<!-- Scripts -->
<script src="./index.js"></script>
</body>
</html>