CPATRD/3cx_tapi
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed ZC status change

Browse Source
This commit is contained in:
Daniel Triendl 2021-11-30 13:39:44 +01:00
parent ad5c8ece12
commit b83cef625a
2 changed files with 93 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.js
View File

@ -21,4 +21,4 @@ waitForKeyElements('.call-history-list call', (element) => { callHistory.showCal
const status = new Status() const status = new Status()
// eslint-disable-next-line no-undef // eslint-disable-next-line no-undef
waitForKeyElements('#status-change', (element) => { status.showStatus(element) }, false) waitForKeyElements('wc-account-menu', (element) => { status.showStatus(element) }, false)

160
src/status.ts
View File

@ -18,54 +18,104 @@ export class Status {
this._statusOff = await GM.getValue('tapi-zc-off', 'menuAvailable'); this._statusOff = await GM.getValue('tapi-zc-off', 'menuAvailable');
console.log('tapi-zc-user', this._user, 'tapi-zc-enabled', this._enabled, 'tapi-zc-on', this._statusOn, 'tapi-zc-off', this._statusOff); console.log('tapi-zc-user', this._user, 'tapi-zc-enabled', this._enabled, 'tapi-zc-on', this._statusOn, 'tapi-zc-off', this._statusOff);
var div = document.createElement('div'); this.checkStatus();
div.classList.add('tapi-dropdown');
var button = document.createElement('button'); waitForKeyElements("wc-account-menu > div > ul", (element: HTMLElement) => { this.addZcStatusPopup(element) }, true);
button.id = 'tapi-zc-button'; }
button.classList.add('btn');
button.classList.add('btn-default'); private async checkStatus() {
button.innerText = 'ZeitConsens'; if (this._enabled) {
button.onclick = () => { try {
document.getElementById('tapi-zc-dropdown').classList.toggle('show'); var response = await axios.get<ZcStatus>('http://cpatapi.cpsrvweb2016.cp-austria.at/availability/' + encodeURIComponent(this._user));
if (response.status == 200) {
var status = response.data;
if (this._currentStatus !== status.loggedIn) {
this._currentStatus = status.loggedIn;
console.log('New status, loggedIn', this._currentStatus);
(document.getElementsByTagName("wcavatar")[0] as HTMLAnchorElement).click();
setTimeout(() => {
var statusId = this._currentStatus ? this._statusOn : this._statusOff;
(document.getElementById(statusId) as HTMLSpanElement).click();
}, 1000);
}
}
} catch (error) {
console.log(error);
}
setTimeout(() => this.checkStatus(), 30000);
} }
div.appendChild(button); }
private addZcStatusPopup(element: HTMLElement) {
var divider = document.createElement('li');
divider.classList.add('divider');
divider.classList.add('dropdown-divider');
element.appendChild(divider);
var menu = document.createElement('li');
element.appendChild(menu);
var link = document.createElement('a');
link.id = 'tapi-zc-button';
link.innerText = 'ZeitConsens';
link.classList.add('dropdown-item');
link.classList.add('d-flex');
link.onclick = () => {
document.getElementById('zc-modal').classList.toggle('show');
}
menu.appendChild(link);
var html = var html =
'<div class="form-group">' + '<div role="document" class="modal-dialog">' +
' <label for="tapi-zc-user">Username</label>' + ' <div class="modal-content">' +
' <input type="text" class="form-control" name="tapi-zc-user" id="tapi-zc-user">' + ' <div class="modal-header">' +
'</div>' + ' <h4 class="modal-title float-left">ZeitConsens Status</h4><button id="zc-btnClose" type="button" aria-label="Close" class="close float-right"><span aria-hidden="true">×</span></button>' +
'<div class="form-group">' + ' </div>' +
' <label for="tapi-zc-on">Signed in</label>' + ' <div class="modal-body">' +
' <select id="tapi-zc-on" class="form-control">' + ' <div class="form-group">' +
' <option value="menuAvailable">Available</option>' + ' <label for="tapi-zc-user">Username</label>' +
' <option value="menuOutofoffice">Do Not Disturb</option>' + ' <input type="text" class="form-control" name="tapi-zc-user" id="tapi-zc-user">' +
' <option value="menuCustom1">Verfügbar DW</option>' + ' </div>' +
' </select>' + ' <div class="form-group">' +
'</div>' + ' <label for="tapi-zc-on">Signed in</label>' +
'<div class="form-group">' + ' <select id="tapi-zc-on" class="form-control">' +
' <label for="tapi-zc-off">Signed out</label>' + ' <option value="menuAvailable">Available</option>' +
' <select id="tapi-zc-off" class="form-control">' + ' <option value="menuOutofoffice">Do Not Disturb</option>' +
' <option value="menuAway">Away</option>' + ' <option value="menuCustom1">Verfügbar DW</option>' +
' <option value="menuOutofoffice">Do Not Disturb</option>' + ' </select>' +
' </select>' + ' </div>' +
'</div>' + ' <div class="form-group">' +
'<div class="checkbox">' + ' <label for="tapi-zc-off">Signed out</label>' +
' <label class="i-checks" for="tapi-zc-enabled">' + ' <select id="tapi-zc-off" class="form-control">' +
' <input type="checkbox" id="tapi-zc-enabled">' + ' <option value="menuAway">Away</option>' +
' <i></i><span>Enabled</span>' + ' <option value="menuOutofoffice">Do Not Disturb</option>' +
'</label>' ' </select>' +
' </div>' +
' <div class="checkbox">' +
' <label class="i-checks" for="tapi-zc-enabled">' +
' <input type="checkbox" id="tapi-zc-enabled">' +
' <i></i><span>Enabled</span>' +
' </label>'
' </div>';
' </div>' +
' <div class="modal-footer">' +
' <button id="zc-btnOk" type="button" class="btn btn-primary">OK </button>' +
' <button id="zc-btnCancel" type="button" class="btn btn-light">Cancel </button>' +
' </div>' +
' </div>' +
'</div>'; '</div>';
var modal = document.createElement('modal-container');
modal.id = 'zc-modal';
modal.classList.add('modal');
modal.classList.add('fade');
modal.innerHTML = html;
var body = document.getElementsByTagName('body')[0].appendChild(modal);
var dropdown = document.createElement('div'); var btnClose = document.getElementById('zc-btnClose');
dropdown.classList.add('tapi-dropdown-content'); btnClose.onclick = () => {
dropdown.classList.add('panel-body'); document.getElementById('zc-modal').classList.toggle('show');
dropdown.id = 'tapi-zc-dropdown'; }
dropdown.innerHTML = html;
div.appendChild(dropdown);
element.insertBefore(div, element.firstChild);
var zcUser = document.getElementById('tapi-zc-user') as HTMLInputElement; var zcUser = document.getElementById('tapi-zc-user') as HTMLInputElement;
zcUser.value = this._user; zcUser.value = this._user;
@ -103,31 +153,5 @@ export class Status {
console.log('tapi-zc-off', this._statusOff); console.log('tapi-zc-off', this._statusOff);
this._currentStatus = undefined; this._currentStatus = undefined;
} }
this.checkStatus();
}
private async checkStatus() {
if (this._enabled) {
try {
var response = await axios.get<ZcStatus>('http://cpatapi.cpsrvweb2016.cp-austria.at/availability/' + encodeURIComponent(this._user));
if (response.status == 200) {
var status = response.data;
if (this._currentStatus !== status.loggedIn) {
this._currentStatus = status.loggedIn;
console.log('New status, loggedIn', this._currentStatus);
(document.getElementsByClassName("current-status")[0] as HTMLAnchorElement).click();
setTimeout(() => {
var statusId = this._currentStatus ? this._statusOn : this._statusOff;
(document.getElementById(statusId) as HTMLAnchorElement).click();
}, 1000);
}
}
} catch (error) {
console.log(error);
}
setTimeout(() => this.checkStatus(), 30000);
}
} }
} }