From be181385d85774997fb3089d181bb0a1e45382bf Mon Sep 17 00:00:00 2001
From: Ivan Filippov <ivan.v.f@gmail.com>
Date: Sun, 24 Apr 2016 13:43:21 -0600
Subject: [PATCH] Convert domain admin page to new template.

---
 app/templates/domain_management.html | 243 ++++++++++++---------------
 1 file changed, 109 insertions(+), 134 deletions(-)

diff --git a/app/templates/domain_management.html b/app/templates/domain_management.html
index c6c71e5..de373ec 100644
--- a/app/templates/domain_management.html
+++ b/app/templates/domain_management.html
@@ -1,145 +1,120 @@
 {% extends "base.html" %}
-{% block head %}
-        {{ super() }}
-
-        <!-- BEGIN PAGE LEVEL STYLES -->
-        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='global/plugins/jquery-multi-select/css/multi-select.css') }}"/>
-        <!-- BEGIN THEME STYLES -->
-
-        <!-- BEGIN THEME STYLES -->
-        <!-- DOC: To use 'rounded corners' style just load 'components-rounded.css' stylesheet instead of 'components.css' in the below style tag -->
-        <link href="{{ url_for('static', filename='global/css/components-md.css') }}" id="style_components" rel="stylesheet" type="text/css"/>
-        <link href="{{ url_for('static', filename='global/css/plugins-md.css') }}" rel="stylesheet" type="text/css"/>
-        <link href="{{ url_for('static', filename='admin/layout2/css/layout.css') }}" rel="stylesheet" type="text/css"/>
-        <link href="{{ url_for('static', filename='admin/layout2/css/themes/grey.css') }}" rel="stylesheet" type="text/css" id="style_color"/>
-        <link href="{{ url_for('static', filename='admin/layout2/css/custom.css') }}" rel="stylesheet" type="text/css"/>
-        <!-- END THEME STYLES -->
-{% endblock %}
 {% block title %}<title>DNS Control Panel - Domain Management</title>{% endblock %}
-
 {% block dashboard_stat %}
-                <!-- BEGIN PAGE HEADER-->
-                <h3 class="page-title">
-                Admin Console</h3>
-                <div class="page-bar">
-                    <ul class="page-breadcrumb">
-                        <li>
-                            <i class="fa fa-home"></i>
-                            <a href="{{ url_for('dashboard') }}">Home</a>
-                            <i class="fa fa-angle-right"></i>
-                        </li>
-                        <li>
-                            <a href="{{ url_for('admin') }}">Admin Console</a>
-                            <i class="fa fa-angle-right"></i>
-                        </li>
-                        <li>
-                            <a href="#">Domain Management</a>
-                        </li>
-                    </ul>
-                </div>
-                <!-- END PAGE HEADER-->
+<section class="content-header">
+	<h1>
+		Manage domain <small>{{ domain.name }}</small>
+	</h1>
+	<ol class="breadcrumb">
+		<li><a href="{{ url_for('dashboard') }}"><i
+				class="fa fa-dashboard"></i> Home</a></li>
+		<li class="active">Domain Management</li>
+	</ol>
+</section>
 {% endblock %}
 
 {% block content %}
