fix: any

[pettanr/pettanr.git] / app / assets / javascripts / views / panel_pictures / element.js.coffee

diff --git a/app/assets/javascripts/views/panel_pictures/element.js.coffee b/app/assets/javascripts/views/panel_pictures/element.js.coffee
index cb3f77b..70ec929 100644 (file)
--- a/app/assets/javascripts/views/panel_pictures/element.js.coffee
+++ b/app/assets/javascripts/views/panel_pictures/element.js.coffee
@@ -1,4 +1,4 @@
-class Pettanr.Views.PanelPicture.Element extends Backbone.View\r
+class Pettanr.Views.PanelPicture.Element extends Pettanr.View\r
   tagName: 'div'\r
   className: 'pettanr-panel-picture-wrapper'\r
   \r
@@ -6,28 +6,31 @@ class Pettanr.Views.PanelPicture.Element extends Backbone.View
     @element = options.element\r
     @root = options.root\r
     @spot = options.spot\r
-    img_class = @img_class()\r
-    @img = new img_class({\r
-      wrapper: this,\r
-      element: @element,\r
-      spot: @spot\r
-    })\r
-  \r
-  clear: () ->\r
-    this\r
   \r
   render: () ->\r
-    @restyle()\r
-    this.$el.html(@img.clear().el)\r
+    @element.get_parent('picture', this, {\r
+      success: (@picture) =>\r
+        img_class = @img_class()\r
+        img = new img_class({\r
+          wrapper: this,\r
+          element: @element,\r
+          picture: @picture,\r
+          spot: @spot\r
+        })\r
+        @listenTo(img, 'http_get', @http_get)\r
+        @restyle()\r
+        this.$el.html(img.render().el)\r
+        @init_picture(img)\r
+    })\r
     this\r
   \r
+  init_picture: (img) ->\r
+    @img = img\r
+  \r
   restyle: () ->\r
     attr = {style: Pettanr.to_style(@style())}\r
     this.$el.attr(attr)\r
   \r
