-
Notifications
You must be signed in to change notification settings - Fork 92
Expand file tree
/
Copy pathsupport.html
More file actions
executable file
·133 lines (122 loc) · 7.33 KB
/
Copy pathsupport.html
File metadata and controls
executable file
·133 lines (122 loc) · 7.33 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
<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7">
<![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9">
<![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>ProtonMail - Secure email based in Switzerland</title><meta name="description" content="Secure email with absolutely no compromises. Get your free encrypted email account today."> <meta property="og:image" content="https://protonmail.ch/img/facebook_logo.jpg"/>
<meta property="og:title" content="Encrypted email, based in Switzerland."/>
<meta property="og:url" content="https://protonmail.ch"/>
<meta property="og:site_name" content="ProtonMail"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<link type="text/css" rel="stylesheet" href="/theme.css"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<meta name="mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<link rel="icon" sizes="192x192" href="/img/android/launcher-icon-4x.png">
</head>
<body id="page-support" class="external">
include "pages/_nav.html"
<div class="container narrow">
<div class="container panel round">
<form name="supportRequest" id="supportRequest" class="pure-form pure-form-stacked" role="form" autocomplete="off">
<h1 class="text-center"><span class="fa fa-life-ring faded"></span>Support Form</h1>
<div class="alert alert-warning text-center">
<p><strong>Have a question?</strong> Visit our updated <a href="https://support.protonmail.ch/" target="_blank">knowledge base</a>.</p>
</div><!--/.alert-->
<div class="wrap">
<label for="bug_os"><strong class="pull-right">(Required)</strong>Operating System</label>
<select required name="bug_os" id="bug_os">
<option selected value="">- Choose -</option>
<option value="osx">Mac OSX</option>
<option value="windows">Windows</option>
<option value="linux">Linux</option>
<option value="other">Other</option>
</select>
<label for="bug_browser"><strong class="pull-right">(Required)</strong>Browser</label>
<input required type="text" name="bug_browser" id="bug_browser" placeholder="Browser" value="">
<label for="bug_plugins">Browser plugins being used</label>
<input type="text" name="bug_plugins" id="bug_plugins" placeholder="Browser Plugins" value="">
<label for="bug_browser"><strong class="pull-right">(Required)</strong>Device</label>
<select required name="bug_device" id="bug_device" >
<option selected value="">- Choose -</option>
<option value="desktop">Desktop</option>
<option value="tablet">Tablet</option>
<option value="iphone">iPhone</option>
<option value="android">Android Phone</option>
<option value="other">Other</option>
</select>
</div><!--/.wrap-->
<div class="wrap">
<label for="bug_email">External email address we can reach you at (if you are unable to get into your ProtonMail account)</label>
<input type="text" name="bug_email" id="bug_email" placeholder="Email" value="">
</div><!--/.wrap-->
<div class="wrap">
<label for="bug_acc"><strong class="pull-right">(Required)</strong>ProtonMail account</label>
<input type="text" required name="bug_email" id="bug_acc" placeholder="Username" value="">
</div><!--/.wrap-->
<div class="wrap">
<label for="bug_description">Please describe the problem and include any error messages:</label>
<textarea required name="bug_description" rows="6" id="bug_description"></textarea>
<button type="submit" class="button button-primary" name="bug_submit"><span class="fa fa-send"></span> Submit Bug</button>
<br><br>
<div class="alert alert-info"><i class="fa fa-info-circle"></i> We handle these bug reports in Zendesk. If you would like to keep the report within ProtonMail, please email the above info to <a href="mailto:support@protonmail.ch">support@protonmail.ch</a>.</div>
</div><!--/.wrap-->
<div class="text-right wrap clear">
<p>Contact us at <a href="mailto:security@protonmail.ch">security@protonmail.ch</a> for critical security issues.</p>
</div><!--/.text-right-->
</form>
</div><!--/.wider-->
</div><!--/.middlepanel-->
<script type="text/javascript" src="/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$( function() {
$('#supportRequest').on('submit', function(event) {
// prevent form submission. we will do an API call instead
event.preventDefault();
// disable button
$('#invite-button').attr('disabled', true);
// make api call
sendSupportRequest();
});
});
function sendSupportRequest() {
$.ajax({
type:"POST",
beforeSend: function (request) {
request.setRequestHeader("Content-Type", "application/json;charset=utf-8");
request.setRequestHeader("x-pm-appversion", "Other");
request.setRequestHeader("x-pm-apiversion", "@@apiVersion");
request.setRequestHeader("Accept", "application/vnd.protonmail.v1+json");
},
url: "https://dev.protonmail.ch/api/users/invite",
data: JSON.stringify({
"Username": $('#username').val(),
"Email": $('#notification_email').val()
}),
success: function(msg) {
if (msg.Code===1000) {
// success
$('#inviteSuccess').fadeIn();
$('#inviteForm').hide();
}
else if (msg.Code!==undefined) {
alert(msg.Error);
$('#invite-button').attr('disabled', false);
}
console.log(msg);
}
});
}
</script>
include "pages/_footer.html"