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.Panels extends Pettanr.View\r
 262   tagName: 'ul'\r
 263   className: 'player'\r
 264   \r
 265   initialize: (options) ->\r
 266     @parent = options.parent\r
 267     @binder = options.binder\r
 268     @items = options.items\r
 269     @credits = options.credits\r
 270     @views = []\r
 271   \r
 272   render: () ->\r
 273     this.$el.html('')\r
 274     _.each @items, (scroll_panel) =>\r
 275       @append_scroll_panel(scroll_panel)\r
 276     this\r
 277   \r
 278   append_scroll_panel: (scroll_panel) ->\r
 279     return if not scroll_panel.has_panel()\r
 280     panel_view = @create_panel_view(scroll_panel)\r
 281     this.$el.append(panel_view.clear().el)\r
 282   \r
 283   create_panel_view: (scroll_panel) ->\r
 284     panel_view = new Pettanr.Views.Scroll.PlayModule.Panel({\r
 285       scroll: @binder, scroll_panel: scroll_panel,\r
 286     })\r
 287     @listenTo(panel_view, 'ready', @ready)\r
 288     @listenTo(panel_view, 'http_get', @http_get)\r
 289     @listenTo(panel_view, 'click:insert', @click_insert)\r
 290     @listenTo(panel_view, 'click:move', @click_move)\r
 291     @listenTo(panel_view, 'click:destroy', @click_destroy)\r
 292     @listenTo(panel_view, 'click:move_to', @click_move_to)\r
 293     @views.push(panel_view)\r
 294     panel_view\r
 295   \r
 296   ready: (panel) ->\r
 297     this.credits.push(panel.licensed_pictures())\r
 298   \r
 299   http_get: (url) ->\r
 300     @trigger('http_get', url)\r
 301   \r
 302   click_insert: (panel_view = null) ->\r
 303     @dialog = new Editor.Player.PanelInsertDialog({\r
 304       parent: this, binder: @binder, target_model: Pettanr.ScrollPanel,\r
 305       insert_point: panel_view\r
 306     })\r
 307     @listenTo(@dialog, 'pick', @pick)\r
 308     @listenTo(@dialog, 'open', @open_dialog)\r
 309     @listenTo(@dialog, 'close', @close_dialog)\r
 310     this.$el.append(@dialog.render().el)\r
 311     @dialog.start()\r
 312     @trigger('click:insert', @dialog)\r
 313   \r
 314   pick: (new_item, insert_point) ->\r
 315     @parent.appender.show()\r
 316     panel_view = @create_panel_view(new_item)\r
 317     ul = this.$el[0]\r
 318     if insert_point\r
 319       # insert before insert_point\r
 320       li = insert_point.$el[0]\r
 321       ul.insertBefore(panel_view.clear().el, li)\r
 322     else\r
 323       # append\r
 324       this.$el.append(panel_view.clear().el)\r
 325     @refresh_views()\r
 326     @dialog.stop()\r
 327   \r
 328   open_dialog: () ->\r
 329     @trigger('dialog:open', dialog)\r
 330   \r
 331   close_dialog: () ->\r
 332     @trigger('dialog:close', @dialog)\r
 333     if @dialog.is_catch()\r
 334       # stored panel back to player\r
 335       @back()\r
 336   \r
 337   click_move: (panel_view) ->\r
 338     @dialog = new Editor.Player.PanelMoveDialog({\r
 339       parent: this, binder: @binder, target_model: Pettanr.ScrollPanel,\r
 340       from: panel_view\r
 341     })\r
 342     @listenTo(@dialog, 'open', @open_dialog)\r
 343     @listenTo(@dialog, 'close', @close_dialog)\r
 344     this.$el.append(@dialog.render().el)\r
 345     @disable_footer_switch()\r
 346     @dialog.start(panel_view.panel)\r
 347     panel_view.hide()\r
 348     @show_insert_point()\r
 349     @trigger('click:move', @dialog)\r
 350   \r
 351   enable_footer_switch: () ->\r
 352     _.each @views, (panel_view) =>\r
 353       panel_view.enable_footer_switch()\r
 354   \r
 355   disable_footer_switch: () ->\r
 356     _.each @views, (panel_view) =>\r
 357       panel_view.disable_footer_switch()\r
 358   \r
 359   show_insert_point: () ->\r
 360     _.each @views, (panel_view) =>\r
 361       panel_view.show_insert_point()\r
 362   \r
 363   hide_insert_point: () ->\r
 364     _.each @views, (panel_view) =>\r
 365       panel_view.hide_insert_point()\r
 366   \r
 367   refresh_views: () ->\r
 368     _.each @views, (panel_view) =>\r
 369       Pettanr.cache.refresh(panel_view.scroll_panel)\r
 370   \r
 371   click_move_to: (to_panel_view) ->\r
 372     @enable_footer_switch()\r
 373     @listenTo(@dialog, 'success', @move_success)\r
 374     @dialog.save(to_panel_view)\r
 375   \r
 376   move_success: (model, response) ->\r
 377     from_panel_view = @create_panel_view(@dialog.from.scroll_panel)\r
 378     @dialog.release()\r
 379     @listenTo(from_panel_view, 'ready', @ready_from_panel_view)\r
 380     ul = this.$el[0]\r
 381     li = @dialog.to.$el[0]\r
 382     ul.insertBefore(from_panel_view.clear().el, li)\r
 383   \r
 384   ready_from_panel_view: (panel) ->\r
 385     @remove_panel_view(@dialog.from)\r
 386     @dialog.stop()\r
 387     @hide_insert_point()\r
 388     @refresh_views()\r
 389   \r
 390   back: () ->\r
 391     @hide_insert_point()\r
 392     @enable_footer_switch()\r
 393     @dialog.from.show()\r
 394   \r
 395   click_destroy: (panel_view) ->\r
 396     success = (model, response) =>\r
 397       @remove_panel_view(panel_view)\r
 398       panel_view.remove()\r
 399       @refresh_views()\r
 400       @trigger('click:destroy')\r
 401     Pettanr.Proxy.destroy(panel_view.scroll_panel, {success: success})\r
 402   \r
 403   remove_panel_view: (panel_view) ->\r
 404     @views = _.without(@views, panel_view)\r
 405     panel_view.remove()\r
 406   \r
 407 class Pettanr.Views.Scroll.PlayModule.Append extends Tag.Div\r
 408   \r
 409   initialize: (options) ->\r
 410     super(options)\r
 411     @enabled = false\r
 412   \r
 413   render: () ->\r
 414     this.$el.html('')\r
 415     if @enabled\r
 416       @link = new Tag.A({\r
 417         attr: {href: '/scroll_panels/new'},\r
 418         content: I18n.t('scroll_panels.player.append')\r
 419       })\r
 420       @listenTo(@link, 'click', @click)\r
 421       @content = @link.render().el\r
 422       super()\r
 423     this\r
 424   \r
 425   enable: () ->\r
 426     @enabled = true\r
 427     @show()\r
 428   \r
 429   disable: () ->\r
 430     @enabled = false\r
 431     @hide()\r
 432   \r
 433   hide: () ->\r
 434     @set_style({display: 'none'})\r
 435   \r
 436   show: () ->\r
 437     if @enabled\r
 438       @set_style({display: 'inline'})\r
 439     else\r
 440       @hide()\r
 441   \r
 442   set_style: (style) ->\r
 443     attr = {style: Pettanr.to_style(style)}\r
 444     this.$el.attr(attr)\r
 445     @render()\r
 446   \r
 447   click: () ->\r
 448     @trigger('click')\r
 449   \r
 450 class Pettanr.Views.Scroll.PlayModule.Body extends Pettanr.View\r
 451   tagName: 'div'\r
 452   \r
 453   initialize: (options) ->\r
 454     @parent = options.parent\r
 455     @binder = options.binder\r
 456     @list = options.list\r
 457     @pager = options.pager\r
 458     @items = @list.items()\r
 459   \r
 460   render_empty: () ->\r
 461     this.$el.html('')\r
 462     this.$el.append((new Tag.H2({content: I18n.t('scrolls.play.empty')})).render().el)\r
 463     this\r
 464   \r
 465   render: () ->\r
 466     if @items.length < 1\r
 467       @render_empty()\r
 468     else\r
 469       this.$el.html('')\r
 470       # paginate(@pager)\r
 471       credits = new Pettanr.View.Credits(this, {icon: true})\r
 472       @panels = new Pettanr.Views.Scroll.PlayModule.Panels({\r
 473         parent: this,\r
 474         binder: @binder,\r
 475         items: @items,\r
 476         credits: credits,\r
 477       })\r
 478       @listenTo(credits, 'click:credit:icon', @click_credit_icon)\r
 479       @listenTo(@panels, 'http_get', @http_get)\r
 480       @listenTo(@panels, 'click:insert', @click_insert)\r
 481       @listenTo(@panels, 'click:move', @click_move)\r
 482       @listenTo(@panels, 'dialog:close', @close_dialog)\r
 483       @listenTo(@pager, 'page', @continue)\r
 484       this.$el.append(@panels.render().el)\r
 485       @append_rb()\r
 486       @appender = new Pettanr.Views.Scroll.PlayModule.Append({\r
 487       })\r
 488       @listenTo(@appender, 'click', @click_append)\r
 489       this.$el.append(@appender.render().el)\r
 490       if !@pager.hasNextPage()\r
 491         @appender.enable()\r
 492       this.$el.append(@pager.render().el)\r
 493       this.$el.append(credits.render().el)\r
 494       @append_rb()\r
 495       this\r
 496   \r
 497   click_credit_icon: (item) ->\r
 498     @trigger('http_get', item.show_url())\r
 499   \r
 500   click_append: () ->\r
 501     @panels.click_insert()\r
 502   \r
 503   http_get: (url) ->\r
 504     @trigger('http_get', url)\r
 505   \r
 506   click_insert: (dialog) ->\r
 507     @appender.hide()\r
 508     @trigger('click:insert', dialog)\r
 509   \r
 510   click_move: (dialog) ->\r
 511     @appender.hide()\r
 512     @trigger('click:move', dialog)\r
 513   \r
 514   close_dialog: (dialog) ->\r
 515     @appender.show()\r
 516     @trigger('dialog:close', dialog)\r
 517   \r
 518   continue: (page) ->\r
 519     params = _.clone(@pager.params)\r
 520     params['page'] = page\r
 521     continue_list = Locmare.ListGroup.list(\r
 522       @list.list_group_name, @list.list_name, params\r
 523     )\r
 524     continue_list.open(this, {\r
 525       success: (next_page_items) =>\r
 526         _.each next_page_items, (scroll_panel) =>\r
 527           @items.push(scroll_panel)\r
 528           @panels.append_scroll_panel(scroll_panel)\r
 529         @list = continue_list\r
 530         continue_pager = Locmare.ListGroupModule.LibModule.PlayPager.factory(@list.page_status, params)\r
 531         @listenTo(continue_pager, 'page', @continue)\r
 532         @pager.$el.replaceWith(continue_pager.render().el)\r
 533         @pager = continue_pager\r
 534         if !@pager.hasNextPage()\r
 535           @appender.enable()\r
 536     })\r
 537   \r
 538 class Pettanr.Views.Scroll.Play extends Pettanr.View.Show\r
 539   \r
 540   initialize: (options) ->\r
 541     @list = options.list\r
 542     @pager = options.pager\r
 543     @header = new Pettanr.View.Show.Header(@item, this, @binder_header_options())\r
 544     @authored_by = @item.authored_by()\r
 545     @body = new Pettanr.Views.Scroll.PlayModule.Body({\r
 546       parent: this,\r
 547       binder: @item,\r
 548       list: @list, \r
 549       pager: @pager\r
 550     })\r
 551     # @owner = new Pettanr.Views.Scroll.PlayModule.Owner({item: @item})\r
 552     @listenTo(@header, 'click:pick', @click_pick)\r
 553     @listenTo(@authored_by, 'click', @click_authored_by)\r
 554     @listenTo(@body, 'http_get', @http_get)\r
 555     @listenTo(@body, 'click:insert', @click_insert)\r
 556     @listenTo(@body, 'click:move', @click_move)\r
 557     @listenTo(@body, 'dialog:close', @close_dialog)\r
 558   \r
 559   render: () ->\r
 560     this.$el.html('')\r
 561     this.$el.append(@header.render().el)\r
 562     this.$el.append(@authored_by.render().el)\r
 563     this.$el.append(@body.render().el)\r
 564     # this.$el.append(@owner.render().el) if @item.is_own()\r
 565     this\r
 566   \r
 567   click_pick: () ->\r
 568     @trigger('pick', @item)\r
 569   \r
 570   http_get: (url) ->\r
 571     @trigger('http_get', url)\r
 572   \r
 573   click_insert: (dialog) ->\r
 574     @trigger('insert', dialog)\r
 575   \r
 576   click_move: (dialog) ->\r
 577     @trigger('move', dialog)\r
 578   \r
 579   close_dialog: (dialog) ->\r
 580     @trigger('dialog:close', dialog)\r
 581   \r