-
Notifications
You must be signed in to change notification settings - Fork 62
Expand file tree
/
Copy pathindex.html
More file actions
189 lines (187 loc) · 13.6 KB
/
index.html
File metadata and controls
189 lines (187 loc) · 13.6 KB
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Prabhakar Gupta">
<meta property="og:site_name" content="WA Reader"/>
<meta property="og:title" content="WA Reader"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="static/img/wa-reader.png"/>
<meta property="og:description" content="WA Reader is a web-tool aimed to help users view their WhatsApp back-up chats in a familiar user-interface."/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/minEmoji2.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="shortcut icon" type="image/png" href="static/img/favicon.png"/>
<title>WA Reader | By Prabhakar Gupta</title>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-57220954-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<nav class="navbar sticky-top navbar-expand-lg navbar-inverse">
<a class="navbar-brand nav-back" href="#"> <strong>WA Reader</strong> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item nav-back" style="display:none;"><a class="nav-link"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> View another chat</a></li>
<li class="download-link nav-item" style="display: none;"><a class="nav-link">Download</a></li>
</ul>
</div>
</nav>
<div class="container-fluid intro-panels">
<div class="row welcome-header">
<div class="card">
<div class="card-body">
<img src="static/img/wa-reader.png">
</div>
</div>
</div>
<hr>
<div class="alert alert-danger" role="alert" id="error_message_box" style="display:none"></div>
<div class="alert alert-success" role="alert">
<div class="container-fluid">
<div class="row">
<div class="col-md-10 offset-md-1">
<h4 class="text-center">
Welcome to <strong>WA Reader</strong>
</h4>
<hr>
<p class="text-center">
<strong>WA Reader</strong> is a web-tool aimed to help users view their WhatsApp back-up chats in a familiar user-interface.<br>
You can upload the text file of your chat to the tool and you will be able to view instantly.<br>
<strong>The tool processes files entirely in your browser - no data is sent to any server.</strong><br>
You can upload your WhatsApp Text file which is of format <code>.txt</code> that you get from the Email Conversation button in your WhatsApp app.
</p>
<form enctype="multipart/form-data">
<div class="form-group">
<div class="custom-file">
<input type="file" class="custom-file-input" id="form_file_field" accept=".txt,.json,.zip">
<label class="custom-file-label">Choose file</label>
</div>
</div>
<div class="form-group">
<center>
<input type="submit" class="btn btn-success" id="submit_button" value="Get Conversation">
</center>
</div>
</form>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-10 offset-md-1">
<p class="font-weight-light text-center">
We support uploading <code>.zip</code> files of your chat if you wish to view the attachments as well. All processing happens in your browser - no files are uploaded to any server.
</p>
</div>
</div>
</div>
</div>
<div class="alert alert-success" role="alert">
<div class="container-fluid">
<div class="row">
<div class="col-md-10 offset-md-1">
<ul class="fa-ul">
<li><span class="fa-li"><i class="fas fa-dollar-sign"></i></span>Free to use</li>
<li><span class="fa-li"><i class="fas fa-user-secret"></i></span>100% Private - processes files in your browser</li>
<li><span class="fa-li"><i class="fas fas fa-laptop-code"></i></span>Code is open source</li>
</ul>
<hr>
<strong>Understanding your WhatsApp chats:</strong>
Your WhatsApp messages are automatically backed up and saved daily to your phone's memory depending on your settings and preferences.
If you uninstall WhatsApp from your phone, but don't want to lose any of your messages, be sure to manually back up or export your chats before uninstalling.
Read more about how to back up your chat on each operating system on WhatsApp FAQ:<br>
<span class="faq-icons"><a href="https://faq.whatsapp.com/en/iphone/20888066" target="_blank"><i class="fab fa-apple"></i></a></span>
<span class="faq-icons"><a href="https://faq.whatsapp.com/en/android/23756533" target="_blank"><i class="fab fa-android"></i></a></span>
<span class="faq-icons"><a href="https://faq.whatsapp.com/en/wp/23607796" target="_blank"><i class="fab fa-windows"></i></a></span>
<hr>
For other queries, please refer to the <strong>Frequently Asked Questions (FAQs)</strong> below
<div id="accordion" role="tablist" aria-multiselectable="false">
<div class="card">
<div class="card-header" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
I keep getting <i>"It wasn't a valid text file or we were not able to convert it"</i>, even though I am uploading a file?
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="card-body">
It happens since each mobile device and WhatsApp version has it's own way of storing the chats. You can open a <a href="https://github.com/prabhakar267/WA-Reader/issues/new" target="_blank">new issue</a> on the GitHub repository and share a small piece of chat (if possible) so that the viewer can be updated according to
the
formatting of your device and WhatsApp version.<br>Do mention your WhatsApp version, mobile OS and device name for better tracking.
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Is my chat getting saved?
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="card-body">
<strong>No.</strong>
<br>Your chat is processed entirely in your browser and never leaves your device. Complete privacy guaranteed.
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingFour" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Can I preview my chat if I have uploaded it once?
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="card-body">
<strong>No.</strong>
<br>Since your chat is only processed in memory and not stored anywhere, you cannot preserve your chat history for you to visit later. You'll need to upload the file again.
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingFive" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Are there any limitations to what can be backed up from the app?
</div>
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
<div class="card-body">
Some of the limitations mentioned on the WhatsApp FAQs are:
<ul>
<li>If you choose to attach media, the most recent media sent will be added as attachments.</li>
<li>When exporting with media, you can send up to 10,000 latest messages. Without media, you can send 40,000 messages. These constraints are due to maximum email sizes.</li>
</ul>
</div>
</div>
</div>
</div>
<hr>
<p class="font-weight-light">
<strong>Note from developers:</strong>
WA Reader was initially developed to read a personal chat and it has evolved since then.
There can be some issues with the chats since the format with which WhatsApp exports chats can change anytime without any notice. Please feel free to open a new issue on GitHub if you are not able to use the app properly. You can find the source code on GitHub <a href="https://github.com/prabhakar267/WA-Reader">here</a> which has
instructions for you to even set up the code locally.
Shout out to all the contributors who helped shape the project to its current form.<br>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row" id="whatsapp-conversation">
<div class="col-md-12" id="chat"></div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" integrity="sha512-XMVd28F1oH/O71fzwBnV7HucLxVwtxf26XV8P4wPk26EDxuGZ91N8bsOttmnomcCD3CS5ZMRL50H0GgOHvegtg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="static/js/jMinEmoji2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-linkify/2.1.9/linkify.min.js" integrity="sha512-kxj7VjlzsQgiku2vbRcZI0FJ0dXmPsiRLugiRxJrCROusKHaFfX/hGDD1/L/R0Y+xI8zlA2B5nm6USapz7nQbg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="static/js/wa-parser.js"></script>
<script type="text/javascript" src="static/js/script.js"></script>
</body>
</html>