Current File : /home/vacivi36/ava/lib/editor/atto/plugins/recordrtc/yui/src/button/js/button.js
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
//
/**
* Atto recordrtc library functions
*
* @package atto_recordrtc
* @author Jesus Federico (jesus [at] blindsidenetworks [dt] com)
* @author Jacob Prud'homme (jacob [dt] prudhomme [at] blindsidenetworks [dt] com)
* @copyright 2017 Blindside Networks Inc.
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/**
* @module moodle-atto_recordrtc-button
*/
/**
* Atto text editor recordrtc plugin.
*
* @namespace M.atto_recordrtc
* @class button
* @extends M.editor_atto.EditorPlugin
*/
// ESLint directives.
/* eslint-disable camelcase, spaced-comment */
// JSHint directives.
/*global M */
/*jshint onevar: false */
// Scrutinizer CI directives.
/** global: Y */
/** global: M */
var PLUGINNAME = 'atto_recordrtc',
TEMPLATE = '' +
'<div class="{{PLUGINNAME}} container-fluid">' +
'<div class="{{bs_row}} hide">' +
'<div class="{{bs_col}}12">' +
'<div id="alert-danger" class="alert {{bs_al_dang}}">' +
'<strong>{{insecurealert_title}}</strong> {{insecurealert}}' +
'</div>' +
'</div>' +
'</div>' +
'<div class="{{bs_row}} hide">' +
'{{#if isAudio}}' +
'<div class="{{bs_col}}1"></div>' +
'<div class="{{bs_col}}10">' +
'<audio id="player"></audio>' +
'</div>' +
'<div class="{{bs_col}}1"></div>' +
'{{else}}' +
'<div class="{{bs_col}}12">' +
'<video id="player"></video>' +
'</div>' +
'{{/if}}' +
'</div>' +
'<div class="{{bs_row}}">' +
'<div class="{{bs_col}}1"></div>' +
'<div class="{{bs_col}}10">' +
'<button id="start-stop" class="{{bs_ss_btn}}">{{startrecording}}</button>' +
'</div>' +
'<div class="{{bs_col}}1"></div>' +
'</div>' +
'<div class="{{bs_row}} hide">' +
'<div class="{{bs_col}}3"></div>' +
'<div class="{{bs_col}}6">' +
'<button id="upload" class="btn btn-primary btn-block">{{attachrecording}}</button>' +
'</div>' +
'<div class="{{bs_col}}3"></div>' +
'</div>' +
'</div>';
Y.namespace('M.atto_recordrtc').Button = Y.Base.create('button', Y.M.editor_atto.EditorPlugin, [], {
/**
* The current language by default.
*/
_lang: 'en',
initializer: function() {
if (this.get('host').canShowFilepicker('media')) {
// Add audio and/or video buttons depending on the settings.
var allowedtypes = this.get('allowedtypes'),
buttonadded = false;
if (allowedtypes === 'both' || allowedtypes === 'audio') {
this._addButton('audio', this._audio);
buttonadded = true;
}
if (allowedtypes === 'both' || allowedtypes === 'video') {
this._addButton('video', this._video);
buttonadded = true;
}
if (!buttonadded) {
// Plugin not available here.
return;
}
// Initialize the dialogue box.
var dialogue = this.getDialogue({
width: 1000,
focusAfterHide: null
});
dialogue.after('visibleChange', function() {
var closed = !dialogue.get('visible'),
m = M.atto_recordrtc.commonmodule;
if (closed) {
// If dialogue is closed during recording, do the following.
window.clearInterval(m.countdownTicker);
if (m.mediaRecorder && m.mediaRecorder.state !== 'inactive') {
m.mediaRecorder.stop();
}
if (m.stream) {
m.stream.getTracks().forEach(function(track) {
if (track.readyState !== 'ended') {
track.stop();
}
});
}
// Because the player uses ids to identify things (this should be fixed)
// we must make sure the dialogue contents only exist once in the DOM.
// Therefore, when a dialogue is closed, we must remove its contents.
this.getDialogue().set('bodyContent', '');
}
}, this);
dialogue.on('click', function() {
this.centered();
});
// Require adapter.js library.
window.require(['core/adapter'], function(adapter) {
window.adapter = adapter;
});
}
},
/**
* Add the buttons to the Atto toolbar.
*
* @method _addButton
* @param {string} type
* @param {callback} callback
* @private
*/
_addButton: function(type, callback) {
this.addButton({
buttonName: type,
icon: this.get(type + 'rtcicon'),
iconComponent: PLUGINNAME,
callback: callback,
title: type + 'rtc',
tags: type + 'rtc',
tagMatchRequiresAll: false
});
},
/**
* Toggle audiortc and normal display mode
*
* @method _audio
* @private
*/
_audio: function() {
var dialogue = this.getDialogue({
focusAfterHide: 'audio'
});
dialogue.set('headerContent', M.util.get_string('audiortc', 'atto_recordrtc'));
dialogue.set('bodyContent', this._createContent('audio'));
dialogue.show();
M.atto_recordrtc.audiomodule.init(this);
},
/**
* Toggle videortc and normal display mode
*
* @method _video
* @private
*/
_video: function() {
var dialogue = this.getDialogue({
focusAfterHide: 'video'
});
dialogue.set('headerContent', M.util.get_string('videortc', 'atto_recordrtc'));
dialogue.set('bodyContent', this._createContent('video'));
dialogue.show();
M.atto_recordrtc.videomodule.init(this);
},
/**
* Create the HTML to be displayed in the dialogue box
*
* @method _createContent
* @param {string} type
* @returns {Object}
* @private
*/
_createContent: function(type) {
var isAudio = (type === 'audio'),
bsRow = 'row',
bsCol = 'col-',
bsAlDang = 'alert-danger',
bsSsBtn = 'btn btn-lg btn-outline-danger btn-block';
var bodyContent = Y.Handlebars.compile(TEMPLATE)({
PLUGINNAME: PLUGINNAME,
isAudio: isAudio,
bs_row: bsRow,
bs_col: bsCol,
bs_al_dang: bsAlDang,
bs_ss_btn: bsSsBtn,
insecurealert_title: M.util.get_string('insecurealert_title', 'atto_recordrtc'),
insecurealert: M.util.get_string('insecurealert', 'atto_recordrtc'),
startrecording: M.util.get_string('startrecording', 'atto_recordrtc'),
attachrecording: M.util.get_string('attachrecording', 'atto_recordrtc')
});
return bodyContent;
},
/**
* Close the dialogue without further action.
*
* @method closeDialogue
* @param {Object} scope The "this" context of the editor.
*/
closeDialogue: function(scope) {
scope.getDialogue().hide({
focusAfterHide: null
});
scope.editor.focus();
},
/**
* Insert the annotation link in the editor.
*
* @method setLink
* @param {Object} scope The "this" context of the editor.
* @param {string} annotation The HTML link to the recording.
*/
setLink: function(scope, annotation) {
scope.getDialogue().hide({
focusAfterHide: null
});
scope.editor.focus();
scope.get('host').insertContentAtFocusPoint(annotation);
scope.markUpdated();
}
}, {
ATTRS: {
/**
* The contextid to use when generating this recordrtc.
*
* @attribute contextid
* @type String
*/
contextid: {
value: null
},
/**
* The sesskey to use when generating this recordrtc.
*
* @attribute sesskey
* @type String
*/
sesskey: {
value: null
},
/**
* The allowedtypes to use when generating this recordrtc.
*
* @attribute allowedtypes
* @type String
*/
allowedtypes: {
value: null
},
/**
* The audiobitrate to use when generating this recordrtc.
*
* @attribute audiobitrate
* @type String
*/
audiobitrate: {
value: null
},
/**
* The videobitrate to use when generating this recordrtc.
*
* @attribute videobitrate
* @type String
*/
videobitrate: {
value: null
},
/**
* The audiotimelimit to use when generating this recordrtc.
*
* @attribute audiotimelimit
* @type String
*/
audiotimelimit: {
value: null
},
/**
* The videotimelimit to use when generating this recordrtc.
*
* @attribute videotimelimit
* @type String
*/
videotimelimit: {
value: null
},
/**
* The defaulttimelimit to use when generating this recordrtc.
*
* @attribute defaulttimelimit
* @type String
*/
defaulttimelimit: {
value: null
},
/**
* The audiortcicon to use when generating this recordrtc.
*
* @attribute audiortcicon
* @type String
*/
audiortcicon: {
value: null
},
/**
* The videortcicon to use when generating this recordrtc.
*
* @attribute videortcicon
* @type String
*/
videortcicon: {
value: null
},
/**
* Maximum upload size set on server, in bytes.
*
* @attribute maxrecsize
* @type String
*/
maxrecsize: {
value: null
}
}
});
Mini Shell