virgo 0.1

data/app/assets/javascripts/virgo/admin/slides/form.coffee

@@ -0,0 +1,27 @@
+class AdminSlideForm
+  constructor: ->
+    new window.MediaModal(
+      image_selected_callback: @on_image_selected,
+      image_uploaded_callback: @on_image_uploaded
+    )
+
+    @bind_events()
+
+  bind_events: ->
+    $('.js-change-image-link, .js-add-image-link').click (e) =>
+      e.preventDefault()
+      $(document).trigger("showMediaModal")
+
+  on_image_selected: (data) =>
+    $(".js-image-id").val(data.id)
+    $(".js-image-thumb").attr("src", data.image_url).removeClass("hidden")
+    $(".slide-thumb").removeClass("empty")
+    $("#media-modal .close").click()
+
+  on_image_uploaded: (image, image_html) =>
+    $(".js-image-id").val(image.id)
+    $(".js-image-thumb").attr("src", image.image_url).removeClass("hidden")
+    $(".slide-thumb").removeClass("empty")
+
+
+window.AdminSlideForm = AdminSlideForm

data/app/assets/javascripts/virgo/admin/slideshows/form.coffee

@@ -0,0 +1,26 @@
+class AdminSlideshowForm
+  constructor: ->
+    @slides_list = $(".js-admin-slides-list")
+    @slides_list.sortable(
+      update: @submit_slide_positions
+    )
+
+  submit_slide_positions: (event, ui) =>
+    data = []
+    counter = 0
+
+    @slides_list.find("li.slide").each ->
+      data.push({
+        id: $(this).attr('data-id'),
+        position: counter
+      })
+      counter += 1
+
+    $.ajax
+      type: 'POST'
+      url: '/admin/admin/slides/positions'
+      data: {slides: data}
+      success: (response) =>
+        ui.item.find('.thumbnail').effect('highlight', {}, 1000)
+
+window.AdminSlideshowForm = AdminSlideshowForm

data/app/assets/javascripts/virgo/admin_only.coffee

@@ -0,0 +1 @@
+#= require ./lib/jquery-ui-multiselect

data/app/assets/javascripts/virgo/application.coffee

@@ -0,0 +1,51 @@
+#= require jquery
+#= require jquery_ujs
+#= require jquery-ui/effect
+#= require jquery-ui/effect-highlight
+#= require jquery-ui/datepicker
+#= require jquery-ui/autocomplete
+#= require jquery-ui/sortable
+#= require jquery-ui/draggable
+#= require jquery-fileupload/basic
+#= require ./common
+#= require bootstrap
+#= require select2
+#= require moment
+#= require local_time
+#= require bootstrap-datetimepicker
+#= require ./lib/manifest
+#= require ../tinymce/manifest
+#= require_tree ./common
+#= require_tree ./components
+#= require_tree ./admin
+#= require_tree ./posts
+#= require ./page_modules
+#= require_self
+
+$ ->
+  $('.select2-anchor').select2()
+  $("[data-toggle='tooltip']").tooltip()
+
+  EllipseFix.run()
+  ImageWrapper.run()
+  ResponsiveEmbed.run()
+
+  $('#menu-toggle').click (e) ->
+    e.preventDefault()
+    $('#wrapper').toggleClass('toggled')
+
+  $('a.cancel-events').click (e) -> e.preventDefault()
+
+  $('body').addClass("browser-#{$.browser.name}")
+
+
+  # uncomment to force modal to continue to appear (after first dismissal) in dev/staging environments
+  # if window.app_env == "staging" or window.app_env == "development"
+  #   $.cookie("viewedOuibounceModal", false)
+
+  # initialize ouibounce modal
+  ouibounce($('#ouibounce-modal')[0], {cookieExpire: 7})
+
+  $('#ouibounce-modal .js-close-modal, #ouibounce-modal .underlay').click (e) ->
+    e.preventDefault()
+    $('#ouibounce-modal').fadeOut(200)

data/app/assets/javascripts/virgo/common.coffee

