-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (87 loc) · 3.41 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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Slack Export Prettify</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/loader.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand">Slack Export Prettify</a>
</div>
</div>
</nav>
<div class="jumbotron" id="welcome">
<div class="container">
<p>
The goal of this application is to present a chat history export from
Slack in a human readable format. To get started, follow these instructions:
</p>
<ol>
<li>
Download your Slack team's history. This can be done by navigating to
<kbd>https://$YOUR_TEAM_NAME.slack.com/services/export</kbd>. The
export will come in the form of a zip file containing many directories
(channels) and json files broken into dates.
</li>
<li>
Select your zip using the "Choose File" button in the form below.
This will trigger the browser to load your zip file. The file does not
get uploaded anywhere, all processing is done client side.
</li>
<li>
The app will process your zip and once it is complete these
instructions will be replaced by a list of your channels that you can
click on and view the chat history that was contained in the zip.
</li>
</ol>
<form role="form" id="file-select-form">
<input type="file" accept="application/zip" id="file-input"
placeholder="Select slack export zip file" class="form-control">
</form>
</div>
</div>
<div class="container-fluid">
<div class="row" id="loading">
<center><p><h2>LOADING</h2></p></center>
<br/>
<div class="sk-folding-cube">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube2 sk-cube"></div>
<div class="sk-cube4 sk-cube"></div>
<div class="sk-cube3 sk-cube"></div>
</div>
</div>
</div>
<div class="row hideme" id="zip-output">
<!-- content will go here -->
</div>
<footer>
<!-- TODO -->
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')
</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script type="text/javascript" src="js/vendor/jszip.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>