OSDN Git Service

fix:player append
[pettanr/pettanr.git] / app / assets / javascripts / views / scrolls / play.js.coffee
index 8aa8c10..f30114f 100644 (file)
@@ -21,6 +21,7 @@ class Pettanr.Views.Scroll.PlayModule.FooterSwitch extends Backbone.View
     @panel = options.panel\r
     @visible = false\r
     @enabled = true\r
+    @listenTo(@scroll_panel, 'sync', @render)\r
   \r
   render: () ->\r
     this.$el.html('')\r
@@ -298,18 +299,6 @@ class Pettanr.Views.Scroll.PlayModule.InsertPoint extends Tag.Div
     attr = {style: Pettanr.to_style(style)}\r
     this.$el.attr(attr)\r
   \r
-class Pettanr.Views.Scroll.PlayModule.Append extends Tag.Div\r
-  \r
-  hide: () ->\r
-    @set_style({display: 'none'})\r
-  \r
-  show: () ->\r
-    @set_style({display: 'inline'})\r
-  \r
-  set_style: (style) ->\r
-    attr = {style: Pettanr.to_style(style)}\r
-    this.$el.attr(attr)\r
-  \r
 class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View\r
   tagName: 'ul'\r
   className: 'player'\r
@@ -324,22 +313,14 @@ class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View
   render: () ->\r
     this.$el.html('')\r
     _.each @items, (scroll_panel) =>\r
-      return if not scroll_panel.has_panel()\r
-      panel_view = @create_panel_view(scroll_panel)\r
-      this.$el.append(panel_view.clear().el)\r
-    rb = new Tag.RowBreak()\r
-    this.$el.append(rb.render().el)\r
-    link = new Tag.A({\r
-      attr: {href: '/scroll_panels/new'},\r
-      content: I18n.t('scroll_panels.player.append')\r
-    })\r
-    @listenTo(link, 'click', @click_append)\r
-    @appender = new Pettanr.Views.Scroll.PlayModule.Append({\r
-      content: link.render().el\r
-    })\r
-    this.$el.append(@appender.render().el)\r
+      @append_scroll_panel(scroll_panel)\r
     this\r
   \r