@@ -0,0 +1,83 @@
+class EllipseFix
+  @run: ->
+    $("span.ellipse").each ->
+      $ellipse = $(this)
+      $parent = $(this).parent()
+      $parent.addClass("ellipse-wrap")
+
+      $lastP = null
+
+      $(this).parents(".post-body").first().find("p:not(.ellipse-wrap)").each ->
+        if $(this).html() != ""
+          $lastP = $(this)
+
+      if $lastP
+        $lastP.append($ellipse)
+        # $parent.remove()
+
+window.EllipseFix = EllipseFix
+
+class ImageWrapper
+  @run: ->
+    $(".post .post-img").each ->
+      $img = $(this)
+      $wrapper = $("<div class='image-wrap'></div>")
+      $img.wrap($wrapper)
+      $wrapper = $img.parents('.image-wrap').first()
+
+      # move the image's style attribute to the wrapper
+      if $img.attr("style") and $img.attr("style") != ""
+        $wrapper.attr("style", $img.attr("style"))
+        $img.removeAttr("style")
+
+      if $img.attr("data-credit") and $img.attr("data-credit") != '' and $img.attr("data-credit") != 'null'
+        $credit = $("<div class='image-credit'></div>")
+        $credit.html(decodeURIComponent($img.attr("data-credit")))
+        $wrapper.append($credit)
+
+      if $img.attr("data-caption") and $img.attr("data-caption") != '' and $img.attr("data-caption") != 'null'
+        $caption = $("<div class='image-caption'></div>")
+        $caption.html(decodeURIComponent($img.attr("data-caption")))
+        $wrapper.append($caption)
+
+
+window.ImageWrapper = ImageWrapper
+
+class ResponsiveEmbed
+  @run: ->
+    @convert_videos_to_responsive()
+
+  @convert_videos_to_responsive: =>
+    self = this
+
+    $('.responsive-video-wrap').each ->
+      $this = $(this)
+      $embed = $this.children().first()
+
+      if self.is_recognized_video_embed_url($embed.attr('src'))
+        $wrapper = $("<div class='embed-responsive embed-responsive-16by9 video-embed-wrap'></div>")
+        $embed.removeAttr("width").removeAttr("height").addClass("embed-responsive-item video-embed")
+        $embed.wrap($wrapper)
+
+
+
+  @is_recognized_video_embed_url: (url) =>
+    provider = url.match(/https?:\/\/(:?www.)?(\w*)/)[2]
+
+    if provider == 'youtube' or provider == 'vimeo' or provider == 'player' or provider == 'youtu.be'
+      return true
+
+    false
+
+window.ResponsiveEmbed = ResponsiveEmbed
+
+$.fn.outerHTML = (s) ->
+  if s then this.before(s).remove() else jQuery("<p>").append(this.eq(0).clone()).html();
+
+window.invertObject = (obj) ->
+  new_obj = {}
+
+  for k,v of obj
+    new_obj[v] = k
+
+  new_obj

data/app/assets/javascripts/virgo/common/character_counter.coffee