-  add_element: (element) ->\r
-    null\r
-  \r
   style: () ->\r
     {\r
       'top': Pettanr.to_s(@element.get('y')) + 'px',\r
@@ -40,24 +43,46 @@ class Pettanr.Views.PanelPicture.Element extends Backbone.View
     Pettanr.Views[element.singular()].Element\r
   \r
   img_class: () ->\r
-    Pettanr.Views.PanelPicture.Element.Img\r
+    if @element.get('link')\r
+      if @element.get('link').match(/\:\/\//)\r
+        Pettanr.Views.PanelPicture.Element.LinkedImg\r
+      else\r
+        Pettanr.Views.PanelPicture.Element.ButtonImg\r
+    else\r
+      Pettanr.Views.PanelPicture.Element.Img\r
+  \r
+  http_get: (url) ->\r
+    @trigger('http_get', url)\r
+  \r
+class Pettanr.Views.PanelPicture.Element.LinkedImg extends Tag.A_\r
+  \r
+  initialize: (options) ->\r
+    img = new Pettanr.Views.PanelPicture.Element.Img(options)\r
+    super({content: img.render().el, attr: {href: options.element.get('link')}})\r
+  \r
+class Pettanr.Views.PanelPicture.Element.ButtonImg extends Tag.A\r
+  \r
+  initialize: (options) ->\r
+    img = new Pettanr.Views.PanelPicture.Element.Img(options)\r
+    @link = options.element.get('link')\r
+    super({content: img.render().el, attr: {href: '/' + @link}})\r
+  \r
+  click: () ->\r
+    super()\r
+    @trigger('http_get', @link)\r
+    return false\r
   \r
-class Pettanr.Views.PanelPicture.Element.Img extends Backbone.View\r
+class Pettanr.Views.PanelPicture.Element.Img extends Pettanr.View\r
   tagName: 'img'\r
   \r
   initialize: (options) ->\r
     @wrapper = options.wrapper\r
     @element = options.element\r
+    @picture = options.picture\r
     @spot = options.spot\r
-    @picture = @element.picture()\r
-    @listenTo(this, 'ready', @render)\r
-    @picture.fetch({cache: true}).done =>\r
-      @trigger('ready')\r
-  \r
-  clear: () ->\r
-    this\r
   \r
   render: () ->\r
+    this.$el.html('')\r
     @restyle()\r
     this\r
   \r
@@ -70,7 +95,7 @@ class Pettanr.Views.PanelPicture.Element.Img extends Backbone.View
       @element.merge_opacity(style, opacity)\r
     {\r
       vPicture: @element.get('id'), \r
-      src: @element.r_url(@picture), \r
+      src: @picture.picture_file(@element.flip()).src(), \r
       width: Pettanr.to_s(Math.abs(@element.get('width'))) + 'px', \r
       height: Pettanr.to_s(Math.abs(@element.get('height'))) + 'px', \r
       alt: @element.get('caption'), \r
@@ -81,15 +106,15 @@ class Pettanr.Views.PanelPicture.Element.Edit extends Pettanr.Views.PanelPicture
   \r
   initialize: (options) ->\r
     super(options)\r
+  \r
+  init_picture: (img) ->\r
+    super(img)\r
     @listenTo(@element, 'input:x', @restyle)\r
     @listenTo(@element, 'input:y', @restyle)\r
-    @listenTo(@element, 'input:z', @restyle)\r
-  \r
-  render: () ->\r
-    super()\r
-    img = @img\r
+    @listenTo(@element, 'sort', @restyle)\r
+    @listenTo(@element, 'active', @active)\r
+    @listenTo(@element, 'inactive', @inactive)\r
     wrapper = this\r
-    elm = @element\r
     this.$el.draggable {\r
       stop: (event, ui) ->\r
         left = img.$el.parent().position().left + wrapper.$el.position().left\r
@@ -97,26 +122,8 @@ class Pettanr.Views.PanelPicture.Element.Edit extends Pettanr.Views.PanelPicture
         elm.set({x: parseInt(left), y: parseInt(top)}, {silent: true})\r
         elm.trigger('move')\r
     }\r
-    this\r
-  \r
-  element_class: (element) ->\r
-    Pettanr.Views[element.singular()].Element.Edit\r
-  \r
-  img_class: () ->\r
-    Pettanr.Views.PanelPicture.Element.Img.Edit\r
-  \r
-class Pettanr.Views.PanelPicture.Element.Img.Edit extends Pettanr.Views.PanelPicture.Element.Img\r
-  \r
-  initialize: (options) ->\r
-    super(options)\r
-    @listenTo(@element, 'input:width', @restyle)\r
-    @listenTo(@element, 'input:height', @restyle)\r
-  \r
-  render: () ->\r
-    super()\r
-    wrapper = @wrapper\r
     elm = @element\r
-    this.$el.resizable {\r
+    img.$el.resizable {\r
       stop: (event, ui) ->\r
         resize_div = ui.element\r
         panel_picture_div = wrapper.$el\r
@@ -151,6 +158,31 @@ class Pettanr.Views.PanelPicture.Element.Img.Edit extends Pettanr.Views.PanelPic
       handles: 'all',\r
       autoHide: true\r
     }\r
+    this\r
+  \r
+  active: () ->\r
+    $('.ui-resizable-handle', this.el).map ->\r
+      $(@).css('display', 'block')\r
+  \r
+  inactive: () ->\r
+    $('.ui-resizable-handle', this.el).map ->\r
+      $(@).css('display', 'none')\r
+  \r
+  element_class: (element) ->\r
+    Pettanr.Views[element.singular()].Element.Edit\r
+  \r
+  img_class: () ->\r
+    Pettanr.Views.PanelPicture.Element.Img.Edit\r
+  \r
+class Pettanr.Views.PanelPicture.Element.Img.Edit extends Pettanr.Views.PanelPicture.Element.Img\r
+  \r
+  initialize: (options) ->\r
+    super(options)\r
+    @listenTo(@element, 'input:width', @restyle)\r
+    @listenTo(@element, 'input:height', @restyle)\r
+  \r
+  render: () ->\r
+    super()\r
   \r
   restyle: () ->\r
     super()\r