JavaScript

Hello All,
 Using toggleClass and hasClass in javascript to toggle between 'SelectAll' and 'DeselectAll', to control the checkboxes. 'SelectAll' would check all the checkboxes, and 'DeselectAll' would deselect them all at once. This works fine in my development environment, but in staging server, the button does not invoke any action. It does nothing.

 How does one go about debugging another environment, which does not have VS installed? 

 I have pasted a snippet - thank you!

Hide   Copy Code
script type="text/javascript">
        $(function () {
            $("#SelectAll").click(function () {
                var $this = $(this);
                $this.toggleClass('SelectAll');
                if ($this.hasClass('SelectAll')) {
                    $this.text('DeselectAll');
                    $this.val('DeselectAll');

                    var ischecked = true;
                } else {
                    $this.text('SelectAll');
                    $this.val('SelectAll');
                    var ischecked = false;
                }
            });
        });
        </script>

$(document).on("change", "#Shipper_VendorID", function () {
        load_rateAPICodes();
    });

    $(document).on("change", "#Shipper_RateAPICode", function () {
        load_RateAPIDetails();
    });

beforeSend: function () {
  // Unbind Events if the Vendor has changed            
  $(document).off("change", $ddl_vendorID);
  $(document).off("change", $ddl_serviceID);            
},

complete: function () {
  // Rebind the Events that were unbinded if the vendor was changed            
  $(document).on("change", $ddl_vendorID, load_rateAPICodes());
  $(document).on("change", $ddl_serviceID, load_RateAPIDetails());                        
}

function run_packageSelect(_packageID) {

    var $txt_orderID                    = $("#Order_ID"),<br />
        $ddl_vendorID                   = $("#Shipper_VendorID"),
        $ddl_serviceID                  = $("#Shipper_RateAPICode"),
        $js_packageAdd                  = $("#js_packageAdd"),
        _dataVendorID                   = $("#Shipper_VendorID option:selected").attr("value"),
        _dataVendorAttr                 = $ddl_serviceID.attr("data-vendor");

    // Collapse the Package Form
    $js_packageAdd.collapse('hide');

    $.ajax({
        type: "POST",
        cache: true,
        dataType: "json",
        global: true,
        url: '/Ajax/Json_Shipment_Order_Package_Fetch',
        data: { Package_ID: parseInt(_packageID, 10) },
        beforeSend: function () {
            // Unbind Events if the Vendor has changed<br />
            $(document).off("change", $ddl_vendorID);
            $(document).off("change", $ddl_serviceID);<br />
        },
        error: function (response) {<br />
            alert("http code: " + response.status + " Error: Json_Shipment_Order_Package_Fetch - data: " + response);
        },
        success: function (data) {

            // Update the Dropdown boxes if the vendor has changed
            $ddl_vendorID.val(data.Vendor_ID); 
            if (parseInt(_dataVendorID, 10) !== parseInt(_dataVendorAttr, 10)) {

                $.ajax({
                    type: "POST",
                    cache: true,
                    dataType: "json",
                    url: '/Ajax/Json_Shipment_Load_Vendor_Services',
                    global: true,
                    data: { ShipperID: parseInt(data.Vendor_ID, 10) },
                    error: function (response) {
                        alert("http code: " + response.status + " Error: Json_Order_Shipment_Load_Services - data: " + response);
                    },
                    success: function (data) {
                        var markup = "<option value=''> " + data.length + " services(s) found --</option>";
                        for (var x = 0; x < data.length; x++) {
                            if (data.Value == data.Service_ID) {
                                markup += "<option value=" + data[x].Value + " selected>" + data[x].Text + "</option>";
                            }
                            else {
                                markup += "<option value=" + data[x].Value + ">" + data[x].Text + "</option>";
                            }
                        }
                        $("#Shipper_RateAPICode").html(markup).show();
                    },
                    complete: function () {
                        $ddl_serviceID.val(data.Service_ID).change();
                    }
                });
            }
            else {
                $ddl_serviceID.val(data.Service_ID).change();
            }
        },
        complete: function () {
            // Rebind the Events that were unbinded if the vendor was changed<br />
            $(document).on("change", $ddl_vendorID, load_rateAPICodes());
            $(document).on("change", $ddl_serviceID, load_RateAPIDetails());<br />
        }
    });
}

<% if (typeof success !== "undefined") { %>
    //this works fine and the h4 only shows up if the if statement is true
     <h4><%= success %></h4>

<% } %>

<% if (typeof success !== "undefined") { %>
//this div is showing up regardless when adding the //bootstrap classes
        <div class="alert alert-success"><%= success %></div>
    <% } %>

const express = require('express');
const path = require('path');
const favicon = require('serve-favicon');
const logger = require('morgan');
const cookieParser = require('cookie-parser');
const session      = require('express-session');
const bodyParser = require('body-parser');
const port       = 5000;
const mongoose = require('mongoose');
const passport = require('passport');
const LocalStrategy = require('passport-local').Strategy;
const flash = require('connect-flash');
const engine = require('ejs-mate');

const app = express();

app.use(logger('dev'));
app.use(bodyParser.json() );
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
// view engine setup
app.engine('ejs', engine);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(express.static(path.join(__dirname, 'public')));

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));

app.use(session({
  secret: 'keyboard cat',
  resave: false,
  saveUninitialized: true
}));
app.use(flash());
app.use(function(req, res, next) {
  res.locals.currentUser = req.user;
    res.locals.error = req.flash("error");
    res.locals.success = req.flash("success");
    next();
});
//routes
const indexes = require('./routes/indexes');
const diaries = require('./routes/diaries');
const users = require('./routes/users');



// Configure passport middleware
app.use(passport.initialize());
app.use(passport.session());

// Configure passport-local to use account model for authentication
const db = require('./models');
passport.use(new LocalStrategy(db.User.authenticate()));

passport.serializeUser(db.User.serializeUser());
passport.deserializeUser(db.User.deserializeUser());
app.use('/users', users);
app.use('/', indexes);
app.use('/diaries', diaries);


// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

app.listen(port, ()=>{
  console.log(`App started on port ${port}`);
});
module.exports = app;