fanforce-plugin-factory 2.0.0.rc23 → 2.0.0.rc24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2fe6b37296b9772bf778a29848861e2355cddd2c
-  data.tar.gz: 4fec90a06232c77a9ad182f226a4f4ea87b05168
+  metadata.gz: 6005745eca81beede74f73809cde2b98b7565f8d
+  data.tar.gz: b6e59a56b54d2969ad253648cc569a5e90d46694
 SHA512:
-  metadata.gz: 61238a5308cd30ee4d53ea501531ebadc98a55bf20933f1fa7f6cf908a6c7f92fa0fc7a3977060fd36c35981c1d1297756f62ef96ec29b350467138042d2ef28
-  data.tar.gz: 9d373b6cc0b2013988b3ec8ef6813e4a7042955785d102e50ad7cdd08221be36e5cb13d37f8eb18004eccb63e751685898cced0098dbea0c9cac65c08a01ef94
+  metadata.gz: 7c07856ea8ab3aadb691a0b41f27e83d1f774fcbe8ff978ddab3b15fcd8cb6e062ee2aa1cfc1aa22bd756c0b0c194f0fbb5047b89f30c48cf9ad268656fcc4b9
+  data.tar.gz: 9744bf1ffa9026f067a298f67cf4e6e60d4cbc366fea57d27bff55c5411036c116a60b11efe502c3f0fa36b159eb2a1a061886044e572e42886e2190d6d402b2

data/lib/fanforce/plugin_factory/asset_framework/plugin_factory/_directives.scss

@@ -9,4 +9,5 @@
 @import 'plugin_factory/directives/page/page';
 @import 'plugin_factory/directives/saving-to-server/saving-to-server';
 @import 'plugin_factory/directives/start-arrow/start-arrow';
+@import 'plugin_factory/directives/typeahead/typeahead';
 @import 'plugin_factory/directives/video-thumbnail/video-thumbnail';

data/lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_layers.coffee

@@ -0,0 +1,103 @@
+$q = null
+
+LAYERS = []
+LAYERS_BY_ID = {}
+CALLBACKS = {}
+INSTANCE = {}
+
+App.factory('Layers', ['$q',(q)->
+  $q = q
+
+  createId = (->
+    possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    _id = ''
+    _id += possible.charAt(Math.floor(Math.random() * possible.length)) for i in [0..20]
+    return _id
+  )
+
+  addLayer = (($element, should_fade_body)->
+    _id = createId()
+    layer = {
+      _id: _id,
+      $element: $element,
+      onRemove: ((callback)->
+        addLayerCallback(_id, callback)
+        return layer
+      )
+      remove: ((args...)->
+        removeLayer(_id, args...)
+        return layer
+      )
+      should_fade_body: should_fade_body
+    }
+    setTimeout(-> finishAddLayer(layer))
+    return layer
+  )
+
+  addLayerCallback = ((_id, callback)->
+    CALLBACKS[_id] ||= []
+    CALLBACKS[_id].push(callback) if callback
+  )
+
+  finishAddLayer = ((layer)->
+    LAYERS.unshift(layer)
+    LAYERS_BY_ID[layer._id] = layer
+    $('body').addClass('locked-scroll') if layer.should_fade_body
+    layer.$element.attr('is-active-layer', 'true')
+  )
+
+  removeLayer = ((_id, args...)->
+    layer = LAYERS_BY_ID[_id]
+    return if !layer
+    callbacks = CALLBACKS[_id] || []
+    callback(args...) for callback in callbacks
+    delete CALLBACKS[_id]
+    delete LAYERS_BY_ID[_id]
+    for layer, i in LAYERS
+      return if layer._id != _id
+      layer_i_to_remove = i
+      break
+    LAYERS.splice(layer_i_to_remove, 1)
+    $('body').removeClass('locked-scroll') if layer.should_fade_body
+    layer.$element.attr('is-active-layer', 'false')
+  )
+
+  removeAll = (->
+    removeLayer(layer._id) while layer = LAYERS.shift()
+  )
+
+  ######################################################################################################################
+
+  $('body').on('click', (e)->
+    layer = LAYERS[0]
+    return if !layer
+    return if $(e.target).hasClass('dropdown-toggle')
+
+    $target = $(e.target)
+    return if !$.contains(document, $target[0])
+
+    $element = $target if $target.attr('is-active-layer')
+    $element ||= $target.closest('[is-active-layer="true"]')
+    return if ($element and $element.length and $element[0] == layer.$element[0])
+
+    layer.remove()
+  )
+
+  $('body').on('keydown', (e)->
+    return if e.keyCode != 27
+
+    layer = LAYERS[0]
+    return if !layer
+
+    layer.remove()
+  )
+
+  ######################################################################################################################
+
+  INSTANCE.add = ((element, should_fade_body=false)->
+    return addLayer($(element), should_fade_body)
+  )
+  INSTANCE.removeAll = removeAll
+  return INSTANCE;
+]);
+

