Implement alias editing views and templates

core/templates/modals/drilldown.html

@@ -1,33 +1,9 @@
 {% load index %}
+{% load static %}
 
-<script>
-  var modal = document.querySelector('.modal');  // assuming you have only 1
-  var html = document.querySelector('html');
-  modal.querySelector('.modal-background').addEventListener('click', function(e) {
-    e.preventDefault();
-    modal.classList.remove('is-active');
-    html.classList.remove('is-clipped');
-  });
-  modal.querySelector('.modal-close').addEventListener('click', function(e) {
-    e.preventDefault();
-    modal.classList.remove('is-active');
-    html.classList.remove('is-clipped');
-  });
-
-  var TABS = [...document.querySelectorAll('#tabs li')];
-  var CONTENT = [...document.querySelectorAll('#tab-content div')];
-  var ACTIVE_CLASS = 'is-active';
-  initTabs();
-</script>
-<style>
-  #tab-content div {
-    display: none;
-  }
-
-  #tab-content div.is-active {
-    display: block;
-  }
-</style>
+<script src="{% static 'modal.js' %}"></script>
+<link rel ="stylesheet" href="{% static 'tabs.css' %}">
+<script src="{% static 'tabs.js' %}"></script>
 <div class="modal is-active is-clipped">
   <div class="modal-background"></div>
   <div class="modal-content">