vaultify 0.1.0

data/app/assets/javascripts/vaultify/iso.js

@@ -0,0 +1,200 @@
+const iso = [
+    {"alpha3-b": "aar", "alpha2": "aa", "English": "Afar"},
+    {"alpha3-b": "abk", "alpha2": "ab", "English": "Abkhazian"},
+    {"alpha3-b": "afr", "alpha2": "af", "English": "Afrikaans"},
+    {"alpha3-b": "aka", "alpha2": "ak", "English": "Akan"},
+    {"alpha3-b": "alb", "alpha2": "sq", "English": "Albanian"},
+    {"alpha3-b": "amh", "alpha2": "am", "English": "Amharic"},
+    {"alpha3-b": "ara", "alpha2": "ar", "English": "Arabic"},
+    {"alpha3-b": "arg", "alpha2": "an", "English": "Aragonese"},
+    {"alpha3-b": "arm", "alpha2": "hy", "English": "Armenian"},
+    {"alpha3-b": "asm", "alpha2": "as", "English": "Assamese"},
+    {"alpha3-b": "ava", "alpha2": "av", "English": "Avaric"},
+    {"alpha3-b": "ave", "alpha2": "ae", "English": "Avestan"},
+    {"alpha3-b": "aym", "alpha2": "ay", "English": "Aymara"},
+    {"alpha3-b": "aze", "alpha2": "az", "English": "Azerbaijani"},
+    {"alpha3-b": "bak", "alpha2": "ba", "English": "Bashkir"},
+    {"alpha3-b": "bam", "alpha2": "bm", "English": "Bambara"},
+    {"alpha3-b": "baq", "alpha2": "eu", "English": "Basque"},
+    {"alpha3-b": "bel", "alpha2": "be", "English": "Belarusian"},
+    {"alpha3-b": "ben", "alpha2": "bn", "English": "Bengali"},
+    {"alpha3-b": "bih", "alpha2": "bh", "English": "Bihari languages"},
+    {"alpha3-b": "bis", "alpha2": "bi", "English": "Bislama"},
+    {"alpha3-b": "bos", "alpha2": "bs", "English": "Bosnian"},
+    {"alpha3-b": "bre", "alpha2": "br", "English": "Breton"},
+    {"alpha3-b": "bul", "alpha2": "bg", "English": "Bulgarian"},
+    {"alpha3-b": "bur", "alpha2": "my", "English": "Burmese"},
+    {"alpha3-b": "cat", "alpha2": "ca", "English": "Catalan; Valencian"},
+    {"alpha3-b": "cha", "alpha2": "ch", "English": "Chamorro"},
+    {"alpha3-b": "che", "alpha2": "ce", "English": "Chechen"},
+    {"alpha3-b": "chi", "alpha2": "zh", "English": "Chinese"},
+    {
+        "alpha3-b": "chu",
+        "alpha2": "cu",
+        "English": "Church Slavic; Old Slavonic; Church Slavonic; Old Bulgarian; Old Church Slavonic"
+    },
+    {"alpha3-b": "chv", "alpha2": "cv", "English": "Chuvash"},
+    {"alpha3-b": "cor", "alpha2": "kw", "English": "Cornish"},
+    {"alpha3-b": "cos", "alpha2": "co", "English": "Corsican"},
+    {"alpha3-b": "cre", "alpha2": "cr", "English": "Cree"},
+    {"alpha3-b": "cze", "alpha2": "cs", "English": "Czech"},
+    {"alpha3-b": "dan", "alpha2": "da", "English": "Danish"},
+    {"alpha3-b": "div", "alpha2": "dv", "English": "Divehi; Dhivehi; Maldivian"},
+    {"alpha3-b": "dut", "alpha2": "nl", "English": "Dutch; Flemish"},
+    {"alpha3-b": "dzo", "alpha2": "dz", "English": "Dzongkha"},
+    {"alpha3-b": "eng", "alpha2": "en", "English": "English"},
+    {"alpha3-b": "epo", "alpha2": "eo", "English": "Esperanto"},
+    {"alpha3-b": "est", "alpha2": "et", "English": "Estonian"},
+    {"alpha3-b": "ewe", "alpha2": "ee", "English": "Ewe"},
+    {"alpha3-b": "fao", "alpha2": "fo", "English": "Faroese"},
+    {"alpha3-b": "fij", "alpha2": "fj", "English": "Fijian"},
+    {"alpha3-b": "fin", "alpha2": "fi", "English": "Finnish"},
+    {"alpha3-b": "fre", "alpha2": "fr", "English": "French"},
+    {"alpha3-b": "fry", "alpha2": "fy", "English": "Western Frisian"},
+    {"alpha3-b": "ful", "alpha2": "ff", "English": "Fulah"},
+    {"alpha3-b": "geo", "alpha2": "ka", "English": "Georgian"},
+    {"alpha3-b": "ger", "alpha2": "de", "English": "German"},
+    {"alpha3-b": "gla", "alpha2": "gd", "English": "Gaelic; Scottish Gaelic"},
+    {"alpha3-b": "gle", "alpha2": "ga", "English": "Irish"},
+    {"alpha3-b": "glg", "alpha2": "gl", "English": "Galician"},
+    {"alpha3-b": "glv", "alpha2": "gv", "English": "Manx"},
+    {"alpha3-b": "gre", "alpha2": "el", "English": "Greek, Modern (1453-)"},
+    {"alpha3-b": "grn", "alpha2": "gn", "English": "Guarani"},
+    {"alpha3-b": "guj", "alpha2": "gu", "English": "Gujarati"},
+    {"alpha3-b": "hat", "alpha2": "ht", "English": "Haitian; Haitian Creole"},
+    {"alpha3-b": "hau", "alpha2": "ha", "English": "Hausa"},
+    {"alpha3-b": "heb", "alpha2": "he", "English": "Hebrew"},
+    {"alpha3-b": "her", "alpha2": "hz", "English": "Herero"},
+    {"alpha3-b": "hin", "alpha2": "hi", "English": "Hindi"},
+    {"alpha3-b": "hmo", "alpha2": "ho", "English": "Hiri Motu"},
+    {"alpha3-b": "hrv", "alpha2": "hr", "English": "Croatian"},
+    {"alpha3-b": "hun", "alpha2": "hu", "English": "Hungarian"},
+    {"alpha3-b": "ibo", "alpha2": "ig", "English": "Igbo"},
+    {"alpha3-b": "ice", "alpha2": "is", "English": "Icelandic"},
+    {"alpha3-b": "ido", "alpha2": "io", "English": "Ido"},
+    {"alpha3-b": "iii", "alpha2": "ii", "English": "Sichuan Yi; Nuosu"},
+    {"alpha3-b": "iku", "alpha2": "iu", "English": "Inuktitut"},
+    {"alpha3-b": "ile", "alpha2": "ie", "English": "Interlingue; Occidental"},
+    {"alpha3-b": "ina", "alpha2": "ia", "English": "Interlingua (International Auxiliary Language Association)"},
+    {"alpha3-b": "ind", "alpha2": "id", "English": "Indonesian"},
+    {"alpha3-b": "ipk", "alpha2": "ik", "English": "Inupiaq"},
+    {"alpha3-b": "ita", "alpha2": "it", "English": "Italian"},
+    {"alpha3-b": "jav", "alpha2": "jv", "English": "Javanese"},
+    {"alpha3-b": "jpn", "alpha2": "ja", "English": "Japanese"},
+    {"alpha3-b": "kal", "alpha2": "kl", "English": "Kalaallisut; Greenlandic"},
+    {"alpha3-b": "kan", "alpha2": "kn", "English": "Kannada"},
+    {"alpha3-b": "kas", "alpha2": "ks", "English": "Kashmiri"},
+    {"alpha3-b": "kau", "alpha2": "kr", "English": "Kanuri"},
+    {"alpha3-b": "kaz", "alpha2": "kk", "English": "Kazakh"},
+    {"alpha3-b": "khm", "alpha2": "km", "English": "Central Khmer"},
+    {"alpha3-b": "kik", "alpha2": "ki", "English": "Kikuyu; Gikuyu"},
+    {"alpha3-b": "kin", "alpha2": "rw", "English": "Kinyarwanda"},
+    {"alpha3-b": "kir", "alpha2": "ky", "English": "Kirghiz; Kyrgyz"},
+    {"alpha3-b": "kom", "alpha2": "kv", "English": "Komi"},
+    {"alpha3-b": "kon", "alpha2": "kg", "English": "Kongo"},
+    {"alpha3-b": "kor", "alpha2": "ko", "English": "Korean"},
+    {"alpha3-b": "kua", "alpha2": "kj", "English": "Kuanyama; Kwanyama"},
+    {"alpha3-b": "kur", "alpha2": "ku", "English": "Kurdish"},
+    {"alpha3-b": "lao", "alpha2": "lo", "English": "Lao"},
+    {"alpha3-b": "lat", "alpha2": "la", "English": "Latin"},
+    {"alpha3-b": "lav", "alpha2": "lv", "English": "Latvian"},
+    {"alpha3-b": "lim", "alpha2": "li", "English": "Limburgan; Limburger; Limburgish"},
+    {"alpha3-b": "lin", "alpha2": "ln", "English": "Lingala"},
+    {"alpha3-b": "lit", "alpha2": "lt", "English": "Lithuanian"},
+    {"alpha3-b": "ltz", "alpha2": "lb", "English": "Luxembourgish; Letzeburgesch"},
+    {"alpha3-b": "lub", "alpha2": "lu", "English": "Luba-Katanga"},
+    {"alpha3-b": "lug", "alpha2": "lg", "English": "Ganda"},
+    {"alpha3-b": "mac", "alpha2": "mk", "English": "Macedonian"},
+    {"alpha3-b": "mah", "alpha2": "mh", "English": "Marshallese"},
+    {"alpha3-b": "mal", "alpha2": "ml", "English": "Malayalam"},
+    {"alpha3-b": "mao", "alpha2": "mi", "English": "Maori"},
+    {"alpha3-b": "mar", "alpha2": "mr", "English": "Marathi"},
+    {"alpha3-b": "may", "alpha2": "ms", "English": "Malay"},
+    {"alpha3-b": "mlg", "alpha2": "mg", "English": "Malagasy"},
+    {"alpha3-b": "mlt", "alpha2": "mt", "English": "Maltese"},
+    {"alpha3-b": "mon", "alpha2": "mn", "English": "Mongolian"},
+    {"alpha3-b": "nau", "alpha2": "na", "English": "Nauru"},
+    {"alpha3-b": "nav", "alpha2": "nv", "English": "Navajo; Navaho"},
+    {"alpha3-b": "nbl", "alpha2": "nr", "English": "Ndebele, South; South Ndebele"},
+    {"alpha3-b": "nde", "alpha2": "nd", "English": "Ndebele, North; North Ndebele"},
+    {"alpha3-b": "ndo", "alpha2": "ng", "English": "Ndonga"},
+    {"alpha3-b": "nep", "alpha2": "ne", "English": "Nepali"},
+    {"alpha3-b": "nno", "alpha2": "nn", "English": "Norwegian Nynorsk; Nynorsk, Norwegian"},
+    {"alpha3-b": "nob", "alpha2": "nb", "English": "Bokmål, Norwegian; Norwegian Bokmål"},
+    {"alpha3-b": "nor", "alpha2": "no", "English": "Norwegian"},
+    {"alpha3-b": "nya", "alpha2": "ny", "English": "Chichewa; Chewa; Nyanja"},
+    {"alpha3-b": "oci", "alpha2": "oc", "English": "Occitan (post 1500); Provençal"},
+    {"alpha3-b": "oji", "alpha2": "oj", "English": "Ojibwa"},
+    {"alpha3-b": "ori", "alpha2": "or", "English": "Oriya"},
+    {"alpha3-b": "orm", "alpha2": "om", "English": "Oromo"},
+    {"alpha3-b": "oss", "alpha2": "os", "English": "Ossetian; Ossetic"},
+    {"alpha3-b": "pan", "alpha2": "pa", "English": "Panjabi; Punjabi"},
+    {"alpha3-b": "per", "alpha2": "fa", "English": "Persian"},
+    {"alpha3-b": "pli", "alpha2": "pi", "English": "Pali"},
+    {"alpha3-b": "pol", "alpha2": "pl", "English": "Polish"},
+    {"alpha3-b": "por", "alpha2": "pt", "English": "Portuguese"},
+    {"alpha3-b": "pus", "alpha2": "ps", "English": "Pushto; Pashto"},
+    {"alpha3-b": "que", "alpha2": "qu", "English": "Quechua"},
+    {"alpha3-b": "roh", "alpha2": "rm", "English": "Romansh"},
+    {"alpha3-b": "rum", "alpha2": "ro", "English": "Romanian; Moldavian; Moldovan"},
+    {"alpha3-b": "run", "alpha2": "rn", "English": "Rundi"},
+    {"alpha3-b": "rus", "alpha2": "ru", "English": "Russian"},
+    {"alpha3-b": "sag", "alpha2": "sg", "English": "Sango"},
+    {"alpha3-b": "san", "alpha2": "sa", "English": "Sanskrit"},
+    {"alpha3-b": "sin", "alpha2": "si", "English": "Sinhala; Sinhalese"},
+    {"alpha3-b": "slo", "alpha2": "sk", "English": "Slovak"},
+    {"alpha3-b": "slv", "alpha2": "sl", "English": "Slovenian"},
+    {"alpha3-b": "sme", "alpha2": "se", "English": "Northern Sami"},
+    {"alpha3-b": "smo", "alpha2": "sm", "English": "Samoan"},
+    {"alpha3-b": "sna", "alpha2": "sn", "English": "Shona"},
+    {"alpha3-b": "snd", "alpha2": "sd", "English": "Sindhi"},
+    {"alpha3-b": "som", "alpha2": "so", "English": "Somali"},
+    {"alpha3-b": "sot", "alpha2": "st", "English": "Sotho, Southern"},
+    {"alpha3-b": "spa", "alpha2": "es", "English": "Spanish; Castilian"},
+    {"alpha3-b": "srd", "alpha2": "sc", "English": "Sardinian"},
+    {"alpha3-b": "srp", "alpha2": "sr", "English": "Serbian"},
+    {"alpha3-b": "ssw", "alpha2": "ss", "English": "Swati"},
+    {"alpha3-b": "sun", "alpha2": "su", "English": "Sundanese"},
+    {"alpha3-b": "swa", "alpha2": "sw", "English": "Swahili"},
+    {"alpha3-b": "swe", "alpha2": "sv", "English": "Swedish"},
+    {"alpha3-b": "tah", "alpha2": "ty", "English": "Tahitian"},
+    {"alpha3-b": "tam", "alpha2": "ta", "English": "Tamil"},
+    {"alpha3-b": "tat", "alpha2": "tt", "English": "Tatar"},
+    {"alpha3-b": "tel", "alpha2": "te", "English": "Telugu"},
+    {"alpha3-b": "tgk", "alpha2": "tg", "English": "Tajik"},
+    {"alpha3-b": "tgl", "alpha2": "tl", "English": "Tagalog"},
+    {"alpha3-b": "tha", "alpha2": "th", "English": "Thai"},
+    {"alpha3-b": "tib", "alpha2": "bo", "English": "Tibetan"},
+    {"alpha3-b": "tir", "alpha2": "ti", "English": "Tigrinya"},
+    {"alpha3-b": "ton", "alpha2": "to", "English": "Tonga (Tonga Islands)"},
+    {"alpha3-b": "tsn", "alpha2": "tn", "English": "Tswana"},
+    {"alpha3-b": "tso", "alpha2": "ts", "English": "Tsonga"},
+    {"alpha3-b": "tuk", "alpha2": "tk", "English": "Turkmen"},
+    {"alpha3-b": "tur", "alpha2": "tr", "English": "Turkish"},
+    {"alpha3-b": "twi", "alpha2": "tw", "English": "Twi"},
+    {"alpha3-b": "uig", "alpha2": "ug", "English": "Uighur; Uyghur"},
+    {"alpha3-b": "ukr", "alpha2": "uk", "English": "Ukrainian"},
+    {"alpha3-b": "urd", "alpha2": "ur", "English": "Urdu"},
+    {"alpha3-b": "uzb", "alpha2": "uz", "English": "Uzbek"},
+    {"alpha3-b": "ven", "alpha2": "ve", "English": "Venda"},
+    {"alpha3-b": "vie", "alpha2": "vi", "English": "Vietnamese"},
+    {"alpha3-b": "vol", "alpha2": "vo", "English": "Volapük"},
+    {"alpha3-b": "wel", "alpha2": "cy", "English": "Welsh"},
+    {"alpha3-b": "wln", "alpha2": "wa", "English": "Walloon"},
+    {"alpha3-b": "wol", "alpha2": "wo", "English": "Wolof"},
+    {"alpha3-b": "xho", "alpha2": "xh", "English": "Xhosa"},
+    {"alpha3-b": "yid", "alpha2": "yi", "English": "Yiddish"},
+    {"alpha3-b": "yor", "alpha2": "yo", "English": "Yoruba"},
+    {"alpha3-b": "zha", "alpha2": "za", "English": "Zhuang; Chuang"},
+    {"alpha3-b": "zul", "alpha2": "zu", "English": "Zulu"}
+];
+
+var isoVar = [];
+
+function isoAPIQuery() {
+    if (isoVar.length < 1) {
+        iso.forEach(function (element) {
+            isoVar.push(JSON.parse('{"text":"' + element.English + '", "url":"' + element.alpha2 + '"}'));
+        });
+    }
+}