data/lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_search_engine.coffee

@@ -0,0 +1,278 @@
+$q = null
+_callbacks = {}
+_allowed_types = {}
+instance = {
+  results: []
+  data_by_type: {}
+  has_more_results: false
+}
+
+PAGES = [
+  {name: 'Dashboard',       type: 'page', icon_class: 'fa fa-tachometer',  link: '/#/dashboard', other_names: ['Overview','Home']}
+  {name: 'Insights Engine', type: 'page', icon_class: 'fa fa-lightbulb-o', link: '/#/insights'}
+  {name: 'People',          type: 'page', icon_class: 'ff-people',         link: '/#/people',    other_names: ['Person']},
+  {name: 'Initiatives',     type: 'page', icon_class: 'ff-initiatives',    link: '/#/initiatives'},
+  {name: 'Campaigns',       type: 'page', icon_class: 'fa fa-newspaper-o', link: '/#/campaigns'},
+  {name: 'Experiments',     type: 'page', icon_class: 'fa fa-flask',       link: '/#/experiments'},
+  {name: 'Platform Admin',  type: 'page', icon_class: 'fa fa-cogs',        link: '/#/admin'}
+]
+
+TYPES = ['pages', 'people', 'initiatives', 'campaigns', 'experiments', 'segments']
+
+App.factory('SearchEngine', ['$q',(q)->
+  $q = q
+
+  instance.allow = ((types...)->
+    _allowed_types = {}
+    _allowed_types[type] = true for type in (if types[0] == 'all' then TYPES else types)
+    return instance
+  )
+
+  instance.init = (->
+    instance.results = []
+    instance.data_by_type = {}
+    instance.current_results = 0
+    instance.total_results = 0
+    instance.has_more_results = false
+  )
+
+  instance.trigger = ((event_name, args...)->
+    return if !_callbacks[event_name]
+    callback(args...) for callback in _callbacks[event_name]
+  )
+
+  instance.on = ((event_name, callback)->
+    _callbacks[event_name] ||= []
+    _callbacks[event_name].push(callback)
+  )
+
+  instance.updateQuery = ((search_query, prev_search_query)->
+    search_query = search_query.trim() if search_query
+    prev_search_query = prev_search_query.trim() if prev_search_query
+    return instance.trigger('searching-finished') if prev_search_query == search_query
+
+    emptyArray(instance.results)
+    instance.data_by_type = {}
+    instance.current_results = 0
+    instance.total_results = 0
+    instance.has_more_results = false
+    instance.search_query = search_query
+    return instance.trigger('searching-finished') if !search_query or search_query.length < 2
+
+    instance.trigger('searching', instance.results)
+    fetchPages(search_query) || instance.trigger('results-updated', instance.results)
+
+    clearTimeout(instance.future_fetch) if instance.future_fetch
+    instance.future_fetch = setTimeout (->
+      fetchRemote(search_query)
+      instance.future_fetch = null
+    ), 500
+  )
+
+  instance.loadMoreResults = loadMoreResults
+
+  return instance;
+]);
+
+emptyArray = ((a)->
+  a.splice(0,a.length)
+)
+
+fetchPages = ((search_query)->
+  return false if !_allowed_types.pages
+  return false if !search_query
+  data = {current_results:0,total_results:0, results: []}
+  for page in PAGES
+    continue if !pageIsMatchForQuery(page, search_query)
+    data.results.push(page)
+    data.current_results = data.total_results += 1
+  if data.current_results > 0
+    addResults('pages', data)
+    return true
+  else return false
+)
+
+loadMoreResults = (->
+  search_query = instance.search_query
+  search_query = null if search_query == '*'
+  promises = []
+  promises.push fetchSegments(search_query, true)
+  promises.push fetchPeople(search_query, true)
+  promises.push fetchInitiatives(search_query, true)
+  promises.push fetchCampaigns(search_query, true)
+  promises.push fetchExperiments(search_query, true)
+
+  $q.all(promises).then(-> instance.trigger('load-more-finished'))
+)
+
+fetchRemote = ((search_query) ->
+  search_query = null if search_query == '*'
+  promises = []
+  promises.push fetchSegments(search_query)
+  promises.push fetchPeople(search_query)
+  promises.push fetchInitiatives(search_query)
+  promises.push fetchCampaigns(search_query)
+  promises.push fetchExperiments(search_query)
+
+  $q.all(promises).then(-> instance.trigger('searching-finished'))
+)
+
+fetchPeople = ((search_query, should_load_next_page=false)->
+  return if !_allowed_types[type = 'people']
+  attrs = {query: search_query, per_page: 5}
+  if should_load_next_page and instance.data_by_type[type]
+    current_page = instance.data_by_type[type].current_results / attrs.per_page
+    total_pages = instance.data_by_type[type].total_results / attrs.per_page
+    return if current_page >= total_pages
+    attrs.page = current_page + 1
+
+  FF.api.get('/search/people', attrs).success((data) ->
+    FFCore.fillBlankPersonPhotos(data.results)
+    com_database_ids_to_fetch = {}
+    for person in data.results
+      for com_database_id in person.com_database_ids
+        com_database_ids_to_fetch[com_database_id] ||= []
+        com_database_ids_to_fetch[com_database_id].push(person)
+      FFCore.fillBlankPersonPhotos(person)
+      person.type = 'person'
+      person.link = "/#/people/#{person._id}"
+    addResults(type, data)
+    insertMissingComDatabasesIntoPeople(com_database_ids_to_fetch, ->
+      refreshResults()
+    )
+  )
+)
+
+fetchInitiatives = ((search_query, should_load_next_page=false)->
+  return if !_allowed_types[type = 'initiatives']
+  attrs = {query: search_query, per_page: 5}
+  if should_load_next_page and instance.data_by_type[type]
+    current_page = instance.data_by_type[type].current_results / attrs.per_page
+    total_pages = instance.data_by_type[type].total_results / attrs.per_page
+    return if current_page >= total_pages
+    attrs.page = current_page + 1
+
+  FF.api.get('/search/initiatives', attrs).success((data)->
+    for initiative in data.results
+      initiative.type = 'initiative'
+      initiative.link = "/#/initiatives/#{initiative._id}"
+    addResults(type, data)
+  )
+)
+
+fetchCampaigns = ((search_query, should_load_next_page=false)->
+  return if !_allowed_types[type = 'campaigns']
+  attrs = {query: search_query, per_page: 5}
+  if should_load_next_page and instance.data_by_type[type]
+    current_page = instance.data_by_type[type].current_results / attrs.per_page
+    total_pages = instance.data_by_type[type].total_results / attrs.per_page
+    return if current_page >= total_pages
+    attrs.page = current_page + 1
+
+  FF.api.get('/search/campaigns', attrs).success((data)->
+    for campaign in data.results
+      campaign.type = 'campaign'
+      campaign.link = "/#/campaigns/#{campaign._id}"
+    addResults(type, data)
+  )
+)
+
+fetchExperiments = ((search_query, should_load_next_page=false)->
+  return if !_allowed_types[type = 'experiments']
+  attrs = {query: search_query, per_page: 5}
+  if should_load_next_page and instance.data_by_type[type]
+    current_page = instance.data_by_type[type].current_results / attrs.per_page
+    total_pages = instance.data_by_type[type].total_results / attrs.per_page
+    return if current_page >= total_pages
+    attrs.page = current_page + 1
+
+  FF.api.get('/search/experiments', attrs).success((data)->
+    for experiment in data.results
+      experiment.type = 'experiment'
+      experiment.link = "/#/experiments/#{experiment._id}"
+    addResults(type, data)
+  )
+)
+
+fetchSegments = ((search_query, should_load_next_page=false)->
+  type = 'segments'
+  attrs = {query: search_query, per_page: 5}
+  if _allowed_types.person_segments
+    attrs.applies_to = 'people'
+  else if _allowed_types.initiative_segments
+    attrs.applies_to = 'initiatives'
+  else if _allowed_types.campaign_segments
+    attrs.applies_to = 'campaigns'
+  else if _allowed_types.experiment_segments
+    attrs.applies_to = 'experiments'
+  else if _allowed_types.activity_segments
+    attrs.applies_to = 'activities'
+  else if !_allowed_types[type]
+    return
+  if should_load_next_page and instance.data_by_type[type]
+    current_page = instance.data_by_type[type].current_results / attrs.per_page
+    total_pages = instance.data_by_type[type].total_results / attrs.per_page
+    return if current_page >= total_pages
+    attrs.page = current_page + 1
+
+  FF.api.get('/search/segments', attrs).success((data)->
+    for segment in data.results
+      segment.type = 'segment'
+      segment.icon_class='ff-people'
+      segment.badge_class='fa fa-filter'
+      segment.link = "/#/segments/#{segment._id}"
+    addResults(type, data)
+  )
+)
+
+addResults = ((type, data)->
+  instance.data_by_type[type] ||= {total_results: 0, current_results: 0, results: []}
+  for record in data.results
+    instance.results.push(record)
+    instance.data_by_type[type].results.push(record)
+
+  instance.current_results += data.current_results
+  instance.total_results += (data.total_results - instance.data_by_type[type].total_results)
+
+  instance.data_by_type[type].current_results += data.current_results
+  instance.data_by_type[type].total_results = data.total_results
+
+  instance.has_more_results = (instance.current_results < instance.total_results)
+  instance.trigger('results-updated', instance.results, instance.has_more_results)
+)
+
+refreshResults = ((type)->
+  instance.trigger('results-updated', instance.results, instance.has_more_results)
+)
+
+pageIsMatchForQuery = ((page, query)->
+  return true if !query
+  return true if page.name.toLowerCase().indexOf(query.toLowerCase()) > -1
+
+  if page.other_names then for other_name in page.other_names
+    return true if other_name.toLowerCase().indexOf(query.toLowerCase()) > -1
+  return false
+)
+
+COM_DATABASES_BY_ID = {}
+insertMissingComDatabasesIntoPeople = ((com_for_updating, callback)->
+  com_ids_to_fetch = []
+
+  for own com_id, people of com_for_updating
+    if !COM_DATABASES_BY_ID[com_id]
+      com_ids_to_fetch.push(com_id)
+      continue
+    for person in people
+      person.com_databases ||= []
+      person.com_databases.push(COM_DATABASES_BY_ID[com_id])
+  return callback() if com_ids_to_fetch.length == 0
+
+  FF.api.get('/com_databases', _ids: com_ids_to_fetch, fields: 'name,public_urls').success((data) ->
+    for com_database in data.results
+      COM_DATABASES_BY_ID[com_database._id] = com_database
+      for person in com_for_updating[com_database._id]
+        person.com_databases ||= []
+        person.com_databases.push(COM_DATABASES_BY_ID[com_database._id])
+    callback()
+  )
+)

