client.js.otp.modules.fieldtrip.SearchWidget.js Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of otp Show documentation
The OpenTripPlanner multimodal journey planning system
There is a newer version: 2.5.0
/* This program is free software: you can redistribute it and/or
   modify it under the terms of the GNU Lesser General Public License
   as published by the Free Software Foundation, either version 3 of
   the License, or (at your option) any later version.
   
   This program is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.
   
   You should have received a copy of the GNU General Public License
   along with this program.  If not, see . 
*/


otp.modules.fieldtrip.SearchWidget = 
    otp.Class(otp.widgets.Widget, {

    module : null,
    
    initialize : function(id, module) {
        this.module = module;

        otp.widgets.Widget.prototype.initialize.call(this, id, module, {
            cssClass : 'otp-fieldtrip-searchWidget',
            title : "Search Field Trips",
            resizable: true,
            closeable : true,
            persistOnClose : true,
            openInitially : false,            
        });

        ich['otp-fieldtrip-searchWidget']({
            widgetId : this.id
        }).appendTo(this.mainDiv);
        this.center();

        this.mainDiv.find(".searchTabs").tabs({
            heightStyle : "fill",
        });
        
        $('#' + this.id + '-searchButton').button().click($.proxy(this.runSearch, this));        

        this.mainDiv.find(".dateInput1").datepicker();//.datepicker("setDate", new Date());
        this.mainDiv.find(".dateInput2").datepicker();//.datepicker("setDate", new Date());
        this.mainDiv.find(".extendedDateInput").hide();

        this.mainDiv.find(".dateOperatorSelect").change(_.bind(function() {
            if(this.mainDiv.find(".dateOperatorSelect").val() === 'between') {
                this.mainDiv.find(".extendedDateInput").show();
            }
            else {
                this.mainDiv.find(".extendedDateInput").hide();
            }

        }, this));
    },
    
    runSearch : function() {
        
        var queryStr = "";

        queryStr += "LOWER(teacherName) " + this.mainDiv.find(".teacherOperatorSelect").val() + " ?";
        queryStr += " " + this.mainDiv.find('input:radio[name=andor1]:checked').val() + " ";
        queryStr += "LOWER(schoolName) " + this.mainDiv.find(".schoolOperatorSelect").val() + " ?";
        queryStr += " " + this.mainDiv.find('input:radio[name=andor2]:checked').val() + " ";
        queryStr += "travelDate " + this.mainDiv.find(".dateOperatorSelect").val() + " ?";
        if(this.mainDiv.find(".dateOperatorSelect").val() === 'between') {
            queryStr += " and ?";
        }

        var date1 = this.mainDiv.find(".dateInput1").val();
        if(!date1 || date1.length == 0) {
            date1 = moment().format("MM/DD/YYYY");
        }
        var params = {
            sessionId : this.module.sessionManager.sessionId,
            query : queryStr,
            teacherValue : this.mainDiv.find(".teacherInput").val().toLowerCase(),
            schoolValue : this.mainDiv.find(".schoolInput").val().toLowerCase(),
            date1 : date1
        };
        if(this.mainDiv.find(".dateOperatorSelect").val() === 'between') {
            var date2 = this.mainDiv.find(".dateInput2").val();
            if(!date2 || date2.length == 0) {
                date2 = moment().format("MM/DD/YYYY");
            }
            params.date2 = date2;
        }

        this.mainDiv.find(".searchTabs").tabs("select", 1);
        this.mainDiv.find(".resultsTab").html("Searching...")

        var this_ = this;

        $.ajax(this.module.datastoreUrl+'/fieldtrip/searchRequests', {
            type: 'GET',
            
            data: params,
            
            success: function(data) {
                this_.showResults(data);
            },
            
            error: function(data) {
                this.mainDiv.find(".resultsTab").html("Error Completing Search");
                console.log("error searching");
                console.log(data);
            }
        });

    },

    showResults : function(requests) {

        var filteredRequests = [];

        if(this.mainDiv.find('input:radio[name=plannedOnly]:checked').val() === "true") {
            _.each(requests, function(req) {
                if(otp.util.FieldTrip.getOutboundTrip(req) && otp.util.FieldTrip.getInboundTrip(req)) {
                    filteredRequests.push(req);
                }
            });
        }
        else filteredRequests = requests;

        var tabDiv = this.mainDiv.find(".resultsArea");
        if(filteredRequests.length > 0) {
            tabDiv.html("Found " + filteredRequests.length + " results:");
        }
        else {
            tabDiv.html("No results found matching the search criteria");
            return;            
        }

        _.each(filteredRequests, function(req) {

            var row = ich['otp-fieldtrip-requestRow'](otp.util.FieldTrip.getRequestContext(req));
            row.appendTo(tabDiv);
            var this_ = this;
            row.data('req', req).click(function() {
                var req = $(this).data('req');
                this_.module.showRequest(req);
            });

        }, this);
    },

    onClose : function(requests) {
        this.mainDiv.find('.schoolInput').val('');
        this.mainDiv.find('.teacherInput').val('');
        this.mainDiv.find('.dateInput1').val('');
        this.mainDiv.find('.dateInput2').val('');
        this.mainDiv.find('.resultsArea').html('');
        this.mainDiv.find('.teacherOperatorSelect').val('=');
        this.mainDiv.find('.schoolOperatorSelect').val('=');
        this.mainDiv.find('.dateOperatorSelect').val('=');
        this.mainDiv.find('input:radio[name=andor1]').val(['or']);
        this.mainDiv.find('input:radio[name=andor2]').val(['or']);
        this.mainDiv.find('input:radio[name=plannedOnly]').val(['false']);
        this.mainDiv.find('.searchTabs').tabs('select', 0);
    }
});