DjNRO

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

{% load staticfiles %}

{% load i18n %}

{% block homeactive %}{% endblock %}

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

{% block management_content %}

<h4>{% trans "Realms" %}</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 %}

{% if institution.ertype == 1 or institution.ertype == 3 %}

  {% if realms %}

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

        <thead>

        <tr>

                <th>{% trans "Realm" %}</th>

                <th>{% trans "Server(s)" %}</th>

                <th style="text-align: center;">{% trans "Action" %}</th>

        </tr>

        </thead>

        <tbody>

    {% for realm in realms %}

          <tr class="GradeC">

            <td>{{realm.realm}}</td>

            <td>{{realm.get_servers}}</td>

            <td style="text-align: center;"><a href="{% url edit-realms realm.pk %}" class="btn btn-small">{% trans "edit" %}</a> <a href="#" id="del_realm_{{realm.pk}}" data-realmname="{{realm.realm}}" class="btn btn-small btn-warning">{% trans "delete" %}</a></td>

    </tr>

          {% endfor %}

          </tbody>

  </table>

{% endif %}

<div>{% if institution.ertype == 1 or institution.ertype == 3 %}<a href="{% url edit-realms %}" class="btn btn-primary">{% trans "Add new realm" %}</a>{% endif %}</div>

{% endif %}

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

        <div class="modal-dialog">

            <div class="modal-content">

                        <div class="modal-header">

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

                                <h3 id="myModalLabel">{% trans "Delete Realm" %}</h3>

                        </div>

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

                        </div>

                        <div class="modal-footer">

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

                                <a class="btn btn-warning" id="delrealmSubmit" href="#">{% trans "Delete" %}</a>

                        </div>

                </div>

        </div>

</div>

{% endblock %}

{% block extrajs %}

<script type="text/javascript" src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="//cdn.datatables.net/plug-ins/505bef35b56/integration/bootstrap/1/dataTables.bootstrap.js"></script>

<script type="text/javascript">

$(document).ready(function(){

         {% if realms %}

var oTable = $('#table')

        .on( 'init.dt', function () {

               $('.pagination ul').addClass('pagination');

    })

    .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

            }, {

                "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 "realms" %}',

                "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_realm_]').click(function(){

        realm_id = (this.id).replace("del_realm_", '');

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

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

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

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

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

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

        return false;

});

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

        $.ajax({

                url:"{% url del-realm %}/?realm_pk="+realm_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("Realm "+name+" successfully deleted");

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

                        }

                        }

                });

});

{% endif %}

});

</script>

{% endblock %}