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