data/app/assets/javascripts/vaultify/vaultify.js.erb

@@ -0,0 +1,152 @@
+var modal, autoc, current_api;
+
+function fileValidation() {
+
+    var fileInput = document.getElementById("csv");
+    var filePath = fileInput.value;
+    var allowedExtensions = /(\.csv)$/i;
+    if (!allowedExtensions.exec(filePath)) {
+        alert('ERROR: This is not a valid file type. You can only upload .CSV extension files');
+        fileInput.value = '';
+        return false;
+    }
+}
+
+function loadTable(e) {
+    var tables = document.getElementsByTagName('table');
+    Array.from(tables).forEach(function (element) {
+        if (element.id != "modal_table")
+            element.style.display = "none";
+    });
+    document.getElementById(e.value).style.display = "table";
+    var this_api = document.getElementById(e.value + "_api").innerText;
+    if (current_api != this_api) {
+        autoc.destroy();
+        autoc = window[this_api + "_horsey"]();
+        current_api = this_api;
+    }
+}
+
+window.onload = function () {
+    modal = document.getElementById('editModal');
+    window.onclick = function (event) {
+        if (event.target == modal) {
+            closeModal();
+        }
+    };
+    var table = document.getElementsByTagName('table')[0].id;
+    current_api = document.getElementById(table + "_api").innerHTML;
+    autoc = window[current_api + "_horsey"]()
+};
+
+function clear_modal() {
+    document.getElementById("modal_title").innerHTML = "";
+    document.getElementById("modal_orig").innerHTML = "";
+    document.getElementById("modal_adjust").innerHTML = "";
+}
+
+function openModal(el) {
+    clear_modal();
+    modal.style.display = 'block';
+    console.log(el);
+    document.getElementById("current_row").innerHTML = el.id;
+    document.getElementById("modal_title").innerHTML = el.getElementsByClassName('title')[0].innerHTML;
+    document.getElementById("modal_orig").innerHTML = el.getElementsByClassName('original')[0].innerHTML;
+    Array.from(el.getElementsByClassName('adjusted-list')[0].getElementsByTagName("li")).forEach(function (e) {
+        add_li(e.childNodes[0].data, e.getElementsByClassName("url")[0].value);
+    });
+    //SET AUTOC HORSEY API!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
+}
+
+function create_li(item, url) {
+    if (item == "")
+        return null;
+    var li = document.createElement("li");
+    var text = document.createTextNode(item);
+    var url_input = document.createElement("input");
+    url_input.setAttribute('type', 'hidden');
+    url_input.setAttribute('class', 'no-dis url');
+    var row = document.getElementById('current_row').innerText.split('-');
+    var name = row[0] + "[" + row[1] + "][" + (modal.getElementsByClassName("url").length).toString() + "]";
+    url_input.setAttribute('name', name);
+    url_input.value = url;
+    li.setAttribute('class', 'modal_li');
+    li.appendChild(text);
+    li.appendChild(url_input);
+    li.appendChild(remove_span());
+    return li;
+}
+
+function remove_span() {
+    var remove = document.createElement("span");
+    remove.setAttribute('class', 'remove');
+    remove.setAttribute('onclick', 'remove(this.parentNode)');
+    remove.innerHTML = "×";
+    return remove;
+}
+
+function add_field() {
+    var input = document.getElementById("autoc_field");
+    var table = document.getElementById("current_row").innerHTML.split("-")[0];
+    var api = document.getElementById(table + "_api").innerHTML;
+    var url = "";
+    eval(api + "Var").forEach(function (row) {
+        if (row.text == input.value)
+            url = row.url;
+    });
+    add_li(input.value, url);
+    input.value = "";
+}
+
+function add_li(text, url) {
+    var li = create_li(text, url);
+    if (li != null)
+        document.getElementById("modal_adjust").appendChild(li);
+}
+
+function remove(element) {
+    element.parentNode.removeChild(element);
+}
+
+function closeModal() {
+    modal.style.display = 'none';
+}
+
+function modal_apply(id) {
+    var row = document.getElementById(id).getElementsByClassName('adjusted-list')[0];
+    var list = modal.getElementsByClassName("modal_li");
+    row.innerHTML = "";
+    Array.from(list).forEach(function (element) {
+        var new_li = element.cloneNode(true);
+        new_li.removeChild(new_li.childNodes[new_li.childNodes.length - 1]);
+        row.appendChild(new_li);
+    });
+    closeModal();
+}
+
+function modal_apply_all() {
+    var modal_orig = document.getElementById("modal_orig").getElementsByClassName("original-list")[0];
+    var table = document.getElementById("current_row").innerHTML.split("-")[0];
+    var rows = document.getElementById(table).getElementsByTagName("tr");
+    Array.from(rows).forEach(function (row) {
+        var orig = row.getElementsByClassName("original-list")[0];
+        if (orig != undefined) {
+            if (orig.innerHTML == modal_orig.innerHTML) {
+                modal_apply(row.id);
+            }
+        }
+    });
+}
+
+
+/*
+function to_list(text) {
+    var list = [];
+    text.split(mvs).forEach(function(element) {
+        var li = create_li(element);
+        list.append(li);
+    });
+    return list;
+}
+*/

