forked from External/greenlight
coffeescript classes instead of es6
This commit is contained in:
Zachary Chai
62
app/assets/javascripts/meeting.coffee
Normal file
62
app/assets/javascripts/meeting.coffee
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
# Meeting class
|
||||||
|
|
||||||
|
_meetingInstance = null
|
||||||
|
|
||||||
|
class @Meeting
|
||||||
|
constructor: (@id, @url, @name) ->
|
||||||
|
|
||||||
|
# Gets the current instance or creates a new one
|
||||||
|
@getInstance: ->
|
||||||
|
if _meetingInstance
|
||||||
|
return _meetingInstance
|
||||||
|
id = $(".page-wrapper.rooms").data('room')
|
||||||
|
url = @buildURL()
|
||||||
|
name = $('.meeting-user-name').val()
|
||||||
|
_meetingInstance = new Meeting(id, url, name)
|
||||||
|
return _meetingInstance
|
||||||
|
|
||||||
|
@buildURL: ->
|
||||||
|
return location.protocol +
|
||||||
|
'//' +
|
||||||
|
location.hostname +
|
||||||
|
'/rooms/' +
|
||||||
|
$('.rooms').data('room')
|
||||||
|
|
||||||
|
# Sends the end meeting request
|
||||||
|
# Returns a response object
|
||||||
|
endMeeting: ->
|
||||||
|
return $.ajax({
|
||||||
|
url: @url + "/end",
|
||||||
|
type: 'DELETE'
|
||||||
|
})
|
||||||
|
|
||||||
|
# Makes a call to get the join meeting url
|
||||||
|
# Returns a response object
|
||||||
|
# The response object contains the URL to join the meeting
|
||||||
|
getJoinMeetingResponse: ->
|
||||||
|
return $.get @url + "/join?name=" + @name, ->
|
||||||
|
|
||||||
|
|
||||||
|
getId: ->
|
||||||
|
return @id
|
||||||
|
|
||||||
|
getURL: ->
|
||||||
|
return @url
|
||||||
|
|
||||||
|
getName: ->
|
||||||
|
return @name
|
||||||
|
|
||||||
|
setName: (name) ->
|
||||||
|
@name = name
|
||||||
|
|
||||||
|
getModJoined: ->
|
||||||
|
return @modJoined
|
||||||
|
|
||||||
|
setModJoined: (modJoined) ->
|
||||||
|
@modJoined = modJoined
|
||||||
|
|
||||||
|
getWaitingForMod: ->
|
||||||
|
return @waitingForMod
|
||||||
|
|
||||||
|
setWaitingForMod: (wMod) ->
|
||||||
|
@waitingForMod = wMod
|
||||||
@@ -1,80 +0,0 @@
|
|||||||
// Meeting class
|
|
||||||
|
|
||||||
var _meetingInstance = null;
|
|
||||||
|
|
||||||
class Meeting {
|
|
||||||
constructor(id, url, name) {
|
|
||||||
this.id = id;
|
|
||||||
this.url = url;
|
|
||||||
this.name = name;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Gets the current instance or creates a new one
|
|
||||||
static getInstance() {
|
|
||||||
if (_meetingInstance) {
|
|
||||||
return _meetingInstance;
|
|
||||||
}
|
|
||||||
var id = $(".page-wrapper.rooms").data('room');
|
|
||||||
var url = Meeting.buildURL();
|
|
||||||
var name = $('.meeting-user-name').val();
|
|
||||||
_meetingInstance = new Meeting(id, url, name);
|
|
||||||
return _meetingInstance;
|
|
||||||
}
|
|
||||||
|
|
||||||
static buildURL() {
|
|
||||||
return location.protocol +
|
|
||||||
'//' +
|
|
||||||
location.hostname +
|
|
||||||
'/rooms/' +
|
|
||||||
$('.rooms').data('room');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sends the end meeting request
|
|
||||||
// Returns a response object
|
|
||||||
endMeeting() {
|
|
||||||
return $.ajax({
|
|
||||||
url: this.url + "/end",
|
|
||||||
type: 'DELETE'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Makes a call to get the join meeting url
|
|
||||||
// Returns a response object
|
|
||||||
// The response object contains the URL to join the meeting
|
|
||||||
getJoinMeetingResponse() {
|
|
||||||
return $.get(this.url + "/join?name=" + this.name, function() {
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
getId() {
|
|
||||||
return this.id;
|
|
||||||
}
|
|
||||||
|
|
||||||
getURL() {
|
|
||||||
return this.url;
|
|
||||||
}
|
|
||||||
|
|
||||||
getName() {
|
|
||||||
return this.name;
|
|
||||||
}
|
|
||||||
|
|
||||||
setName(name) {
|
|
||||||
this.name = name;
|
|
||||||
}
|
|
||||||
|
|
||||||
getModJoined() {
|
|
||||||
return this.modJoined;
|
|
||||||
}
|
|
||||||
|
|
||||||
setModJoined(modJoined) {
|
|
||||||
this.modJoined = modJoined;
|
|
||||||
}
|
|
||||||
|
|
||||||
getWaitingForMod() {
|
|
||||||
return this.waitingForMod;
|
|
||||||
}
|
|
||||||
|
|
||||||
setWaitingForMod(wMod) {
|
|
||||||
this.waitingForMod = wMod;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
137
app/assets/javascripts/recordings.coffee
Normal file
137
app/assets/javascripts/recordings.coffee
Normal file
@@ -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)
|
||||||
|
)
|
||||||
@@ -1,163 +0,0 @@
|
|||||||
// Recordings class
|
|
||||||
|
|
||||||
var _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: function(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: function(data, type, row) {
|
|
||||||
if (type === 'display') {
|
|
||||||
var str = '';
|
|
||||||
for(let i in data) {
|
|
||||||
str += '<img height="50" width="50" src="'+data[i].url+'" alt="'+data[i].alt+'"></img> ';
|
|
||||||
}
|
|
||||||
return str;
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
targets: 3,
|
|
||||||
render: function(data, type, row) {
|
|
||||||
if (type === 'display') {
|
|
||||||
var str = '';
|
|
||||||
if (row.published) {
|
|
||||||
for(let i in data) {
|
|
||||||
str += '<a href="'+data[i].url+'">'+data[i].type+'</a> ';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return str;
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
targets: -1,
|
|
||||||
render: function(data, type, row) {
|
|
||||||
if (type === 'display') {
|
|
||||||
var roomName = Meeting.getInstance().getId();
|
|
||||||
var published = row.published;
|
|
||||||
var 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
|
|
||||||
static getInstance() {
|
|
||||||
if (_recordingsInstance && Recordings.initialized()) {
|
|
||||||
return _recordingsInstance;
|
|
||||||
}
|
|
||||||
_recordingsInstance = new Recordings();
|
|
||||||
return _recordingsInstance;
|
|
||||||
}
|
|
||||||
|
|
||||||
static initialize() {
|
|
||||||
Recordings.getInstance();
|
|
||||||
}
|
|
||||||
|
|
||||||
static initialized() {
|
|
||||||
return $.fn.DataTable.isDataTable('#recordings') && _recordingsInstance;
|
|
||||||
}
|
|
||||||
|
|
||||||
// refresh the recordings from the server
|
|
||||||
refresh() {
|
|
||||||
var _this = this;
|
|
||||||
var table_api = this.table.api();
|
|
||||||
$.get("/rooms/"+Meeting.getInstance().getId()+"/recordings", function(data) {
|
|
||||||
if (!data.is_owner) {
|
|
||||||
table_api.column(-1).visible(false);
|
|
||||||
}
|
|
||||||
var i;
|
|
||||||
for (i = 0; i < data.recordings.length; i++) {
|
|
||||||
var totalMinutes = Math.round((new Date(data.recordings[i].end_time) - new Date(data.recordings[i].start_time)) / 1000 / 60);
|
|
||||||
data.recordings[i].duration = totalMinutes;
|
|
||||||
}
|
|
||||||
data.recordings.sort(function(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() {
|
|
||||||
var table_api = this.table.api();
|
|
||||||
this.table.on('click', '.recording-update', function(event) {
|
|
||||||
var btn = $(this);
|
|
||||||
var row = table_api.row($(this).closest('tr')).data();
|
|
||||||
var url = $('.meeting-url').val();
|
|
||||||
var id = row.id;
|
|
||||||
var published = btn.data('published');
|
|
||||||
btn.prop('disabled', true);
|
|
||||||
$.ajax({
|
|
||||||
method: 'PATCH',
|
|
||||||
url: url+'/recordings/'+id,
|
|
||||||
data: {published: (!published).toString()}
|
|
||||||
}).done(function(data) {
|
|
||||||
|
|
||||||
}).fail(function(data) {
|
|
||||||
btn.prop('disabled', false);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
this.table.on('click', '.recording-delete', function(event) {
|
|
||||||
var btn = $(this);
|
|
||||||
var row = table_api.row($(this).closest('tr')).data();
|
|
||||||
var url = $('.meeting-url').val();
|
|
||||||
var id = row.id;
|
|
||||||
btn.prop('disabled', true);
|
|
||||||
$.ajax({
|
|
||||||
method: 'DELETE',
|
|
||||||
url: url+'/recordings/'+id
|
|
||||||
}).done(function() {
|
|
||||||
|
|
||||||
}).fail(function(data) {
|
|
||||||
btn.prop('disabled', false);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user