+  append_scroll_panel: (scroll_panel) ->\r
+    return if not scroll_panel.has_panel()\r
+    panel_view = @create_panel_view(scroll_panel)\r
+    this.$el.append(panel_view.clear().el)\r
+  \r
   create_panel_view: (scroll_panel) ->\r
     panel_view = new Pettanr.Views.Scroll.PlayModule.Panel({\r
       scroll: @binder, scroll_panel: scroll_panel,\r
@@ -355,7 +336,7 @@ class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View
   ready: (panel) ->\r
     this.credits.push(panel.licensed_pictures())\r
   \r
-  click_insert: (panel_view) ->\r
+  click_insert: (panel_view = null) ->\r
     @dialog = new Editor.Player.PanelInsertDialog({\r
       parent: this, binder: @binder, target_model: Pettanr.ScrollPanel,\r
       insert_point: panel_view\r
@@ -367,21 +348,28 @@ class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View
     @dialog.start()\r
     @trigger('click:insert', @dialog)\r
   \r
-  click_append: () ->\r
-    @click_insert(@appender)\r
-  \r
   pick: (new_item, insert_point) ->\r
+    @parent.appender.show()\r
     panel_view = @create_panel_view(new_item)\r
     ul = this.$el[0]\r
-    li = insert_point.$el[0]\r
-    ul.insertBefore(panel_view.clear().el, li)\r
+    if insert_point\r
+      # insert before insert_point\r
+      li = insert_point.$el[0]\r
+      ul.insertBefore(panel_view.clear().el, li)\r
+    else\r
+      # append\r
+      this.$el.append(panel_view.clear().el)\r
+    @refresh_views()\r
+    @dialog.stop()\r
   \r
   open_dialog: () ->\r
     @trigger('dialog:open', dialog)\r
   \r
   close_dialog: () ->\r
-    @appender.show()\r
     @trigger('dialog:close', @dialog)\r
+    if @dialog.is_catch()\r
+      # stored panel back to player\r
+      @back()\r
   \r
   click_move: (panel_view) ->\r
     @dialog = new Editor.Player.PanelMoveDialog({\r
@@ -391,7 +379,6 @@ class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View
     @listenTo(@dialog, 'open', @open_dialog)\r
     @listenTo(@dialog, 'close', @close_dialog)\r
     this.$el.append(@dialog.render().el)\r
-    @appender.hide()\r
     @disable_footer_switch()\r
     @dialog.start(panel_view.panel)\r
     panel_view.hide()\r
@@ -414,12 +401,18 @@ class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View
     _.each @views, (panel_view) =>\r
       panel_view.hide_insert_point()\r
   \r
+  refresh_views: () ->\r
+    _.each @views, (panel_view) =>\r
+      Pettanr.cache.refresh(panel_view.scroll_panel)\r
+  \r
   click_move_to: (to_panel_view) ->\r
+    @enable_footer_switch()\r
     @listenTo(@dialog, 'success', @move_success)\r
     @dialog.save(to_panel_view)\r
   \r
   move_success: (model, response) ->\r
     from_panel_view = @create_panel_view(@dialog.from.scroll_panel)\r
+    @dialog.release()\r
     @listenTo(from_panel_view, 'ready', @ready_from_panel_view)\r
     ul = this.$el[0]\r
     li = @dialog.to.$el[0]\r
@@ -427,12 +420,20 @@ class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View
   \r
   ready_from_panel_view: (panel) ->\r
     @remove_panel_view(@dialog.from)\r
+    @dialog.stop()\r
+    @hide_insert_point()\r
+    @refresh_views()\r
+  \r
+  back: () ->\r
     @hide_insert_point()\r
+    @enable_footer_switch()\r
+    @dialog.from.show()\r
   \r
   click_destroy: (panel_view) ->\r
     success = (model, response) =>\r
       @remove_panel_view(panel_view)\r
       panel_view.remove()\r
+      @refresh_views()\r
       @trigger('click:destroy')\r
     Pettanr.Proxy.destroy(panel_view.scroll_panel, {success: success})\r
   \r
@@ -440,6 +441,49 @@ class Pettanr.Views.Scroll.PlayModule.Panels extends Backbone.View
     @views = _.without(@views, panel_view)\r
     panel_view.remove()\r
   \r
+class Pettanr.Views.Scroll.PlayModule.Append extends Tag.Div\r
+  \r
+  initialize: (options) ->\r
+    super(options)\r
+    @enabled = false\r
+  \r
+  render: () ->\r
+    this.$el.html('')\r
+    if @enabled\r
+      @link = new Tag.A({\r
+        attr: {href: '/scroll_panels/new'},\r
+        content: I18n.t('scroll_panels.player.append')\r
+      })\r
+      @listenTo(@link, 'click', @click)\r
+      @content = @link.render().el\r
+      super()\r
+    this\r
+  \r
+  enable: () ->\r
+    @enabled = true\r
+    @show()\r
+  \r
+  disable: () ->\r
+    @enabled = false\r
+    @hide()\r
+  \r
+  hide: () ->\r
+    @set_style({display: 'none'})\r
+  \r
+  show: () ->\r
+    if @enabled\r
+      @set_style({display: 'inline'})\r
+    else\r
+      @hide()\r
+  \r
+  set_style: (style) ->\r
+    attr = {style: Pettanr.to_style(style)}\r
+    this.$el.attr(attr)\r
+    @render()\r
+  \r
+  click: () ->\r
+    @trigger('click')\r
+  \r
 class Pettanr.Views.Scroll.PlayModule.Body extends Backbone.View\r
   tagName: 'div'\r
   \r
@@ -447,11 +491,8 @@ class Pettanr.Views.Scroll.PlayModule.Body extends Backbone.View
     @parent = options.parent\r
     @binder = options.binder\r
     @list = options.list\r
+    @pager = options.pager\r
     @items = @list.items()\r
-    if @items.length < 1\r
-      @render_empty()\r
-    else\r
-      @render()\r
   \r
   render_empty: () ->\r
     this.$el.html('')\r
@@ -459,38 +500,75 @@ class Pettanr.Views.Scroll.PlayModule.Body extends Backbone.View
     this\r
   \r
   render: () ->\r
-    this.$el.html('')\r
-    # paginate(@pager)\r
-    credits = new Pettanr.Views.Scroll.PlayModule.Credits({parent: this})\r
-    panels = new Pettanr.Views.Scroll.PlayModule.Panels({\r
-      parent: this,\r
-      binder: @binder,\r
-      items: @items,\r
-      credits: credits,\r
-    })\r
-    @listenTo(credits, 'click:credit:icon', @click_credit_icon)\r
-    @listenTo(panels, 'click:insert', @click_insert)\r
-    @listenTo(panels, 'click:move', @click_move)\r
-    @listenTo(panels, 'dialog:close', @close_dialog)\r
-    this.$el.append(panels.render().el)\r
-    this.$el.append(credits.render().el)\r
-    rb = new Tag.RowBreak()\r
-    this.$el.append(rb.render().el)\r
-    # paginate(@pager)\r
-    this\r
+    if @items.length < 1\r
+      @render_empty()\r
+    else\r
+      this.$el.html('')\r
+      # paginate(@pager)\r
+      credits = new Pettanr.Views.Scroll.PlayModule.Credits({parent: this})\r
+      @panels = new Pettanr.Views.Scroll.PlayModule.Panels({\r
+        parent: this,\r
+        binder: @binder,\r
+        items: @items,\r
+        credits: credits,\r
+      })\r
+      @listenTo(credits, 'click:credit:icon', @click_credit_icon)\r
+      @listenTo(@panels, 'click:insert', @click_insert)\r
+      @listenTo(@panels, 'click:move', @click_move)\r
+      @listenTo(@panels, 'dialog:close', @close_dialog)\r
+      @listenTo(@pager, 'page', @continue)\r
+      this.$el.append(@panels.render().el)\r
+      rb = new Tag.RowBreak()\r
+      this.$el.append(rb.render().el)\r
+      @appender = new Pettanr.Views.Scroll.PlayModule.Append({\r
+      })\r
+      @listenTo(@appender, 'click', @click_append)\r
+      this.$el.append(@appender.render().el)\r
+      if !@pager.hasNextPage()\r
+        @appender.enable()\r
+      this.$el.append(@pager.render().el)\r
+      this.$el.append(credits.render().el)\r
+      rb = new Tag.RowBreak()\r
+      this.$el.append(rb.render().el)\r
+      this\r
   \r
   click_credit_icon: (item) ->\r
     @trigger('http_get', item.show_url())\r
   \r
+  click_append: () ->\r
+    @panels.click_insert()\r
+  \r
   click_insert: (dialog) ->\r
+    @appender.hide()\r
     @trigger('click:insert', dialog)\r
   \r
   click_move: (dialog) ->\r
+    @appender.hide()\r
     @trigger('click:move', dialog)\r
   \r
   close_dialog: (dialog) ->\r
+    @appender.show()\r
     @trigger('dialog:close', dialog)\r
   \r
+  continue: (page) ->\r
+    params = _.clone(@pager.params)\r
+    params['page'] = page\r
+    continue_list = Locmare.ListGroup.list(\r
+      @list.list_group_name, @list.list_name, params\r
+    )\r
+    continue_list.open(() =>\r
+      _.each continue_list.items(), (scroll_panel) =>\r
+        @items.push(scroll_panel)\r
+        @panels.append_scroll_panel(scroll_panel)\r
+      @list = continue_list\r
+      continue_pager = Locmare.ListGroupModule.LibModule.PlayPager.factory(@list.page_status, params)\r
+      @listenTo(continue_pager, 'page', @continue)\r
+      @pager.$el.replaceWith(continue_pager.render().el)\r
+      @pager = continue_pager\r
+      if !@pager.hasNextPage()\r
+        @appender.enable()\r
+    )\r
+  \r
 class Pettanr.Views.Scroll.Play extends Backbone.View\r
   tagName: 'div'\r
   className: 'show'\r
@@ -498,6 +576,7 @@ class Pettanr.Views.Scroll.Play extends Backbone.View
   initialize: (options) ->\r
     @item = options.item\r
     @list = options.list\r
+    @pager = options.pager\r
     icon_url = Pettanr.url(@item.table_name(), 'show', {id: @item.get('id')})\r
     caption_url = Pettanr.url(@item.table_name(), 'play', {id: @item.get('id')})\r
     prof_url = Pettanr.url(@item.table_name(), 'show', {id: @item.get('id'), format: 'prof'})\r
@@ -513,6 +592,7 @@ class Pettanr.Views.Scroll.Play extends Backbone.View
       parent: this,\r
       binder: @item,\r
       list: @list, \r
+      pager: @pager\r
     })\r
     # @owner = new Pettanr.Views.Scroll.PlayModule.Owner({item: @item})\r
     @listenTo(@header, 'click:pick', @click_pick)\r