app/assets/javascripts/views/scrolls/play.js.coffee

   1 class Pettanr.Views.Scroll.PlayModule\r
   2 class Pettanr.Views.Scroll.PlayModule.FooterSwitch extends Pettanr.View\r
   3   tagName: 'div'\r
   4   className: 'player-item-switch'\r
   5   events: {\r
   6     'click': 'click'\r
   7   }\r
   8   \r
   9   initialize: (options) ->\r
  10     @scroll_panel = options.scroll_panel\r
  11     @panel = options.panel\r
  12     @visible = false\r
  13     @enabled = true\r
  14     @listenTo(@scroll_panel, 'sync', @render)\r
  15   \r
  16   render: () ->\r
  17     this.$el.html('')\r
  18     attr = {\r
  19       style: Pettanr.to_style({height: Pettanr.to_s(@panel.get('height')) + 'px'})\r
  20     }\r
  21     this.$el.attr(attr)\r
  22     face =  if @visible\r
  23       '<'\r
  24     else\r
  25       '>'\r
  26     caption = new Tag.Span({content: face})\r
  27     this.$el.append(@scroll_panel.get('t') + 1)\r
  28     this.$el.append(caption.render().el) if @enabled\r
  29     this\r
  30   \r
  31   click: () ->\r
  32     return false if !@enabled\r
  33     @visible = !@visible\r
  34     @render()\r
  35     @trigger('click', @visible)\r
  36   \r
  37   enable: () ->\r
  38     @enabled = true\r
  39     @render()\r
  40   \r
  41   disable: () ->\r
  42     @enabled = false\r
  43     @visible = false\r
  44     @render()\r
  45   \r
  46 class Pettanr.Views.Scroll.PlayModule.Footer extends Pettanr.View\r
  47   tagName: 'div'\r
  48   className: 'player-item-footer'\r
  49   \r
  50   initialize: (options) ->\r
  51     @scroll = options.scroll\r
  52     @scroll_panel = options.scroll_panel\r
  53     @panel = options.panel\r
  54   \r
  55   render: () ->\r
  56     this.$el.html('')\r
  57     @hide()\r
  58     @panel.get_parent('author', this, {\r
  59       success: (@author) =>\r
  60         @panel_face_button = @panel.mini_face_button({\r
  61           context: this,\r
  62           click: () ->\r
  63             @trigger('click:panel')\r
  64         })\r
  65         @author_face_button = @author.mini_face_button({\r
  66           context: this,\r
  67           click: () ->\r
  68             @trigger('click:author', @author)\r
  69         })\r
  70         l1 = new Tag.H3({\r
  71           content: Pettanr.AppHelper.t_m('Panel')\r
  72         })\r
  73         l2 = new Tag.H3({\r
  74           content: Pettanr.AppHelper.t_m('ScrollPanel')\r
  75         })\r
  76         this.$el.append(l1.render().el)\r
  77         this.$el.append(@panel_face_button.render().el)\r
  78         this.$el.append(@author_face_button.render().el)\r
  79         this.$el.append(\r
  80           Pettanr.AppHelper.distance_of_time_in_words_to_now(@panel.get('updated_at'))\r
  81         )\r
  82         this.$el.append(l2.render().el)\r
  83         if @scroll.is_own()\r
  84           @new_scroll_panel = new Pettanr.ScrollPanel()\r
  85           @insert_button = new Pettanr.View.Button.ItemAction(@new_scroll_panel, 'new', 'scroll_panels.player.before_insert', {\r
  86             context: this,\r
  87             click: () ->\r
  88               @trigger('click:insert')\r
  89           })\r
  90           @move_button = new Pettanr.View.Button.ItemAction(@scroll_panel, 'edit', 'scroll_panels.player.move', {\r
  91             context: this,\r
  92             click: () ->\r
  93               @trigger('click:move')\r
  94           })\r
  95           @destroy_button = new Pettanr.View.Button.ItemAction(@scroll_panel, 'destroy', 'scroll_panels.player.destroy', {\r
  96             context: this,\r
  97             click: () ->\r
  98               @trigger('click:destroy')\r
  99           })\r
 100           this.$el.append(@insert_button.render().el)\r
 101           @append_rb()\r
 102           this.$el.append(@move_button.render().el)\r
 103           @append_rb()\r
 104           this.$el.append(@destroy_button.render().el)\r
 105     })\r
 106     this\r
 107   \r
 108   hide: () ->\r
 109     attr = {\r
 110       style: Pettanr.to_style({display: 'none'})\r
 111     }\r
 112     this.$el.attr(attr)\r
 113   \r
 114   show: () ->\r
 115     attr = {\r
 116       style: Pettanr.to_style({display: 'inline'})\r
 117     }\r
 118     this.$el.attr(attr)\r
 119   \r
 120 class Pettanr.Views.Scroll.PlayModule.PanelBody extends Pettanr.View\r
 121   tagName: 'div'\r
 122   className: 'player-item-panel'\r
 123   \r
 124   initialize: (options) ->\r
 125     @panel = options.panel\r
 126   \r
 127   render: () ->\r
 128     this.$el.html('')\r
 129     body = new Pettanr.Views.Panel.Body({\r
 130       panel: @panel,\r
 131       spot: null\r
 132     })\r
 133     this.$el.append(body.render().el)\r
 134     this\r
 135   \r
 136 class Pettanr.Views.Scroll.PlayModule.Panel extends Pettanr.View\r
 137   tagName: 'li'\r
 138   className: 'player-item'\r
 139   \r
 140   initialize: (options) ->\r
 141     @scroll = options.scroll\r
 142     @scroll_panel = options.scroll_panel\r
 143   \r
 144   clear: () ->\r
 145     this.$el.html('')\r
 146     @scroll_panel.get_parent('panel', this, {\r
 147       success: (@panel) =>\r
 148         @render()\r
 149     })\r
 150     this\r
 151   \r
 152   render: () ->\r
 153     this.$el.html('')\r
 154     @panel = @panel.play() # retake panel for 'with_elements' mode\r
 155     @panel.fetch({\r
 156       success: (model, response, opt) => \r
 157         @panel.attributes = @panel.decoded_attributes()\r
 158         body = new Pettanr.Views.Scroll.PlayModule.PanelBody({\r
 159           panel: @panel\r
 160         })\r
 161         @footer_switch = new Pettanr.Views.Scroll.PlayModule.FooterSwitch({\r
 162           scroll_panel: @scroll_panel,\r
 163           panel: @panel\r
 164         })\r
 165         @listenTo(@footer_switch, 'click', @click_footer_switch)\r
 166         move_to = new Tag.A({\r
 167           attr: {href: '/' + @scroll_panel.edit_url()},\r
 168           content: I18n.t('scroll_panels.player.move_to')\r
 169         })\r
 170         @insert_point = new Pettanr.Views.Scroll.PlayModule.InsertPoint({\r
 171           class_name: 'insert-point', content: move_to.render().el\r
 172         })\r
 173         @footer = new Pettanr.Views.Scroll.PlayModule.Footer({\r
 174           scroll: @scroll,\r
 175           scroll_panel: @scroll_panel,\r
 176           panel: @panel,\r
 177         })\r
 178         @listenTo(move_to, 'click', @click_move_to)\r
 179         @listenTo(@footer, 'click:panel', @click_show)\r
 180         @listenTo(@footer, 'click:author', @click_author)\r
 181         @listenTo(@footer, 'click:insert', @click_insert)\r
 182         @listenTo(@footer, 'click:move', @click_move)\r
 183         @listenTo(@footer, 'click:edit', @click_edit)\r
 184         @listenTo(@footer, 'click:destroy', @click_destroy)\r
 185         this.$el.append(@insert_point.clear().el)\r
 186         @append_rb()\r
 187         this.$el.append(body.render().el)\r
 188         this.$el.append(@footer_switch.render().el)\r
 189         this.$el.append(@footer.render().el)\r
 190         @trigger('ready', @panel)\r
 191       error: (item, response, opt) =>\r
 192         @open_error_dialog(response, opt)\r
 193     })\r
 194     this\r
 195   \r
 196   hide: () ->\r
 197     @set_style({display: 'none'})\r
 198   \r
 199   show: () ->\r
 200     @set_style({display: 'inline'})\r
 201   \r
 202   set_style: (style) ->\r
 203     attr = {style: Pettanr.to_style(style)}\r
 204     this.$el.attr(attr)\r
 205   \r
 206   enable_footer_switch: () ->\r
 207     @footer_switch.enable()\r
 208   \r
 209   disable_footer_switch: () ->\r
 210     @footer_switch.disable()\r
 211     @footer.hide()\r
 212   \r
 213   show_insert_point: () ->\r
 214     @insert_point.show()\r
 215   \r
 216   hide_insert_point: () ->\r
 217     @insert_point.hide()\r
 218   \r
 219   click_footer_switch: (visible) ->\r
 220     if visible\r
 221       @footer.show()\r
 222     else\r
 223       @footer.hide()\r
 224   \r
 225   click_show: () ->\r
 226     @trigger('http_get', @panel.show_url())\r
 227   \r
 228   click_author: (author) ->\r
 229     @trigger('http_get', author.show_url())\r
 230   \r
 231   click_insert: () ->\r
 232     @trigger('click:insert', this)\r
 233   \r
 234   click_move: () ->\r
 235     @trigger('click:move', this)\r
 236   \r
 237   click_destroy: () ->\r
 238     @trigger('click:destroy', this)\r
 239   \r
 240   click_move_to: () ->\r
 241     @trigger('click:move_to', this)\r
 242   \r
 243 class Pettanr.Views.Scroll.PlayModule.InsertPoint extends Tag.Div\r
 244   \r
 245   clear: () ->\r
 246     this.$el.html('')\r
 247     @hide()\r
 248     @render()\r
 249     this\r
 250   \r
 251   hide: () ->\r
 252     @set_style({display: 'none'})\r
 253   \r
 254   show: () ->\r
 255     @set_style({display: 'inline'})\r
 256   \r
 257   set_style: (style) ->\r
 258     attr = {style: Pettanr.to_style(style)}\r
 259     this.$el.attr(attr)\r
 260   \r
 261 class Pettanr.Views.Scroll.PlayModule.EmptyNotice extends Tag.H2\r
 262   \r
 263   clear: () ->\r
 264     this.$el.html('')\r
 265     @hide()\r
 266     @render()\r
 267     this\r
 268   \r
 269   hide: () ->\r
 270     @set_style({display: 'none'})\r
 271   \r
 272   show: () ->\r
 273     @set_style({display: 'inline'})\r
 274   \r
 275   set_style: (style) ->\r
 276     attr = {style: Pettanr.to_style(style)}\r
 277     this.$el.attr(attr)\r
 278   \r
 279 class Pettanr.Views.Scroll.PlayModule.Panels extends Pettanr.View\r
 280   tagName: 'ul'\r
 281   className: 'player'\r
 282   \r
 283   initialize: (options) ->\r
 284     @parent = options.parent\r
 285     @binder = options.binder\r
 286     @items = options.items\r
 287     @credits = options.credits\r
 288     @views = []\r
 289   \r
 290   render: () ->\r
 291     this.$el.html('')\r
 292     @empty_notice = new Pettanr.Views.Scroll.PlayModule.EmptyNotice({content: I18n.t('scrolls.play.empty')})\r
 293     this.$el.append(@empty_notice.clear().el)\r
 294     _.each @items, (scroll_panel) =>\r
 295       @append_scroll_panel(scroll_panel)\r
 296     @refresh_empty_notice()\r
 297     this\r
 298   \r
 299   refresh_empty_notice: () ->\r
 300     if @views.length < 1\r
 301       @empty_notice.show()\r
 302     else\r
 303       @empty_notice.hide()\r
 304     this\r
 305   \r
 306   append_scroll_panel: (scroll_panel) ->\r
 307     return if not scroll_panel.has_panel()\r
 308     panel_view = @create_panel_view(scroll_panel)\r
 309     this.$el.append(panel_view.clear().el)\r
 310     @refresh_empty_notice()\r
 311   \r
 312   create_panel_view: (scroll_panel) ->\r
 313     panel_view = new Pettanr.Views.Scroll.PlayModule.Panel({\r
 314       scroll: @binder, scroll_panel: scroll_panel,\r
 315     })\r
 316     @listenTo(panel_view, 'ready', @ready)\r
 317     @listenTo(panel_view, 'click:insert', @click_insert)\r
 318     @listenTo(panel_view, 'click:move', @click_move)\r
 319     @listenTo(panel_view, 'click:destroy', @click_destroy)\r
 320     @listenTo(panel_view, 'click:move_to', @click_move_to)\r
 321     @views.push(panel_view)\r
 322     panel_view\r
 323   \r
 324   ready: (panel) ->\r
 325     this.credits.push(panel.licensed_pictures())\r
 326   \r
 327   click_insert: (panel_view = null) ->\r
 328     @dialog = new Editor.Player.PanelInsertDialog({\r
 329       parent: this, binder: @binder, target_model: Pettanr.ScrollPanel,\r
 330       insert_point: panel_view\r
 331     })\r
 332     @listenTo(@dialog, 'pick', @pick)\r
 333     @listenTo(@dialog, 'open', @open_dialog)\r
 334     @listenTo(@dialog, 'close', @close_dialog)\r
 335     this.$el.append(@dialog.render().el)\r
 336     @dialog.start()\r
 337     @trigger('click:insert', @dialog)\r
 338   \r
 339   pick: (new_item, insert_point) ->\r
 340     @parent.appender.show()\r
 341     panel_view = @create_panel_view(new_item)\r
 342     ul = this.$el[0]\r
 343     if insert_point\r
 344       # insert before insert_point\r
 345       li = insert_point.$el[0]\r
 346       ul.insertBefore(panel_view.clear().el, li)\r
 347     else\r
 348       # append\r
 349       this.$el.append(panel_view.clear().el)\r
 350     @refresh_views()\r
 351     @dialog.stop()\r
 352   \r
 353   open_dialog: () ->\r
 354     @trigger('dialog:open', dialog)\r
 355   \r
 356   close_dialog: () ->\r
 357     @trigger('dialog:close', @dialog)\r
 358     if @dialog.is_catch()\r
 359       # stored panel back to player\r
 360       @back()\r
 361   \r
 362   click_move: (panel_view) ->\r
 363     @dialog = new Editor.Player.PanelMoveDialog({\r
 364       parent: this, binder: @binder, target_model: Pettanr.ScrollPanel,\r
 365       from: panel_view\r
 366     })\r
 367     @listenTo(@dialog, 'open', @open_dialog)\r
 368     @listenTo(@dialog, 'close', @close_dialog)\r
 369     this.$el.append(@dialog.render().el)\r
 370     @disable_footer_switch()\r
 371     @dialog.start(panel_view.panel)\r
 372     panel_view.hide()\r
 373     @show_insert_point()\r
 374     @trigger('click:move', @dialog)\r
 375   \r
 376   enable_footer_switch: () ->\r
 377     _.each @views, (panel_view) =>\r
 378       panel_view.enable_footer_switch()\r
 379   \r
 380   disable_footer_switch: () ->\r
 381     _.each @views, (panel_view) =>\r
 382       panel_view.disable_footer_switch()\r
 383   \r
 384   show_insert_point: () ->\r
 385     _.each @views, (panel_view) =>\r
 386       panel_view.show_insert_point()\r
 387   \r
 388   hide_insert_point: () ->\r
 389     _.each @views, (panel_view) =>\r
 390       panel_view.hide_insert_point()\r
 391   \r
 392   refresh_views: () ->\r
 393     _.each @views, (panel_view) =>\r
 394       Pettanr.cache.refresh(panel_view.scroll_panel)\r
 395   \r
 396   click_move_to: (to_panel_view) ->\r
 397     @enable_footer_switch()\r
 398     @listenTo(@dialog, 'success', @move_success)\r
 399     @dialog.save(to_panel_view)\r
 400   \r
 401   move_success: (model, response) ->\r
 402     from_panel_view = @create_panel_view(@dialog.from.scroll_panel)\r
 403     @dialog.release()\r
 404     @listenTo(from_panel_view, 'ready', @ready_from_panel_view)\r
 405     ul = this.$el[0]\r
 406     li = @dialog.to.$el[0]\r
 407     ul.insertBefore(from_panel_view.clear().el, li)\r
 408   \r
 409   ready_from_panel_view: (panel) ->\r
 410     @remove_panel_view(@dialog.from)\r
 411     @dialog.stop()\r
 412     @hide_insert_point()\r
 413     @refresh_views()\r
 414   \r
 415   back: () ->\r
 416     @hide_insert_point()\r
 417     @enable_footer_switch()\r
 418     @dialog.from.show()\r
 419   \r
 420   click_destroy: (panel_view) ->\r
 421     success = (model, response) =>\r
 422       @remove_panel_view(panel_view)\r
 423       panel_view.remove()\r
 424       @refresh_empty_notice()\r
 425       @refresh_views()\r
 426       @trigger('click:destroy')\r
 427     Pettanr.Proxy.destroy(panel_view.scroll_panel, {success: success})\r
 428   \r
 429   remove_panel_view: (panel_view) ->\r
 430     @views = _.without(@views, panel_view)\r
 431     panel_view.remove()\r
 432   \r
 433 class Pettanr.Views.Scroll.PlayModule.Append extends Tag.Div\r
 434   \r
 435   initialize: (options) ->\r
 436     super(options)\r
 437     @enabled = false\r
 438   \r
 439   render: () ->\r
 440     this.$el.html('')\r
 441     if @enabled\r
 442       @link = new Tag.A({\r
 443         attr: {href: '/scroll_panels/new'},\r
 444         content: I18n.t('scroll_panels.player.append')\r
 445       })\r
 446       @listenTo(@link, 'click', @click)\r
 447       @content = @link.render().el\r
 448       super()\r
 449     this\r
 450   \r
 451   enable: () ->\r
 452     @enabled = true\r
 453     @show()\r
 454   \r
 455   disable: () ->\r
 456     @enabled = false\r
 457     @hide()\r
 458   \r
 459   hide: () ->\r
 460     @set_style({display: 'none'})\r
 461   \r
 462   show: () ->\r
 463     if @enabled\r
 464       @set_style({display: 'inline'})\r
 465     else\r
 466       @hide()\r
 467   \r
 468   set_style: (style) ->\r
 469     attr = {style: Pettanr.to_style(style)}\r
 470     this.$el.attr(attr)\r
 471     @render()\r
 472   \r
 473   click: () ->\r
 474     @trigger('click')\r
 475   \r
 476 class Pettanr.Views.Scroll.PlayModule.Body extends Pettanr.View\r
 477   tagName: 'div'\r
 478   \r
 479   initialize: (options) ->\r
 480     @parent = options.parent\r
 481     @binder = options.binder\r
 482     @list = options.list\r
 483     @pager = options.pager\r
 484     @items = @list.items()\r
 485   \r
 486   render: () ->\r
 487     this.$el.html('')\r
 488     # paginate(@pager)\r
 489     credits = new Pettanr.View.Credits(this, {icon: true})\r
 490     @panels = new Pettanr.Views.Scroll.PlayModule.Panels({\r
 491       parent: this,\r
 492       binder: @binder,\r
 493       items: @items,\r
 494       credits: credits,\r
 495     })\r
 496     @listenTo(credits, 'click:credit:icon', @click_credit_icon)\r
 497     @listenTo(@panels, 'click:insert', @click_insert)\r
 498     @listenTo(@panels, 'click:move', @click_move)\r
 499     @listenTo(@panels, 'dialog:close', @close_dialog)\r
 500     this.$el.append(@panels.render().el)\r
 501     @append_rb()\r
 502     @appender = new Pettanr.Views.Scroll.PlayModule.Append({\r
 503     })\r
 504     @listenTo(@appender, 'click', @click_append)\r
 505     this.$el.append(@appender.render().el)\r
 506     if @is_appendable()\r
 507       @appender.enable()\r
 508     if @pager\r
 509       @listenTo(@pager, 'page', @continue)\r
 510       this.$el.append(@pager.render().el)\r
 511     this.$el.append(credits.render().el)\r
 512     @append_rb()\r
 513     this\r
 514   \r
 515   is_appendable: () ->\r
 516     return true if _.isEmpty(@items)\r
 517     if @pager and @pager.hasNextPage()\r
 518       false\r
 519     else\r
 520       true\r
 521   \r
 522   click_credit_icon: (item) ->\r
 523     @trigger('http_get', item.show_url())\r
 524   \r
 525   click_append: () ->\r
 526     @panels.click_insert()\r
 527   \r
 528   click_insert: (dialog) ->\r
 529     @appender.hide()\r
 530     @trigger('click:insert', dialog)\r
 531   \r
 532   click_move: (dialog) ->\r
 533     @appender.hide()\r
 534     @trigger('click:move', dialog)\r
 535   \r
 536   close_dialog: (dialog) ->\r
 537     @appender.show()\r
 538     @trigger('dialog:close', dialog)\r
 539   \r
 540   continue: (page) ->\r
 541     params = _.clone(@pager.params)\r
 542     params['page'] = page\r
 543     continue_list = Locmare.ListGroup.list(\r
 544       @list.list_group_name, @list.list_name, params\r
 545     )\r
 546     continue_list.open(this, {\r
 547       success: (next_page_items) =>\r
 548         _.each next_page_items, (scroll_panel) =>\r
 549           @items.push(scroll_panel)\r
 550           @panels.append_scroll_panel(scroll_panel)\r
 551         @list = continue_list\r
 552         continue_pager = Locmare.ListGroupModule.LibModule.PlayPager.factory(@list.page_status, params)\r
 553         @listenTo(continue_pager, 'page', @continue)\r
 554         @pager.$el.replaceWith(continue_pager.render().el)\r
 555         @pager = continue_pager\r
 556         if !@pager.hasNextPage()\r
 557           @appender.enable()\r
 558     })\r
 559   \r
 560 class Pettanr.Views.Scroll.Play extends Pettanr.View.Show\r
 561   \r
 562   initialize: (options) ->\r
 563     @list = options.list\r
 564     @pager = options.pager\r
 565     @header = new Pettanr.View.Show.Header(@item, this, @binder_header_options())\r
 566     @authored_by = @item.authored_by()\r
 567     @body = new Pettanr.Views.Scroll.PlayModule.Body({\r
 568       parent: this,\r
 569       binder: @item,\r
 570       list: @list, \r
 571       pager: @pager\r
 572     })\r
 573     # @owner = new Pettanr.Views.Scroll.PlayModule.Owner({item: @item})\r
 574     @listenTo(@header, 'click:pick', @click_pick)\r
 575     @listenTo(@authored_by, 'click', @click_authored_by)\r
 576     @listenTo(@body, 'http_get', @http_get)\r
 577     @listenTo(@body, 'click:insert', @click_insert)\r
 578     @listenTo(@body, 'click:move', @click_move)\r
 579     @listenTo(@body, 'dialog:close', @close_dialog)\r
 580   \r
 581   render: () ->\r
 582     this.$el.html('')\r
 583     this.$el.append(@header.render().el)\r
 584     this.$el.append(@authored_by.render().el)\r
 585     this.$el.append(@body.render().el)\r
 586     # this.$el.append(@owner.render().el) if @item.is_own()\r
 587     this\r
 588   \r
 589   click_pick: () ->\r
 590     @trigger('pick', @item)\r
 591   \r
 592   http_get: (url) ->\r
 593     @trigger('http_get', url)\r
 594   \r
 595   click_insert: (dialog) ->\r
 596     @trigger('insert', dialog)\r
 597   \r
 598   click_move: (dialog) ->\r
 599     @trigger('move', dialog)\r
 600   \r
 601   close_dialog: (dialog) ->\r
 602     @trigger('dialog:close', dialog)\r
 603   \r