Chneemann/dabubble
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

clean code

Browse source
This commit is contained in:
Chneemann 2024-06-01 13:35:29 +02:00
parent 35b62c88fe
commit 951906335a
28 changed files with 45 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/main-chat/channel-informations/channel-informations.component.scss
View file

@ -1,4 +1,4 @@
@import "./../../../../styles.scss";
@import "./../../../../assets/mixins/responsive.scss";
.menu {
position: absolute;

4
src/app/components/main-chat/chat-content/chat-content.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
section {
display: flex;
@ -52,7 +52,7 @@ section {
section {
height: calc(100vh - 144px);
}
.privatChatHeight {
height: calc(100vh - 158px);
}

2
src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
section {
width: auto;

2
src/app/components/main-chat/info/info.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
section {
padding: 32px 48px;

2
src/app/components/main-chat/main-chat.component.scss
View file

@ -1,4 +1,4 @@
@import "./../../../styles.scss";
@import "./../../../assets/mixins/responsive.scss";
section {
height: 100%;

2
src/app/components/main-chat/show-channel-member/open-send-prv-message-window/open-send-prv-message-window.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../../styles.scss";
@import "../../../../../assets/mixins/responsive.scss";
.darkBackground {
position: absolute;

2
src/app/components/main-chat/show-channel-member/show-channel-member.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
.darkBackground {
position: absolute;

4
src/app/components/main-chat/single-chat/attachments/attachments.component.html
View file

@ -5,7 +5,6 @@
<img
src="{{ imageUrl }}"
alt="image"
loading="lazy"
[ngStyle]="{
height:
openOnSecondaryChat && viewWidth >= RESPONSIVE_THRESHOLD
@ -20,7 +19,6 @@
class="otherFiles"
src="./assets/img/attachments/{{ getFileType(imageUrl) }}.png"
alt="image"
loading="lazy"
[ngStyle]="{
height:
openOnSecondaryChat && viewWidth >= RESPONSIVE_THRESHOLD
@ -33,7 +31,6 @@
controls
preload="auto"
src="{{ imageUrl }}"
loading="lazy"
[ngStyle]="{
width:
openOnSecondaryChat && viewWidth >= RESPONSIVE_THRESHOLD
@ -46,7 +43,6 @@
<video
src="{{ imageUrl }}"
alt="video"
loading="lazy"
[ngStyle]="{
height:
openOnSecondaryChat && viewWidth >= RESPONSIVE_THRESHOLD

2
src/app/components/main-chat/single-chat/attachments/attachments.component.scss
View file

@ -1,4 +1,4 @@
@import "./../../../../../styles.scss";
@import "./../../../../../assets/mixins/responsive.scss";
.files {
display: flex;

8
src/app/components/main-chat/single-chat/attachments/attachments.component.ts
View file

@ -28,7 +28,13 @@ export class AttachmentsComponent {
RESPONSIVE_THRESHOLD = this.sharedService.RESPONSIVE_THRESHOLD;
async ngOnInit() {}
async ngOnInit() {
if (this.filePath) {
this.imageUrl = await this.downloadFilesService.downloadFiles(
this.filePath
);
}
}
// Type of files:
// Img: PNG, GIF, JPG, JPEG

2
src/app/components/main-chat/single-chat/edit-msg/edit-msg.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../../styles.scss";
@import "../../../../../assets/mixins/responsive.scss";
form {
position: relative;

2
src/app/components/main-chat/single-chat/options-menu/options-menu.component.scss
View file

@ -1,4 +1,4 @@
@import "./../../../../../styles.scss";
@import "./../../../../../assets/mixins/responsive.scss";
.content {
display: flex;

2
src/app/components/main-chat/single-chat/reaction-emojis/reaction-emojis.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../../styles.scss";
@import "../../../../../assets/mixins/responsive.scss";
section {
display: flex;

2
src/app/components/main-chat/single-chat/single-chat.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
section {
display: flex;

2
src/app/components/main/main.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../styles.scss";
@import "../../../assets/mixins/responsive.scss";
app-header {
display: block;

2
src/app/components/secondary-chat/secondary-chat.component.scss
View file

@ -1,4 +1,4 @@
@import "./../../../styles.scss";
@import "./../../../assets/mixins/responsive.scss";
section {
height: 100%;

2
src/app/components/sidebar/show-all-users/show-all-users.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
section {
position: absolute;

2
src/app/components/sidebar/sidebar-channels/add-new-channel/add-new-channel.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../../styles.scss";
@import "../../../../../assets/mixins/responsive.scss";
.darkBackground {
position: absolute;

2
src/app/components/sidebar/sidebar-channels/sidebar-channels.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
section {
display: flex;

5
src/app/components/sidebar/sidebar-direct-messages-user/sidebar-direct-messages-user.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
section {
display: flex;
@ -51,9 +51,8 @@ section {
border-radius: 36px;
}
@media screen and (max-width: $RESPONSIVE_THRESHOLD_MOBILE380px) {
section {
max-height: 22vh;
}
}
}

2
src/app/components/sidebar/sidebar.component.scss
View file

@ -1,4 +1,4 @@
@import "./../../../styles.scss";
@import "./../../../assets/mixins/responsive.scss";
section {
height: 100%;

1
src/app/interface/channel.interface.ts
View file

@ -1,6 +1,7 @@
export const publicChannels: string[] = [
'ktoVhTjif9OndCsLfEF7',
't0zOHsjKzq0uYSqsMx8j',
'UVeEk7NxpRZjdaNdNWom',
];
export interface Channel {
id?: string;

2
src/app/shared/components/header/edit-user/edit-user-details/edit-user-details.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../../../styles.scss";
@import "../../../../../../assets/mixins/responsive.scss";
.whiteBox {
width: 400px;

2
src/app/shared/components/header/edit-user/edit-user.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../../styles.scss";
@import "../../../../../assets/mixins/responsive.scss";
.grayBackground {
position: absolute;

2
src/app/shared/components/header/header.component.scss
View file

@ -1,4 +1,4 @@
@import "../../../../styles.scss";
@import "../../../../assets/mixins/responsive.scss";
header {
height: 100%;

2
src/app/shared/components/header/search-bar/search-bar.component.scss
View file

@ -1,4 +1,4 @@
@import "./../../../../../styles.scss";
@import "./../../../../../assets/mixins/responsive.scss";
.inputPosition {
@include displayFlex();

12
src/assets/mixins/responsive.scss Normal file
View file

@ -0,0 +1,12 @@
$RESPONSIVE_THRESHOLD_MOBILE380px: 380px;
$RESPONSIVE_THRESHOLD_MOBILE: 600px;
$RESPONSIVE_THRESHOLD: 1300px;
$RESPONSIVE_THRESHOLD_MAX: 1900px;
$RESPONSIVE_THRESHOLD_SEARCHBAR: 1100px;
@mixin displayFlex($d: flex, $j: center, $a: center, $g: 0) {
display: $d;
justify-content: $j;
align-items: $a;
gap: $g;
}

6
src/styles.scss
View file

@ -1,9 +1,3 @@
$RESPONSIVE_THRESHOLD_MOBILE380px: 380px;
$RESPONSIVE_THRESHOLD_MOBILE: 600px;
$RESPONSIVE_THRESHOLD: 1300px;
$RESPONSIVE_THRESHOLD_MAX: 1900px;
$RESPONSIVE_THRESHOLD_SEARCHBAR: 1100px;
* {
margin: 0;
scroll-behavior: smooth;