socmap_adf 0.0.1

data/lib/assets/javascripts/socmap_adf/modules/overlay_push/templates/colibration.jst.eco

@@ -0,0 +1,4 @@
+<p>Norādi lokāciju šim objektam kartē, pārbīdot to vajadzīgajā vietā.</p>
+<div class="btn_input green">
+  <input type="button" name="finish" value="Pabeigt">
+</div>

data/lib/assets/javascripts/socmap_adf/modules/overlay_push/views/new.js.coffee

@@ -0,0 +1,32 @@
+class ADF.OverlayPush.Views.New extends ADF.GMap.Views.OverlayView 
+  
+  hidden: false
+  draggable: true
+  clickEvent: null
+  
+  constructor: (options) ->
+    super(options)
+    @clickableArea = if options.area then options.area else @map.getGMap()
+    @initOverlay()
+
+  initOverlay: () ->
+    if not @overlay 
+      if @point && @point.lat() > 0 && @point.lng() > 0
+        @pushOverlay()
+      else
+        @bindMap()
+    else
+      @overlay.view = @
+      @redraw()
+
+  bindMap: () ->
+    @clickEvent = google.maps.event.addListener @clickableArea, 'click', @onClicked unless @clickEvent?
+    
+  unbindMap: () ->
+    google.maps.event.removeListener(@clickEvent) if @clickEvent?
+    @clickEvent = null
+    
+  onClicked: (e) =>
+    @point = e.latLng
+    @unbindMap()
+    @pushOverlay()

data/lib/assets/javascripts/socmap_adf/modules/popup/init.js.coffee

@@ -0,0 +1,7 @@
+# Default requires for ADF modules
+#= require_self
+#= require_tree ./templates
+#= require_tree ./views
+
+ADF.Popup =
+  Views: {}

data/lib/assets/javascripts/socmap_adf/modules/popup/templates/base.jst.eco

@@ -0,0 +1,5 @@
+<div class="mapfield_all">
+    <a href="#" class="btn_close">X</a>
+    <div class="mapfield_padding clear">
+    </div>
+</div>

data/lib/assets/javascripts/socmap_adf/modules/popup/templates/basic.jst.eco

@@ -0,0 +1,5 @@
+<div class="mapfield_all">
+    <a href="#" class="btn_close">X</a>
+    <div class="mapfield_padding clear">
+    </div>
+</div>

data/lib/assets/javascripts/socmap_adf/modules/popup/views/base.js.coffee

