domain registration, start on DNS

assets/css/main.css

@@ -68,6 +68,86 @@ body {
     padding-right: 8px;
 }
 
+.InsetContentBox {
+    border: 1px inset;
+    min-height: 200px;
+    background-color: white;
+    display: inline-block;
+    box-sizing: border-box;
+    vertical-align: middle;
+}
+
+.ContentBox {
+    border: 2px solid #4682b4;
+    min-height: 200px;
+    background-color: white;
+    display: inline-block;
+    box-sizing: border-box;
+    vertical-align: middle;
+    padding: 8px;
+}
+
+#DomainOptions {
+    text-align: center;
+    float: right;
+}
+
+#DomainSelection {
+    overflow: scroll;
+    zoom: 1;
+}
+
+#DomainSelection li:hover {
+    background-color: #2e69cb;
+    color: white;
+    cursor: pointer;
+}
+
+.SelectedListItem {
+    background-color: #2e69cb;
+    color: white;
+}
+
+ul {
+    margin: 0;
+    padding: 0;
+}
+
+li {
+    list-style: none;
+    padding: 8px;
+}
+
+.MutedText {
+    color: #afafaf;
+}
+
+.TitleText {
+    font-weight: bold;
+    font-size: 14px;
+}
+
+.Hidden {
+    display: none;
+}
+
+a {
+    text-decoration: none;
+}
+
+a:hover {
+    color: #800000;
+}
+
+a {
+    color: #0000ee;
+}
+
+.DefaultButton {
+    background-color: #f5cd2f;
+    cursor: pointer;
+}
+
 .VerticalInputForm {
     display: inline-block;
 }

assets/scripts/domainmgmt.js

@@ -0,0 +1,72 @@
+// This script is designed to support at a minimum IE 6
+//
+// All menu functions are defined outside of initMenu.
+//
+// This is so I'm not duplicating functions between-
+// checks for what browser we have
+
+function resetSelection() {
+    var elements = document.getElementsByName("domain_selection");
+
+    for (var i = 0; i < elements.length; i++) {
+        (function(li) {
+            li.className = "";
+
+
+        })(elements[i]);
+    }
+}
+
+function toggleSelection(li) {
+    var domainId = li.value;
+    var editDNS = document.getElementById("options_edit_dns");
+    var unreg = document.getElementById("options_unregister");
+
+    if(li.className == "SelectedListItem") {
+        editDNS.className = "Hidden";
+        unreg.className = "Hidden";
+        li.className = "";
+        return;
+    }
+
+    resetSelection();
+
+    li.className = "SelectedListItem";
+
+
+
+    editDNS.className = "";
+    editDNS.href = "/dns/edit/" + domainId;
+
+    unreg.className = "";
+    unreg.href = "/domains/unregister/" + domainId;
+}
+
+// Once the page has fully loaded, connect each button to its code
+function initDomainSelection() {
+    // Register selection events
+    var elements = document.getElementsByName("domain_selection");
+    
+    for (var i = 0; i < elements.length; i++) {
+        (function(li) {
+            if(window.addEventListener) {
+                li.addEventListener("click", function() {
+                    toggleSelection(li);
+                });          
+            } else {
+                li.attachEvent("onclick", function() {
+                    toggleSelection(li);
+                });
+            }
+        })(elements[i]);
+    }
+}
+
+// Register load / onload event
+if(window.addEventListener) {
+    window.addEventListener('load', initDomainSelection);
+} else if(window.attachEvent) {
+    window.attachEvent('onload', initDomainSelection);
+} else {
+    alert("Unsupported browser.");
+}