Ember updates

2014-03-22 11:57:09 +01:00
parent db37c95e72
commit 37970e5bef
19 changed files with 52257 additions and 42604 deletions
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="100"
+  height="100"
+  viewBox="0 0 100 100"
+>
+<circle r="50" cx="50" cy="50" fill="transparent" stroke="#a00" stroke-width="2">
+  <animate attributeName="r" from="50" to="0" dur="1s" repeatCount="indefinite"/>
+</circle>
+<circle r="25" cx="50" cy="50" fill="transparent" stroke="#a00" stroke-width="1">
+  <animate attributeName="r" from="25" to="0" dur="1s" repeatCount="indefinite"/>
+</circle>
+</svg>
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="100"
+  height="100"
+  viewBox="0 0 100 100"
+>
+<circle r="50" cx="50" cy="50" fill="transparent" stroke="black" stroke-width="1">
+  <animate attributeName="r" from="50" to="0" dur="3s" repeatCount="indefinite"/>
+</circle>
+<circle r="25" cx="50" cy="50" fill="transparent" stroke="black" stroke-width="0.5">
+  <animate attributeName="r" from="25" to="0" dur="2s" repeatCount="indefinite"/>
+</circle>
+</svg>
@@ -1,5 +1,7 @@
+#= require_self
 #= require ember
 #= require ember-data
 #= require_directory ./modifications
 #= require ./app
 #= require_tree .
+@EmberENV = {FEATURES: {'query-params-new': true}}
@@ -1,4 +1,5 @@
 Qsupplier.App.SectionController = Ember.ObjectController.extend
+  needs: ['application']
  editmode: false
  makeEditable: -> @set('editmode', true)
  finishEditable: ->
@@ -1 +1,2 @@
-Qsupplier.App.SectionsController = Ember.ArrayController.extend {}
+Qsupplier.App.SectionsController = Ember.ArrayController.extend
+  needs: ['application', 'section']
@@ -10,11 +10,15 @@ DragNDrop.Draggable = Ember.Mixin.create
  draggable: 'true'
  dragStart: (e)->
    @set 'content.isDragging', true
+    @set 'controller.isDragging', true
+    @set 'controller.controllers.application.isDragging', true
    localStorage.setItem('draggingView', @get('elementId'))
    dataTransfer = e.originalEvent.dataTransfer
    dataTransfer.setData 'Text', @get('elementId')
  dragEnd: (e)->
    @set 'content.isDragging', false
+    @set 'controller.isDragging', false
+    @set 'controller.controllers.application.isDragging', false
    localStorage.removeItem 'draggingView' if localStorage.getItem 'draggingView'

 DragNDrop.Droppable = Ember.Mixin.create
@@ -27,12 +31,15 @@ DragNDrop.Droppable = Ember.Mixin.create
    else
      DragNDrop.cancel(e)
  dragOver: DragNDrop.cancel
+  dragLeave: ->
+    if @dragLeft
+      @dragLeft()
  drop: (e)->
    e.preventDefault()
    viewId = e.originalEvent.dataTransfer.getData('Text')
    view = Ember.View.views[viewId]
    return unless view
-    # Calculate drop position relative to container
+    # Calculate the element's center drop position relative to container
    position =
      left: Math.max(e.originalEvent.pageX - view.$el.offsetParent().offset().left - (view.$el.outerWidth()/2), 0)
      top:  Math.max(e.originalEvent.pageY - view.$el.offsetParent().offset().top - (view.$el.outerHeight()/2), 0)
@@ -0,0 +1 @@
+= title
@@ -0,0 +1,4 @@
+.section-tabs-container
+  each section in controller
+    view Qsupplier.App.SectionTabHeaderView context=section
+= outlet
@@ -1,6 +0,0 @@
-<ul class="nav nav-tabs">
-  {{#each section in controller}}
-    {{#link-to "section" section tagName="li" href=false}}{{view 'Qsupplier.App.SectionTabHeaderView' contentBinding="section"}}{{/link-to}}
-  {{/each}}
-</ul>
-{{outlet}}
@@ -1,16 +1,18 @@
 Qsupplier.App.SectionTabHeaderView = Ember.View.extend DragNDrop.Droppable,
-  template: Ember.Handlebars.compile('{{view.content.title}}')
-  tagName: 'a'
-  attributeBindings: ['href']
-  classNameBindings: ['section_header_class']
+  templateName: 'section_tab_header'
+  classNames: ['section-tab-header']
+  classNameBindings: ['section_header_class', 'controller.controllers.application.isDragging:table-dragging', 'section_active']
+  click: (e)->
+    @get('controller').transitionToRoute 'section', @get('context.id')

-  section_header_class: (-> "section-tab-header-#{@get('content.id')}").property()
-  href: (-> Routes.suppliers_section_path(@content.id)).property()
+  section_header_class: (-> "section-tab-header-#{@get('context.id')}").property()
  dragEntered: (view)->
+    @$().addClass('table-hover')
    return false
    # Changing the route for now is too difficult. Just do a move
    #if view.constructor.toString().match(/SectionTableView$/)
      #@get('controller').transitionToRoute 'section', @get('content')
+  dragLeft: -> @$().removeClass('table-hover')
  dropped: (view)->
    if view.constructor.toString().match(/SectionTableView$/)
      table = view.get('content')
@@ -19,3 +21,9 @@ Qsupplier.App.SectionTabHeaderView = Ember.View.extend DragNDrop.Droppable,
      table.save()
  didInsertElement: ->
    @$el = $ @get('element')
+
+  section_active: (->
+    current_section = @get('controller.controllers.section.content.id')
+    view_section = @get('context.id')
+    if current_section == view_section then 'active' else ''
+  ).property('controller.controllers.section.content.id')
@@ -0,0 +1,26 @@
+.section-tabs-container
+  .section-tab-header
+    float: left
+    margin-right: 10px
+    $border: 1px solid black
+    border: $border
+    padding: 5px
+    cursor: pointer
+    font-weight: bold
+    background-color: rgba(200,200,200,0.4)
+    color: #333
+    &.active
+      border-bottom-width: 0
+    &.table-hover, &.table-dragging
+      background-size: 100px
+      background-position: center center
+      background-repeat: no-repeat
+    &.table-dragging
+      background-image: image-url('supplier/drop-target.svg')
+    &.table-hover
+      background-image: image-url('supplier/drop-target-active.svg')
+
+  &:after
+    content: ''
+    display: block
+    clear: left
@@ -3,7 +3,7 @@
  padding: 4px 0px
 .section-tables-container
  .section-manage-tables
-    margin: -26px 6px 4px 6px
+    margin: -32px 6px 4px 6px
  .section-table
    background-color: #ccc
    //TODO remove width and height for ember control
@@ -5,6 +5,7 @@
 *= require qtip
 *= require 'general'
 *= require user/active_list
+ *= require_directory ../base1-shared
 *= require_directory .
 *= require_self
 */
@@ -5,6 +5,7 @@
 *= require qtip
 *= require 'general'
 *= require user/active_list
+ *= require_directory ../base1-shared
 *= require_directory .
 *= require_self
 */