@@ -0,0 +1,98 @@
+class ADF.Popup.Views.Base extends ADF.MVC.Views.Base
+ 
+  popupContainer: JST['socmap_adf/modules/popup/templates/basic']
+  popupContentClass: ".mapfield_padding"
+  popupClass: "popup_wrap"
+  popupBacgroundClass: "popup_background"
+  hasBacground: true
+  closable: true
+  horizontalAlign: "center"
+  verticalAlign: "center"
+  horizontalOffset: 0
+  verticalOffset: 0
+  category: "other"
+  autoHeight: false
+  
+  render: () ->
+    newElement = @make("div", {"class": @popupClass})
+    @.setElement(newElement)
+    $(@el).html(@popupContainer)
+    if @model
+      @$(@popupContentClass).html(@template(@model.toJSON()))
+    else 
+      @$(@popupContentClass).html(@template)
+    @bindCloseButton()
+
+    $("body").append(@make("div", {"id": "popups"})) if !$("#popups").length
+
+    if @category
+      if !$("#popups").find("#" + @category + "_popups").length
+        $("#popups").append(@make("div", {"id": @category + "_popups"}))
+      $("#" + @category + "_popups").append(@el)
+    else
+      $("#popups").append(@el)
+     
+    @addBacground() if @hasBacground
+    @center()
+    $(window).bind "resize", @center
+    @onBind()
+    @onRenderCompleted()
+    return @
+
+  addBacground: () ->
+    if !@bacground
+      @bacground = @make("div", {"class": @popupBacgroundClass})
+    $("#popups").append(@bacground)
+    $("." + @popupBacgroundClass).bind "click", @closeButtonClicked if @closable
+    
+  bindCloseButton: () ->
+    if @closable
+      @$(".btn_close").bind "click", @closeButtonClicked
+    else 
+      @$(".btn_close").remove()
+
+  closeButtonClicked: (e) =>
+    e.preventDefault()
+    @destroy()
+
+  center: () =>
+    windowHeight = $(window).height()
+    windowWidth = $(window).width()
+    elHeight = $(@el).height()
+    elWidth = $(@el).width()
+
+    if @verticalAlign == "top"
+      top = 10 + @verticalOffset
+    else if @verticalAlign == "bottom"
+      top =  windowHeight - 10 - elHeight - @verticalOffset
+    else
+      offsetTop = ((elHeight + @verticalOffset) / 2)
+      top =  windowHeight / 2
+      top = top - offsetTop
+
+    if @horizontalAlign == "left"
+      left = 10 + @horizontalOffset
+    else if @horizontalAlign == "right"
+      left = windowWidth - elWidth - 10 - @horizontalOffset
+    else   
+      left = (windowWidth + @horizontalOffset) / 2
+      offsetLeft = (elWidth / 2)
+      left = left - offsetLeft
+
+    
+    $(@el).css({height: ($(window).height() - top) + "px" }) if @autoHeight
+    $(@el).css({top: top, left: left})
+
+  open: () ->
+    $(@el).show()
+
+  close: () ->
+    $(@el).hide()
+    $("." + @popupBacgroundClass).hide() if @hasBacground
+
+  destroy: () ->
+    $(@el).remove()
+    $(@bacground).remove() if @hasBacground
+
+  onBind: () ->
+  onRenderCompleted: () ->

data/lib/assets/javascripts/socmap_adf/modules/popup/views/basic.js.coffee

@@ -0,0 +1,86 @@
+class ADF.Popup.Views.Basic extends ADF.MVC.Views.Base
+
+  # Assign view options
+  class           : "popup_wrap"
+  backgroundClass : "popup_background"
+  category        : "other"
+  isClosable      : true
+  hasBackground   : true
+  insidePosition  : "center"
+  horizontalAlign : "center"
+  verticalAlign   : "top"
+  horizontalOffset: 0
+  verticalOffset  : 70
+  widthOffset: 0
+  
+  # Render view
+  render: () ->
+    if @model
+      $(@el).hide().html( @template( @model.toJSON() ) ).addClass( @class ).fadeIn(300)
+    else
+      $(@el).hide().html( @template() ).addClass( @class ).fadeIn(300)
+    
+    if @insidePosition == "center"
+      $(@el).addClass( "center" )
+    
+    $("body").append( @make( "div", {"id": "popups"} ) ) if !$("#popups").length
+    
+    if @category
+      if !$("#popups").find( "#" + @category + "_popups" ).length
+        $("#popups").append( @make( "div", { "id": @category + "_popups" } ) )
+      
+      $("#" + @category + "_popups").append( @el )
+    else
+      $("#popups").append( @el )
+    
+    if !$("#popups ." + @backgroundClass).length
+      @backgroundElement = @make( "div", { "class": @backgroundClass } )
+      $("#popups").append( @backgroundElement )
+    
+    @showBackground() if @hasBackground == true
+    @renderPosition()
+    $(window).bind( "resize", @renderPosition )
+    
+    return @
+  
+  # Render methods
+  showBackground: () ->
+    $("." + @backgroundClass).fadeIn(500)
+    $("." + @backgroundClass).bind( "click", @closeClicked ) if @isClosable == true
+  
+  renderPosition: () =>
+    windowHeight = $(window).height()
+    windowWidth = $(window).width()
+    elHeight = $(@el).height()
+    elWidth = $(@el).width() + @widthOffset
+    
+    if @verticalAlign == "top"
+      top = @verticalOffset
+    else if @verticalAlign == "bottom"
+      top =  windowHeight - elHeight - @verticalOffset
+    else
+      offsetTop = ((elHeight + @verticalOffset) / 2)
+      top =  windowHeight / 2
+      top = top - offsetTop
+    
+    if @horizontalAlign == "left"
+      left = @horizontalOffset
+    else if @horizontalAlign == "right"
+      left = windowWidth - elWidth - @horizontalOffset
+    else
+      left = (windowWidth + @horizontalOffset) / 2
+      offsetLeft = (elWidth / 2)
+      left = left - offsetLeft
+    
+    $(@el).css({top: top, left: left})
+  
+  # View event methods
+  onRenderCompleted: () ->
+  
+  closeClicked: ( event ) =>
+    event.preventDefault()
+    @destroy()
+  
+  destroy: () ->
+    $(@el).fadeOut( 200, -> $(@).remove() )
+    $(@backgroundElement).fadeOut(400) if @hasBackground == true

