index.html 8.8 KB
Newer Older
Okhin's avatar
Okhin committed
1
2
3
{% extends "base.html" %}
{% load bt %}
{% load i18n %}
Okhin's avatar
Okhin committed
4
{% load bootstrap3 %}
5
{% block active_tab_home %}class="active"{% endblock %}
Okhin's avatar
Okhin committed
6
{% block styles %}
7
<link rel="stylesheet" type="text/css" media="all" href="/static/css/jquery-ui.css" />
Okhin's avatar
Okhin committed
8
9
10
{% endblock %}

{% block scripts %}
Okhin's avatar
Okhin committed
11
12
13
	<script type="text/javascript">
	$("#lookup_btn").click(function(event) {
		event.preventDefault();
14
15
16
17
		$.ajax({
			dataType: "json",
			url: "/lookup/",
			data: {
Okhin's avatar
Okhin committed
18
19
20
21
				country: $("#id_country").val(),
				operator: $("#id_operator").val(),
				contract: $("#id_contract").val(),
				media: $("#id_media").val(),
Okhin's avatar
Okhin committed
22
				type: $("#id_type").val(),
Okhin's avatar
Okhin committed
23
			},
24
25
26
27
28
			success: function(data) {
				var filtered = data.filter(function(data) {
					return data.fields.state in ["ooscope", "duplicate"]
				});
				if (filtered.length == 0) {
Okhin's avatar
Okhin committed
29
					$("#lookup_btn").parent().parent().hide();
30
31
32
33
34
35
36
37
38
39
40
41
					$("#collapseField").collapse('show');
					return;
				}

				filtered = filtered.slice(0, 10);
				$.each(filtered, function(key, obj) {
					if (obj.fields.state in ["ooscope", "duplicate"]) {
						return;
					};
					$("#modal-list").append(
							"<dt>" + obj.fields.resource + "</dt>" +
							"<dd><p>" + obj.fields.editorial + "</p>" +
Okhin's avatar
Okhin committed
42
							"<div class=\"confirm\"><a class=\"btn btn-default\">{% trans "Me too!" %}</a>" +
43
44
45
46
47
48
49
50
51
52
53
54
55
							"<div class=\"info-validate float-confirm\">" +
							"<form method=\"get\" action=\"\" id=\"i" + obj.pk + "\" class=\"confirm_form\">" +
							"<div>" +
							"<label>{% trans "In order to <strong>confirm</strong> this report, please enter your email address" %}</label>" +
							"<input type=\"text\" name=\"email\" />" +
							"<input type=\"hidden\" value=\"{{obj.pk}}\" />" +
							"<input type=\"submit\" value=\"{% trans "Ok" %}\" />" +
							"</div>" +
							"</form>" +
							"</div>" +
							"</dd>"
							);
				});
Okhin's avatar
Okhin committed
56
				$('#similar_modal').modal('show');
57
58
59
60
				console.log("Modal displayed");
			},
			error: function(xhr, status, err) {
				console.log(err, xhr);
Okhin's avatar
Okhin committed
61
			}
62
		});
63
	});
Okhin's avatar
Okhin committed
64
65
66
67

	$("#btn_dismiss").click(function(event) {
		event.preventDefault();
		$("#similar_modal").modal('hide');
Okhin's avatar
Okhin committed
68
		$("#lookup_btn").parent().parent().hide();
Okhin's avatar
Okhin committed
69
		$("#collapseField").collapse('show');
70
	});
Okhin's avatar
Okhin committed
71
	</script>
Okhin's avatar
Okhin committed
72
73
74
{% endblock %}

{%block content%}
Okhin's avatar
Okhin committed
75
<div class="row">
Okhin's avatar
Okhin committed
76
	<div class="col-xs-12 col-md-8" id="content">
piks3l's avatar
piks3l committed
77
		<h2>{% trans "On the Internet, <strong>you</strong> decide what you do, right? <i>Maybe not!</i>" %}</h2>