data/app/assets/stylesheets/vaultify/application.css

@@ -0,0 +1,16 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+

data/app/assets/stylesheets/vaultify/horsey.css

@@ -0,0 +1,61 @@
+.sey-container {
+    display: none;
+    position: absolute;
+    box-shadow: 1px 2px 6px;
+    background-color: #fff;
+    color: #333;
+    transition: left 0.1s ease-in-out;
+    z-index: 1;
+}
+
+.sey-list {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+}
+
+.sey-show {
+    display: block;
+}
+
+.sey-hide {
+    display: none;
+}
+
+.sey-empty {
+    cursor: default;
+    padding: 7px;
+}
+
+.sey-item {
+    cursor: pointer;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding: 7px;
+}
+
+.sey-item:hover {
+    background-color: #444;
+    color: #fff;
+}
+
+.sey-selected {
+    background-color: #333;
+    color: #fff;
+}
+
+.sey-char-highlight {
+    font-weight: bold;
+}
+
+.sey-category-id {
+    background-color: #eee;
+    color: #aaa;
+    text-align: right;
+    text-transform: capitalize;
+    font-style: italic;
+    font-size: 12px;
+    box-shadow: 1px 0px 1px;
+    padding: 7px;
+}

data/app/assets/stylesheets/vaultify/vaultify.css