data/lib/assets/javascripts/socmap_adf/modules/sidebar/init.js.coffee

@@ -0,0 +1,11 @@
+# Default requires for ADF modules
+#= require_self
+#= require_tree ./templates
+#= require_tree ./models
+#= require_tree ./collections
+#= require_tree ./views
+
+ADF.Sidebar =
+  Models: {}
+  Collections: {}
+  Views: {}

data/lib/assets/javascripts/socmap_adf/modules/sidebar/templates/bottomlink.jst.eco

@@ -0,0 +1 @@
+<a href="#" class="message"></a>

data/lib/assets/javascripts/socmap_adf/modules/sidebar/templates/bottomlinkaction.jst.eco

@@ -0,0 +1,2 @@
+<span class=""><text></text><a href="#" class="action_link"></a>
+<img src="/assets/small_loading_gray.gif" class="loading_for_link"/></span>

data/lib/assets/javascripts/socmap_adf/modules/sidebar/templates/content.jst.eco

@@ -0,0 +1,2 @@
+<div class="level_content_wrap"></div>
+<ul class="panel_buttons"></ul>

data/lib/assets/javascripts/socmap_adf/modules/sidebar/templates/sidebar.jst.eco

@@ -0,0 +1,3 @@
+<div id ="first_level"></div>
+<div id ="second_level" style="display:none;"></div>
+<div id ="third_level" style="display:none;"></div>

data/lib/assets/javascripts/socmap_adf/modules/sidebar/templates/tab.jst.eco

@@ -0,0 +1,3 @@
+<li>
+  <a class="tablink" href="#"></a>
+</li>

data/lib/assets/javascripts/socmap_adf/modules/sidebar/templates/tabs.jst.eco

@@ -0,0 +1,3 @@
+<ul id="main_menu" class="menu_main clear"></ul>
+<div id="tabs_content">
+</div>

data/lib/assets/javascripts/socmap_adf/modules/sidebar/views/bottomlink.js.coffee

@@ -0,0 +1,41 @@
+class ADF.Sidebar.Views.Bottomlink extends ADF.MVC.Views.Base
+  
+  template: JST["socmap_adf/modules/sidebar/templates/bottomlink"]
+  templateaction : JST["socmap_adf/modules/sidebar/templates/bottomlinkaction"]
+  
+  title: ""
+  aclass: ""
+  withaction: false
+  actiontitle: ""
+  height: 30
+  events :
+    "click a" : "click"
+  
+  initialize: ->
+    _.bindAll(this, 'render')
+    @eventBus = @options.eventBus
+    
+  render: ->
+    el = @make("li")
+    @setElement(el)
+    if @withaction then @renderWithAction() else @renderWithoutAction()
+    @onRenderComplete()   
+    return @
+      
+  renderWithAction: () ->
+    $(@el).html(@templateaction)
+    @$("span").attr("class", @aclass) 
+      
+  renderWithoutAction: () ->    
+    $(@el).html(@template)
+    @$("a").html(@title)
+    @$("a").attr("class", @aclass)   
+  
+  click: (e) ->
+    e.preventDefault()
+    @onClicked(e)
+    
+  # CALLBACKS
+  onClicked: (e) ->
+  onRenderComplete:() ->      
+  