data/lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_typeahead.coffee

@@ -0,0 +1,86 @@
+App.directive('typeahead', ['$http','$q','$timeout','SearchEngine','Layers', ($http, $q, $timeout, SearchEngine, Layers) ->
+  restrict: 'E',
+  templateUrl: '/plugin_factory/directives/typeahead',
+  scope: {
+    button_labels: '=buttonLabels'
+    existing_records_by_id: '=existingRecordsById',
+    onAdd: '='
+    placeholder: '=?'
+  }
+  link: (($scope, $element, attrs, controller)->
+    $scope.$safeApply = Utils.$safeApply
+
+    $scope.search_for = (attrs.searchFor || 'people').split(/,\s*/)
+    $scope.placeholder ||= 'type name of person or segment'
+
+    $input = $element.find('> .search-bar input');
+    $menu = $element.find('> .menu');
+
+    $input.on('focus', ->
+      $scope.activate()
+    )
+
+    $scope.hide = true
+
+    $scope.records = []
+
+    $scope.$watch('query_str', (query_str, prev_query_str)->
+      SearchEngine.updateQuery(query_str, prev_query_str)
+    )
+    SearchEngine.on('searching', ->
+      openMenu()
+      $scope.is_searching = true
+    )
+    SearchEngine.on('searching-finished', ->
+      $scope.is_searching = false
+      $scope.$safeApply()
+    )
+    SearchEngine.on('results-updated', (results, has_more_results)->
+      $scope.results = results
+      $scope.has_more_results = has_more_results
+      $scope.selected_index ||= 0
+      max_index = $scope.results.length - 1
+      max_index = 0 if max_index < 0
+      $scope.selected_index = max_index if $scope.selected_index > max_index
+      $scope.$safeApply()
+    )
+
+    $scope.loadMore = (->
+      SearchEngine.loadMoreResults()
+    )
+
+    layer = null
+    openMenu = (->
+      return if $scope.menu_is_open
+      $scope.menu_is_open = true
+      layer = Layers.add($element).onRemove(->
+        $scope.close()
+        $input.blur()
+        $scope.menu_is_open = false
+        $scope.query_str = null
+        $scope.$safeApply()
+      )
+    )
+
+    $scope.add = ((record)->
+      record.is_adding = true
+      $q.all([$scope.onAdd(record)]).then(->
+        record.is_adding = false
+        record.is_added = true
+      )
+    )
+
+    $scope.activate = (->
+      return if $scope.is_active
+      $scope.is_active = true
+      SearchEngine.allow($scope.search_for...).init()
+    )
+
+    $scope.close = (->
+      $scope.is_active = false
+    )
+
+    setTimeout (-> $input.focus()), 1
+  )
+])
+

