medivo 0.0.1 → 0.0.2

data/app/assets/javascripts/medivo/map.coffee

@@ -1,3 +1,17 @@
+class window.LabListView
+  el: null
+  template: null
+
+  constructor: (@lab_list)->
+    this.el = $('ul#lab_list')
+    this.template = Handlebars.compile($('#lab_item_template').html())
+    this.render()
+
+  render: ->
+    view = this
+    view.el.empty()
+    $.each( @lab_list.labs, (index, lab)-> view.el.append( $(view.template(lab.data)) ) )
+
 class window.MapView
   constructor: (@collection, @center_point)->
     throw "you need a collection to make a MapView" unless @collection

data/app/assets/javascripts/medivo/models.coffee

@@ -1,7 +1,35 @@
+##########  handlebars helpers ##############
+String.prototype.capitalize = ->
+  this.charAt(0).toUpperCase() + this.substring(1).toLowerCase()
+
+String.prototype.titleize = ->
+	res = []
+	parts = this.split(" ")
+	$.each(parts, (index, part)->
+		res.push(part.capitalize())
+	)
+	res.join(" ")
+
+Handlebars.registerHelper("rounded", (number)->
+  if (number != undefined)
+     parseFloat(number).toFixed(2)
+)
+
+Handlebars.registerHelper("titleize", (string)->
+  if (string != undefined)
+     string.titleize()
+)
+
+Handlebars.registerHelper("address_without_comma", (lab)->
+  if (this.address != undefined)
+    this.address.replace(/(\s*,\s*$)/g, "").titleize()
+)
+
+##########  Lab model ##############
 class window.Lab
   constructor: (@data)->
   marker: null
-  map_tooltip_template: Handlebars.compile("{{name}}\n{{address}}\n{{city}},{{state}} ")
+  map_tooltip_template: Handlebars.compile("{{titleize name}}\n{{address_without_comma address}}\n{{titleize city}},{{state}} ")
 
   clearMarker: ->
     if this.marker
@@ -25,13 +53,19 @@ class window.Lab
   makeIcon: ->
     new google.maps.MarkerImage("/assets/medivo/lab.png")
 
-
+##########  LabList model ##############
 class window.LabList
 
-  constructor: (@data)->
+  constructor: (lab_info)->
+    @labs = []
+    this.setLabs(lab_info)
+
+  setLabs: (lab_info)->
+    this.clearMarkers()
     labs = @labs = []
-    $.each( @data, (index, lab_data)->
+    $.each( lab_info, (index, lab_data)->
       labs.push(new Lab(lab_data))
     )
 
-  clearMarkers: -> $.each( @labs, (index, lab)-> lab.clearMarker() )
+  clearMarkers: ->
+    $.each( @labs, (index, lab)-> lab.clearMarker() )

data/app/assets/javascripts/medivo/show_labs.coffee

@@ -1,10 +1,32 @@
 $(document).ready ->
+
+  map_view  = null
+  lab_list = null
   data = $('#lab_list_container').data('labs')
   if data
     lab_list = new window.LabList( data.labs )
     map_view = new window.MapView( lab_list, data.zip_location )
+    lab_list_view = new window.LabListView( lab_list )
     map_view.render()
   else
-   console.log('no data')
-#    zip_code = $('input#zip_code').val()
-#    Labs.find(zip_code)
+    console.log('no data')
+
+  ###### handle ajax lab data search ########
+  $("form#lab_data_search")
+    .bind('ajax:beforeSend', (event, data)->
+      zip_code = $(this).find('#zip_code').val()
+      if (!zip_code.match(/\d{5}/))
+        span = $('<span>Zip code should be 5 digits</span>')
+        $('form#lab_data_search .error_message').append(span)
+        span.fadeOut(4000)
+        false
+    )
+    .bind('ajax:success', (event, data)->
+      lab_list.setLabs(data.labs)
+      map_view.center_point = data.zip_location
+      map_view.render()
+      $('form#lab_data_search input[type=submit]').prop("disabled", false)
+    )
+    .bind('ajax:complete', (event, data)->
+    )
+

data/config/routes.rb

@@ -1,3 +1,3 @@
 Medivo::Engine.routes.draw do
-  match '/labs/data/:zip_code' => "labs#data", :via => :get, :as=>:data_labs
+  match '/labs/data' => "labs#data", :via => :get, :as=>:data_labs
 end

data/lib/medivo/version.rb

@@ -1,3 +1,3 @@
 module Medivo
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/spec/dummy/app/views/labs/search.html.haml

@@ -1,11 +1,39 @@
+// sample template for rendering lab info
+%script{:id=>"lab_item_template", :type=>"text/x-handlebars-template"}
+  %li.lab_info
+    .lab_image
+      %img{:src=>"{{image}}", :width=>'12px'}  
+    %div
+      .lab_name
+        {{lab_name}}
+      .address
+        {{address_without_comma}}, {{titleize city}}, {{state}}
+      .phone
+        Tel: {{telephone}}
+    .link
+      = form_for :lab, :url=>'/select', :method=>'post' do |f|
+        %input{ :type=>:hidden, :name => 'id', :value=>"{{id}}" }
+        %input{ :type=>:hidden, :name => 'lab_id', :value=>"{{lab_id}}" }
+        %input{ :type=>:hidden, :name => 'lab_info[name]', :value=>"{{lab_name}}" }
+        %input{ :type=>:hidden, :name => 'lab_info[address]', :value=>"{{address_without_comma}}" }
+        %input{ :type=>:hidden, :name => 'lab_info[city]', :value=>"{{titleize city}}" }
+        %input{ :type=>:hidden, :name => 'lab_info[state]', :value=>"{{state}}" }
+        %input{ :type=>:hidden, :name => 'lab_info[zip]', :value=>"{{zip}}" }
+        %input{ :type=>:hidden, :name => 'lab_info[telephone]', :value=>"{{telephone}}" }
+        = f.submit 'Select location', :class=>'select_location button'
+
+// map display
 #map_canvas_container
   #map_canvas{:style => "width:500px; height:350px"}
 
+// lab list display
 #lab_list_container{ 'data-labs'=>@lab_data.to_json }
+  %ul#lab_list
 
-= form_tag(search_labs_path, :method=>:get) do
+// form for ajax lab searches ..the code to handle return data is in show_labs.coffee
+= form_tag(medivo.data_labs_path, :method=>:get, :id=>'lab_data_search', :remote=>true) do
   %div
-    Change your Zip Code
+    Enter a new Zip Code
   .error_message
      
   = text_field_tag :zip_code, params[:zip_code]

data/spec/dummy/config/routes.rb

@@ -1,4 +1,4 @@
 Rails.application.routes.draw do
   match "/labs/search" => "labs#search", :via => :get, :as=> :search_labs
-  mount Medivo::Engine => "/medivo"
+  mount Medivo::Engine => "/medivo", :as => "medivo"
 end