data/lib/assets/javascripts/socmap_adf/modules/sidebar/views/content.js.coffee

@@ -0,0 +1,63 @@
+class ADF.Sidebar.Views.Content extends ADF.MVC.Views.Base
+  
+  top: 39
+  bottomlinkheight: 32
+  contentTemplate: JST["socmap_adf/modules/sidebar/templates/content"]
+  
+  constructor: ( options ) ->
+    super(options)
+    @doNanoScroll =  if options.doNanoScroll? then options.doNanoScroll else true
+    @model = @options.model
+    @rendered = false
+    
+  render: ->
+    $(@el).html(@contentTemplate) 
+    template = if @model then @template( @model.toJSON() ) else @template()
+    @$(".level_content_wrap").html(template)
+    @renderBottomLinks()
+    @bindResize() 
+    @onRenderComplete()
+    @calculateResize()
+    @initNanoScroller() if @doNanoScroll
+    @rendered = true
+    return @
+    
+  bindResize: ->
+    $(window).bind "resize", @calculateResize
+
+  calculateResize: () =>
+    height = $(window).height() - @top - @bottomlinkheight * @countBottomLinks()
+    @$(".level_content_wrap").css({ "height" : height + "px"})
+
+  initNanoScroller: () ->
+    setTimeout(
+      => @$(".level_content_wrap").nanoScroller({autoresize: true}),
+      300
+    )
+  
+  setBottomLinks: (bottomlinks) =>
+    @bottomlinks = bottomlinks
+    @renderBottomLinks()
+    @onBottomLinksSat()
+           
+  addBottomLink: ( bootomlink ) =>
+    @bottomlinks = [] if not @bottomlinks
+    @bottomlinks.push( bootomlink )
+
+  countBottomLinks: ->
+    if @bottomlinks? then @bottomlinks.length else 0
+          
+  renderBottomLinks: ->
+    @$(".panel_buttons").html("")
+    return false if not @bottomlinks
+    @$(".panel_buttons").append(bottomLink.render().el) for bottomLink in @bottomlinks
+
+  addLoading: ->
+    $(@el).prepend('<div class="sidebar_loading"><div class="loader"><img src="/assets/load.gif" alt="" width="31" height="31" /></div><div class="overlay"></div></div>')
+
+  removeLoading: ->
+    $(@el).find('.sidebar_loading').remove()
+
+  # CALLBACKS  
+  onRenderComplete: ->
+  onBottomLinksSat: ->

data/lib/assets/javascripts/socmap_adf/modules/sidebar/views/sidebar.js.coffee

