-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
111 lines (107 loc) · 5.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Live.app - Inbox</title>
<!-- Include CSS -->
<link href="assets/css/style.css" rel="stylesheet">
<script src="assets/js/modernizr.js"></script>
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<h1>Live.app</h1>
<ul class="sidebar-nav friendlist"></ul>
<div class="sidebar-bottom">
<button class="pseudobutton sidebar-clearlocaldb" data-toggle="modal" data-target="#clearlocaldb">
<span class="glyphicon glyphicon-trash"></span> Clear database?
</button>
</div>
</div>
<!-- Page content -->
<div id="page-content-wrapper">
<div class="content-header">
<h1>
<a id="menu-toggle" href="#" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></a>
Inbox
<span class="right"><img src="assets/svg/loading-spin.svg" alt="Loading icon" class="icon-loading" /></span>
</h1>
<hr>
</div>
<ul class="timeline"></ul>
</div>
</div>
<div class="modal fade" id="settings" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">First start of Live.app</h4>
</div>
<div class="modal-body">
<p>It seems that this is the first start of <strong>Live.app</strong>, at least the settings database is empty or missing.You need to setup your XboxAPI.com key in order to use this web app properly. Please enter your API key below and click on "Submit". If it passes the connection check, you can start chatting with your friends!</p>
<div class="form-group">
<label for="apiKey" class="control-label">API key</label>
<input type="text" class="form-control" id="apiKey" placeholder="XboxAPI.com API key">
<p class="help-block">To use <strong>Live.app</strong> you need an valid API key from <a href="https://xboxapi.com" target="_blank">XboxAPI.com</a>. Since this is a client side application, the API key will be never sent to anyone and remain in your local browser database (IndexedDB/WebSQL).</p>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit-button">Submit</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="composemessage" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Compose message</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label class="label-recipients" for="recipients" class="control-label">Recipients</label><br>
<select data-placeholder="Choose recipients..." class="chosen-recipients form-control" multiple style="width:350px;" tabindex="4">
<option value=""></option>
</select>
<p class="help-block">You can also use multiple recipients.</p>
</div>
<div class="form-group">
<label class="label-messagebody" for="messagebody" class="control-label">Message</label>
<textarea class="form-control" id="messagebody" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit-button">Submit</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="clearlocaldb" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Are you sure to remove all databases?</h4>
</div>
<div class="modal-body">
<div class="form-group">
<p>This will include the client side settings like your XboxLive.com API key and of course the actual caching databases for each API endpoint.</p>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit-button clearlocaldb-submit">Delete</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Include JavaScript -->
<script src="assets/js/build.js"></script>
</body>
</html>