index.html 4.94 KB
Newer Older
stef's avatar
stef committed
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
{% extends "base.html" %}
{% load bt %}
{% load i18n %}
{% block styles %}
  <link rel="stylesheet" type="text/css" media="all" href="{% media_url %}/css/jquery.autocomplete.css" />
{% endblock %}
{% block scripts %}
<script type="text/javascript" src="{%media_url%}/js/tinymce/tiny_mce.js"></script>
<script type="text/javascript" src="{%media_url%}/js/jquery.1.4.2.min.js"></script>
<script type="text/javascript" src="{%media_url%}/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="{%media_url%}/js/jquery.tablesorter.min.js"> </script>
<script type="text/javascript" src="{%media_url%}/js/form.js"></script>
<script type="text/javascript">
function focushandlers(ed) {
    var s = ed.settings;
    var realID = $('#'+ed.id+'_tbl');
    tinymce.dom.Event.add(ed.getWin(), 'focus', function(e) {
        if($(realID)) {
            console.log(realID);
            realID.parents('.fieldWrapper').find('.help_text').show();
        }            
    });
    tinymce.dom.Event.add(ed.getWin(), 'blur', function(e) {
        if($(realID)) {
            console.log(realID);
            realID.parents('.fieldWrapper').find('.help_text').hide();
        }
    });
}
$(document).ready(function(){
  init_form();
  {% if not form.is_bound %}
  $(".fieldWrapper").hide();
  $("#id_country").parent().show();
  $("#save_button").hide();
  {% else %}
  if($("#id_contractual").attr('checked')==false) {
    $("#id_contract_excerpt").parent().hide();
  }
  {% endif %}
  $("#sortedlist").tablesorter();
  $('.confirm_form').submit(function() {
     var self=this;
     $.ajax({url: '/confirm/'+$(this).attr('id')+'/'+$(this).children('input:first').attr('value'), success: function(data) { $(self).html(data); }});
     return false;
     });
   tinyMCE.init({
               mode : "textareas",
               width : "284",
               height : "140",
               theme : "advanced",
               theme_advanced_toolbar_align : "left",
               theme_advanced_toolbar_location : "top",
               theme_advanced_buttons1 : "bold,italic,underline,bullist,numlist,outdent,indent,blockquote,undo,",
               theme_advanced_buttons2 : "",
               theme_advanced_buttons3 : "",
               plugins : "paste",
               paste_auto_cleanup_on_paste : true,
               paste_strip_class_attributes: 'all',
               paste_remove_styles: true,
               init_instance_callback: focushandlers,
               valid_elements : "@[id|title|dir<ltr?rtl|lang|xml::lang],a[rel|rev|"
                                + "charset|hreflang|name|href|title],strong/b,em/i,"
                                + "strike,u,p,-ol,-ul,-li,br,-sub,-sup,-blockquote,"
                                + ",-code,-pre,address,-h1,-h2,-h3,-h4,-h5,"
                                + "-h6,hr[size|noshade],dd,dl,dt,cite,abbr,acronym,"
                                + "del[datetime|cite],ins[datetime|cite]",
             });
});
</script>
{% endblock %}

{%block content%}
<div id='latest3'>
   <h2>Latest Infringements</h2>
<ul>
{% for violation in violations %}
<li>
    <a href="/view/{{violation.pk}}">{{ violation.operator }} ({{ violation.country }}) {{ violation.contract }}</a>
    {{ violation.confirmations }} confirmations.<div class="confirm"><a>+1</a>
          <div class="hidden confirm_popup">
             <h3>Confirmation</h3>
             <p>
             <form method="get" class="confirm_form" id="{{ violation.pk }}">
                E-mail: <input type="text" name="email" /><br />
                //required<br />
                <input type="hidden" value="{{ violation.pk }}" />
                <input type="submit" value="confirm" />
             </form>
             </p>
          </div>
       </div>
</li>
{% endfor %}
</ul>
</div>
<div id='addForm' class='index'>
  <h2>{% trans "Add New Violation" %}</h2>
<form name="addForm" enctype="multipart/form-data" action="{% root_url %}/add/" method="post">
  {% for field in form %}
      {% if field.label = 'Resource' %}<div id="show_optionals">{% trans "Provide optional details" %}</div><div id="optional">{%endif%}
      <div class="fieldWrapper">
          {{ field.errors }}
          <div class="help_text">{{ field.help_text }}</div>
          {{ field.label_tag }} {{ field }}
      </div>
  {% endfor %}
  </div>
  {% csrf_token %}
  <input id="save_button" type="submit" value="{% trans "save" %}" />
</form>
</div>
<div id='content'>
   <h2>How is this working?</h2>
   <ol>
      <li>People experience some kind of network neutrality violation such as blocking, filtering or throttling, they report their findings on our site.</li>
      <li>we advertise the new violations to ellicit further confirmations and technical analysis by other customers of the same provider.</li>
      <li>we assemble a complete dossier on the violation and submit it to the responsible National Regulatory Authority (NRA)</li>
      <li>in 6 months from the start we submit a complete list to Commissioner Kroes.</li>
   </ol>
</div>
{%endblock%}