strip foroaccount
This commit is contained in:
parent
4c5e744f62
commit
cbb340aa8d
14 changed files with 478 additions and 1253 deletions
|
|
@ -10,7 +10,8 @@
|
||||||
justify-content: stretch !important;
|
justify-content: stretch !important;
|
||||||
|
|
||||||
@include user-select(none);
|
@include user-select(none);
|
||||||
width: 10000em; /* allocate some space */
|
width: 10000em;
|
||||||
|
/* allocate some space */
|
||||||
|
|
||||||
.inner-container {
|
.inner-container {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
@ -23,7 +24,8 @@
|
||||||
flex-direction: row !important;
|
flex-direction: row !important;
|
||||||
justify-content: stretch;
|
justify-content: stretch;
|
||||||
|
|
||||||
> .left, > .right {
|
>.left,
|
||||||
|
>.right {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: stretch;
|
justify-content: stretch;
|
||||||
|
|
@ -113,7 +115,9 @@
|
||||||
|
|
||||||
@include chat-scrollbar-horizontal();
|
@include chat-scrollbar-horizontal();
|
||||||
|
|
||||||
&.general-chat, &.general-application, &.audio-sounds {
|
&.general-chat,
|
||||||
|
&.general-application,
|
||||||
|
&.audio-sounds {
|
||||||
label {
|
label {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
@ -168,7 +172,8 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
||||||
a, div {
|
a,
|
||||||
|
div {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -333,15 +338,21 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.audio-speaker, &.audio-sounds, &.identity-forum {
|
&.audio-speaker,
|
||||||
|
&.audio-sounds,
|
||||||
|
&.identity-forum {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: stretch;
|
justify-content: stretch;
|
||||||
|
|
||||||
.left, .right, .fill {
|
.left,
|
||||||
|
.right,
|
||||||
|
.fill {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
|
|
||||||
width: calc(50% - .5em); /* the .5em for the padding/margin */
|
width: calc(50% - .5em);
|
||||||
|
|
||||||
|
/* the .5em for the padding/margin */
|
||||||
&.fill {
|
&.fill {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em);
|
||||||
}
|
}
|
||||||
|
|
@ -410,7 +421,8 @@
|
||||||
|
|
||||||
background-color: $color_list_background;
|
background-color: $color_list_background;
|
||||||
|
|
||||||
&.container-devices, .container-devices {
|
&.container-devices,
|
||||||
|
.container-devices {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
|
|
||||||
|
|
@ -540,7 +552,9 @@
|
||||||
border-bottom: 1px solid #242527;
|
border-bottom: 1px solid #242527;
|
||||||
border-top: 1px solid #242527;
|
border-top: 1px solid #242527;
|
||||||
}
|
}
|
||||||
.container-name, .container-activity {
|
|
||||||
|
.container-name,
|
||||||
|
.container-activity {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
|
@ -588,8 +602,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right, .fill {
|
.right,
|
||||||
padding-right: .5em; /* for the sliders etc*/
|
.fill {
|
||||||
|
padding-right: .5em;
|
||||||
|
/* for the sliders etc*/
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
||||||
.body {
|
.body {
|
||||||
|
|
@ -711,6 +727,7 @@
|
||||||
|
|
||||||
.thumb {
|
.thumb {
|
||||||
background-color: #4d4d4d !important;
|
background-color: #4d4d4d !important;
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
opacity: 0 !important;
|
opacity: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
@ -1082,11 +1099,13 @@
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.left, .right {
|
.left,
|
||||||
|
.right {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
|
|
||||||
width: calc(50% - .5em); /* the .5em for the padding/margin */
|
width: calc(50% - .5em);
|
||||||
|
/* the .5em for the padding/margin */
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -1167,7 +1186,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&[value] {
|
&[value] {
|
||||||
overflow: visible; /* for the thumb */
|
overflow: visible;
|
||||||
|
/* for the thumb */
|
||||||
|
|
||||||
border-bottom-left-radius: $border_radius_large;
|
border-bottom-left-radius: $border_radius_large;
|
||||||
border-top-left-radius: $border_radius_large;
|
border-top-left-radius: $border_radius_large;
|
||||||
|
|
@ -1217,11 +1237,16 @@
|
||||||
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.25);
|
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
|
||||||
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70407e+0,45407e+100 */
|
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#70407e+0,45407e+100 */
|
||||||
background: rgb(112,64,126); /* Old browsers */
|
background: rgb(112, 64, 126);
|
||||||
background: -moz-linear-gradient(left, rgba(112,64,126,1) 0%, rgba(69,64,126,1) 100%); /* FF3.6-15 */
|
/* Old browsers */
|
||||||
background: -webkit-linear-gradient(left, rgba(112,64,126,1) 0%,rgba(69,64,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
background: -moz-linear-gradient(left, rgba(112, 64, 126, 1) 0%, rgba(69, 64, 126, 1) 100%);
|
||||||
background: linear-gradient(to right, rgba(112,64,126,1) 0%,rgba(69,64,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
/* FF3.6-15 */
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70407e', endColorstr='#45407e',GradientType=1 ); /* IE6-9 */
|
background: -webkit-linear-gradient(left, rgba(112, 64, 126, 1) 0%, rgba(69, 64, 126, 1) 100%);
|
||||||
|
/* Chrome10-25,Safari5.1-6 */
|
||||||
|
background: linear-gradient(to right, rgba(112, 64, 126, 1) 0%, rgba(69, 64, 126, 1) 100%);
|
||||||
|
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70407e', endColorstr='#45407e', GradientType=1);
|
||||||
|
/* IE6-9 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
|
|
@ -1245,7 +1270,8 @@
|
||||||
|
|
||||||
background-color: $color_list_background;
|
background-color: $color_list_background;
|
||||||
|
|
||||||
&.container-devices, .container-devices {
|
&.container-devices,
|
||||||
|
.container-devices {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
|
|
||||||
|
|
@ -1402,7 +1428,9 @@
|
||||||
border-bottom: 1px solid #242527;
|
border-bottom: 1px solid #242527;
|
||||||
border-top: 1px solid #242527;
|
border-top: 1px solid #242527;
|
||||||
}
|
}
|
||||||
.container-name, .container-activity {
|
|
||||||
|
.container-name,
|
||||||
|
.container-activity {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
|
@ -1480,7 +1508,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
padding-right: .5em; /* for the sliders etc*/
|
padding-right: .5em;
|
||||||
|
/* for the sliders etc*/
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
||||||
.body {
|
.body {
|
||||||
|
|
@ -1602,6 +1631,7 @@
|
||||||
|
|
||||||
.thumb {
|
.thumb {
|
||||||
background-color: #4d4d4d !important;
|
background-color: #4d4d4d !important;
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
opacity: 0 !important;
|
opacity: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
@ -1731,7 +1761,8 @@
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.left, .right {
|
.left,
|
||||||
|
.right {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
|
|
||||||
|
|
@ -1905,8 +1936,10 @@
|
||||||
>*:not(:first-of-type) {
|
>*:not(:first-of-type) {
|
||||||
margin-left: .25em;
|
margin-left: .25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-status {
|
.icon-status {
|
||||||
margin-bottom: .2em; /* push it a bit higher than the center */
|
margin-bottom: .2em;
|
||||||
|
/* push it a bit higher than the center */
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
|
|
@ -1934,7 +1967,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons, .buttons-small {
|
.buttons,
|
||||||
|
.buttons-small {
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
||||||
|
|
@ -1977,7 +2011,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
padding-right: .5em; /* for the sliders etc*/
|
padding-right: .5em;
|
||||||
|
/* for the sliders etc*/
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
||||||
.body {
|
.body {
|
||||||
|
|
@ -1997,6 +2032,7 @@
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-valid {
|
.container-valid {
|
||||||
.container-level {
|
.container-level {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -2042,17 +2078,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-teaforo {
|
|
||||||
.container-valid, .container-invalid {
|
|
||||||
padding: 1em;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin-top: .5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-highlight-dummy {
|
.container-highlight-dummy {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: .5em;
|
margin-bottom: .5em;
|
||||||
|
|
@ -2065,9 +2090,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* the highlight stuff for the newcommer modal */
|
/* the highlight stuff for the newcommer modal */
|
||||||
.container-settings-identity-profile, .container-settings-audio-microphone {
|
.container-settings-identity-profile,
|
||||||
|
.container-settings-audio-microphone {
|
||||||
$highlight-time: .5s;
|
$highlight-time: .5s;
|
||||||
$backdrop-color: rgba(0, 0, 0, .9);
|
$backdrop-color: rgba(0, 0, 0, .9);
|
||||||
|
|
||||||
.help-background {
|
.help-background {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
|
|
@ -2164,7 +2191,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-teamspeak, .container-teaforo, .container-nickname {
|
.container-teamspeak,
|
||||||
|
.container-nickname {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2206,6 +2234,21 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
|
@-moz-keyframes spin {
|
||||||
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
|
100% {
|
||||||
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
|
-moz-transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes spin {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,9 +1,11 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>TeaSpeak-Web client templates</title>
|
<title>TeaSpeak-Web client templates</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="template-group-modals">
|
<div class="template-group-modals">
|
||||||
<script class="jsrender-template" id="tmpl_modal" type="text/html">
|
<script class="jsrender-template" id="tmpl_modal" type="text/html">
|
||||||
|
|
@ -103,7 +105,6 @@
|
||||||
|
|
||||||
<div class="entry group">{{tr "Identity" /}}</div>
|
<div class="entry group">{{tr "Identity" /}}</div>
|
||||||
<div class="entry" container="identity-profiles">{{tr "Profiles" /}}</div>
|
<div class="entry" container="identity-profiles">{{tr "Profiles" /}}</div>
|
||||||
<div class="entry" container="identity-forum">{{tr "TeaForo connection" /}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="container-seperator vertical" seperator-id="seperator-settings"></div>
|
<div class="container-seperator vertical" seperator-id="seperator-settings"></div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
|
|
@ -417,7 +418,6 @@
|
||||||
<select class="form-control profile-identity-type">
|
<select class="form-control profile-identity-type">
|
||||||
<option value="error" style="display: none">error: error</option>
|
<option value="error" style="display: none">error: error</option>
|
||||||
<option value="unset" style="display: none">{{tr "Unset" /}}</option>
|
<option value="unset" style="display: none">{{tr "Unset" /}}</option>
|
||||||
<option value="teaforo">{{tr "Forum Account" /}}</option>
|
|
||||||
<option value="teamspeak">{{tr "TeamSpeak Identity" /}}</option>
|
<option value="teamspeak">{{tr "TeamSpeak Identity" /}}</option>
|
||||||
<option value="nickname">{{tr "Nickname (Debug only!)" /}}</option>
|
<option value="nickname">{{tr "Nickname (Debug only!)" /}}</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
@ -453,16 +453,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container-teaforo">
|
|
||||||
<div class="container-valid">
|
|
||||||
{{tr "You're using your forum account as identification" /}}
|
|
||||||
</div>
|
|
||||||
<div class="container-invalid">
|
|
||||||
<a>{{tr "You cant use your TeaSpeak forum account. You're not connected with your forum Account!" /}}</a>
|
|
||||||
<button class="btn btn-success button-setup">{{tr "Setup your connection" /}}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container-nickname">
|
<div class="container-nickname">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label>{{tr "Nickname" /}}</label>
|
<label>{{tr "Nickname" /}}</label>
|
||||||
|
|
@ -1970,14 +1960,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="property property-teaforo">
|
|
||||||
<div class="title">
|
|
||||||
<a>{{tr "TeaForo Connection" /}}</a>
|
|
||||||
</div>
|
|
||||||
<div class="value">
|
|
||||||
<a>This will be a really long string...</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="property property-version">
|
<div class="property property-version">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<a>{{tr "Version" /}}</a>
|
<a>{{tr "Version" /}}</a>
|
||||||
|
|
@ -2170,4 +2152,5 @@
|
||||||
</div>
|
</div>
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -166,11 +166,6 @@ export class SelectedClientInfo {
|
||||||
};
|
};
|
||||||
this.events.fire("notify_cache_changed", { category: "version" });
|
this.events.fire("notify_cache_changed", { category: "version" });
|
||||||
}
|
}
|
||||||
|
|
||||||
if('client_teaforo_flags' in event.updated_properties || 'client_teaforo_name' in event.updated_properties || 'client_teaforo_id' in event.updated_properties) {
|
|
||||||
this.updateForumAccount(client);
|
|
||||||
this.events.fire("notify_cache_changed", { category: "forum-account" });
|
|
||||||
}
|
|
||||||
}));
|
}));
|
||||||
|
|
||||||
events.push(client.events.on("notify_audio_level_changed", () => {
|
events.push(client.events.on("notify_audio_level_changed", () => {
|
||||||
|
|
@ -209,17 +204,6 @@ export class SelectedClientInfo {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private updateForumAccount(client: ClientEntry) {
|
|
||||||
if(client.properties.client_teaforo_id) {
|
|
||||||
this.currentClientStatus.forumAccount = {
|
|
||||||
flags: client.properties.client_teaforo_flags,
|
|
||||||
nickname: client.properties.client_teaforo_name,
|
|
||||||
userId: client.properties.client_teaforo_id
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
this.currentClientStatus.forumAccount = undefined;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private updateChannelGroup(client: ClientEntry) {
|
private updateChannelGroup(client: ClientEntry) {
|
||||||
this.currentClientStatus.channelGroup = client.properties.client_channel_group_id;
|
this.currentClientStatus.channelGroup = client.properties.client_channel_group_id;
|
||||||
|
|
@ -259,6 +243,5 @@ export class SelectedClientInfo {
|
||||||
this.updateCachedClientStatus(client);
|
this.updateCachedClientStatus(client);
|
||||||
this.updateCachedCountry(client);
|
this.updateCachedCountry(client);
|
||||||
this.updateCachedVolume(client);
|
this.updateCachedVolume(client);
|
||||||
this.updateForumAccount(client);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
import * as loader from "tc-loader";
|
import * as loader from "tc-loader";
|
||||||
import { initializeI18N, tra } from "./i18n/localize";
|
import { initializeI18N, tra } from "./i18n/localize";
|
||||||
import * as fidentity from "./profiles/identities/TeaForumIdentity";
|
|
||||||
import * as global_ev_handler from "./events/ClientGlobalControlHandler";
|
import * as global_ev_handler from "./events/ClientGlobalControlHandler";
|
||||||
import { AppParameters, settings, Settings, UrlParameterBuilder, UrlParameterParser } from "tc-shared/settings";
|
import { AppParameters, settings, Settings, UrlParameterBuilder, UrlParameterParser } from "tc-shared/settings";
|
||||||
import { LogCategory, logDebug, logError, logInfo, logWarn } from "tc-shared/log";
|
import { LogCategory, logDebug, logError, logInfo, logWarn } from "tc-shared/log";
|
||||||
|
|
@ -387,8 +386,6 @@ function main() {
|
||||||
server_connections.setActiveConnectionHandler(initialHandler);
|
server_connections.setActiveConnectionHandler(initialHandler);
|
||||||
initialHandler.acquireInputHardware().then(() => { });
|
initialHandler.acquireInputHardware().then(() => { });
|
||||||
|
|
||||||
/** Setup the XF forum identity **/
|
|
||||||
fidentity.update_forum();
|
|
||||||
initializeKeyControl();
|
initializeKeyControl();
|
||||||
|
|
||||||
checkForUpdatedApp();
|
checkForUpdatedApp();
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
import { decode_identity, IdentitifyType, Identity } from "../profiles/Identity";
|
import { decode_identity, IdentitifyType, Identity } from "../profiles/Identity";
|
||||||
import { guid } from "../crypto/uid";
|
import { guid } from "../crypto/uid";
|
||||||
import {TeaForumIdentity} from "../profiles/identities/TeaForumIdentity";
|
|
||||||
import { TeaSpeakIdentity } from "../profiles/identities/TeamSpeakIdentity";
|
import { TeaSpeakIdentity } from "../profiles/identities/TeamSpeakIdentity";
|
||||||
import { AbstractServerConnection } from "../connection/ConnectionBase";
|
import { AbstractServerConnection } from "../connection/ConnectionBase";
|
||||||
import { HandshakeIdentityHandler } from "../connection/HandshakeHandler";
|
import { HandshakeIdentityHandler } from "../connection/HandshakeHandler";
|
||||||
|
|
@ -52,9 +51,7 @@ export class ConnectionProfile {
|
||||||
if (current_type === undefined)
|
if (current_type === undefined)
|
||||||
return undefined;
|
return undefined;
|
||||||
|
|
||||||
if (current_type == IdentitifyType.TEAFORO) {
|
if (current_type == IdentitifyType.TEAMSPEAK || current_type == IdentitifyType.NICKNAME) {
|
||||||
return TeaForumIdentity.identity();
|
|
||||||
} else if (current_type == IdentitifyType.TEAMSPEAK || current_type == IdentitifyType.NICKNAME) {
|
|
||||||
return this.identities[IdentitifyType[current_type].toLowerCase()];
|
return this.identities[IdentitifyType[current_type].toLowerCase()];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -170,7 +167,7 @@ async function loadConnectProfiles() {
|
||||||
}
|
}
|
||||||
|
|
||||||
const defaultProfile = findConnectProfile("default");
|
const defaultProfile = findConnectProfile("default");
|
||||||
if (!defaultProfile) { //Create a default profile and teaforo profile
|
if (!defaultProfile) { //Create a default profile
|
||||||
{
|
{
|
||||||
const profile = createConnectProfile(tr("Default Profile"), "default");
|
const profile = createConnectProfile(tr("Default Profile"), "default");
|
||||||
profile.defaultPassword = "";
|
profile.defaultPassword = "";
|
||||||
|
|
@ -194,15 +191,6 @@ async function loadConnectProfiles() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
{ /* forum identity (works only when connected to the forum) */
|
|
||||||
const profile = createConnectProfile(tr("TeaSpeak Forum Profile"), "teaforo");
|
|
||||||
profile.defaultPassword = "";
|
|
||||||
profile.defaultUsername = "";
|
|
||||||
|
|
||||||
profile.setIdentity(IdentitifyType.TEAFORO, TeaForumIdentity.identity());
|
|
||||||
profile.selectedIdentityType = IdentitifyType[IdentitifyType.TEAFORO];
|
|
||||||
}
|
|
||||||
|
|
||||||
save();
|
save();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,6 @@ import {LogCategory, logError, logWarn} from "tc-shared/log";
|
||||||
import { tr } from "tc-shared/i18n/localize";
|
import { tr } from "tc-shared/i18n/localize";
|
||||||
|
|
||||||
export enum IdentitifyType {
|
export enum IdentitifyType {
|
||||||
TEAFORO,
|
|
||||||
TEAMSPEAK,
|
TEAMSPEAK,
|
||||||
NICKNAME
|
NICKNAME
|
||||||
}
|
}
|
||||||
|
|
@ -31,10 +30,6 @@ export async function decode_identity(type: IdentitifyType, data: string) : Prom
|
||||||
const nidentity = require("tc-shared/profiles/identities/NameIdentity");
|
const nidentity = require("tc-shared/profiles/identities/NameIdentity");
|
||||||
identity = new nidentity.NameIdentity();
|
identity = new nidentity.NameIdentity();
|
||||||
break;
|
break;
|
||||||
case IdentitifyType.TEAFORO:
|
|
||||||
const fidentity = require("tc-shared/profiles/identities/TeaForumIdentity");
|
|
||||||
identity = new fidentity.TeaForumIdentity(undefined);
|
|
||||||
break;
|
|
||||||
case IdentitifyType.TEAMSPEAK:
|
case IdentitifyType.TEAMSPEAK:
|
||||||
const tidentity = require("tc-shared/profiles/identities/TeamSpeakIdentity");
|
const tidentity = require("tc-shared/profiles/identities/TeamSpeakIdentity");
|
||||||
identity = new tidentity.TeaSpeakIdentity(undefined, undefined);
|
identity = new tidentity.TeaSpeakIdentity(undefined, undefined);
|
||||||
|
|
@ -60,10 +55,6 @@ export function create_identity(type: IdentitifyType) {
|
||||||
const nidentity = require("tc-shared/profiles/identities/NameIdentity");
|
const nidentity = require("tc-shared/profiles/identities/NameIdentity");
|
||||||
identity = new nidentity.NameIdentity();
|
identity = new nidentity.NameIdentity();
|
||||||
break;
|
break;
|
||||||
case IdentitifyType.TEAFORO:
|
|
||||||
const fidentity = require("tc-shared/profiles/identities/TeaForumIdentity");
|
|
||||||
identity = new fidentity.TeaForumIdentity(undefined);
|
|
||||||
break;
|
|
||||||
case IdentitifyType.TEAMSPEAK:
|
case IdentitifyType.TEAMSPEAK:
|
||||||
const tidentity = require("tc-shared/profiles/identities/TeamSpeakIdentity");
|
const tidentity = require("tc-shared/profiles/identities/TeamSpeakIdentity");
|
||||||
identity = new tidentity.TeaSpeakIdentity(undefined, undefined);
|
identity = new tidentity.TeaSpeakIdentity(undefined, undefined);
|
||||||
|
|
|
||||||
|
|
@ -1,135 +0,0 @@
|
||||||
import {
|
|
||||||
AbstractHandshakeIdentityHandler,
|
|
||||||
HandshakeCommandHandler,
|
|
||||||
IdentitifyType,
|
|
||||||
Identity
|
|
||||||
} from "../../profiles/Identity";
|
|
||||||
import {LogCategory, logError} from "../../log";
|
|
||||||
import {CommandResult} from "../../connection/ServerConnectionDeclaration";
|
|
||||||
import {AbstractServerConnection} from "../../connection/ConnectionBase";
|
|
||||||
import {HandshakeIdentityHandler} from "../../connection/HandshakeHandler";
|
|
||||||
import * as forum from "./teaspeak-forum";
|
|
||||||
import { tr } from "tc-shared/i18n/localize";
|
|
||||||
|
|
||||||
class TeaForumHandshakeHandler extends AbstractHandshakeIdentityHandler {
|
|
||||||
readonly identity: TeaForumIdentity;
|
|
||||||
handler: HandshakeCommandHandler<TeaForumHandshakeHandler>;
|
|
||||||
|
|
||||||
constructor(connection: AbstractServerConnection, identity: TeaForumIdentity) {
|
|
||||||
super(connection);
|
|
||||||
this.identity = identity;
|
|
||||||
this.handler = new HandshakeCommandHandler(connection, this);
|
|
||||||
this.handler["handshakeidentityproof"] = this.handle_proof.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
executeHandshake() {
|
|
||||||
this.connection.getCommandHandler().registerHandler(this.handler);
|
|
||||||
this.connection.send_command("handshakebegin", {
|
|
||||||
intention: 0,
|
|
||||||
authentication_method: this.identity.type(),
|
|
||||||
data: this.identity.data().data_json()
|
|
||||||
}).catch(error => {
|
|
||||||
logError(LogCategory.IDENTITIES, tr("Failed to initialize TeaForum based handshake. Error: %o"), error);
|
|
||||||
|
|
||||||
if(error instanceof CommandResult)
|
|
||||||
error = error.extra_message || error.message;
|
|
||||||
this.trigger_fail("failed to execute begin (" + error + ")");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
private handle_proof(json) {
|
|
||||||
this.connection.send_command("handshakeindentityproof", {
|
|
||||||
proof: this.identity.data().data_sign()
|
|
||||||
}).catch(error => {
|
|
||||||
logError(LogCategory.IDENTITIES, tr("Failed to proof the identity. Error: %o"), error);
|
|
||||||
|
|
||||||
if(error instanceof CommandResult)
|
|
||||||
error = error.extra_message || error.message;
|
|
||||||
this.trigger_fail("failed to execute proof (" + error + ")");
|
|
||||||
}).then(() => this.trigger_success());
|
|
||||||
}
|
|
||||||
|
|
||||||
protected trigger_fail(message: string) {
|
|
||||||
this.connection.getCommandHandler().unregisterHandler(this.handler);
|
|
||||||
super.trigger_fail(message);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected trigger_success() {
|
|
||||||
this.connection.getCommandHandler().unregisterHandler(this.handler);
|
|
||||||
super.trigger_success();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export class TeaForumIdentity implements Identity {
|
|
||||||
private readonly identity_data: forum.Data;
|
|
||||||
|
|
||||||
valid() : boolean {
|
|
||||||
return !!this.identity_data && !this.identity_data.is_expired();
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(data: forum.Data) {
|
|
||||||
this.identity_data = data;
|
|
||||||
}
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return this.identity_data;
|
|
||||||
}
|
|
||||||
|
|
||||||
decode(data) : Promise<void> {
|
|
||||||
data = JSON.parse(data);
|
|
||||||
if(data.version !== 1)
|
|
||||||
throw "invalid version";
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
encode() : string {
|
|
||||||
return JSON.stringify({
|
|
||||||
version: 1
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
spawn_identity_handshake_handler(connection: AbstractServerConnection) : HandshakeIdentityHandler {
|
|
||||||
return new TeaForumHandshakeHandler(connection, this);
|
|
||||||
}
|
|
||||||
|
|
||||||
fallback_name(): string | undefined {
|
|
||||||
return this.identity_data ? this.identity_data.name() : undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
type(): IdentitifyType {
|
|
||||||
return IdentitifyType.TEAFORO;
|
|
||||||
}
|
|
||||||
|
|
||||||
uid(): string {
|
|
||||||
//FIXME: Real UID!
|
|
||||||
return "TeaForo#" + ((this.identity_data ? this.identity_data.name() : "Another TeaSpeak user"));
|
|
||||||
}
|
|
||||||
|
|
||||||
public static identity() {
|
|
||||||
return static_identity;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let static_identity: TeaForumIdentity;
|
|
||||||
|
|
||||||
export function set_static_identity(identity: TeaForumIdentity) {
|
|
||||||
static_identity = identity;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function update_forum() {
|
|
||||||
if(forum.logged_in() && (!static_identity || static_identity.data() !== forum.data())) {
|
|
||||||
static_identity = new TeaForumIdentity(forum.data());
|
|
||||||
} else {
|
|
||||||
static_identity = undefined;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function valid_static_forum_identity() : boolean {
|
|
||||||
return static_identity && static_identity.valid();
|
|
||||||
}
|
|
||||||
|
|
||||||
export function static_forum_identity() : TeaForumIdentity | undefined {
|
|
||||||
return static_identity;
|
|
||||||
}
|
|
||||||
|
|
@ -1,399 +0,0 @@
|
||||||
import {settings, Settings} from "../../settings";
|
|
||||||
import * as loader from "tc-loader";
|
|
||||||
import * as fidentity from "./TeaForumIdentity";
|
|
||||||
import {LogCategory, logDebug, logError, logInfo, logWarn} from "../../log";
|
|
||||||
import {tr} from "tc-shared/i18n/localize";
|
|
||||||
import {getStorageAdapter} from "tc-shared/StorageAdapter";
|
|
||||||
|
|
||||||
/* TODO: Properly redesign this whole system! */
|
|
||||||
|
|
||||||
declare global {
|
|
||||||
interface Window {
|
|
||||||
grecaptcha: GReCaptcha;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
interface GReCaptcha {
|
|
||||||
render(container: string | HTMLElement, parameters: {
|
|
||||||
sitekey: string;
|
|
||||||
theme?: "dark" | "light";
|
|
||||||
size?: "compact" | "normal";
|
|
||||||
|
|
||||||
tabindex?: number;
|
|
||||||
|
|
||||||
callback?: (token: string) => any;
|
|
||||||
"expired-callback"?: () => any;
|
|
||||||
"error-callback"?: (error: any) => any;
|
|
||||||
}) : string; /* widget_id */
|
|
||||||
|
|
||||||
reset(widget_id?: string);
|
|
||||||
}
|
|
||||||
|
|
||||||
export namespace gcaptcha {
|
|
||||||
export async function initialize() {
|
|
||||||
if(typeof(window.grecaptcha) === "undefined") {
|
|
||||||
let script = document.createElement("script");
|
|
||||||
script.async = true;
|
|
||||||
|
|
||||||
let timeout;
|
|
||||||
const callback_name = "captcha_callback_" + Math.random().toString().replace(".", "");
|
|
||||||
try {
|
|
||||||
await new Promise((resolve, reject) => {
|
|
||||||
script.onerror = reject;
|
|
||||||
window[callback_name] = resolve;
|
|
||||||
script.src = "https://www.google.com/recaptcha/api.js?onload=" + encodeURIComponent(callback_name) + "&render=explicit";
|
|
||||||
|
|
||||||
document.body.append(script);
|
|
||||||
timeout = setTimeout(() => reject("timeout"), 15000);
|
|
||||||
});
|
|
||||||
} catch(error) {
|
|
||||||
script.remove();
|
|
||||||
script = undefined;
|
|
||||||
|
|
||||||
logError(LogCategory.GENERAL, tr("Failed to fetch recaptcha javascript source: %o"), error);
|
|
||||||
throw tr("failed to download source");
|
|
||||||
} finally {
|
|
||||||
if(script)
|
|
||||||
script.onerror = undefined;
|
|
||||||
delete window[callback_name];
|
|
||||||
timeout && clearTimeout(timeout);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if(typeof(window.grecaptcha) === "undefined") {
|
|
||||||
throw tr("failed to load recaptcha");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function spawn(container: JQuery, key: string, callback_data: (token: string) => any) {
|
|
||||||
try {
|
|
||||||
await initialize();
|
|
||||||
} catch(error) {
|
|
||||||
logError(LogCategory.GENERAL, tr("Failed to initialize G-Recaptcha. Error: %o"), error);
|
|
||||||
throw tr("initialisation failed");
|
|
||||||
}
|
|
||||||
if(container.attr("captcha-uuid"))
|
|
||||||
window.grecaptcha.reset(container.attr("captcha-uuid"));
|
|
||||||
else {
|
|
||||||
container.attr("captcha-uuid", window.grecaptcha.render(container[0], {
|
|
||||||
"sitekey": key,
|
|
||||||
callback: callback_data
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getForumApiURL() {
|
|
||||||
return settings.getValue(Settings.KEY_TEAFORO_URL);
|
|
||||||
}
|
|
||||||
|
|
||||||
export class Data {
|
|
||||||
readonly auth_key: string;
|
|
||||||
readonly raw: string;
|
|
||||||
readonly sign: string;
|
|
||||||
|
|
||||||
parsed: {
|
|
||||||
user_id: number;
|
|
||||||
user_name: string;
|
|
||||||
|
|
||||||
data_age: number;
|
|
||||||
|
|
||||||
user_group_id: number;
|
|
||||||
|
|
||||||
is_staff: boolean;
|
|
||||||
user_groups: number[];
|
|
||||||
};
|
|
||||||
|
|
||||||
constructor(auth: string, raw: string, sign: string) {
|
|
||||||
this.auth_key = auth;
|
|
||||||
this.raw = raw;
|
|
||||||
this.sign = sign;
|
|
||||||
|
|
||||||
this.parsed = JSON.parse(raw);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
data_json() : string { return this.raw; }
|
|
||||||
data_sign() : string { return this.sign; }
|
|
||||||
|
|
||||||
name() : string { return this.parsed.user_name; }
|
|
||||||
|
|
||||||
user_id() { return this.parsed.user_id; }
|
|
||||||
user_group() { return this.parsed.user_group_id; }
|
|
||||||
|
|
||||||
is_stuff() : boolean { return this.parsed.is_staff; }
|
|
||||||
is_premium() : boolean { return this.parsed.user_groups.indexOf(5) != -1; }
|
|
||||||
|
|
||||||
data_age() : Date { return new Date(this.parsed.data_age); }
|
|
||||||
|
|
||||||
is_expired() : boolean { return this.parsed.data_age + 48 * 60 * 60 * 1000 < Date.now(); }
|
|
||||||
should_renew() : boolean { return this.parsed.data_age + 24 * 60 * 60 * 1000 < Date.now(); } /* renew data all 24hrs */
|
|
||||||
}
|
|
||||||
let forumData: Data | undefined;
|
|
||||||
|
|
||||||
export function logged_in() : boolean {
|
|
||||||
return !!forumData && !forumData.is_expired();
|
|
||||||
}
|
|
||||||
|
|
||||||
export function data() : Data { return forumData; }
|
|
||||||
|
|
||||||
export interface LoginResult {
|
|
||||||
status: "success" | "captcha" | "error";
|
|
||||||
|
|
||||||
error_message?: string;
|
|
||||||
captcha?: {
|
|
||||||
type: "gre-captcha" | "unknown";
|
|
||||||
data: any; /* in case of gre-captcha it would be the side key */
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function login(username: string, password: string, captcha?: any) : Promise<LoginResult> {
|
|
||||||
let response;
|
|
||||||
try {
|
|
||||||
response = await new Promise<any>((resolve, reject) => {
|
|
||||||
$.ajax({
|
|
||||||
url: getForumApiURL() + "?web-api/v1/login",
|
|
||||||
type: "POST",
|
|
||||||
cache: false,
|
|
||||||
data: {
|
|
||||||
username: username,
|
|
||||||
password: password,
|
|
||||||
remember: true,
|
|
||||||
"g-recaptcha-response": captcha
|
|
||||||
},
|
|
||||||
|
|
||||||
crossDomain: true,
|
|
||||||
|
|
||||||
success: resolve,
|
|
||||||
error: (xhr, status, error) => {
|
|
||||||
logDebug(LogCategory.GENERAL, tr("Login request failed %o: %o"), status, error);
|
|
||||||
reject(tr("request failed"));
|
|
||||||
}
|
|
||||||
})
|
|
||||||
});
|
|
||||||
} catch(error) {
|
|
||||||
return {
|
|
||||||
status: "error",
|
|
||||||
error_message: tr("failed to send login request")
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if(response["status"] !== "ok") {
|
|
||||||
logError(LogCategory.GENERAL, tr("Response status not okey. Error happend: %o"), response);
|
|
||||||
return {
|
|
||||||
status: "error",
|
|
||||||
error_message: (response["errors"] || [])[0] || tr("Unknown error")
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if(!response["success"]) {
|
|
||||||
logError(LogCategory.GENERAL, tr("Login failed. Response %o"), response);
|
|
||||||
|
|
||||||
let message = tr("failed to login");
|
|
||||||
let captcha;
|
|
||||||
/* user/password wrong | and maybe captcha required */
|
|
||||||
if(response["code"] == 1 || response["code"] == 3)
|
|
||||||
message = tr("Invalid username or password");
|
|
||||||
if(response["code"] == 2 || response["code"] == 3) {
|
|
||||||
captcha = {
|
|
||||||
type: response["captcha"]["type"],
|
|
||||||
data: response["captcha"]["siteKey"] //TODO: Why so static here?
|
|
||||||
};
|
|
||||||
if(response["code"] == 2)
|
|
||||||
message = tr("captcha required");
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
status: typeof(captcha) !== "undefined" ? "captcha" : "error",
|
|
||||||
error_message: message,
|
|
||||||
captcha: captcha
|
|
||||||
};
|
|
||||||
}
|
|
||||||
//document.cookie = "user_data=" + response["data"] + ";path=/";
|
|
||||||
//document.cookie = "user_sign=" + response["sign"] + ";path=/";
|
|
||||||
|
|
||||||
try {
|
|
||||||
forumData = new Data(response["auth-key"], response["data"], response["sign"]);
|
|
||||||
const adapter = getStorageAdapter();
|
|
||||||
await adapter.set("teaspeak-forum-data", response["data"]);
|
|
||||||
await adapter.set("teaspeak-forum-sign", response["sign"]);
|
|
||||||
await adapter.set("teaspeak-forum-auth", response["auth-key"]);
|
|
||||||
fidentity.update_forum();
|
|
||||||
} catch(error) {
|
|
||||||
logError(LogCategory.GENERAL, tr("Failed to parse forum given data: %o"), error);
|
|
||||||
return {
|
|
||||||
status: "error",
|
|
||||||
error_message: tr("Failed to parse response data")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
status: "success"
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
async function resetForumLocalData() {
|
|
||||||
const adapter = getStorageAdapter();
|
|
||||||
await adapter.delete("teaspeak-forum-data");
|
|
||||||
await adapter.delete("teaspeak-forum-sign");
|
|
||||||
await adapter.delete("teaspeak-forum-auth");
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function renew_data() : Promise<"success" | "login-required"> {
|
|
||||||
let response;
|
|
||||||
try {
|
|
||||||
response = await new Promise<any>((resolve, reject) => {
|
|
||||||
$.ajax({
|
|
||||||
url: getForumApiURL() + "?web-api/v1/renew-data",
|
|
||||||
type: "GET",
|
|
||||||
cache: false,
|
|
||||||
|
|
||||||
crossDomain: true,
|
|
||||||
|
|
||||||
data: {
|
|
||||||
"auth-key": forumData.auth_key
|
|
||||||
},
|
|
||||||
|
|
||||||
success: resolve,
|
|
||||||
error: (xhr, status, error) => {
|
|
||||||
logError(LogCategory.GENERAL, tr("Renew request failed %o: %o"), status, error);
|
|
||||||
reject(tr("request failed"));
|
|
||||||
}
|
|
||||||
})
|
|
||||||
});
|
|
||||||
} catch(error) {
|
|
||||||
throw tr("failed to send renew request");
|
|
||||||
}
|
|
||||||
|
|
||||||
if(response["status"] !== "ok") {
|
|
||||||
logError(LogCategory.GENERAL, tr("Response status not okey. Error happend: %o"), response);
|
|
||||||
throw (response["errors"] || [])[0] || tr("Unknown error");
|
|
||||||
}
|
|
||||||
|
|
||||||
if(!response["success"]) {
|
|
||||||
if(response["code"] == 1) {
|
|
||||||
return "login-required";
|
|
||||||
}
|
|
||||||
throw "invalid error code (" + response["code"] + ")";
|
|
||||||
}
|
|
||||||
if(!response["data"] || !response["sign"])
|
|
||||||
throw tr("response missing data");
|
|
||||||
|
|
||||||
logDebug(LogCategory.GENERAL, tr("Renew succeeded. Parsing data."));
|
|
||||||
|
|
||||||
try {
|
|
||||||
forumData = new Data(forumData.auth_key, response["data"], response["sign"]);
|
|
||||||
await getStorageAdapter().set("teaspeak-forum-data", response["data"]);
|
|
||||||
await getStorageAdapter().set("teaspeak-forum-sign", response["sign"]);
|
|
||||||
fidentity.update_forum();
|
|
||||||
} catch(error) {
|
|
||||||
logError(LogCategory.GENERAL, tr("Failed to parse forum given data: %o"), error);
|
|
||||||
throw tr("failed to parse data");
|
|
||||||
}
|
|
||||||
|
|
||||||
return "success";
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function logout() : Promise<void> {
|
|
||||||
if(!logged_in()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let response;
|
|
||||||
try {
|
|
||||||
response = await new Promise<any>((resolve, reject) => {
|
|
||||||
$.ajax({
|
|
||||||
url: getForumApiURL() + "?web-api/v1/logout",
|
|
||||||
type: "GET",
|
|
||||||
cache: false,
|
|
||||||
|
|
||||||
crossDomain: true,
|
|
||||||
|
|
||||||
data: {
|
|
||||||
"auth-key": forumData.auth_key
|
|
||||||
},
|
|
||||||
|
|
||||||
success: resolve,
|
|
||||||
error: (xhr, status, error) => {
|
|
||||||
logInfo(LogCategory.GENERAL, tr("Logout request failed %o: %o"), status, error);
|
|
||||||
reject(tr("request failed"));
|
|
||||||
}
|
|
||||||
})
|
|
||||||
});
|
|
||||||
} catch(error) {
|
|
||||||
throw tr("failed to send logout request");
|
|
||||||
}
|
|
||||||
|
|
||||||
if(response["status"] !== "ok") {
|
|
||||||
logError(LogCategory.GENERAL, tr("Response status not ok. Error happened: %o"), response);
|
|
||||||
throw (response["errors"] || [])[0] || tr("Unknown error");
|
|
||||||
}
|
|
||||||
|
|
||||||
if(!response["success"]) {
|
|
||||||
/* code 1 means not logged in, its an success */
|
|
||||||
if(response["code"] != 1) {
|
|
||||||
throw "invalid error code (" + response["code"] + ")";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
forumData = undefined;
|
|
||||||
await resetForumLocalData();
|
|
||||||
fidentity.update_forum();
|
|
||||||
}
|
|
||||||
|
|
||||||
loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
|
|
||||||
name: "TeaForo initialize",
|
|
||||||
priority: 10,
|
|
||||||
function: async () => {
|
|
||||||
const rawData = await getStorageAdapter().get("teaspeak-forum-data");
|
|
||||||
const rawSign = await getStorageAdapter().get("teaspeak-forum-sign");
|
|
||||||
const rawForumAuth = await getStorageAdapter().get("teaspeak-forum-auth");
|
|
||||||
if(!rawData || !rawSign || !rawForumAuth) {
|
|
||||||
logInfo(LogCategory.GENERAL, tr("No TeaForo authentication found. TeaForo connection status: unconnected"));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
forumData = new Data(rawForumAuth, rawData, rawSign);
|
|
||||||
} catch(error) {
|
|
||||||
logError(LogCategory.GENERAL, tr("Failed to initialize TeaForo connection from local data. Error: %o"), error);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if(forumData.should_renew()) {
|
|
||||||
logInfo(LogCategory.GENERAL, tr("TeaForo data should be renewed. Executing renew."));
|
|
||||||
renew_data().then(async status => {
|
|
||||||
if(status === "success") {
|
|
||||||
logInfo(LogCategory.GENERAL, tr("TeaForo data has been successfully renewed."));
|
|
||||||
} else {
|
|
||||||
logWarn(LogCategory.GENERAL, tr("Failed to renew TeaForo data. New login required."));
|
|
||||||
await resetForumLocalData();
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
|
||||||
logWarn(LogCategory.GENERAL, tr("Failed to renew TeaForo data. An error occurred: %o"), error);
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(forumData && forumData.is_expired()) {
|
|
||||||
logError(LogCategory.GENERAL, tr("TeaForo data is expired. TeaForo connection isn't available!"));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
setInterval(() => {
|
|
||||||
/* if we don't have any _data object set we could not renew anything */
|
|
||||||
if(forumData) {
|
|
||||||
logInfo(LogCategory.IDENTITIES, tr("Renewing TeaForo data."));
|
|
||||||
renew_data().then(async status => {
|
|
||||||
if(status === "success") {
|
|
||||||
logInfo(LogCategory.IDENTITIES,tr("TeaForo data has been successfully renewed."));
|
|
||||||
} else {
|
|
||||||
logWarn(LogCategory.IDENTITIES,tr("Failed to renew TeaForo data. New login required."));
|
|
||||||
await resetForumLocalData();
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
|
||||||
logWarn(LogCategory.GENERAL, tr("Failed to renew TeaForo data. An error occurred: %o"), error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, 24 * 60 * 60 * 1000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
@ -572,12 +572,6 @@ export class Settings {
|
||||||
valueType: "boolean",
|
valueType: "boolean",
|
||||||
};
|
};
|
||||||
|
|
||||||
static readonly KEY_TEAFORO_URL: ValuedRegistryKey<string> = {
|
|
||||||
key: "teaforo_url",
|
|
||||||
defaultValue: "https://forum.teaspeak.de/",
|
|
||||||
valueType: "string",
|
|
||||||
};
|
|
||||||
|
|
||||||
static readonly KEY_FONT_SIZE: ValuedRegistryKey<number> = {
|
static readonly KEY_FONT_SIZE: ValuedRegistryKey<number> = {
|
||||||
key: "font_size",
|
key: "font_size",
|
||||||
valueType: "number",
|
valueType: "number",
|
||||||
|
|
|
||||||
|
|
@ -74,10 +74,6 @@ export class ClientProperties {
|
||||||
client_output_muted: boolean = false;
|
client_output_muted: boolean = false;
|
||||||
client_is_channel_commander: boolean = false;
|
client_is_channel_commander: boolean = false;
|
||||||
|
|
||||||
client_teaforo_id: number = 0;
|
|
||||||
client_teaforo_name: string = "";
|
|
||||||
client_teaforo_flags: number = 0; /* 0x01 := Banned | 0x02 := Stuff | 0x04 := Premium */
|
|
||||||
|
|
||||||
|
|
||||||
/* not updated in view! */
|
/* not updated in view! */
|
||||||
client_month_bytes_uploaded: number = 0;
|
client_month_bytes_uploaded: number = 0;
|
||||||
|
|
|
||||||
|
|
@ -83,9 +83,11 @@ $bot_thumbnail_height: 9em;
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include transition(opacity $button_hover_animation_time ease-in-out);
|
@include transition(opacity $button_hover_animation_time ease-in-out);
|
||||||
|
|
||||||
&:before, &:after {
|
&:before,
|
||||||
|
&:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: .25em;
|
left: .25em;
|
||||||
content: ' ';
|
content: ' ';
|
||||||
|
|
@ -126,6 +128,7 @@ $bot_thumbnail_height: 9em;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: #393939;
|
background-color: #393939;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include transition($button_hover_animation_time ease-in-out);
|
@include transition($button_hover_animation_time ease-in-out);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -301,7 +304,8 @@ $bot_thumbnail_height: 9em;
|
||||||
|
|
||||||
&.list {
|
&.list {
|
||||||
>.icon_em {
|
>.icon_em {
|
||||||
margin-top: 0; /* for lists the .1em patting on the top looks odd */
|
margin-top: 0;
|
||||||
|
/* for lists the .1em patting on the top looks odd */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -311,13 +315,15 @@ $bot_thumbnail_height: 9em;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
min-width: 4em; /* 2em for the icon the last 4 for the text */
|
min-width: 4em;
|
||||||
|
/* 2em for the icon the last 4 for the text */
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
||||||
.title, .value {
|
.title,
|
||||||
|
.value {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -340,10 +346,12 @@ $bot_thumbnail_height: 9em;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.status, &.groups {
|
&.status,
|
||||||
|
&.groups {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.statusEntry, .groupEntry {
|
.statusEntry,
|
||||||
|
.groupEntry {
|
||||||
.icon {
|
.icon {
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
}
|
}
|
||||||
|
|
@ -366,12 +374,6 @@ $bot_thumbnail_height: 9em;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.clientTeaforoAccount {
|
|
||||||
a, a:visited {
|
|
||||||
color: #d9d9d9;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -248,44 +248,6 @@ const ClientVolume = React.memo(() => {
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
const ClientForumAccount = React.memo(() => {
|
|
||||||
const events = useContext(EventsContext);
|
|
||||||
const client = useContext(ClientContext);
|
|
||||||
const [ forum, setForum ] = useDependentState<ClientForumInfo>(() => {
|
|
||||||
if(client.type !== "none") {
|
|
||||||
events.fire("query_forum");
|
|
||||||
}
|
|
||||||
|
|
||||||
return undefined;
|
|
||||||
}, [ client.contextHash ]);
|
|
||||||
|
|
||||||
events.reactUse("notify_forum", event => setForum(event.forum), undefined, []);
|
|
||||||
|
|
||||||
if(!forum) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
let text = forum.nickname;
|
|
||||||
if((forum.flags & 0x01) > 0) {
|
|
||||||
text += " (" + tr("Banned") + ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
if((forum.flags & 0x02) > 0) {
|
|
||||||
text += " (" + tr("Stuff") + ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
if((forum.flags & 0x04) > 0) {
|
|
||||||
text += " (" + tr("Premium") + ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
|
||||||
<InfoBlock clientIcon={ClientIcon.ClientInfoForumAccount} valueClass={cssStyle.clientTeaforoAccount}>
|
|
||||||
<Translatable>TeaSpeak Forum account</Translatable>
|
|
||||||
<a href={"https://forum.teaspeak.de/index.php?members/" + forum.userId} target={"_blank"}>{text}</a>
|
|
||||||
</InfoBlock>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
const ClientVersion = React.memo(() => {
|
const ClientVersion = React.memo(() => {
|
||||||
const events = useContext(EventsContext);
|
const events = useContext(EventsContext);
|
||||||
|
|
@ -494,7 +456,6 @@ const ConnectedClientInfoBlock = () => {
|
||||||
<React.Fragment key={"info"}>
|
<React.Fragment key={"info"}>
|
||||||
<ClientOnlineSince />
|
<ClientOnlineSince />
|
||||||
<ClientCountry />
|
<ClientCountry />
|
||||||
<ClientForumAccount />
|
|
||||||
<ClientVolume />
|
<ClientVolume />
|
||||||
<ClientVersion />
|
<ClientVersion />
|
||||||
<ClientStatus />
|
<ClientStatus />
|
||||||
|
|
|
||||||
|
|
@ -147,31 +147,6 @@ function apply_basic_info(client: ClientEntry, tag: JQuery, modal: Modal, callba
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/* TeaForo */
|
|
||||||
{
|
|
||||||
const container = tag.find(".property-teaforo .value").empty();
|
|
||||||
|
|
||||||
if (client.properties.client_teaforo_id) {
|
|
||||||
container.children().remove();
|
|
||||||
|
|
||||||
let text = client.properties.client_teaforo_name;
|
|
||||||
if ((client.properties.client_teaforo_flags & 0x01) > 0)
|
|
||||||
text += " (" + tr("Banned") + ")";
|
|
||||||
if ((client.properties.client_teaforo_flags & 0x02) > 0)
|
|
||||||
text += " (" + tr("Stuff") + ")";
|
|
||||||
if ((client.properties.client_teaforo_flags & 0x04) > 0)
|
|
||||||
text += " (" + tr("Premium") + ")";
|
|
||||||
|
|
||||||
$.spawn("a")
|
|
||||||
.attr("href", "https://forum.teaspeak.de/index.php?members/" + client.properties.client_teaforo_id)
|
|
||||||
.attr("target", "_blank")
|
|
||||||
.text(text)
|
|
||||||
.appendTo(container);
|
|
||||||
} else {
|
|
||||||
container.append($.spawn("a").text(tr("Not connected")));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Version */
|
/* Version */
|
||||||
{
|
{
|
||||||
const container = tag.find(".property-version");
|
const container = tag.find(".property-version");
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,6 @@ import {manager, setSoundMasterVolume, Sound} from "tc-shared/audio/Sounds";
|
||||||
import * as profiles from "tc-shared/profiles/ConnectionProfile";
|
import * as profiles from "tc-shared/profiles/ConnectionProfile";
|
||||||
import { ConnectionProfile } from "tc-shared/profiles/ConnectionProfile";
|
import { ConnectionProfile } from "tc-shared/profiles/ConnectionProfile";
|
||||||
import { IdentitifyType } from "tc-shared/profiles/Identity";
|
import { IdentitifyType } from "tc-shared/profiles/Identity";
|
||||||
import {TeaForumIdentity} from "tc-shared/profiles/identities/TeaForumIdentity";
|
|
||||||
import { TeaSpeakIdentity } from "tc-shared/profiles/identities/TeamSpeakIdentity";
|
import { TeaSpeakIdentity } from "tc-shared/profiles/identities/TeamSpeakIdentity";
|
||||||
import { NameIdentity } from "tc-shared/profiles/identities/NameIdentity";
|
import { NameIdentity } from "tc-shared/profiles/identities/NameIdentity";
|
||||||
import { LogCategory, logDebug, logError, logTrace, logWarn } from "tc-shared/log";
|
import { LogCategory, logDebug, logError, logTrace, logWarn } from "tc-shared/log";
|
||||||
|
|
@ -14,7 +13,6 @@ import * as i18n from "tc-shared/i18n/localize";
|
||||||
import { RepositoryTranslation, TranslationRepository } from "tc-shared/i18n/localize";
|
import { RepositoryTranslation, TranslationRepository } from "tc-shared/i18n/localize";
|
||||||
import { Registry } from "tc-shared/events";
|
import { Registry } from "tc-shared/events";
|
||||||
import * as i18nc from "../../i18n/CountryFlag";
|
import * as i18nc from "../../i18n/CountryFlag";
|
||||||
import * as forum from "tc-shared/profiles/identities/teaspeak-forum";
|
|
||||||
import { formatMessage, set_icon_size } from "tc-shared/ui/frames/chat";
|
import { formatMessage, set_icon_size } from "tc-shared/ui/frames/chat";
|
||||||
import { spawnTeamSpeakIdentityImport, spawnTeamSpeakIdentityImprove } from "tc-shared/ui/modal/ModalIdentity";
|
import { spawnTeamSpeakIdentityImport, spawnTeamSpeakIdentityImprove } from "tc-shared/ui/modal/ModalIdentity";
|
||||||
import { getAudioBackend, OutputDevice } from "tc-shared/audio/Player";
|
import { getAudioBackend, OutputDevice } from "tc-shared/audio/Player";
|
||||||
|
|
@ -32,7 +30,7 @@ type ProfileInfoEvent = {
|
||||||
id: string,
|
id: string,
|
||||||
name: string,
|
name: string,
|
||||||
nickname: string,
|
nickname: string,
|
||||||
identity_type: "teaforo" | "teamspeak" | "nickname",
|
identity_type: "teamspeak" | "nickname",
|
||||||
|
|
||||||
identity_forum?: {
|
identity_forum?: {
|
||||||
valid: boolean,
|
valid: boolean,
|
||||||
|
|
@ -71,7 +69,7 @@ export interface SettingProfileEvents {
|
||||||
|
|
||||||
"select-identity-type": {
|
"select-identity-type": {
|
||||||
profile_id: string,
|
profile_id: string,
|
||||||
identity_type: "teamspeak" | "teaforo" | "nickname" | "unset"
|
identity_type: "teamspeak" | "nickname" | "unset"
|
||||||
},
|
},
|
||||||
|
|
||||||
"query-profile-validity": { profile_id: string },
|
"query-profile-validity": { profile_id: string },
|
||||||
|
|
@ -232,7 +230,6 @@ export function spawnSettingsModal(default_page?: string): Modal {
|
||||||
settings_audio_speaker(modal.htmlTag.find(".right .container.audio-speaker"), modal);
|
settings_audio_speaker(modal.htmlTag.find(".right .container.audio-speaker"), modal);
|
||||||
settings_audio_sounds(modal.htmlTag.find(".right .container.audio-sounds"), modal);
|
settings_audio_sounds(modal.htmlTag.find(".right .container.audio-sounds"), modal);
|
||||||
const update_profiles = settings_identity_profiles(modal.htmlTag.find(".right .container.identity-profiles"), modal);
|
const update_profiles = settings_identity_profiles(modal.htmlTag.find(".right .container.identity-profiles"), modal);
|
||||||
settings_identity_forum(modal.htmlTag.find(".right .container.identity-forum"), modal, update_profiles as any);
|
|
||||||
|
|
||||||
modal.close_listener.push(() => {
|
modal.close_listener.push(() => {
|
||||||
if (profiles.requires_save())
|
if (profiles.requires_save())
|
||||||
|
|
@ -880,7 +877,6 @@ export namespace modal_settings {
|
||||||
});
|
});
|
||||||
|
|
||||||
const build_profile_info = (profile: ConnectionProfile) => {
|
const build_profile_info = (profile: ConnectionProfile) => {
|
||||||
const forum_data = profile.selectedIdentity(IdentitifyType.TEAFORO) as TeaForumIdentity;
|
|
||||||
const teamspeak_data = profile.selectedIdentity(IdentitifyType.TEAMSPEAK) as TeaSpeakIdentity;
|
const teamspeak_data = profile.selectedIdentity(IdentitifyType.TEAMSPEAK) as TeaSpeakIdentity;
|
||||||
const nickname_data = profile.selectedIdentity(IdentitifyType.NICKNAME) as NameIdentity;
|
const nickname_data = profile.selectedIdentity(IdentitifyType.NICKNAME) as NameIdentity;
|
||||||
|
|
||||||
|
|
@ -889,10 +885,6 @@ export namespace modal_settings {
|
||||||
name: profile.profileName,
|
name: profile.profileName,
|
||||||
nickname: profile.defaultUsername,
|
nickname: profile.defaultUsername,
|
||||||
identity_type: profile.selectedIdentityType as any,
|
identity_type: profile.selectedIdentityType as any,
|
||||||
identity_forum: !forum_data ? undefined : {
|
|
||||||
valid: forum_data.valid(),
|
|
||||||
fallback_name: forum_data.fallback_name()
|
|
||||||
},
|
|
||||||
identity_nickname: !nickname_data ? undefined : {
|
identity_nickname: !nickname_data ? undefined : {
|
||||||
name: nickname_data.name(),
|
name: nickname_data.name(),
|
||||||
fallback_name: nickname_data.fallback_name()
|
fallback_name: nickname_data.fallback_name()
|
||||||
|
|
@ -1465,7 +1457,6 @@ export namespace modal_settings {
|
||||||
if (event.status === "success") {
|
if (event.status === "success") {
|
||||||
current_identity_type = event.info.identity_type;
|
current_identity_type = event.info.identity_type;
|
||||||
fallback_names["nickname"] = event.info.identity_nickname ? event.info.identity_nickname.fallback_name : undefined;
|
fallback_names["nickname"] = event.info.identity_nickname ? event.info.identity_nickname.fallback_name : undefined;
|
||||||
fallback_names["teaforo"] = event.info.identity_forum ? event.info.identity_forum.fallback_name : undefined;
|
|
||||||
fallback_names["teamspeak"] = event.info.identity_teamspeak ? event.info.identity_teamspeak.fallback_name : undefined;
|
fallback_names["teamspeak"] = event.info.identity_teamspeak ? event.info.identity_teamspeak.fallback_name : undefined;
|
||||||
|
|
||||||
last_name = event.info.nickname;
|
last_name = event.info.nickname;
|
||||||
|
|
@ -1722,37 +1713,6 @@ export namespace modal_settings {
|
||||||
button_improve.on('click', event => event_registry.fire("improve-identity-teamspeak-level", { profile_id: current_profile }));
|
button_improve.on('click', event => event_registry.fire("improve-identity-teamspeak-level", { profile_id: current_profile }));
|
||||||
}
|
}
|
||||||
|
|
||||||
/* special info TeaSpeak - Forum */
|
|
||||||
{
|
|
||||||
const container_settings = container.find(".container-teaforo");
|
|
||||||
const container_valid = container_settings.find(".container-valid");
|
|
||||||
const container_invalid = container_settings.find(".container-invalid");
|
|
||||||
|
|
||||||
const button_setup = container_settings.find(".button-setup");
|
|
||||||
|
|
||||||
event_registry.on("select-identity-type", event => {
|
|
||||||
if (event.profile_id !== current_profile) return;
|
|
||||||
|
|
||||||
container_settings.toggle(event.identity_type === "teaforo");
|
|
||||||
});
|
|
||||||
|
|
||||||
event_registry.on("query-profile", event => {
|
|
||||||
container_valid.toggle(false);
|
|
||||||
container_invalid.toggle(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
event_registry.on("query-profile-result", event => {
|
|
||||||
if (event.profile_id !== current_profile) return;
|
|
||||||
|
|
||||||
const valid = event.status === "success" && event.info.identity_forum && event.info.identity_forum.valid;
|
|
||||||
container_valid.toggle(!!valid);
|
|
||||||
container_invalid.toggle(!valid);
|
|
||||||
});
|
|
||||||
|
|
||||||
button_setup.on('click', event => event_registry.fire_react("setup-forum-connection"));
|
|
||||||
button_setup.toggle(settings.forum_setuppable);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* special info nickname */
|
/* special info nickname */
|
||||||
{
|
{
|
||||||
const container_settings = container.find(".container-nickname");
|
const container_settings = container.find(".container-nickname");
|
||||||
|
|
@ -1927,117 +1887,3 @@ export namespace modal_settings {
|
||||||
event_registry.fire("select-identity-type", { profile_id: "default", identity_type: undefined });
|
event_registry.fire("select-identity-type", { profile_id: "default", identity_type: undefined });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function settings_identity_forum(container: JQuery, modal: Modal, update_profiles: () => any) {
|
|
||||||
const containers_connected = container.find(".show-connected");
|
|
||||||
const containers_disconnected = container.find(".show-disconnected");
|
|
||||||
|
|
||||||
const update_state = () => {
|
|
||||||
const logged_in = forum.logged_in();
|
|
||||||
containers_connected.toggle(logged_in);
|
|
||||||
containers_disconnected.toggle(!logged_in);
|
|
||||||
|
|
||||||
if (logged_in) {
|
|
||||||
container.find(".forum-username").text(forum.data().name());
|
|
||||||
container.find(".forum-premium").text(forum.data().is_premium() ? tr("Yes") : tr("No"));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/* login */
|
|
||||||
{
|
|
||||||
const button_login = container.find(".button-login");
|
|
||||||
const input_username = container.find(".input-username");
|
|
||||||
const input_password = container.find(".input-password");
|
|
||||||
const container_error = container.find(".container-login .container-error");
|
|
||||||
|
|
||||||
const container_captcha_g = container.find(".g-recaptcha");
|
|
||||||
let captcha: boolean | string = false;
|
|
||||||
|
|
||||||
const update_button_state = () => {
|
|
||||||
let enabled = true;
|
|
||||||
enabled = enabled && !!input_password.val();
|
|
||||||
enabled = enabled && !!input_username.val();
|
|
||||||
enabled = enabled && (typeof (captcha) === "boolean" ? !captcha : !!captcha);
|
|
||||||
button_login.prop("disabled", !enabled);
|
|
||||||
};
|
|
||||||
|
|
||||||
/* username */
|
|
||||||
input_username.on('change keyup', update_button_state);
|
|
||||||
|
|
||||||
/* password */
|
|
||||||
input_password.on('change keyup', update_button_state);
|
|
||||||
|
|
||||||
button_login.on('click', event => {
|
|
||||||
input_username.prop("disabled", true);
|
|
||||||
input_password.prop("disabled", true);
|
|
||||||
button_login.prop("disabled", true);
|
|
||||||
container_error.removeClass("shown");
|
|
||||||
|
|
||||||
forum.login(input_username.val() as string, input_password.val() as string, typeof (captcha) === "string" ? captcha : undefined).then(state => {
|
|
||||||
captcha = false;
|
|
||||||
|
|
||||||
logTrace(LogCategory.GENERAL, tr("Forum login result: %o"), state);
|
|
||||||
if (state.status === "success") {
|
|
||||||
update_state();
|
|
||||||
update_profiles();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
if (!!state.error_message) /* clear password if we have an error */
|
|
||||||
input_password.val("");
|
|
||||||
input_password.focus();
|
|
||||||
update_button_state();
|
|
||||||
}, 0);
|
|
||||||
if (state.status === "captcha") {
|
|
||||||
//TODO Works currently only with localhost!
|
|
||||||
button_login.hide();
|
|
||||||
container_error.text(state.error_message || tr("Captcha required")).addClass("shown");
|
|
||||||
|
|
||||||
captcha = "";
|
|
||||||
|
|
||||||
logDebug(LogCategory.GENERAL, tr("Showing captcha for site-key: %o"), state.captcha.data);
|
|
||||||
forum.gcaptcha.spawn(container_captcha_g, state.captcha.data, token => {
|
|
||||||
captcha = token;
|
|
||||||
logTrace(LogCategory.GENERAL, tr("Got captcha token: %o"), token);
|
|
||||||
container_captcha_g.hide();
|
|
||||||
button_login.show();
|
|
||||||
update_button_state();
|
|
||||||
}).catch(error => {
|
|
||||||
logError(LogCategory.GENERAL, tr("Failed to initialize forum captcha: %o"), error);
|
|
||||||
container_error.text("Failed to initialize GReCaptcha! No authentication possible.").addClass("shown");
|
|
||||||
container_captcha_g.hide();
|
|
||||||
button_login.hide();
|
|
||||||
});
|
|
||||||
container_captcha_g.show();
|
|
||||||
} else {
|
|
||||||
container_error.text(state.error_message || tr("Unknown error")).addClass("shown");
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
|
||||||
logError(LogCategory.GENERAL, tr("Failed to login within the forum. Error: %o"), error);
|
|
||||||
createErrorModal(tr("Forum login failed."), tr("Forum login failed. Lookup the console for more information")).open();
|
|
||||||
}).then(() => {
|
|
||||||
input_username.prop("disabled", false);
|
|
||||||
input_password.prop("disabled", false);
|
|
||||||
update_button_state();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
update_button_state();
|
|
||||||
}
|
|
||||||
|
|
||||||
/* logout */
|
|
||||||
{
|
|
||||||
container.find(".button-logout").on('click', event => {
|
|
||||||
forum.logout().catch(error => {
|
|
||||||
logError(LogCategory.IDENTITIES, tr("Failed to logout from forum: %o"), error);
|
|
||||||
createErrorModal(tr("Forum logout failed"), formatMessage(tr("Failed to logout from forum account.{:br:}Error: {}"), error)).open();
|
|
||||||
}).then(() => {
|
|
||||||
if (modal.shown)
|
|
||||||
update_state();
|
|
||||||
update_profiles();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
update_state();
|
|
||||||
}
|
|
||||||
Loading…
Add table
Reference in a new issue