-                <div class="clearfix">
-                </div>
-
-                <div class="row">
-                    <div class="col-md-12">
-                        <!-- BEGIN ACCESS CONTROL -->
-                        <div class="portlet box red-sunglo">
-                            <div class="portlet-title">
-                                <div class="caption">
-                                    <i class="fa fa-globe"></i>Domain Access Control
-                                </div>
-                                <div class="tools">
-                                    <a href="javascript:;" class="collapse">
-                                    </a>
-                                </div>
-                            </div>
-                            <div class="portlet-body">
-                                <form method="post" action="{{ url_for('domain_management', domain_name=domain.name) }}" class="form-horizontal form-row-seperated">
-                                    <div class="form-body">
-                                        <div class="form-group">
-                                            <label class="control-label col-md-3">Move users from left to right to grant them access to the domain <strong>{{ domain.name }}.</strong><br/><br/>
-                                            Users with <font color="red">red</font> color is in Administrator role, no need to grant permission.
-                                            </label>
-                                            <div class="col-md-9">
-                                                <select multiple="multiple" class="multi-select" id="domain_multi_user" name="domain_multi_user[]">
-                                                {% for user in users %}
-                                                    <option {% if user.id in domain_user_ids %}selected{% endif %} value="{{ user.username }}" {% if user.role.name == 'Administrator' %}style="color:red"{% endif %}>{{ user.username}}
-                                                    </option>
-                                                {% endfor %}
-                                                </select>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="form-actions">
-                                        <div class="row">
-                                            <div class="col-md-offset-3 col-md-9">
-                                                <button type="submit" class="btn green"><i class="fa fa-check"></i> Save</button>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </form>
-
-                            </div>
-                        </div>
-                        <!-- END ACCESS CONTROL -->
-                    </div>
-                </div>
-
-                <div class="row">
-                    <div class="col-md-12">
-                        <!-- BEGIN DOMAIN DELETION -->
-                        <div class="portlet box red-sunglo">
-                            <div class="portlet-title">
-                                <div class="caption">
-                                    <i class="fa fa-globe"></i>Domain Deletion
-                                </div>
-                                <div class="tools">
-                                    <a href="javascript:;" class="collapse">
-                                    </a>
-                                </div>
-                            </div>
-                            <div class="portlet-body">
-                                <p>This function is used to remove a domain completely from Database and PowerDNS. All records and user privileges which associated to this domain be removed also. Your change <font color="red">cannot be reverted</font>. Please be careful with your action!</p>
-                                <div class="form-actions">
-                                    <div class="row">
-                                        <div class="col-md-offset-3 col-md-9">
-                                            <button type="button" class="btn red" id="delete_domain" value="{{ domain.name}}"><i class="fa fa-times"></i> DELETE DOMAIN {{ domain.name }}</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- END DOMAIN DELETION -->
-                    </div>
-                </div>
+<section class="content">
+	<div class="row">
+		<div class="col-xs-12">
+			<div class="box">
+				<form method="post" action="{{ url_for('domain_management', domain_name=domain.name) }}">
+				<div class="box-header">
+					<h3 class="box-title">Domain Access Control</h3>
+				</div>
+				<div class="box-body">
+					<div class="row">
+						<div class="col-xs-2">
+							<p>Users on the right have access to manage the records in
+								the {{ domain.name }} domain.</p>
+							<p>Click on users to move from between columns.</p>
+							<p>
+								Users in <font style="color: red;">red</font> are Administrators
+								and already have access to <b>ALL</b> domains.
+							</p>
+						</div>
+						<div class="form-group col-xs-2">
+							<select multiple="multiple" class="form-control" id="domain_multi_user" name="domain_multi_user[]">
+								{% for user in users %}
+								<option {% if user.id in
+									domain_user_ids %}selected{% endif %} value="{{ user.username }}"
+									{% if user.role.name== 'Administrator' %}style="color: red"{% endif %}>{{
+									user.username}}</option> {% endfor %}
+							</select>
+						</div>
+					</div>
+					<div class="box-body">
+						<div class="col-xs-offset-2">
+							<div class="form-group">
+								<button type="submit" class="btn btn-primary"><i class="fa fa-check"></i> Save</button>
+							</div>
+						</div>
+					</div>
+				</div>
+				</form>
+			</div>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-xs-12">
+			<div class="box">
+				<div class="box-header">
+					<h3 class="box-title">Domain Deletion</h3>
+				</div>
+				<div class="box-body">
+					<p>This function is used to remove a domain from PowerDNS-Admin <b>AND</b> PowerDNS. All records and user privileges which associated to this domain will also be removed. This change cannot be reverted.</p>
+					<button type="button" class="btn btn-flat btn-danger pull-left delete_domain" id="{{ domain.name }}">
+						<i class="fa fa-trash"></i>&nbsp;DELETE DOMAIN {{ domain.name }}
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
 {% endblock %}
-
-{% block scripts %}
-{{ super() }}
-<!-- BEGIN PAGE LEVEL PLUGINS -->
-<script type="text/javascript" src="{{ url_for('static', filename='global/plugins/bootstrap-select/bootstrap-select.min.js') }}"></script>
-<script type="text/javascript" src="{{ url_for('static', filename='global/plugins/select2/select2.min.js') }}"></script>
-<script type="text/javascript" src="{{ url_for('static', filename='global/plugins/jquery-multi-select/js/jquery.multi-select.js') }}"></script>
-<script src="{{ url_for('static', filename='global/plugins/bootbox/bootbox.min.js') }}" type="text/javascript"></script>
-<!-- END PAGE LEVEL PLUGINS -->
-
-<!-- BEGIN PAGE LEVEL SCRIPTS -->
-<script src="{{ url_for('static', filename='global/scripts/metronic.js') }}" type="text/javascript"></script>
-<script src="{{ url_for('static', filename='admin/layout2/scripts/layout.js') }}" type="text/javascript"></script>
-<script src="{{ url_for('static', filename='admin/pages/scripts/components-dropdowns.js') }}" type="text/javascript"></script>
-<script src="{{ url_for('static', filename='admin/pages/scripts/my-button-action.js') }}" type="text/javascript"></script>
-<!-- END PAGE LEVEL SCRIPTS -->
+{% block extrascripts %}
 <script>
-jQuery(document).ready(function() {    
-   Metronic.init(); // init metronic core componets
-   Layout.init(); // init layout
-   ComponentsDropdowns.init();
-   MyButtonAction.init();
+$("#domain_multi_user").multiSelect();
+
+// handle deletion of user
+$('.delete_domain').click(function() {
+	var modal = $("#modal_delete_domain");
+	var domain = $(this).prop('id');
+	var info = "Are you sure you want to delete " + domain + "?";
+	modal.find('.modal-body p').text(info);
+	modal.find('#button_delete_confirm').click(function() {
+        $.get('/admin/domain/' + domain + '/delete');
+		modal.modal('hide');
+		window.location.href = '{{ url_for('dashboard') }}';
+	})
+	modal.modal('show');
+	
 });
 </script>
-<!-- END JAVASCRIPTS -->
 {% endblock %}
+{% block modals %}
+<div class="modal fade modal-warning" id="modal_delete_domain">
+	<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">Confirmation</h4>
+			</div>
+			<div class="modal-body">
+				<p></p>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-default pull-left"
+					data-dismiss="modal">Close</button>
+				<button type="button" class="btn btn-danger" id="button_delete_confirm">
+					Delete</button>
+			</div>
+		</div>
+		<!-- /.modal-content -->
+	</div>
+	<!-- /.modal-dialog -->
+</div>
+{% endblock %}
\ No newline at end of file