piks3l's avatar
piks3l committed
78
		<p>{% trans "Telecommunication providers and Internet companies are trying to control what you do online. They want to block and throttle some of your communications, and charge you to use certain online services, content or applications. The main aim of RespectMyNet is to bring attention to these Net Neutrality violations and demand that regulators take action to stop this. " %}</p>
79
80
		<p>{% trans "The EU law recently adopted on Net Neutrality is ambiguous and the telecom regulators have the job of deciding how it should be implemented." %}
		<p>{% trans "You can help. You can report Net Neutrality violations and help the regulators protect the open Internet in Europe!" %}</p>
piks3l's avatar
piks3l committed
81
		<p>{% trans "Help us keep track of all the ways that Internet providers are violating our online freedoms. Tell us about how your landline or mobile Internet operator restricts your Internet connection. It will take less than two minutes!" %}</p>
piks3l's avatar
piks3l committed
82
		<p>{% trans "Don't hesitate to give us feedback on this application by reporting any idea or issue with RespectMyNet.eu here: <a href='https://nnmon.quadpad.lqdn.fr/feedback'>Feedback pad page</a>" %}</p>
83
84
85
86
		<h2 id="stats-title">{% trans "Statistics" %}</h2>
		<div id="stats_graph" ></div>
		<ul id="stats">
			{% for t, n in stats %}
Okhin's avatar
Okhin committed
87
88
89
90
91
92
			<li class="stat">
				<dl>
					<dt class="inline">{{t}}</dt>
					<dd class="inline"><strong>{{n}}</strong></dd>
				</dl>
			</li>
93
94
95
			{% endfor %}
		</ul>
		<h2 id="featured-title">{% trans "Featured Cases" %}</h2>
96
		<table class="table table-stripped" id="featured_cases">
97
98
99
100
101
102
103
104
105
106
107
			<thead>
				<tr>
					<th style="width: 70%;">{% trans "Infringing offering" %}</th>
					<th>{% trans "Confirmed" %}</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				{% for violation in violations %}
				<tr>
					<td><a href="{{ violation.get_absolute_url }}">{{ violation.operator }} ({{ violation.country|country }}) {{ violation.contract }}</a>
Okhin's avatar
Okhin committed
108
109
110
111
112
113
114
115
116
117
118
119
						<div class="well collapse" id="info-{{ violation.pk }}">
							<form method="post" action="/confirm/{{ violation.pk }}" id="{{ violation.pk }}">
								<div class="form-group form-inline">
									<label for"email-{{ violation.pk }}">{% trans "In order to <strong>confirm</strong> this report, please enter your email address" %}</label>
									{% csrf_token %}
									<input type="email" id="email-{{ violation.pk }}" class="form-control" name="email" placeholder="Email"/>
									<input type="hidden" value="{{ violation.pk }}" />
									<div class="btn-group" role="group" aria-label="confirm-deny">
										<button class="btn btn-success">{% trans "OK" %}</ button>
										<button data-toggle="collapse" data-target="#info-{{ violation.pk}}" aria-expanded="false" aria-controls="info-{{ volation.pk }}" type="button" class="btn btn-danger" >{% trans "Cancel" %}</button>
									</div>
								</div>
120
121
122
123
							</form>
						</div>
					</td>
					<td class='align-right'>{{ violation.confirmations }}</td>
Okhin's avatar
Okhin committed
124
					<td class='align-right'><button type="button" class="btn btn-default" data-toggle="collapse" data-target="#info-{{ violation.pk}}" aria-expanded="false" aria-controls="info-{{ volation.pk }}">{% trans "Me too!" %}</button>
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
					</td>
				</tr>
				<tr>
					<td colspan="3">
						<div id="description" class='round-box'>
							<strong>{% trans "Affected Resource" %}:</strong> {{violation.resource_name}}
							{%for c in violation.comment_set.all%}
							<div class="description">{{c.comment|safe}}</div>
							<span class="submitter">{%if c.submitter_name%}{{c.submitter_name}}{%else%}{{c.submitter_email}}{%endif%}</span> - <span class="comment_date">{{c.timestamp|date:"SHORT_DATE_FORMAT" }}</span>
						</div>
						{%endfor%}
					</td>
				</tr>
				{% endfor %}
			</tbody>
		</table>