@@ -0,0 +1,163 @@
+class ADF.Sidebar.Views.Sidebar extends ADF.MVC.Views.Base
+  
+  top: 0
+  tabs: false
+  hidden: false
+  thirdLevelTop: 40
+  top: 39
+  smallSpeed: 400
+  bigSpeed: 500
+  firstPanelClass: "panel_4"
+
+  template: JST["socmap_adf/modules/sidebar/templates/sidebar"]
+
+  initialize: () ->
+    _.bindAll(this, 'render', 'hideSecondLevel', 'hideThirdLevel', 'animateFirstEnterance')
+    @eventBus = @options.eventBus
+    @eventBus.bind("hideSecondLevel", @hideSecondLevel)
+    @eventBus.bind("hideThirdLevel", @hideThirdLevel)
+    @firstPanelClass = @options.firstPanelClass if @options.firstPanelClass
+        
+  render: -> 
+    $(@el).html(@template) 
+    @first_level = $(@el).find("#first_level")
+    @second_level = $(@el).find("#second_level")
+    @third_level = $(@el).find("#third_level")
+    @delegateEvents()
+    @bindResizeEvents()
+    @onSidebarRendered()
+    return @  
+
+  bindResizeEvents: ->
+    $(window).resize =>
+      @resize()
+
+    $(document).ready =>
+      @resize()
+
+  resize: ->
+    height = $(window).height() - @top
+    @first_level.css({ "top" : 0 + "px", "height" : height + "px"})
+    @second_level.css({ "top" : 0 + "px", "height" : height + "px"})
+    @third_level.css({ "top" : @thirdLevelTop + "px", "height" : (height - @thirdLevelTop) + "px"})
+
+  showFirstLevel: (view) ->
+    newElement = @make("div", {"class": @firstPanelClass })
+    view.setElement(newElement)
+    @first_level.html(view.render().el)
+    @onFirstLevelShowed()
+  
+  # SECOND LEVEL  
+  initSecondLevel: (view) ->
+    @secondView = view
+    return if @secondView.rendered
+    
+    newElement = @make("div", {"class": "panel_2"})
+    @secondView.setElement(newElement)
+    @setContent()
+    @animateFirstEnterance() 
+  
+  setContent: () ->
+    @second_level.html( @secondView.render().el )
+  
+  animateFirstEnterance: () ->  
+    @showOverlayOverFirstColumn()
+    @second_level.show()
+    @second_level.animate({left: '370px'}, @bigSpeed, @onSecondLevelEntered )
+
+  onSecondLevelEntered: =>
+    @showOverlayOverFirstColumn()
+    @darkenOverlayOverFirstColumn()
+    @placeSecondLevel()
+
+  placeSecondLevel: () ->
+    @second_level.css({"z-index" : 9})
+    @second_level.animate({left: '120px'}, @smallSpeed, @onSecondLevelPlaced )
+  
+  onSecondLevelPlaced: () =>
+  
+  closeSecondLevel: () ->
+    @hideThirdLevel()
+    @moveOutSecondLevel()
+    @lightenOverlayOverFirstColumn()
+
+  moveOutSecondLevel: () ->
+    @second_level.animate({left: '370px', "z-index" : 3}, @smallSpeed, @onMovedOutSecondLevel )
+  
+  onMovedOutSecondLevel: () =>
+    @second_level.animate({left: '59px'}, @smallSpeed, @onSecondLevelClosed )
+    
+  onSecondLevelClosed: () =>
+    @second_level.hide()
+    @hideOverlayOverFirstColumn()
+
+  #Fade on first level
+  showOverlayOverFirstColumn: ->
+    unless @first_level.find(".first_level_overlay").is(":visible")
+      @first_level.append("<div class='first_level_overlay'></div>")
+
+  darkenOverlayOverFirstColumn: -> 
+    @$(".first_level_overlay").animate({"opacity":0.5}, @smallSpeed, @onOverlayOverFirstColumnDarkened) 
+
+  onOverlayOverFirstColumnDarkened: =>
+    @$(".first_level_overlay").click (e) =>
+      @$(".first_level_overlay").unbind()
+      @closeSecondLevel()
+
+  lightenOverlayOverFirstColumn: ->
+    @$(".first_level_overlay").animate({"opacity":0}, @smallSpeed, @onOverlayOverFirstColumnLightened) 
+
+  onOverlayOverFirstColumnLightened: () ->
+    
+    
+  hideOverlayOverFirstColumn: ->
+    @$("#first_level").find(".first_level_overlay").remove()
+      
+  # THIRD LEVEL
+  initThirdLevel: (view) ->
+    el = @make("div", {"class": "panel_3"})
+    view.setElement(el)
+    if not @third_level.is(":visible")
+      @animateFirstEnteranceThirdLevel(view)
+    else
+      @setContentThirdLevel(view)
+  
+  setContentThirdLevel: (view) ->
+    @third_level.html(view.render().el)
+    @addCloseButton()
+      
+  animateFirstEnteranceThirdLevel: (view) ->
+    @setContentThirdLevel(view)
+    @third_level.show()
+    @third_level.css({left: '120px'})
+    @third_level.animate({left: '430px'}, @bigSpeed, @onThirdLevelShowed )
+  
+      
+  hideThirdLevel: () =>
+    if @third_level.is(":visible")
+      @third_level.animate({left: '120px'}, @smallSpeed, @closeThirdLevel)
+   
+  closeThirdLevel: () =>
+    @third_level.hide()
+    @third_level.html("")
+    @onThirdLevelClosed()
+    
+  renderInnerView: ->
+    @$("#slices_content").html(@view.render().el)
+
+  addCloseButton: ->
+    btn_close = @make("a", {"class": "btn_close", "style" : "z-index:7"})
+    @third_level.find(".panel_3").prepend(btn_close)
+    $(btn_close).click (e) =>
+      e.preventDefault()
+      @hideThirdLevel()
+      
+  renderMenu: ->
+
+  hideSecondLevel: ->
+  # CALLBACKS
+  onSidebarRendered: ->
+  onFirstLevelShowed: ->        
+  onThirdLevelShowed: () =>
+  onThirdLevelHidden: ->
+  onThirdLevelClosed: ->

