coffeescript classes instead of es6

2016-11-14 17:13:32 -05:00
parent c45e08a821
commit 38aba2d29f
4 changed files with 199 additions and 243 deletions
--- a/app/assets/javascripts/recordings.coffee
+++ b/app/assets/javascripts/recordings.coffee
@ -0,0 +1,137 @@
+# Recordings class
+
+_recordingsInstance = null
+
+class @Recordings
+  constructor: ->
+    # configure the datatable for recordings
+    this.table = $('#recordings').dataTable({
+      data: [],
+      rowId: 'id',
+      paging: false,
+      searching: false,
+      info: false,
+      order: [[ 0, "desc" ]],
+      language: {
+        emptyTable: " "
+      },
+      columns: [
+        { data: "start_time" },
+        { data: "previews" },
+        { data: "duration" },
+        { data: "playbacks" },
+        { data: "id" }
+      ],
+      columnDefs: [
+        {
+          targets: 0,
+          render: (data, type, row) ->
+            if type == 'display'
+              return new Date(data)
+                .toLocaleString($('html').attr('lang'),
+                  {month: 'long', day: 'numeric', year: 'numeric',
+                  hour12: 'true', hour: '2-digit', minute: '2-digit'})
+            return data
+        },
+        {
+          targets: 1,
+          render: (data, type, row) ->
+            if type == 'display'
+              str = ''
+              for d in data
+                str += '<img height="50" width="50" src="'+d.url+'" alt="'+d.alt+'"></img> '
+              return str
+            return data
+        },
+        {
+          targets: 3,
+          render: (data, type, row) ->
+            if type == 'display'
+              str = ''
+              if row.published
+                for d in data
+                  str += '<a href="'+d.url+'">'+d.type+'</a> '
+              return str
+            return data
+        },
+        {
+          targets: -1,
+          render: (data, type, row) ->
+            if type == 'display'
+              roomName = Meeting.getInstance().getId()
+              published = row.published
+              eye = getPublishClass(published)
+              return '<button type="button" class="btn btn-default recording-update" data-published="'+published+'">' +
+                '<i class="fa '+eye+'" aria-hidden="true"></i></button> ' +
+                '<a tabindex="0" role="button" class="btn btn-default has-popover"' +
+                  'data-toggle="popover" data-placement="top">' +
+                    '<i class="fa fa-trash-o" aria-hidden="true"></i>' +
+                '</a>'
+            return data
+        }
+      ]
+    })
+
+  # Gets the current instance or creates a new one
+  @getInstance: ->
+    if _recordingsInstance && Recordings.initialized()
+      return _recordingsInstance
+    _recordingsInstance = new Recordings()
+    return _recordingsInstance
+
+  @initialize: ->
+    Recordings.getInstance()
+
+  @initialized: ->
+    return $.fn.DataTable.isDataTable('#recordings') && _recordingsInstance
+
+  # refresh the recordings from the server
+  refresh: ->
+    _this = this
+    table_api = this.table.api()
+    $.get "/rooms/"+Meeting.getInstance().getId()+"/recordings", (data) ->
+      if !data.is_owner
+        table_api.column(-1).visible(false)
+      for recording in data.recordings
+        totalMinutes = Math.round((new Date(recording.end_time) - new Date(recording.start_time)) / 1000 / 60)
+        recording.duration = totalMinutes
+      data.recordings.sort (a,b) ->
+        return new Date(b.start_time) - new Date(a.start_time)
+      table_api.clear()
+      table_api.rows.add(data.recordings)
+      table_api.columns.adjust().draw()
+
+  # setup click handlers for the action buttons
+  setupActionHandlers: ->
+    table_api = this.table.api()
+    this.table.on 'click', '.recording-update', (event) ->
+      btn = $(this)
+      row = table_api.row($(this).closest('tr')).data()
+      url = $('.meeting-url').val()
+      id = row.id
+      published = btn.data('published')
+      btn.prop('disabled', true)
+      $.ajax({
+        method: 'PATCH',
+        url: url+'/recordings/'+id,
+        data: {published: (!published).toString()}
+      }).done((data) ->
+
+      ).fail((data) ->
+        btn.prop('disabled', false)
+      )
+
+    this.table.on 'click', '.recording-delete', (event) ->
+      btn = $(this)
+      row = table_api.row($(this).closest('tr')).data()
+      url = $('.meeting-url').val()
+      id = row.id
+      btn.prop('disabled', true)
+      $.ajax({
+        method: 'DELETE',
+        url: url+'/recordings/'+id
+      }).done((data) ->
+
+      ).fail((data) ->
+        btn.prop('disabled', false)
+      )