resetting the add area button after an update

diff --git a/models/admin/ajax/mapSettingsAjax.php b/models/admin/ajax/mapSettingsAjax.php
index 432ad12..8809ae9 100644 (file)
--- a/models/admin/ajax/mapSettingsAjax.php
+++ b/models/admin/ajax/mapSettingsAjax.php
@@ -134,7 +134,7 @@ class GlmMembersAdmin_ajax_mapSettingsAjax extends GlmDataMapSettings
                             GLM_MEMBERS_COUNTY_MAP_PLUGIN_DB_PREFIX . 'areas',
                             array( 
                                 'area_name'     => $area_name,
-                                'hover_color'   => $area_color,
+                                'hover_color'   => $hover_color,
                                 'page_id'       => $page_id
                             ),
                             array( 'id' => $id ),

diff --git a/views/admin/settings/mapSettings.html b/views/admin/settings/mapSettings.html
index 859a4f0..87786b8 100644 (file)
--- a/views/admin/settings/mapSettings.html
+++ b/views/admin/settings/mapSettings.html
@@ -5,8 +5,9 @@
             <div class="row input-container">
                 <div class="input-field col s12 l8">
                     <input id="area-name" class="area-name validate" type="text" value="" required="" aria-required="">
-                    <span data-error="required">Required</span>
                     <label for="area-name">Area Name</label>
+                    <span data-error="required">Required</span>
+                    
                 </div>
             </div>
             
@@ -77,9 +78,8 @@
         $(document).on("click", '#area-update',function(){
             
             if($("#area-name").val() ){
-           
-                data.option = $(this).data("option");
                 data.area_name = capitalize($("#area-name").val());
+                data.hover_color = $("#map-color").val();
                 $("#map-color").val();
                 data.page_id = $("select").val();
                 
@@ -89,8 +89,15 @@
             
                 $('select').prop('selectedIndex', 0);
                 $("select").formSelect();
-                console.log("BUTTOJN ACTIONL :",data );
+                $("#area-name").parent().removeClass("edit-field");
+                $("#map-color").removeClass('edit-field');
+                $(".map-page-selection").removeClass("edit-field");
+
                 serverCall(data);
+                data.id = 0;
+                data.hover_color = "#003366";
+                data.option = "add";
+                $(this).text("Add Area");
             }else{
                 $("#area-name").parent().addClass("error-field");
             }
@@ -122,17 +129,18 @@
             var area_name   = $(this).find($('.area-record-name')).text();
             var area_page   = $(this).find($('.area-record-page')).text();
             var page_id     = getKeyByValue(pages, area_page);  
-            var area_color  = $(this).find($('.area-record-color')).text();
+            var hover_color  = $(this).find($('.area-record-color')).text();
 
             $("#area-name").val(area_name).siblings("label").addClass("active");
             $("#area-name").parent().addClass("edit-field");
-            $("#map-color").val(area_color).css({literal}{'background-color':"rgba(30, 202, 162, 0.3)"}{/literal});
-
+            $("#map-color").val(hover_color).addClass('edit-field');
+            $(".map-page-selection").addClass("edit-field");
             $('select').val(page_id);
-            $(".map-page-selection").addClass("edit-field")
             $("select").formSelect();
             $("#area-update").attr("data-option", "update").text("Update Area").attr("data-id", id);
             data.id = id;
+            data.hover_color = hover_color;
+            data.option = "update";
         });
 
         // Initial page load list population