data/lib/assets/javascripts/socmap_adf/modules/sidebar/views/tab.js.coffee

@@ -0,0 +1,52 @@
+class ADF.Sidebar.Views.Tab extends ADF.MVC.Views.Base
+  
+  template: JST['socmap_adf/modules/sidebar/templates/tab']
+  
+  title: ""
+  url: ""
+  selected: false
+  tabsObject : null
+  content: null
+  events :
+    "click a.tablink" : "click"
+  
+      
+  initialize: ->
+    _.bindAll(this, 'render')
+    @eventBus = @options.eventBus
+  
+  render: ->
+    $(@el).html(@template)
+    @$("a.tablink").html(@title)
+    @$("a.tablink").attr("href", @url)
+    @onRenderTabComplete()
+    return @
+    
+  select: ->
+    @$("a.tablink").addClass("active")
+    @tabsObject.renderContent(@)
+    @tabsObject.setBottomLinks( @bottomlinks )
+    @onSelectComplete()
+    
+  deselect: ->
+    @$("a.tablink").removeClass("active")
+    
+  click: (e) ->
+    e.preventDefault()
+    window.mainRouter.navigate(@url(), {trigger: false});
+    @tabsObject.selectTab(@)
+    
+  setTabsObject: (obj) ->
+    @tabsObject = obj
+    
+  addTabBottomLink: ( bootomlink ) =>
+    @bottomlinks = [] if not @bottomlinks
+    @bottomlinks.push( bootomlink )
+  
+  initBottomLinks: () ->
+           
+  # Callbacks  
+  onRenderComplete: ->
+  onRenderTabComplete: ->
+  onSelectComplete: ->
+    

data/lib/assets/javascripts/socmap_adf/modules/sidebar/views/tabcontent.js.coffee

@@ -0,0 +1,23 @@
+class ADF.Sidebar.Views.Tabcontent extends ADF.MVC.Views.Base
+  
+  initialize: ->
+        
+  render: ->
+    el = @make("div", {"class": "content"})
+    @setElement(el)
+    $(@el).html(@template)
+    @onRenderComplete()
+    @
+    
+    
+  onRenderComplete: ->
+    
+  showLoading: ( waitLoading ) ->
+    @waitLoading = waitLoading
+    @loading = @make("img", {"src":"/assets/small_loading_gray.gif", "class":"tab_loading"})
+    @$el.prepend(@loading)
+    
+  hideLoading: ()->
+    @waitLoading = @waitLoading - 1
+    $(@loading).remove() if @waitLoading <= 0
+