From 0418ff76ad071ed737bde67892995fbdd339affe Mon Sep 17 00:00:00 2001
From: Mike Koch <mkoch227@gmail.com>
Date: Mon, 15 May 2017 22:04:32 -0400
Subject: [PATCH] Some more changes.... these are fantastic commit messages!

---
 internal-api/js/manage-custom-nav-elements.js | 86 ++++++++++++-------
 1 file changed, 57 insertions(+), 29 deletions(-)

diff --git a/internal-api/js/manage-custom-nav-elements.js b/internal-api/js/manage-custom-nav-elements.js
index d8a44813..8823d87d 100644
--- a/internal-api/js/manage-custom-nav-elements.js
+++ b/internal-api/js/manage-custom-nav-elements.js
@@ -2,37 +2,28 @@ var elements = [];
 
 $(document).ready(function() {
     loadTable();
+    bindEditModal();
 
-    $(document).on('click', '[data-action="edit"]', function() {
-        var element = elements[$(this).parent().parent().find('[data-property="id"]').text()];
-        console.log(element);
-        var $modal = $('#nav-element-modal');
-
-        $modal.find('select[name="place"]').val(element.place).text();
-        var $textLanguages = $modal.find('[data-text-language]');
-        $.each($textLanguages, function() {
-            var language = $(this).data('text-language');
-
-            $(this).val(element.text[language]);
-        });
-
-        var $subtextLanguages = $modal.find('[data-subtext-language]');
-        $.each($subtextLanguages, function() {
-            var language = $(this).data('subtext-language');
-
-            $(this).val(element.subtext[language]);
-        });
-
-        if (element.imageUrl !== null) {
-            $modal.find('select[name="image-type"]').val('image-url');
-            $modal.find('input[name="image-url"]').val(element.imageUrl);
+    $('select[name="place"]').change(function() {
+        var $subtextField = $('#subtext');
+        if (parseInt($(this).val()) === 1) {
+            $subtextField.show();
         } else {
-            $modal.find('select[name="image-type"]').val('font-icon');
-            $('[data-toggle="iconpicker"]').iconpicker('setIcon', element.fontIcon);
+            $subtextField.hide();
         }
+    });
 
+    $('select[name="image-type"]').change(function() {
+        var $imageUrl = $('#image-url-group');
+        var $fontIcon = $('#font-icon-group');
 
-        $modal.modal('show');
+        if ($(this).val() === 'image-url') {
+            $imageUrl.show();
+            $fontIcon.hide();
+        } else {
+            $imageUrl.hide();
+            $fontIcon.show();
+        }
     })
 });
 
@@ -96,8 +87,45 @@ function escape(str) {
     return div.innerHTML;
 }
 
-function displayModal(element) {
-    var creatingElement = element === undefined;
+function bindEditModal() {
+    $(document).on('click', '[data-action="edit"]', function() {
+        var element = elements[$(this).parent().parent().find('[data-property="id"]').text()];
+        var $modal = $('#nav-element-modal');
+
+        $modal.find('select[name="place"]').val(element.place).text();
+        var $textLanguages = $modal.find('[data-text-language]');
+        $.each($textLanguages, function() {
+            var language = $(this).data('text-language');
+
+            $(this).val(element.text[language]);
+        });
+
+        var $subtextLanguages = $modal.find('[data-subtext-language]');
+        $.each($subtextLanguages, function() {
+            var language = $(this).data('subtext-language');
+
+            $(this).val(element.subtext[language]);
+        });
+
+        if (this.place === 1) {
+            $('#subtext').show();
+        } else {
+            $('#subtext').hide();
+        }
 
-    var $form = $('#nav-element-modal').find('form');
+        if (element.imageUrl !== null) {
+            $modal.find('select[name="image-type"]').val('image-url');
+            $modal.find('input[name="image-url"]').val(element.imageUrl);
+            $modal.find('#font-icon-group').hide();
+            $modal.find('#image-url-group').show();
+        } else {
+            $modal.find('select[name="image-type"]').val('font-icon');
+            $('[data-toggle="iconpicker"]').iconpicker('setIcon', element.fontIcon);
+            $modal.find('#font-icon-group').show();
+            $modal.find('#image-url-group').hide();
+        }
+
+
+        $modal.modal('show');
+    });
 }
\ No newline at end of file