Removed some unused junk

canary
WolverinDEV 2020-07-18 00:18:02 +02:00
parent 52efd2fde5
commit 61de8008e5
7 changed files with 0 additions and 923 deletions

View File

@ -150,7 +150,6 @@ const loader_style = {
"css/static/modal-connect.css",
"css/static/modal-channel.css",
"css/static/modal-query.css",
"css/static/modal-volume.css",
"css/static/modal-latency.css",
"css/static/modal-invite.css",
"css/static/modal-banlist.css",

View File

@ -43,7 +43,6 @@ files=(
"css/static/modal-serverinfobandwidth.css"
"css/static/modal-serverinfo.css"
"css/static/modal-settings.css"
"css/static/modal-volume.css"
"css/static/overlay-image-preview.css"
"css/static/ts/tab.css"

View File

@ -240,793 +240,6 @@ $bot_thumbnail_height: 9em;
display: flex;
flex-direction: column;
.container-private-conversations {
height: 100%;
flex-grow: 1;
flex-shrink: 1;
display: flex;
flex-direction: row;
justify-content: stretch;
.conversation-list {
margin-right: -2px; /* the fix for the seperator with of 3px */
user-select: none;
overflow-x: hidden;
overflow-y: auto;
@include chat-scrollbar-vertical();
width: 25%;
min-width: 100px;
position: relative;
.no-chats {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
> div {
display: inline-block;
color: #5a5a5a;
}
}
.conversation-entry {
position: relative;
display: flex;
flex-direction: row;
justify-content: stretch;
cursor: pointer;
border-bottom: 1px solid #313132;
.container-avatar {
flex-grow: 0;
flex-shrink: 0;
position: relative;
display: inline-block;
margin: 5px 10px 5px 5px;
.avatar {
overflow: hidden;
width: 2em;
height: 2em;
border-radius: 50%;
}
.chat-unread {
display: none;
position: absolute;
top: 0;
right: 0;
background-color: #a81414;
width: 7px;
height: 7px;
border-radius: 50%;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.20);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.20);
}
}
&.unread {
.chat-unread {
display: block;
}
}
.info {
flex-grow: 1;
flex-shrink: 1;
min-width: 50px;
display: flex;
flex-direction: column;
justify-content: center;
> * {
flex-grow: 0;
flex-shrink: 0;
display: inline-block;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.client-name {
color: $color_client_normal;
font-weight: bold;
margin-bottom: -.4em;
}
.client-version {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.last-message {
color: #555353;
display: inline-block;
font-size: .66em;
}
}
.button-close {
font-size: 2em;
position: absolute;
right: 0;
top: 0;
bottom: 0;
opacity: 0.3;
width: .5em;
height: .5em;
&:hover {
opacity: 1;
}
@include transition(opacity $button_hover_animation_time ease-in-out);
&:before, &:after {
position: absolute;
left: .25em;
content: ' ';
height: .5em;
width: .05em;
background-color: #5a5a5a;
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
}
&:hover {
background-color: #393939;
}
&.selected {
background-color: #2c2c2c;
}
@include transition(background-color $button_hover_animation_time ease-in-out);
}
}
.conversation {
min-width: 250px;
width: 75%;
display: flex;
flex-direction: column;
justify-content: stretch;
.spacer {
min-height: 0;
flex-grow: 1;
flex-shrink: 1;
}
.container-messages {
@include user-select(none);
display: block;
&[data-simplebar] {
display: flex;
}
position: relative;
flex-grow: 0;
flex-shrink: 1;
min-height: 100px;
overflow-y: auto;
overflow-x: hidden;
.message-entry {
display: flex;
flex-direction: row;
justify-content: stretch;
.container-avatar {
flex-grow: 0;
flex-shrink: 0;
position: relative;
display: inline-block;
margin: .5em 1em .5em .5em;
.avatar {
overflow: hidden;
width: 2.5em;
height: 2.5em;
border-radius: 50%;
}
}
.container-message {
flex-grow: 1;
flex-shrink: 1;
min-width: 2em;
display: flex;
flex-direction: column;
justify-content: flex-start;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
.info {
display: block;
white-space : nowrap;
overflow : hidden;
text-overflow: ellipsis;
margin-top: .5em;
.client-name, .client-name .htmltag-client {
display: inline;
font-weight: bold;
color: $color_client_normal;
}
.timestamp {
display: inline;
font-size: 0.66em;
color: #5d5b5b;
}
}
.message {
color: #b5b5b5;
line-height: 1.1em;
word-wrap: break-word;
}
}
}
.spacer-entry {
text-align: center;
//padding: .5em 1em;
color: #565353;
&.type-disconnect_self {
color: #565353; /* not really critical at all */
}
&.type-new {
color: darkred; /* TODO: Evaluate color */
}
&.type-disconnect {
color: red; /* TODO: Evaluate color */
}
&.type-reconnect {
color: green; /* TODO: Evaluate color */
}
&.type-closed {
color: yellow; /* TODO: Evaluate color */
}
&.type-date {
color: #565353;
background-color: #353535;
z-index: 2; /* over the avatar */
position: sticky;
top: 0;
}
}
@include chat-scrollbar();
}
.chatbox {
flex-grow: 0;
flex-shrink: 0;
display: flex;
justify-content: stretch;
flex-direction: column;
min-height: 2em;
.container-typing {
font-size: .85em;
padding-left: .6em;
line-height: 1;
color: hsla(0, 0%, 30%, 1);
opacity: 1;
&.hidden {
opacity: 0;
}
@include transition($button_hover_animation_time ease-in-out);
}
}
}
.container-seperator {
z-index: 100;
height: unset!important;
width: 3px;
background-color: transparent;
border-right: 1px solid #292a2c;
}
}
.container-chatbox {
@include user-select(none);
flex-grow: 1;
flex-shrink: 0;
min-height: calc(1.5em + 10px);
height: auto; /* fallback */
height: min-content;
display: flex;
flex-direction: row;
justify-content: stretch;
width: 100%;
padding: 5px;
.container-emojis {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-right: 5px;
.button-emoji {
border-radius: 5px;
padding: 2px;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: space-around;
&:hover {
background-color: #393939;
}
@include transition(background-color $button_hover_animation_time ease-in-out);
.container-icon {
position: absolute;
display: flex;
width: calc(1.5em - 4px);
height: calc(1.5em - 4px);
> img {
height: 100%;
width: 100%;
}
}
.lsx-emojipicker-appender {
position: relative;
width: calc(1.5em - 4px);
height: calc(1.5em - 4px);
.lsx-emojipicker-container {
&:after {
right: calc(0.75em + 2px) !important
}
.lsx-emojipicker-tabs {
height: 38px;
display: flex;
flex-direction: row;
justify-content: flex-start;
li {
height: 36px;
width: 36px;
display: flex;
flex-direction: column;
justify-content: space-around;
img {
margin: 0;
}
}
}
}
}
}
}
.container-input {
display: flex;
flex-direction: column;
justify-content: stretch;
min-height: 1.5em;
width: 100%;
background-color: #464646;
border: 2px none #353535; /* background color (like no border) */
padding: 0 5px;
overflow: hidden;
border-radius: 5px;
.textarea {
@include user-select(text);
width: 100%;
resize: none;
min-height: 1.5em;
max-height: 6em;
height: 1.5em;
overflow: auto;
background-color: transparent;
padding: 0;
margin: 0;
border: none;
outline: none;
color: #a9a9a9;
@include chat-scrollbar-vertical();
}
@include placeholder(textarea) {
color: #363535;
font-style: oblique;
}
&:hover {
margin: -2px;
border: 2px solid #474747;
}
&:focus-within {
margin: -2px;
border: 2px solid #585858;
}
@include transition(border-color $button_hover_animation_time ease-in-out);
}
}
.container-channel-chat {
width: 100%;
flex-grow: 1;
flex-shrink: 1;
display: flex;
flex-direction: column;
justify-content: stretch;
/* 1.5em + 10px := chatbox; 2em chat */
min-height: calc(1.5em + 10px + 2em);
> .spacer {
min-height: 0;
flex-grow: 1;
flex-shrink: 1;
}
> .container-chat {
@include user-select(none);
padding: 5px;
display: flex;
flex-direction: column;
justify-content: stretch;
position: relative;
overflow: hidden;
flex-grow: 1;
flex-shrink: 1;
width: 100%;
min-height: 2em;
.container-channel-chat-messages {
flex-grow: 1;
flex-shrink: 1;
display: flex;
flex-direction: column;
justify-content: stretch;
min-height: 2em;
}
.container-messages {
flex-grow: 1;
flex-shrink: 1;
display: block;
&[data-simplebar] {
display: flex;
}
position: relative;
overflow-y: auto;
overflow-x: hidden;
@include chat-scrollbar();
min-height: 2em;
.message-entry {
flex-shrink: 0;
flex-grow: 0;
display: flex;
flex-direction: row;
justify-content: stretch;
.container-avatar {
flex-grow: 0;
flex-shrink: 0;
position: relative;
display: inline-block;
margin: 1em 1em .5em .5em;
.avatar {
overflow: hidden;
width: 2.5em;
height: 2.5em;
border-radius: 50%;
}
}
.container-message {
flex-grow: 0;
flex-shrink: 1;
min-width: 2em;
position: relative;
display: inline-flex;
flex-direction: column;
justify-content: flex-start;
@include user-select(text);
background: #303030;
border-radius: 6px 6px 6px 6px;
margin-top: .5em;
padding: .5em;
.info {
display: block;
white-space : nowrap;
overflow : hidden;
text-overflow: ellipsis;
.client-name, .client-name .htmltag-client {
display: inline;
font-weight: bold;
color: $color_client_normal;
}
.timestamp {
display: inline;
font-size: 0.66em;
color: #5d5b5b;
}
.button-delete {
width: 1.1em;
cursor: pointer;
display: inline-block;
align-self: auto;
opacity: .25;
> img {
vertical-align: text-top;
}
&:hover {
opacity: 1;
}
@include transform(opacity $button_hover_animation_time ease-in-out);
}
}
.message {
color: #b5b5b5;
line-height: 1.1em;
word-wrap: break-word;
.htmltag-client, .htmltag-channel {
display: inline;
font-weight: bold;
color: $color_client_normal;
}
}
&:before {
position: absolute;
content: ' ';
width: 1em;
height: 1em;
margin-left: calc(-.5em - 1em);
border-top: .5em solid transparent;
border-right: .75em solid #303030;
border-bottom: .5em solid transparent;
top: 1.25em;
}
}
}
.spacer-entry {
text-align: center;
//padding: .5em 1em;
color: #565353;
&.type-new {
color: darkred; /* TODO: Evaluate color */
}
&.type-old {
opacity: 0;
cursor: pointer;
pointer-events: none;
height: 0;
@include transition(opacity .25s ease-in-out);
&.shown {
height: unset;
cursor: pointer;
pointer-events: all;
opacity: 1;
@include transition(opacity .25s ease-in-out);
}
}
}
}
.new-message {
flex-grow: 0;
flex-shrink: 0;
position: absolute;
bottom: 0;
right: 0;
left: 0;
display: block;
text-align: center;
width: 100%;
color: #8b8b8b;
background: #353535; /* if we dont support gradients */
background: linear-gradient(rgba(53, 53, 53, 0) 10%, #353535 70%);
pointer-events: none;
opacity: 0;
@include transition(opacity .25s ease-in-out);
&.shown {
cursor: pointer;
pointer-events: all;
opacity: 1;
@include transition(opacity .25s ease-in-out);
}
}
.no-permissions, .private-conversation, .not-supported {
flex-grow: 0;
flex-shrink: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
text-align: center;
width: 100%;
color: #5a5a5a;
background: #353535;
display: flex;
flex-direction: column;
justify-content: center;
> div {
display: inline-block;
}
}
}
> .container-chatbox {
flex-grow: 0;
flex-shrink: 0;
min-height: 2em;
}
}
.container-client-info {
position: relative;
@ -1386,78 +599,6 @@ $bot_thumbnail_height: 9em;
}
}
.container-private-conversations, .container-channel-chat {
.container-message .emoji {
height: 1.1em;
width: 1.1em;
margin-left: .1em;
margin-right: .1em;
vertical-align: text-bottom;
}
}
.container-format-helper {
flex-shrink: 0;
flex-grow: 0;
min-height: unset;
height: initial;
color: #555555;
font-size: .8em;
text-align: right;
margin: -3px 2px 2px 2.5em;
@include text-dotdotdot();
@include transition($button_hover_animation_time ease-in-out);
max-height: 2em; /* for a smooth transition */
&.hidden {
max-height: 0;
}
}
/* special xbbcode formats */
.container-message .message {
hr {
border: none;
border-top: .125em solid #555;
margin-top: .1em;
margin-bottom: .1em;
}
table {
th, td {
border-color: #1e2025;
}
tr {
background-color: #303036;
}
tr:nth-child(2n) {
background-color: #25252a;
}
}
.xbbcode-tag-img {
padding: .25em;
border-radius: .25em;
overflow: hidden;
max-width: 20em;
max-height: 20em;
img {
width: 100%;
height: 100%;
}
}
}
.container-music-info {
position: relative;

View File

@ -83,8 +83,6 @@ html:root {
}
> .channel-tree {
padding-top: 5px;
min-height: 5em;
flex-grow: 1;

View File

@ -1,49 +0,0 @@
@import "mixin";
.modal-body.modal-volume {
@include user-select(none);
.info {
display: flex;
flex-direction: row;
justify-content: stretch;
.htmltag-client {
color: var(--text)!important;
margin-left: .25em;
}
div {
display: flex;
flex-direction: row;
justify-content: stretch;
}
.value {
margin-left: .25em;
}
}
.container-slider {
margin-top: 1em;
}
.buttons {
display: flex;
flex-direction: row;
justify-content: stretch;
margin-top: 2em;
.spacer {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
}
button:not(:last-of-type) {
margin-right: 1em;
}
}
}

View File

@ -5,7 +5,6 @@ import {ChannelEntry} from "tc-shared/ui/channel";
import {ServerEntry} from "tc-shared/ui/server";
import {openMusicManage} from "tc-shared/ui/modal/ModalMusicManage";
import {formatMessage} from "tc-shared/ui/frames/chat";
import {PrivateConverations} from "tc-shared/ui/frames/side/private_conversations_old";
import {ClientInfo} from "tc-shared/ui/frames/side/client_info";
import {MusicInfo} from "tc-shared/ui/frames/side/music_info";
import {ConversationManager} from "tc-shared/ui/frames/side/ConversationManager";

View File

@ -24,16 +24,6 @@ export class ConnectionManager {
private _tag_button_scoll_right: JQuery;
private _tag_button_scoll_left: JQuery;
private default_server_state: {
microphone_disabled: boolean,
speaker_disabled: boolean,
away: string | boolean
} = {
away: false,
speaker_disabled: false,
microphone_disabled: false
};
constructor(tag: JQuery) {
this.event_registry = new Registry<ConnectionManagerEvents>();
this.event_registry.enable_debug("connection-manager");