@@ -0,0 +1,27 @@
+class CharacterCounter
+  constructor: (@el) ->
+    @inject_counter()
+    @bind_events()
+    @adjust_count()
+
+  bind_events: =>
+    @el.keyup @adjust_count
+
+  adjust_count: =>
+    count = @el.val().length
+    title = if count == 1 then 'character' else 'characters'
+    @counter_el.html("#{count} #{title}")
+
+  inject_counter: =>
+    group = @el.parents(".form-group")
+    @counter_wrap = $("
+      <div class='character-count-wrap'>
+        <span class='count'></span>
+      </div>
+    ")
+    group.prepend(@counter_wrap)
+    @counter_el = @counter_wrap.find('.count')
+
+$ ->
+  $("[data-toggle='character-counter']").each -> new CharacterCounter($(this))
+

data/app/assets/javascripts/virgo/components/header.coffee

@@ -0,0 +1,47 @@
+class Header
+  constructor: ->
+    $(document).on 'hidden', '#signup-modal', ->
+      $(this).remove()
+
+    $('.js-expand-search-form').on 'click', (e) ->
+      e.preventDefault()
+      $('.js-search-form').addClass('expanded').find('#post_search_term').focus()
+    $('.js-collapse-search-form').on 'click', ->
+      $('.js-search-form').removeClass('expanded')
+    $('.close-sticky-signup').on 'click', ->
+      $('.sticky-signup-form, .navbar-spacer.large').slideUp(200)
+      localStorage.setItem("emailPromptHidden", "true") if window.localStorage?
+
+    $('.js-signup-link').click (e) ->
+      e.preventDefault()
+      $.get "/subscribers/modal", (response) ->
+        # remove existing
+        $('#signup-modal').modal('hide') if $('#signup-modal').length
+
+        $modal = $(response.html)
+
+        $modal.modal()
+
+    $(document).on 'submit', '.js-list-signup-form', (e) ->
+      e.preventDefault()
+
+      $form = $(e.currentTarget)
+
+      $form.find(".js-submit-btn").button("loading")
+
+      $.ajax
+        type: 'POST'
+        url: $form.attr('action')
+        data: $form.serialize()
+        success: (response) =>
+          $("#signup-modal .modal-dialog").replaceWith($(response.html).find(".modal-dialog"))
+
+
+
+    unless (window.localStorage? && window.localStorage.getItem("emailPromptHidden") == "true")
+      $(".sticky-signup-form, .navbar-spacer.large").removeClass('hidden')
+
+$ ->
+  unless window.header_initialized
+    new Header
+    window.header_initialized = true

data/app/assets/javascripts/virgo/components/media_modal.coffee

@@ -0,0 +1,151 @@
+class MediaModal
+  constructor: (opts) ->
+    @mode = 'normal'
+
+    @image_selected_callback = opts.image_selected_callback
+    @image_uploaded_callback = opts.image_uploaded_callback
+
+    @bind_events()
+
+  bind_events: =>
+    $(document).bind("showMediaModal", @show_media_modal)
+
+    $('body').on 'change', '.image-radio', @image_radio_click
+    $('body').on 'submit', '.js-image-upload-panel', @submit_upload
+    $('body').on 'change', '#image-upload-file-field', @file_selected
+    $('body').on 'click', '.js-insert-selection', @on_image_selected
+    $('body').on 'click', '#browse-files-btn', @browse_files_clicked
+
+    $('body').on 'click', '.js-paginate-link', (e) =>
+      e.preventDefault()
+      @paginate()
+
+    $('body').on 'click', '.media-modal-nav li a', (e) =>
+      e.preventDefault()
+      $link = $(e.currentTarget)
+      $('.media-modal-nav li.active').removeClass('active')
+      $link.parents('li').first().addClass('active')
+      @show_loading()
+      $.get $link.attr('href'), (response) =>
+        $("#media-modal-content-area").html(response.html)
+        @init_fileupload()
+        @hide_loading()
+
+  show_media_modal: (e) =>
+    e.preventDefault() if e?
+
+    if e && e.data && e.data.mode?
+      @mode = e.data.mode
+
+    $.get '/admin/media_modal', (response) =>
+      if $('#media-modal').length
+        $('#media-modal').modal('hide').data('bs.modal', null).remove()
+
+      $modal = $(response.html)
+      $('body').prepend($modal)
+      $modal.modal()
+      @modal_launch_events()
+
+  show_loading: =>
+    $('#media-modal-content-area').css({opacity: 0.65})
+
+  hide_loading: =>
+    $('#media-modal-content-area').css({opacity: 1})
+
+  modal_launch_events: =>
+   $('.media-thumbnails').scroll @on_thumbnails_scroll
+
+  image_radio_click: =>
+    $('#insert-selection').removeClass('hidden')
+
+  on_thumbnails_scroll: (e) =>
+    if @scroll_distance_from_bottom() < @paginationThreshold
+      @paginate()
+
+
+  paginate: (e) =>
+    if $(".paginator").attr('data-last-page') != 'true' && !@paginating
+      uri = $(".paginator").attr("data-uri")
+      @paginating = true
+      @show_loading()
+
+      $.get uri, (response) =>
+        $('.media-thumbnails-inner').append($(response.html).find('.media-thumbnails-inner').html())
+        $(".paginator").replaceWith($(response.html).find(".paginator"))
+        @paginating = false
+        @hide_loading()
+
+
+  update_upload_progress_indicator: (e, data) =>
+    percent_loaded = parseInt(data.loaded / data.total * 100, 10)
+    $(".upload-progress").show()
+    $(".upload-progress .progress-bar").css("width", "#{percent_loaded}%")
+    $(".upload-progress .progress-amount").html("#{percent_loaded}%")
+
+    if percent_loaded == 100
+      $(".progress-text").html("Processing uploaded image. Please be patient...")
+
+  submit_upload: (e) =>
+    e.preventDefault()
+
+    $form = $("form.js-image-upload-panel")
+
+    unless @files
+      alert("You must select a file")
+      return false
+
+    if $("#image_name").val() == ""
+      alert("You must enter a name for this image")
+      return false
+
+    if @upload_data
+      @upload_data.submit()
+
+    $('#upload-button').button('loading')
+
+
+  init_fileupload: =>
+    $form = $("form.js-image-upload-panel")
+
+    @files = false
+
+    if $form.length
+      unless $form.data('blueimpFileupload')
+        $form.fileupload(
+          progressall: @update_upload_progress_indicator
+          dataType: 'json'
+          add: (e, data) =>
+            @files = true
+            @upload_data = data
+            $('#browse-files-btn').html('File Added').css('opacity', '0.7')
+          done: (e, data) =>
+            response = data.result
+            $('#upload-button').button('reset')
+            $("#media-modal-content-area").html(response.html)
+            if response.status == 'upload_success'
+              @image_uploaded_callback(response.image, response.image_html)
+      )
+
+  on_image_selected: (e) =>
+    e.preventDefault()
+
+    $(".js-insert-selection").button("loading")
+
+    $selection = $(".image-radio:checked")
+
+    data = $.parseJSON($selection.attr('data-image'))
+
+    data.selected_el = $(e.currentTarget)
+
+    @image_selected_callback(data)
+
+  file_selected: (e) =>
+    @files = e.target.files
+
+  scroll_distance_from_bottom: =>
+    distance = $('.media-thumbnails-inner').height() - ($('.media-thumbnails').height() + $('.media-thumbnails').scrollTop())
+
+  browse_files_clicked: (e) =>
+    e.preventDefault()
+
+window.MediaModal = MediaModal

data/app/assets/javascripts/virgo/components/share_bar.coffee

@@ -0,0 +1,53 @@
+class ShareBar
+  constructor: ->
+    $('body').on 'click', '.js-fb-share', @present_fb_share
+    $('body').on 'click', '.js-fb-like', @show_fb_like_widget
+    @load_fb_share_count()
+    @load_tweet_count()
+
+    if window.fb_api_disabled
+      $('.js-fb-share, .js-fb-like').hide()
+
+
+  load_fb_share_count: =>
+    info_url = "#{window.location.protocol}//api.facebook.com/method/links.getStats?urls=#{encodeURIComponent(window.page_url)}&format=json&callback=?"
+
+    $.getJSON info_url, (response) =>
+      if response and response[0] and response[0].share_count
+        share_count = response[0].share_count
+
+        if share_count
+          $share_count_tpl = $("<span class='fb-share-count count'>(#{share_count})</span>")
+          $(".js-fb-share").each ->
+            $share_count = $share_count_tpl.clone()
+            $(this).append($share_count)
+
+  load_tweet_count: =>
+    info_url = "#{window.location.protocol}//urls.api.twitter.com/1/urls/count.json?url=#{encodeURIComponent(window.page_url)}&callback=?"
+
+    $.getJSON info_url, (response) =>
+      if response and response.count
+        $tweet_count_tpl = $("<span class='tweet-count count'>(#{response.count})</span>")
+        $(".js-tweet-button").each ->
+          $tweet_count = $tweet_count_tpl.clone()
+          $(this).append($tweet_count)
+
+  present_fb_share: (e) =>
+    e.preventDefault()
+
+    $link = $(e.currentTarget)
+
+    FB.ui({
+      method: 'share',
+      href: $link.attr("data-share-uri")
+    })
+
+  show_fb_like_widget: (e) =>
+    e.preventDefault()
+    $el = $(e.currentTarget)
+    $wrap = $el.parents(".share-links-wrap").first()
+
+    $wrap.find(".like-widget-wrap").toggleClass("hidden", 0)
+
+
+$ -> new ShareBar if $('.share-links').length