Revision 4772922a djnro/templates/edumanage/servers.html

b/djnro/templates/edumanage/servers.html
2 2
{% load i18n %}
3 3
{% load staticfiles %}
4 4

  
5
{% block crumbs %}
6
<li><a href="{% url manage %}">{% trans "Home" %}</a><span class="divider">/</span></li>
7
<li class="active">{% trans "Servers" %}</li>
5
{% block extrahead %}
6
<link href="https://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">
8 7
{% endblock %}
9 8

  
10
{% block extrahead %}
11
<script type="text/javascript" src="{% static '/js/jquery.dataTables.min.js' %}"></script>
12
<script type="text/javascript" src="{% static '/js/datatables_bootstrap.js' %}"></script>
9
{% block homeactive %}{% endblock %}
10
{% block serversactive %}class="active"{% endblock %}
11
{% block management_content %}
12
	<h4>{% trans "Servers" %}</h4>
13
	<hr>
14
	{% if messages %}
15
	<table class="table table-condensed">
16
	    {% for message in messages %}
17
	    <tr {% if message.tags %} class="{{ message.tags }}"{% endif %}><td>{{ message }}<td></tr>
18
	    {% endfor %}
19
	</table>
20
	{% endif %}
21
	{% if servers %}
22
	<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" width="100%" id="table">
23
	<thead>
24
	<tr>
25
		<th>{% trans "Name" %}</th>
26
		<th>{% trans "Type" %}</th>
27
		<th>{% trans "Authentication Port" %}</th>
28
		<th>{% trans "Protocol" %}</th>
29
		<th style="text-align: center;">{% trans "Action" %}</th>
30
	</tr>
31
	</thead>
32

  
33
	<tbody>
34
	{% for server in servers %}
35
		<tr class="GradeC">
36
		<td><a href = "{% url servers server.pk %}">{{server.get_name}}</a></td>
37
		<td>{{server.get_ertype_display}}</td>
38
		<td>{{server.auth_port}}</td>
39
		<td>{{server.proto}}</td>
40
		<td style="text-align: center;"><a href="{% url edit-servers server.pk %}" class="btn btn-small">{% trans "edit" %}</a> <a href="#" id="del_server_{{server.pk}}" data-servername="{{server.get_name}}" class="btn btn-small btn-warning">{% trans "delete" %}</a></td>
41
	</tr>
42
		{% endfor %}
43
		</tbody>
44
	</table>
45
	<div><a href="{% url edit-servers %}" class="btn btn-primary">{% trans "Add new server" %}</a></div>
46
{% endif %}
47
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
48
	<div class="modal-dialog">
49
    	<div class="modal-content">
50
			<div class="modal-header">
51
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
52
				<h3 id="myModalLabel">{% trans "Delete Server" %}</h3>
53
			</div>
54
			<div class="modal-body" id="mymodalbody">
55
			</div>
56
			<div class="modal-footer">
57
				<button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Cancel" %}</button>
58
				<a class="btn btn-warning" id="delserverSubmit" href="#">{% trans "Delete" %}</a>
59
			</div>
60
		</div>
61
	</div>
62
</div>
63
{% endblock %}
64

  
65

  
66

  
67
{% block extrajs %}
68
<script type="text/javascript" src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
69
<script type="text/javascript" src="//cdn.datatables.net/plug-ins/505bef35b56/integration/bootstrap/1/dataTables.bootstrap.js"></script>
13 70
<script type="text/javascript">
14 71
$(document).ready(function(){
15 72
	 {% if servers %}
16
var oTable = $('#table').dataTable({
73
var oTable = $('#table')
74
	.on( 'init.dt', function () {
75
       	$('.pagination ul').addClass('pagination');
76
    })
77
    .dataTable({
17 78
	"sPaginationType": "bootstrap",
18 79
	"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
19 80
	"aoColumns": [{
......
92 153
});
93 154
</script>
94 155
{% endblock %}
95

  
96
	{% block navbar %}
97

  
98
    		{% endblock %}
99

  
100
    		{% block homeactive %}{% endblock %}
101
    		{% block serversactive %}class="active"{% endblock %}
102
            {% block management_content %}
103

  
104

  
105
	              <h4>{% trans "Servers" %}</h4>
106
	              <hr>
107
	              {% if messages %}
108
                    <table class="table table-condensed">
109
                        {% for message in messages %}
110
                        <tr {% if message.tags %} class="{{ message.tags }}"{% endif %}><td>{{ message }}<td></tr>
111
                        {% endfor %}
112
                    </table>
113
                {% endif %}
114
	              <div><a href="{% url edit-servers %}" class="btn btn-primary">{% trans "Add new server" %}</a></div>
115
	              <div class="span10"></div>
116
	              {% if servers %}
117
	              <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" width="100%" id="table">
118
					<thead>
119
					<tr>
120
						<th>{% trans "Name" %}</th>
121
						<th>{% trans "Type" %}</th>
122
						<th>{% trans "Authentication Port" %}</th>
123
						<th>{% trans "Protocol" %}</th>
124
						<th style="text-align: center;">{% trans "Action" %}</th>
125
					</tr>
126
					</thead>
127

  
128
					<tbody>
129
	                {% for server in servers %}
130
	              	<tr class="GradeC">
131
	                	<td><a href = "{% url servers server.pk %}">{{server.get_name}}</a></td>
132
	                	<td>{{server.get_ertype_display}}</td>
133
	                	<td>{{server.auth_port}}</td>
134
	                	<td>{{server.proto}}</td>
135
	                	<td style="text-align: center;"><a href="{% url edit-servers server.pk %}" class="btn btn-small">{% trans "edit" %}</a> <a href="#" id="del_server_{{server.pk}}" data-servername="{{server.get_name}}" class="btn btn-small btn-warning">{% trans "delete" %}</a></td>
136
	                </tr>
137
	              	{% endfor %}
138
	              	</tbody>
139
	              </table>
140
	              {% endif %}
141
<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
142
<div class="modal-header">
143
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
144
<h3 id="myModalLabel">{% trans "Delete Server" %}</h3>
145
</div>
146
<div class="modal-body" id="mymodalbody">
147

  
148
</div>
149
<div class="modal-footer">
150
<button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Cancel" %}</button>
151
<a class="btn btn-warning" id="delserverSubmit" href="#">{% trans "Delete" %}</a>
152
</div>
153
</div>
154
            {% endblock %}
155

  

Also available in: Unified diff