F5 Test changes

app/assets/javascripts/supplier/app/components/qr-codes-link.js.coffee

@@ -5,4 +5,7 @@ App.QrCodesLinkComponent = Ember.Component.extend
   attributeBindings: ['href', 'target']
   href: Ember.computed 'section.id', 'table.id', ->
     Routes.qr_codes_suppliers_tables_path(section_id: @get('section.id'), table_id: @get('table.id'))
+  click: ->
+    # Somehow this is needed for within the actions menu
+    @$().click()
 

app/assets/javascripts/supplier/app/components/section/element.js.coffee

@@ -3,12 +3,9 @@ App.SectionElementComponent = Ember.Component.extend DragNDrop.Draggable,
   classNames: ['section-element-container']
   attributeBindings: ['style']
   show_handles: false
-  classNameBindings: [
-    'uniqueClass'
-  ]
-  uniqueClass: (->
-    "section-element-#{@get('section_element.id')}"
-  ).property('section_element.id')
+  spinning: false
+  classNameBindings: ['uniqueClass', 'spinning:spin-rotate']
+  uniqueClass: Ember.computed 'section_element.id', -> "section-element-#{@get('section_element.id')}"
   draggable: Ember.computed.alias 'section.editmode'
   offsetX: (->
     (@get('dpm') || 0) * (@get('section_element.position_x') || 0)
@@ -30,7 +27,12 @@ App.SectionElementComponent = Ember.Component.extend DragNDrop.Draggable,
     @get('section_element').setProperties
       position_x: position.left / dpm
       position_y: position.top / dpm
-  click: -> @toggleProperty('show_handles') if @get('section.editmode')
+  click: ->
+    if @get('section.editmode')
+      @toggleProperty('show_handles')
+    else
+      @set 'spinning', true
+      Ember.run.later (=> @set('spinning', false)), 2000
   showHandles: Ember.computed.and 'show_handles', 'section.editmode'
   actions:
     rotateLeft: ->