search_page_vm.js

function MatchViewModel(data) {
  var self = this;
  this.isExpanded = ko.observable(false);

  this.expand = function() {
    self.isExpanded(true);
  }

  this.collapse = function() {
    self.isExpanded(false);
  }

  ko.mapping.fromJS(data, {}, this);
}



function SearchPageViewModel(settingsVM, qrServer) {
  var self = this;

  this.name = ko.observable();
  this.results = ko.observable();
  this.settingsPageViewModel = settingsVM;
  this.server = qrServer;
  this.lastCheckInResultModel = new CheckInResultsModel();


  this.resultsMapping = {
    'matches': {
      create: function(options) {
          return new MatchViewModel(options.data);
      }
    }
  }

  this.searchForName = function(name) {
    if (self.server.isMakingRequest()) {
      return;
    }

    if (self.name() == null || self.name().length < 3) {
      alertWrapper("Please enter at least three characters.");
      return;
    }

    self.server.progressMessage("Searching for Tickets...");
    self.lastCheckInResultModel.haveResult(false);
    self.server.isMakingRequest(true);

	  url = self.settingsPageViewModel.endpoint() + "/qr_check_in/search/" + 
	    self.settingsPageViewModel.apiKey() + "/" + 
	    encodeURIComponent(self.settingsPageViewModel.selectedEvent()) + "/" + encodeURIComponent(self.name());

    $.ajax({
      type: 'GET',
      url: url,
      dataType: 'json',
      error: function(xhr, ajaxOptions, thrownError) {
        alertWrapper("Error contacting server");
        self.server.isMakingRequest(false);
      },
      success: function(event, data, status, xhr) {
        self.results(ko.mapping.fromJS(event, self.resultsMapping));
        self.server.isMakingRequest(false);
      }
    });
  }

  self.clearSearchTerm = function() {
    self.name(null);
    self.results(null);
    self.lastCheckInResultModel.haveResult(false);
  }

  this.checkInTicket = function(ticket) {
    self.server.checkInTicket(
      self.settingsPageViewModel.endpoint(),
      self.settingsPageViewModel.apiKey(),
      self.settingsPageViewModel.selectedEvent(),
      ticket.ticket_token(),
      self.lastCheckInResultModel,
      ticket.checked_in
    );
  }

  this.checkOutTicket = function(ticket) {
    self.server.checkOutTicket(
      self.settingsPageViewModel.endpoint(),
      self.settingsPageViewModel.apiKey(),
      self.settingsPageViewModel.selectedEvent(),
      ticket.ticket_token(),
      self.lastCheckInResultModel,
      ticket.checked_in
    );
  }  
}