@@ -0,0 +1,81 @@
+body {
+    margin: 0;
+    padding: 0;
+    font-family: 'arial', sans-serif;
+    background-color: lightgray;
+}
+
+#wrapper {
+    max-width: 1800px;
+    margin: 0 auto;
+    background-color: white;
+    padding: 10px;
+}
+
+header {
+    background-color: #005493;
+    height: 80px;
+    padding: 50px;
+}
+
+header h1 {
+    text-transform: uppercase;
+    text-align: center;
+    color: #fff;
+    line-height: 50px;
+}
+
+.modal {
+    display: none; /* Hidden by default */
+    position: fixed; /* Stay in place */
+    z-index: 1; /* Sit on top */
+    left: 0;
+    top: 0;
+    width: 100%; /* Full width */
+    height: 100%; /* Full height */
+    overflow: auto; /* Enable scroll if needed */
+    background-color: rgb(0, 0, 0); /* Fallback color */
+    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
+}
+
+/* Modal Content/Box */
+.modal-content {
+    background-color: #fefefe;
+    margin: 15% auto; /* 15% from the top and centered */
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%; /* Could be more or less, depending on screen size */
+}
+
+.remove {
+    float: right;
+    cursor: pointer;
+}
+
+ul {
+    list-style-type: none;
+}
+
+#modal_orig {
+    padding: 16px 0;
+}
+
+#modal_title {
+    padding: 16px 0;
+}
+
+.modal_buttons {
+    height: 25px;
+}
+
+.modal_apply_buttons {
+    float: right;
+}
+
+.modal_cancel_button {
+    float: left;
+}
+
+.no-dis {
+    display: none;
+}