DjNRO

{% extends "edumanage/welcome.html"%}

                        {% block crumbs %}

                                    <li><a href="{% url manage %}">Home</a><span class="divider">/</span></li>

                                    <li class="active">Services</li>

                                    {% endblock %}

{% load i18n %}

{% block extrahead %}

<script type="text/javascript" src="/static/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="/static/js/datatables_bootstrap.js"></script>

<script type="text/javascript">

$(document).ready(function(){

         {% if services %}

var oTable = $('#table').dataTable({

        "sPaginationType": "bootstrap",

        "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",

        "aoColumns": [{

        "bSearchable": true,

        "bSortable": true

    }, {

        "bSearchable": true,

        "bSortable": true

    }, {

        "bSearchable": true,

        "bSortable": true

    }, {

        "bSearchable": true,

        "bSortable": true

    }, {

        "bSearchable": true,

        "bSortable": true

    }, {

        "bVisible": true,

        "bSearchable": false,

        "bSortable": false

    }],

    "aaSorting": [[0, 'desc']],

    "iDisplayLength": 25,

    "oSearch": {"bSmart": false, "bRegex":true},

    "oLanguage": {

            "sLengthMenu": '{% trans "Display" %} <select><option value="25">25</option><option value="50">50</option><option value="-1">{% trans "All" %}</option></select> {% trans "services" %}',

        "sProcessing":   "Processing...",

        "sZeroRecords": '{% trans "No records to display" %}',

        "sInfo":         "Showing _START_ to _END_ of _TOTAL_ entries",

        "sInfoEmpty":    "{% trans "Showing 0 to 0 of 0 entries" %}",

        "sInfoFiltered": "(filtered from _MAX_ total entries)",

        "sInfoPostFix":  "",

        "sSearch":       '{% trans "Search:" %}',

        "sUrl":          "",

        "oPaginate": {

            "sFirst":    '{% trans "First" %}',

            "sPrevious": '{% trans "Previous" %}',

            "sNext":     '{% trans "Next" %}',

            "sLast":     '{% trans "Last" %}'

        }

    }

});

oTable.fnDraw();

$('[id^=del_service_]').click(function(){

        server_id = (this.id).replace("del_service_", '');

        name = this.getAttribute("data-servicename");

        $("#mymodalbody").html("You are about to delete service: <b>"+name+"</b><br>Press Delete to proceed or Cancel to cancel deletion");

        $("#myModalLabel").html("Delete Service "+name);

        $('#myModal').modal('show');

        $(".modal-footer").show();

        $("#service_name_del").html(name)        

        return false;

});

$("#delserviceSubmit").click(function(){

        $.ajax({

                url:"{% url del-service %}/?service_pk="+server_id,

                type: "GET",

                success: function(data){

                        if (data.error){

                                $(".modal-footer").hide();

                                $("#mymodalbody").html("<font style='color:#B94A48'>"+data.error+"</font>");

                        }

                        if (data.success){

                                $(".modal-footer").hide();

                                $("#mymodalbody").html("Service "+name+" successfully deleted");

                                window.setTimeout('location.reload()', 1000);

                        }

                        }

                });

});

{% endif %}

});

</script>

{% endblock %}

                        {% block homeactive %}{% endblock %}

                    {% block servicesactive %}class="active"{% endblock %}

            {% block subcontent %}

              <h4>Services</h4>

              <hr>

              {% if messages %}

                        <table class="table table-condensed">

                                            {% for message in messages %}

                                            <tr {% if  %} class="{{ message.tags }}"{% endif %}><td>{{ message }}<td></tr>

                                            {% endfor %}

                                        </table>

                          {% endif %}

              <div>{% if instdets.ertype == 2 or instdets.ertype == 3 %}<a href="{% url edit-services %}" class="btn btn-primary">Add new service</a>{% endif %}</div>

                      <div class="span10"></div>

              {% load tolocale %}

              {% if instdets.ertype == 2 or instdets.ertype == 3 %}

              {% if services %}

               <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" width="100%" id="table">

                       <thead>

                                        <tr>

                                        <th>Name</th>

                                        <th>Address</th>

                                        <th>SSID</th>

                                        <th>enc_level</th>

                                        <th>AP no</th>

                                        <th>Actions</th>

                                        </tr>

                                        </thead>

                                        <tbody>

                        {% for service in services %}

                              <tr class="GradeC">

                                <td><a href="{% url services service.pk %}">{% tolocale service LANGUAGE_CODE %}</a></td>

                                <td>{{service.address_street}}<br>{{service.address_city}}</td>

                                <td>{{service.SSID}}</td>

                                <td>{{service.enc_level}}</td>

                                <td>{{service.AP_no}}</td>

                                <td style="text-align: center;"><a href="{% url edit-services service.pk %}" class="btn btn-small">edit</a> <a href="#" id="del_service_{{service.pk}}" data-servicename="{% tolocale service LANGUAGE_CODE%}" class="btn btn-small btn-warning">delete</a></td>

                        </tr>

                              {% endfor %}

                              </tbody>

                      </table>

                      {% endif %}

              {% endif %}

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

<h3 id="myModalLabel">Delete Service</h3>

</div>

<div class="modal-body" id="mymodalbody">

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>

<a class="btn btn-warning" id="delserviceSubmit" href="#">Delete</a>

</div>

</div>

<div class="modal hide fade" id="servDets" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

<h3 id="myModalLabelservdets">Service Details</h3>

</div>

<div class="modal-body" id="servDetsbody">

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>

</div>

</div>

                {% endblock %}