Okhin's avatar
Okhin committed
141
	</div>
Alfa's avatar
Alfa committed
142
	<div id="add-case" class="col-xs-12 col-md-4">
Okhin's avatar
Okhin committed
143
144
145
146
147
		<div class="panel panel-info">
			<div class="panel-heading">
				<h2>{% trans "Add New Case" %}</h2>
			</div>
			<div class="panel-body">
Okhin's avatar
Okhin committed
148
149
150
151
152
153
154
155
156
				{% if forms.error %}
					{% for field in form %}
						{% for error in field.error %}
							<div class="alert alert-error">
								{{ error|escape }}
							</div>
						{% endfor %}
					{% endfor %}
				{% endif %}
157
				<p>{% trans "Please report cases of zero-rating (services which are excluded from your download limit), specialised services or the blocking, throttling or prioritisation of online services. For a more detailed description of what to report, check our <a href='/about/#guidelines'>guidelines</a>." %}
Okhin's avatar
Okhin committed
158
				<form name="addForm" enctype="multipart/form-data" action="/" method="post" class="form">
Okhin's avatar
Okhin committed
159
160
161
162
163
					{% csrf_token %}
					{% bootstrap_field form.country %}
					{% bootstrap_field form.operator %}
					{% bootstrap_field form.contract %}
					{% bootstrap_field form.media %}
164
					{% bootstrap_field form.type %}
Okhin's avatar
Okhin committed
165
					<div class="collapse" id="collapseField">
Okhin's avatar
Okhin committed
166
						<hr />
Okhin's avatar
Okhin committed
167
168
						{% bootstrap_field form.temporary %}
						{% bootstrap_field form.loophole %}
169
170
						{% bootstrap_field form.contractual %}
						{% bootstrap_field form.resource_name %}
Okhin's avatar
Okhin committed
171
172
173
174
						{% bootstrap_field form.resource %}
						{% bootstrap_field form.contract_excerpt %}
						{% bootstrap_field form.attachments %}
						{% bootstrap_field form.comment %}
Okhin's avatar
Okhin committed
175
						<hr />
Okhin's avatar
Okhin committed
176
177
178
						{% bootstrap_field form.consent %}
						{% bootstrap_field form.email %}
						{% bootstrap_field form.nick %}
Okhin's avatar
Okhin committed
179
						{% bootstrap_field form.captcha %}
Okhin's avatar
Okhin committed
180
181
182
183
184
						{% buttons %}
							<button type="submit" class="btn btn-primary">{% trans "save" %}</button>
						{% endbuttons %}
					</div>
				</form>
Okhin's avatar
Okhin committed
185
186
			</div>
			<div class="panel-footer">
Okhin's avatar
Okhin committed
187
				{% buttons %}
Okhin's avatar
Okhin committed
188
				<button id="lookup_btn" class="btn btn-default" type="button">{% trans "Continue" %}</button>
Okhin's avatar
Okhin committed
189
190
191
192
193
194
195
196
197
198
199
200
201
202
				{% endbuttons %}
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="similar_modal" tabindex="-1" role="dialog" aria-labelledby="SimilarModalLabel">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="SimilarModalLabel">{% trans "Similar cases" %}</h4>
			</div>
			<div class="modal-body">
				<p>{% trans "Those are cases that might be similar to yours, please feel free to add your input on those cases instead of adding yours if they overlap." %}</p>
203
204
205
				<dl id="modal-list">
				</dl>
			</table>
Okhin's avatar
Okhin committed
206
207
208
			</div>
			<div class="modal-footer">
				<button type="button" id="btn_dismiss" class="btn btn-default" data-dismiss="modal">{% trans "Dismiss" %}</button>
Okhin's avatar
Okhin committed
209
210
211
			</div>
		</div>
	</div>
Okhin's avatar
Okhin committed
212
</div>
Okhin's avatar
Okhin committed
213
{%endblock%}