You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
518 lines
18 KiB
518 lines
18 KiB
define(function(require){
|
|
var $ = require('jquery'),
|
|
_ = require('underscore'),
|
|
monster = require('monster'),
|
|
chosen = require('chosen');
|
|
|
|
var app = {
|
|
name: 'fax',
|
|
|
|
css: [ 'app' ],
|
|
|
|
i18n: {
|
|
'en-US': { customCss: false }
|
|
},
|
|
|
|
requests: {},
|
|
subscribe: {},
|
|
|
|
load: function(callback){
|
|
var self = this;
|
|
|
|
self.initApp(function() {
|
|
callback && callback(self);
|
|
});
|
|
},
|
|
|
|
appFlags: {
|
|
ranges: {
|
|
default: 7,
|
|
max: 31
|
|
},
|
|
faxboxes: {}
|
|
},
|
|
|
|
initApp: function(callback) {
|
|
var self = this;
|
|
|
|
monster.pub('auth.initApp', {
|
|
app: self,
|
|
callback: callback
|
|
});
|
|
},
|
|
|
|
render: function(container) {
|
|
var self = this;
|
|
|
|
self.listFaxboxes(function(faxboxes) {
|
|
console.log(faxboxes);
|
|
self.appFlags.faxboxes = _.indexBy(faxboxes, 'id');
|
|
|
|
monster.ui.generateAppLayout(self, {
|
|
appName: self.i18n.active().fax.title,
|
|
menus: [
|
|
{
|
|
tabs: [
|
|
{
|
|
text: self.i18n.active().fax.menuTitles.inbound,
|
|
callback: self.renderInbound
|
|
},
|
|
{
|
|
text: self.i18n.active().fax.menuTitles.outbound,
|
|
callback: self.renderOutbound
|
|
}
|
|
]
|
|
}
|
|
]
|
|
});
|
|
});
|
|
},
|
|
|
|
renderInbound: function(pArgs) {
|
|
var self = this,
|
|
args = pArgs || {},
|
|
parent = args.container || $('#fax_app_container .app-content-wrapper'),
|
|
dates = monster.util.getDefaultRangeDates(self.appFlags.ranges.default),
|
|
fromDate = dates.from,
|
|
toDate = dates.to;
|
|
|
|
var template = $(monster.template(self, 'inbound-faxes', { faxboxes: self.appFlags.faxboxes }));
|
|
|
|
self.bindCommon(template);
|
|
self.bindInbound(template);
|
|
|
|
self.initDatePicker('inbound', template, fromDate, toDate);
|
|
|
|
parent
|
|
.fadeOut(function() {
|
|
$(this)
|
|
.empty()
|
|
.append(template)
|
|
.fadeIn();
|
|
});
|
|
|
|
self.displayInboundFaxesList(template, fromDate, toDate);
|
|
},
|
|
|
|
renderOutbound: function(pArgs) {
|
|
var self = this,
|
|
args = pArgs || {},
|
|
parent = args.container || $('#fax_app_container .app-content-wrapper'),
|
|
dates = monster.util.getDefaultRangeDates(self.appFlags.ranges.default),
|
|
fromDate = dates.from,
|
|
toDate = dates.to;
|
|
|
|
var template = $(monster.template(self, 'outbound-faxes', { faxboxes: self.appFlags.faxboxes }));
|
|
|
|
self.bindCommon(template);
|
|
self.bindOutbound(template);
|
|
|
|
self.initDatePicker('outbound', template, fromDate, toDate);
|
|
|
|
parent
|
|
.fadeOut(function() {
|
|
$(this)
|
|
.empty()
|
|
.append(template)
|
|
.fadeIn();
|
|
});
|
|
|
|
self.displayOutboundFaxesList(template, fromDate, toDate);
|
|
},
|
|
|
|
displayInboundFaxesList: function(container, fromDate, toDate) {
|
|
var self = this;
|
|
|
|
container.find('.data-state')
|
|
.hide();
|
|
|
|
container.find('.loading-state')
|
|
.show();
|
|
|
|
self.getInboundData(fromDate, toDate, function(data) {
|
|
var dataTemplate = self.formatInboundData(data);
|
|
|
|
container.removeClass('empty');
|
|
|
|
container.find('.main-select-message').prop('checked', false);
|
|
|
|
var template = $(monster.template(self, 'inbound-faxes-list', { faxes: dataTemplate }));
|
|
|
|
monster.ui.footable(template.find('.footable'));
|
|
|
|
self.bindTableCommon(template);
|
|
|
|
container.find('.data-state')
|
|
.empty()
|
|
.append(template)
|
|
.show();
|
|
|
|
container.find('.loading-state')
|
|
.hide();
|
|
});
|
|
},
|
|
|
|
displayOutboundFaxesList: function(container, fromDate, toDate) {
|
|
var self = this;
|
|
|
|
container.find('.data-state')
|
|
.hide();
|
|
|
|
container.find('.loading-state')
|
|
.show();
|
|
|
|
self.getOutboundData(fromDate, toDate, function(data) {
|
|
var dataTemplate = self.formatOutboundData(data);
|
|
|
|
container.removeClass('empty');
|
|
|
|
container.find('.main-select-message').prop('checked', false);
|
|
|
|
var template = $(monster.template(self, 'outbound-faxes-list', { faxes: dataTemplate }));
|
|
|
|
monster.ui.footable(template.find('.footable'));
|
|
|
|
self.bindTableCommon(template);
|
|
|
|
container.find('.data-state')
|
|
.empty()
|
|
.append(template)
|
|
.show();
|
|
|
|
container.find('.loading-state')
|
|
.hide();
|
|
});
|
|
},
|
|
|
|
bindTableCommon: function(template) {
|
|
var self = this;
|
|
|
|
template.find('#fax_list').on('click', '.details-fax', function() {
|
|
var $this = $(this),
|
|
type = $this.parents('.faxes-table').data('type'),
|
|
id = $(this).parents('tr').data('id');
|
|
|
|
self.renderDetailsFax(type, id);
|
|
});
|
|
},
|
|
|
|
renderDetailsFax: function(type, id) {
|
|
var self = this;
|
|
|
|
self.getFaxDetails(type, id, function(faxDetails) {
|
|
var template = $(monster.template(self, 'fax-CDRDialog'));
|
|
|
|
monster.ui.renderJSON(faxDetails, template.find('#jsoneditor'));
|
|
|
|
monster.ui.dialog(template, { title: self.i18n.active().fax.CDRPopup.title });
|
|
});
|
|
},
|
|
|
|
getInboundData: function(fromDate, toDate, callback) {
|
|
var self = this;
|
|
|
|
self.getInboundFaxes(fromDate, toDate, function(faxes) {
|
|
callback && callback(faxes)
|
|
});
|
|
},
|
|
|
|
getOutboundData: function(fromDate, toDate, callback) {
|
|
var self = this;
|
|
|
|
self.getOutboundFaxes(fromDate, toDate, function(faxes) {
|
|
callback && callback(faxes)
|
|
});
|
|
},
|
|
|
|
initDatePicker: function(type, template, fromDate, toDate) {
|
|
var self = this;
|
|
|
|
var optionsDatePicker = {
|
|
container: template,
|
|
range: self.appFlags.ranges.max
|
|
};
|
|
|
|
monster.ui.initRangeDatepicker(optionsDatePicker);
|
|
|
|
template.find('#startDate').datepicker('setDate', fromDate);
|
|
template.find('#endDate').datepicker('setDate', toDate);
|
|
|
|
template.find('.apply-filter').on('click', function(e) {
|
|
self.refreshFaxes(type, template);
|
|
});
|
|
},
|
|
|
|
refreshFaxes: function(type, template) {
|
|
var self = this,
|
|
fnName = type === 'inbound' ? 'displayInboundFaxesList' : 'displayOutboundFaxesList',
|
|
fromDate = template.find('input.filter-from').datepicker("getDate"),
|
|
toDate = template.find('input.filter-to').datepicker("getDate");
|
|
|
|
self[fnName](template, fromDate, toDate);
|
|
},
|
|
|
|
bindCommon: function(template) {
|
|
var self = this,
|
|
currentVM,
|
|
$selectFaxbox = template.find('#select_faxbox');
|
|
|
|
monster.ui.tooltips(template);
|
|
|
|
$selectFaxbox.chosen({search_contains: true, width: '220px', placeholder_text_single: self.i18n.active().fax.actionBar.selectFax.none });
|
|
|
|
$selectFaxbox.on('change', function(e) {
|
|
var filtering = FooTable.get('#fax_list').use(FooTable.Filtering),
|
|
filter = $(this).val();
|
|
|
|
if(filter === 'all') {
|
|
filtering.removeFilter('faxbox_filter');
|
|
}
|
|
else {
|
|
filtering.addFilter('faxbox_filter', filter, [0]);
|
|
}
|
|
|
|
filtering.filter();
|
|
});
|
|
|
|
function afterSelect() {
|
|
if(template.find('.select-fax:checked').length) {
|
|
template.find('.main-select-fax').prop('checked', true);
|
|
template.find('.actionable').show();
|
|
}
|
|
else{
|
|
template.find('.main-select-fax').prop('checked', false);
|
|
template.find('.actionable').hide();
|
|
}
|
|
}
|
|
|
|
template.on('click', '.select-fax', function() {
|
|
afterSelect();
|
|
});
|
|
|
|
template.find('.main-select-fax').on('click', function() {
|
|
var $this = $(this),
|
|
isChecked = $this.prop('checked');
|
|
|
|
template.find('.select-fax').prop('checked', isChecked);
|
|
|
|
afterSelect();
|
|
});
|
|
|
|
template.find('.select-some-faxes').on('click', function() {
|
|
var $this = $(this),
|
|
type = $this.data('type');
|
|
|
|
template.find('.select-fax').prop('checked', false);
|
|
|
|
if(type !== 'none') {
|
|
if(type === 'all') {
|
|
template.find('.select-fax').prop('checked', true);
|
|
}
|
|
else {
|
|
template.find('.select-fax[data-status="' + type + '"]').prop('checked', true);
|
|
}
|
|
}
|
|
|
|
afterSelect();
|
|
});
|
|
},
|
|
|
|
bindInbound: function(template) {
|
|
var self = this;
|
|
|
|
template.find('#refresh_faxbox').on('click', function() {
|
|
self.refreshInboundFaxes(template);
|
|
});
|
|
},
|
|
|
|
bindOutbound: function(template) {
|
|
var self = this;
|
|
|
|
template.find('#refresh_faxbox').on('click', function() {
|
|
self.refreshOutboundFaxes(template);
|
|
});
|
|
},
|
|
|
|
formatInboundData: function(data) {
|
|
var self = this,
|
|
formattedFaxes = self.formatFaxes(data);
|
|
|
|
return formattedFaxes;
|
|
},
|
|
|
|
formatOutboundData: function(data) {
|
|
var self = this,
|
|
formattedFaxes = self.formatFaxes(data);
|
|
|
|
return formattedFaxes;
|
|
},
|
|
|
|
formatFaxes: function(data) {
|
|
var self = this;
|
|
|
|
_.each(data, function(fax) {
|
|
fax.formatted = {};
|
|
fax.formatted.timestamp = monster.util.toFriendlyDate(fax.created);
|
|
fax.formatted.receivingFaxbox = self.appFlags.faxboxes.hasOwnProperty(fax.faxbox_id) ? self.appFlags.faxboxes[fax.faxbox_id].name : '-';
|
|
fax.formatted.receivingNumber = monster.util.formatPhoneNumber(fax.to);
|
|
fax.formatted.sendingFaxbox = self.appFlags.faxboxes.hasOwnProperty(fax.faxbox_id) ? self.appFlags.faxboxes[fax.faxbox_id].name : '-';
|
|
fax.formatted.sendingNumber = monster.util.formatPhoneNumber(fax.from);
|
|
fax.formatted.pages = fax.hasOwnProperty('pages') ? fax.pages : self.i18n.active().fax.table.noData;
|
|
fax.formatted.uri = self.formatFaxURI(fax.id);
|
|
});
|
|
|
|
return data;
|
|
},
|
|
|
|
formatFaxURI: function(mediaId) {
|
|
var self = this;
|
|
|
|
return self.apiUrl + 'accounts/' + self.accountId + '/faxes/' + mediaId + '/attachments?auth_token=' + self.authToken;
|
|
},
|
|
|
|
/* getFaxbox: function(faxboxId, callback) {
|
|
var self = this;
|
|
|
|
self.callApi({
|
|
resource: 'faxbox.get',
|
|
data: {
|
|
accountId: self.accountId,
|
|
faxboxId: faxboxId
|
|
},
|
|
success: function(data) {
|
|
callback && callback(data.data);
|
|
}
|
|
});
|
|
},
|
|
*/
|
|
getInboundFaxes: function(fromDate, toDate, callback) {
|
|
var self = this;
|
|
|
|
var data = {
|
|
data: [
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63554255365, faxbox_id: '02a83067c611d8567373775ac848ed16', to: '+1141412321', from: '+14159993333', pages: 2 }
|
|
]
|
|
};
|
|
|
|
self.listFaxboxes(function() {
|
|
callback && callback(data.data);
|
|
});
|
|
|
|
// fake processing time
|
|
/*self.callApi({
|
|
resource: 'faxes.listInbound',
|
|
data: {
|
|
accountId: self.accountId,
|
|
filters: {
|
|
created_from: monster.util.dateToBeginningOfGregorianDay(fromDate),
|
|
created_to: monster.util.dateToEndOfGregorianDay(toDate),
|
|
paginate: false
|
|
},
|
|
|
|
},
|
|
success: function(data) {
|
|
callback && callback(data.data);
|
|
}
|
|
});*/
|
|
},
|
|
|
|
getOutboundFaxes: function(fromDate, toDate, callback) {
|
|
var self = this;
|
|
|
|
var data = {
|
|
data: [
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'failed', timestamp: 63574255365, faxbox_id: 'ee6d7483b508bf3dfd2699a9e5ff5414', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'processing', timestamp: 63514255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 1 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63524255365, faxbox_id: 'c9e068f1808125194739047e4c11c5f0', to: '+1141412321', from: '+14159993333', pages: 4 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63534255365, faxbox_id: 'bf67dc990c6beb73336e3052b3f5a99d', to: '+1141412321', from: '+14159993333', pages: 3 },
|
|
{ id: '239183-102830-1293132130210321', status: 'success', timestamp: 63554255365, faxbox_id: '02a83067c611d8567373775ac848ed16', to: '+1141412321', from: '+14159993333', pages: 2 }
|
|
]
|
|
};
|
|
|
|
|
|
self.listFaxboxes(function() {
|
|
callback && callback(data.data);
|
|
});
|
|
|
|
/*self.callApi({
|
|
resource: 'faxes.listOutbound',
|
|
data: {
|
|
accountId: self.accountId,
|
|
filters: {
|
|
created_from: monster.util.dateToBeginningOfGregorianDay(fromDate),
|
|
created_to: monster.util.dateToEndOfGregorianDay(toDate),
|
|
paginate: false
|
|
},
|
|
|
|
},
|
|
success: function(data) {
|
|
callback && callback(data.data);
|
|
}
|
|
});*/
|
|
},
|
|
|
|
listFaxboxes: function(callback) {
|
|
var self = this;
|
|
|
|
self.callApi({
|
|
resource: 'faxbox.list',
|
|
data: {
|
|
accountId: self.accountId,
|
|
filters: {
|
|
paginate: false
|
|
}
|
|
},
|
|
success: function(data) {
|
|
callback && callback(data.data);
|
|
}
|
|
});
|
|
},
|
|
|
|
getFaxDetails: function(type, faxId, callback) {
|
|
var self = this,
|
|
resourceName = 'faxes.' + (type === 'inbound' ? 'getAttachmentInbound' : 'getAttachmentOutbound');
|
|
//resourceName = 'faxes.' + (type === 'inbound' ? 'getDetailsInbound' : 'getDetailsOutbound');
|
|
|
|
self.callApi({
|
|
resource: resourceName,
|
|
data: {
|
|
accountId: self.accountId,
|
|
faxId: faxId
|
|
},
|
|
success: function(data) {
|
|
callback && callback(data.data);
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
return app;
|
|
});
|