index.html 7.84 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
22
23
				country: $("#id_country").val(),
				q: $("#id_ressource").val(),
				operator: $("#id_operator").val(),
				contract: $("#id_contract").val(),
				media: $("#id_media").val(),
			},
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
			success: function(data) {
				var filtered = data.filter(function(data) {
					return data.fields.state in ["ooscope", "duplicate"]
				});
				if (filtered.length == 0) {
					$("#lookup_btn").hide();
					$("#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>" +
							"<div class=\"confirm\"><a class=\"btn btn-default\">{% trans "Me Too" %}</a>" +
							"<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
68
69

	$("#btn_dismiss").click(function(event) {
		event.preventDefault();
		$("#similar_modal").modal('hide');
		$("#lookup_btn").hide();
		$("#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
76
77
78
79
80
81
82
{% if messages %}
<ul class="messages">
	{% for message in messages %}
	<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|safe }}</li>
	{% endfor %}
</ul>
{% endif %}
<div class="row">
Okhin's avatar
Okhin committed
83
	<div class="col-xs-12 col-md-8" id="content">
84
85
86
87
88
89
90
91
92
93
		<h2>{% trans "On the Internet, <strong>you</strong> decide what you do, right? <i>Not anymore!</i>" %}</h2>
		<p>{% trans "Large telecommunication providers want 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 and applications." %}</p>
		<p>{% trans "Now is the time to fight back!" %}</p>
		<p>{% trans "Help us chart all the ways that internet providers are violating our online freedom. Tell us about how your landline or mobile operator Internet provider restricts your connection. You can do so in less than two minutes!" %}
		<p>{% trans "We will report these violations to the European Commission and national authorities and demand action to address them." %}</p>
		<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>
		<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
94
95
96
97
98
99
			<li class="stat">
				<dl>
					<dt class="inline">{{t}}</dt>
					<dd class="inline"><strong>{{n}}</strong></dd>
				</dl>
			</li>
100
101
102
			{% endfor %}
		</ul>
		<h2 id="featured-title">{% trans "Featured Cases" %}</h2>
103
		<table class="table table-stripped" id="featured_cases">
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
			<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>
						<div class="info-validate">
							<form method="get" id="{{ violation.pk }}" class="confirm_form" >
								<label>{% trans "In order to <strong>confirm</strong> this report, please enter your email address" %}</label>
								<br/><input type="text" name="email" />
								<input type="submit" value="{% trans "OK" %}" />
								<input type="button" value="{% trans "Cancel" %}" class="cancel-button" />
								<input type="hidden" value="{{ violation.pk }}" />
							</form>
						</div>
					</td>
					<td class='align-right'>{{ violation.confirmations }}</td>
					<td class='align-right'><input type="button" class="confirm button" value="{% trans "Me too!" %}" />
					</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
143
	</div>
Alfa's avatar
Alfa committed
144
	<div id="add-case" class="col-xs-12 col-md-4">
Okhin's avatar
Okhin committed
145
146
147
148
149
		<div class="panel panel-info">
			<div class="panel-heading">
				<h2>{% trans "Add New Case" %}</h2>
			</div>
			<div class="panel-body">
150
				<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
151
152
153
154
155
156
157
158
				<form name="addForm" enctype="multipart/form-data" action="{% root_url %}/add/" method="post" class="form">
					{% csrf_token %}
					{% bootstrap_field form.resource_name %}
					{% bootstrap_field form.country %}
					{% bootstrap_field form.operator %}
					{% bootstrap_field form.contract %}
					{% bootstrap_field form.media %}
					{% bootstrap_field form.contractual %}
Okhin's avatar
Okhin committed
159
					<div class="collapse" id="collapseField">
Okhin's avatar
Okhin committed
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
						{% bootstrap_field form.temporary %}
						{% bootstrap_field form.loophole %}
						{% bootstrap_field form.type %}
						{% bootstrap_field form.resource %}
						{% bootstrap_field form.contract_excerpt %}
						{% bootstrap_field form.attachments %}
						{% bootstrap_field form.comment %}
						{% bootstrap_field form.consent %}
						{% bootstrap_field form.email %}
						{% bootstrap_field form.nick %}
						{% bootstrap_field form.email %}
						{% buttons %}
							<button type="submit" class="btn btn-primary">{% trans "save" %}</button>
						{% endbuttons %}
					</div>
				</form>
Okhin's avatar
Okhin committed
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
				{% buttons %}
					<button id="lookup_btn" class="btn btn-default" type="button">...</button>
				{% 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>
192
193
194
				<dl id="modal-list">
				</dl>
			</table>
Okhin's avatar
Okhin committed
195
196
197
			</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
198
199
200
			</div>
		</div>
	</div>
Okhin's avatar
Okhin committed
201
</div>
Okhin's avatar
Okhin committed
202
{%endblock%}