+
+
+
+
+
+ fas fa-video
+
+
+
+ {{ $t('externalVisio.label.btn.StartCall') }}
+
+ {{ nameConnector }}
+ {{ 'externalVisio.label.btn.StartCall' }}
+
+
+
+
\ No newline at end of file
diff --git a/webapp/src/main/webapp/vue-app/CallButton/main.js b/webapp/src/main/webapp/vue-app/CallButton/main.js
new file mode 100644
index 0000000..03c73ac
--- /dev/null
+++ b/webapp/src/main/webapp/vue-app/CallButton/main.js
@@ -0,0 +1,45 @@
+import VisioConnectorMeetButton from './components/VisioConnectorMeetButton.vue';
+
+Vue.component('VisioConnectorMeetButton', VisioConnectorMeetButton);
+
+const vuetify = new Vuetify(eXo.env.portal.vuetifyPreset);
+
+// getting language of user
+const lang = eXo?.env.portal.language || 'en';
+const url = `${eXo.env.portal.context}/${eXo.env.portal.rest}/i18n/bundle/locale.portlet.externalvisio.ExternalVisio-${lang}.json`;
+
+export function init(settings) {
+ // getting locale ressources
+ const parentContainer = document.querySelector('.leftHeaderDrawer');
+ if (parentContainer) {
+ parentContainer.addEventListener('click', e => {
+ if (e.target.classList.contains('backButton')
+ && e.target.parentElement.classList.contains('leftHeaderDrawer')) {
+ const container = document.querySelector('.single-btn-container');
+ const button = document.querySelector('.visioConnectorCallAction');
+ if (container && button) {
+ container.removeChild(button);
+ }
+ }
+ });
+ }
+ return exoi18n.loadLanguageAsync(lang, url).then((i18n) => {
+ // init Vue app when locale ressources are ready
+ const comp = new Vue({
+ data() {
+ return {
+ callSettings: settings,
+ };
+ },
+ render: (h) =>
+ h(VisioConnectorMeetButton, {
+ props: {
+ callSettings: settings,
+ }
+ }),
+ i18n,
+ vuetify,
+ });
+ return comp;
+ });
+}
\ No newline at end of file
diff --git a/webapp/webpack.prod.js b/webapp/webpack.prod.js
index 7b3b3fa..a462b19 100644
--- a/webapp/webpack.prod.js
+++ b/webapp/webpack.prod.js
@@ -36,6 +36,7 @@ const config = {
entry: {
externalVisio: './src/main/webapp/vue-app/external-visio/main.js',
externalVisioConnector: './src/main/webapp/vue-app/external-visio-connector/main.js',
+ callButton: "./src/main/webapp/vue-app/CallButton/main.js",
},
output: {
path: path.join(__dirname, 'target/external-visio/'),