update scripts to work on dynamic content for datatables

Author: Alan Snow

tethysapp/streamflow_prediction_tool/public/js/manage_data_stores.js

@@ -29,6 +29,8 @@ var ERFP_MANAGE_DATA_STORES = (function() {
      *                    PRIVATE FUNCTION IMPLEMENTATIONS
      *************************************************************************/
     initializeTableFunctions = function() {
+        $("#data_store_table").off();
+
         $("#data_store_table").DataTable({
             destroy: true,
             columnDefs: [{
@@ -39,7 +41,7 @@ var ERFP_MANAGE_DATA_STORES = (function() {
         });
 
         //handle the submit update event
-        $('.submit-update-data-store').off().click(function(){
+        $('#data_store_table').on("click", ".submit-update-data-store", function(){
             //clear messages
             $('#message').addClass('hidden');
             $('#message').empty()
@@ -72,7 +74,7 @@ var ERFP_MANAGE_DATA_STORES = (function() {
         });
 
         //handle the submit delete event
-        $('.submit-delete-data-store').off().click(function(){
+        $('#data_store_table').on("click", '.submit-delete-data-store', function(){
             var data = {
                     data_store_id: $(this).parent().parent().parent()
                                     .find('.data-store-id').text(),

tethysapp/streamflow_prediction_tool/public/js/manage_geoservers.js

@@ -30,6 +30,8 @@ var ERFP_MANAGE_GEOSERVERS = (function() {
      *************************************************************************/
 
     initializeTableFunctions = function() {
+        $("#geoserver_table").off();
+
         $("#geoserver_table").DataTable({
             destroy: true,
             columnDefs: [{
@@ -40,7 +42,7 @@ var ERFP_MANAGE_GEOSERVERS = (function() {
         });
 
         //handle the submit update event
-        $('.submit-update-geoserver').off().click(function(){
+        $('#geoserver_table').on("click", ".submit-update-geoserver", function(){
             //scroll back to top
             window.scrollTo(0,0);
             //clear messages
@@ -79,7 +81,7 @@ var ERFP_MANAGE_GEOSERVERS = (function() {
         });
 
         //handle the submit delete event
-        $('.submit-delete-geoserver').click(function(){
+        $('#geoserver_table').on("click", ".submit-delete-geoserver", function(){
         var data = {
             geoserver_id: $(this).parent().parent().parent()
                                 .find('.geoserver-id').text()

tethysapp/streamflow_prediction_tool/public/js/manage_watershed_groups.js

@@ -28,6 +28,8 @@ var ERFP_MANAGE_WATERSHED_GROUPS = (function() {
      *                    PRIVATE FUNCTION IMPLEMENTATIONS
      *************************************************************************/
     initializeTableFunctions = function() {
+        $("#watershed_groups_table").off();
+
         $("#watershed_groups_table").DataTable({
             destroy: true,
             columnDefs: [{
@@ -36,12 +38,13 @@ var ERFP_MANAGE_WATERSHED_GROUPS = (function() {
             }],
             order: [[ 3, "asc" ]]
         });
+
         $(".watershed-select").each(function() {
             $(this).select2({placeholder: "Add Watershed to Group", width: '100%'});
         });
 
         //handle the submit update event
-        $('.submit-update-watershed-group').off().click(function(){
+        $('#watershed_groups_table').on("click", '.submit-update-watershed-group', function(){
             //scroll back to top
             window.scrollTo(0,0);
             //clear messages
@@ -74,7 +77,7 @@ var ERFP_MANAGE_WATERSHED_GROUPS = (function() {
         });
 
         //handle the submit delete event
-        $('.submit-delete-watershed-group').off().click(function(){
+        $('#watershed_groups_table').on("click", '.submit-delete-watershed-group', function(){
             var data = {
                 watershed_group_id: $(this).parent().parent().parent().find('.watershed-group-id').text()
             };

tethysapp/streamflow_prediction_tool/public/js/manage_watersheds.js

@@ -398,6 +398,8 @@ var ERFP_MANAGE_WATERSHEDS = (function() {
     };
 
     initializeTableFunctions = function() {
+        $("#watershed_table").off();
+
         $("#watershed_table").DataTable({
             destroy: true,
             columnDefs: [{
@@ -408,13 +410,13 @@ var ERFP_MANAGE_WATERSHEDS = (function() {
         });
 
         //handle the submit edit event
-        $('.submit-edit-watershed').off().click(function () {
+        $('#watershed_table').on("click", ".submit-edit-watershed", function () {
             getModalHTML($(this).parent().parent().parent().find('.watershed-name').data('watershed_id'));
         });
 
 
         //handle the submit update event
-        $('.submit-delete-watershed').off().click(function () {
+        $('#watershed_table').on("click", ".submit-delete-watershed", function () {
             var data = {
                 watershed_id: $(this).parent().parent().parent().find('.watershed-name').data('watershed_id')
             };