data/lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_typeahead.scss

@@ -0,0 +1,78 @@
+typeahead { //display:block; position:relative;
+  .search-bar { margin-right: 1px; position: relative;
+    i { position: absolute; top: 50%; margin-top: -12px; line-height: 24px; left: 5px; }
+    input[type='text'] { display: block; width: 100%; padding-left: 20px; }
+  }
+  .menu { z-index: 1; background:white; position: relative; width: 100%; padding-top: 3px; margin-top:1px; min-height: 20px; border:1px solid #cccccc; border-top: none; @include box-shadow(1px 1px 1px rgba(0,0,0,.1)); @include border-radius(0 0 3px 3px); @include box-sizing(border-box);
+    .menu-arrow { position:absolute; top:-9px; left: 75px; z-index:1; }
+    h5 { font-size:11px; color:#babdbf; width:73px; float:left; font-weight: normal; clear:left; padding:10px 5px 10px 0; margin:0 1px; text-align: right; border-top: 1px solid #dddddd; }
+  }
+}
+
+search-results { display: block; overflow-y: auto; margin-bottom: 1px;
+  loading.is-searching { margin: 0 2px; padding: 7px 10px; text-align: left;
+    .bar { margin-top: 0; }
+  }
+  .no-results { color: #cccccc; padding: 20px 12px; font-size: 16px; }
+  ul.results { @include reset-ul(); margin: -2px 2px 0;
+    & ~ loading.is-searching { border-top: 1px solid #eeeeee; margin-top: 2px; }
+    li.result { margin: 2px 0; padding-top: 2px; font-size: 12px; color: #666666; border-top: 1px solid #eeeeee; clear: both; position: relative; text-shadow: 1px 1px 0 white; text-align: left;
+      &.is-added { @include opacity(0.5); }
+      .adjuster-field { display: inline-block; }
+      .select2-container .select2-choice { background: #f6f6f6; @include box-shadow(inset 1px 1px 0 white); border-color: #cccccc; }
+      &:first-child { border-top: none; margin-top: 0; padding-top: 0; }
+      &:last-child { margin-bottom: 0; }
+    }
+    .record { display: block; padding: 4px 8px;
+      &.selected { background: #e9f4fd; }
+      &:hover { text-decoration: none; }
+    }
+    .details { display: inline-block; }
+    .name { display: inline-block; line-height: 22px; padding-top: 1px; vertical-align: middle; }
+    .person-source-icons, .record-source-icons { display: inline-block;
+      img { margin-left:5px; @include opacity(0.5);
+        &:hover { @include opacity(1); }
+      }
+    }
+    .photo-wrapper { width:22px; height:22px; vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.1); @include box-shadow(1px 1px 0 white); background-color:#eaf2fa; overflow:hidden; display: inline-block; margin-right: 5px; @include border-radius(50%);
+      img { width:20px; height:20px; }
+    }
+    .native-icon { position: relative; width: 21px; height: 21px; display: inline-block; background: #b0becb; border-color: #b0becb; @include box-shadow(1px 1px 0 white); margin-right: 5px; text-align: center; vertical-align: middle; @include border-radius(1px);
+      i { font-size: 15px; line-height: 19px; color: white; text-shadow: none; }
+      .badge-wrapper { width: 12px; height: 12px; position: absolute; top: -2px; right: -2px; background: #779cbf; border: 1px solid #5a83a9; @include border-radius(50%);
+        i { font-size: 8px; line-height: 10px; color: white; vertical-align: top;}
+      }
+    }
+    .icon-wrapper { width: 21px; height: 21px; display: inline-block; margin-right: 5px; text-align: center; vertical-align: middle;
+      img { width: 20px; height: 20px; }
+    }
+    .type { color: #b6c7d4; position: absolute; line-height: 16px; top: 50%; margin-top: -8px; right: 5px; }
+    .control-buttons { float:left; width: 75px; position: relative; top: 2px;
+      .btn { padding: 2px 5px; font-size: 12px; line-height: 1em; }
+    }
+  }
+  .show-more { margin: 2px 0; padding: 4px 8px 2px; font-size: 12px; border-top: 1px solid #eeeeee; clear: both; display: block; }
+}
+
+loading { display: block; text-align:center; padding:40px 0;
+  .bar {
+    vertical-align: bottom;
+    display: inline-block;
+    background-color:#e5eaee; border:1px solid #cfd7de;
+    margin-right:4px; margin-top:6px; width:6px; height:14px;
+    @include box-shadow(1px 1px 0 #ffffff);
+    @include animation(loadingbar 1s infinite);
+  }
+  & .bar:nth-child(1) { @include animation-delay(1.0s); }
+  & .bar:nth-child(2) { @include animation-delay(1.1s); }
+  & .bar:nth-child(3) { @include animation-delay(1.2s); }
+  & .bar:nth-child(4) { @include animation-delay(1.3s); }
+}
+/* The actual animation */
+@include keyframes(loadingbar) {
+  0%   { border-color:#cfd7de; background-color:#e5eaee; }
+  20%  { border-color:#cfd7de; background-color:#e5eaee; }
+  40%  { border-color:#bec7d0; background-color:#ced4db; }
+  60%  { border-color:#aab5c1; background-color:#bac4cf; }
+  100% { border-color:#9eabb9; background-color:#acb8c5; }
+}

data/lib/fanforce/plugin_factory/directive_views/typeahead.haml

@@ -0,0 +1,37 @@
+.search-bar
+  %i.fa.fa-search
+  %input(type='text' ng-model='query_str' autocomplete='off' placeholder='{{placeholder}}')
+
+.menu(ng-show='menu_is_open')
+  %img.menu-arrow
+  %search-results
+    %loading.is-searching(ng-show='is_searching')
+    .no-results(ng-show='results.length == 0 && !is_searching')
+      .text No People Found
+    %ul.results(ng-show='results.length > 0 && !is_searching')
+      %li.result(ng-repeat='record in results' ng-class='{"is-added": record.is_added}')
+        .record
+          .native-icon(ng-if='record.icon_class' ng-class='{"page-icon": record.type=="page"}')
+            %i(ng-class='record.icon_class')
+            .badge-wrapper(ng-if='record.badge_class')
+              %i(ng-class='record.badge_class')
+          .photo-wrapper(ng-if='record.photo_small_url')
+            %img(ng-src='{{record.photo_small_url}}')
+          .icon-wrapper(ng-if='record.public_urls')
+            %img(ng-src='{{record.public_urls.icon_32}}')
+          .details
+            .name
+              {{record.name}}
+              %span(ng-if='record.adjuster') =
+              .adjuster-field(ng-class='{disabled: record.is_adding || record.is_added}')
+                %segment-adjuster(id='record.adjuster._id' value='record.adjuster_value' com-database='record.adjuster.com_database' field='record.adjuster.field' input-control='record.adjuster.input_control' placeholder='record.adjuster_placeholder')
+
+            .record-source-icons(ng-if='record.com_databases')
+              %img(ng-repeat='com_database in record.com_databases' ng-src='{{com_database.public_urls.icon_16}}' ng-hide='com_database._id == "unnamed-visitors"' tooltip='{{com_database.name}}')
+            .last-activity-at(ng-if='record.last_activity_at') Last Activity {{record.last_activity_at|fromNow}}
+          .control-buttons
+            %button.btn.btn-small.btn-default(ng-click='add(record)' ng-hide='record.is_added || record.is_adding || existing_records_by_id[record._id]') {{button_labels[0]}}
+            %button.btn.btn-small(ng-show='record.is_adding' disabled) {{button_labels[1]}}
+            %button.btn.btn-small(ng-show='record.is_added || existing_records_by_id[record._id]' disabled) {{button_labels[2]}}
+    .show-more(ng-if='has_more_results')
+      %a(ng-click='loadMore()') Load More

data/lib/fanforce/plugin_factory/version.rb

@@ -1,5 +1,5 @@
 class Fanforce
   class PluginFactory
-    VERSION = '2.0.0.rc23'
+    VERSION = '2.0.0.rc24'
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: fanforce-plugin-factory
 version: !ruby/object:Gem::Version
-  version: 2.0.0.rc23
+  version: 2.0.0.rc24
 platform: ruby
 authors:
 - Caleb Clark
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-20 00:00:00.000000000 Z
+date: 2015-06-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rake
@@ -393,6 +393,11 @@ files:
 - lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/start-arrow/_start-arrow.coffee
 - lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/start-arrow/_start-arrow.scss
 - lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/start-arrow/arrow.png
+- lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_layers.coffee
+- lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_search_engine.coffee
+- lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_typeahead.coffee
+- lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/_typeahead.scss
+- lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/typeahead/arrow.png
 - lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/video-thumbnail/_video-thumbnail.scss
 - lib/fanforce/plugin_factory/asset_framework/plugin_factory/directives/video-thumbnail/icon-play.png
 - lib/fanforce/plugin_factory/asset_framework/plugin_factory/font-awesome.coffee
@@ -441,6 +446,7 @@ files:
 - lib/fanforce/plugin_factory/directive_views/campaign-footer.haml
 - lib/fanforce/plugin_factory/directive_views/initiative-added.haml
 - lib/fanforce/plugin_factory/directive_views/initiative-footer.haml
+- lib/fanforce/plugin_factory/directive_views/typeahead.haml
 - lib/fanforce/plugin_factory/load.rb
 - lib/fanforce/plugin_factory/load_from_worker.rb
 - lib/fanforce/plugin_factory/load_sprockets.rb