search functionality

app/app/app.coffee

@@ -13,12 +13,10 @@ define [
 
 	($, _, Backbone, Handlebars) ->	
 
-
-
 		app =
 			root: '/'
 			pendingTemplateReqs: {}
-		JST = window.JST = window.JST || {}
+		JST = app.JST = app.JST || {}
 
 		Backbone.NMLayout = Backbone.Layout.extend
 			# this function checks if the layout has initially been rendered. This is useful for setting views in a layout later,
@@ -28,6 +26,10 @@ define [
 				@.setView selector, view
 				if @.__manager__.hasRendered then view.render()
 
+			insertViewAndRenderMaybe: (selector, view) ->
+				@insertView selector, view
+				if @.__manager__.hasRendered then view.render()
+
 		Backbone.Layout.configure
 			manage: true
 

app/app/config.coffee

@@ -57,3 +57,8 @@ require.config
 		'plugins/backbone.JJRestApi'			: ['backbone']
 
 		'modules/NMMarkdownParser'				: ['plugins/editor/jquery.jjmarkdown']
+
+		'plugins/visualsearch/jquery.ui.autocomplete' : ['plugins/visualsearch/jquery.ui.widget']
+		'plugins/visualsearch/jquery.ui.menu'	: ['plugins/visualsearch/jquery.ui.widget']
+		'plugins/visualsearch/visualsearch'		: ['plugins/backbone.layoutmanager', 'plugins/visualsearch/jquery.ui.core', 'plugins/visualsearch/jquery.ui.autocomplete', 'plugins/visualsearch/jquery.ui.menu']
+

app/app/main.coffee

@@ -301,6 +301,15 @@ require [
 	app.resolveClassTypeByHash = (uglyHash) ->
 		@.Config.ClassEnc[uglyHash.substr(0,1)]
 
+	app.wholePortfolioJSON = ->
+		wholePortfolio = @Cache.WholePortfolio
+		unless @Cache.WholePortfolioJSON
+			tmp = []
+			for model in wholePortfolio
+				tmp.push model.toJSON()
+			@Cache.WholePortfolioJSON = tmp
+		@Cache.WholePortfolioJSON
+
 	app.bindListeners()
 
 

app/app/modules/DataRetrieval.coffee

@@ -37,22 +37,17 @@ define [
 					returnDfd.resolve()
 				returnDfd.promise()
 
+
 			# function that takes a search term used to filter the whole portfolio
 			filterProjectTypesBySearchTerm: (searchTerm) ->
 				wholePortfolio = app.Cache.WholePortfolio
 
-				# because of simplicity reasons we iterate over an array of json objects. let's cache the whole json portfolio
-				unless app.Cache.WholePortfolioJSON
-					tmp = []
-					for model in wholePortfolio
-						tmp.push model.toJSON()
-					app.Cache.WholePortfolioJSON = tmp
-
 				# transform the searchTerm
 				searchObj = ProjectSearch.transformSearchTerm searchTerm
-				console.log searchObj
+				console.log 'Search obj found by data retrieval: %o', searchObj
 
-				result = _.filter app.Cache.WholePortfolioJSON, (model) ->
+				# because of simplicity reasons we iterate over an array of json objects.
+				result = _.filter app.wholePortfolioJSON(), (model) ->
 					result = true
 					_.each searchObj, (vals, key) ->
 						if not ProjectSearch.test(model, key, vals) then result = false

app/app/modules/Portfolio.coffee

@@ -20,8 +20,25 @@ define [
 				Backbone.Events.on 'search', @handleSearch, @
 
 			handleSearch: (searchResults) ->
-				console.log 'searched for: %o', searchResults
-				console.log @
+				if @__manager__.hasRendered
+					@triggerSearchOnChildren searchResults
+				else
+					@searchResults = searchResults
+					@doSearchAfterRender = true
+
+			triggerSearchOnChildren: (searchResults) ->
+				console.log searchResults
+				# iterate over child views and check if their model is present in the search results
+				_.each @views['.packery'], (childView) ->
+					model = childView.model
+					# always show when there is no search
+					unless searchResults
+						childView.doShow()
+					else
+						found = _.find searchResults, (result) ->
+							return result is childView.model
+						method = if found then 'doShow' else 'doHide'
+						childView[method]()
 
 
 			beforeRender: ->
@@ -32,15 +49,27 @@ define [
 						@.insertView '.packery', new Portfolio.Views.ListItem({ model: model, linkTo: @.options.linkTo })
 
 			_afterRender: ->
-				console.log @
+				if @doSearchAfterRender
+					@triggerSearchOnChildren @searchResults
+					@doSearchAfterRender = false
+					@searchResults = null
 				# debugger
 
 
 		Portfolio.Views.ListItem = Backbone.View.extend
 			tagName: 'article'
 			className: 'packery-item resizable'
 			template: 'packery-list-item'
-			serialize: () ->
+
+			doShow: ->
+				console.log 'showing %o', @model
+				@.$el.removeClass 'hidden'
+
+			doHide: ->
+				console.log 'hiding %o', @model
+				@.$el.addClass 'hidden'
+
+			serialize: ->
 				data = if @.model then @.model.toJSON() else {}
 				data.Persons = _.sortBy data.Persons, (person) ->
 					return person.Surname
@@ -117,6 +146,14 @@ define [
 			else 
 				return niceDate
 
+		Handlebars.registerHelper 'SpaceAndLocation', ->
+			out = []
+			if @Space then out.push @Space
+			if @Location then out.push @Location
+			out.join ', '
+			if out
+				"<p>#{out}</p>"
+
 		Handlebars.registerHelper 'portfoliolist', (items, title, options) ->
 			if not options
 				options = title