shaba/openuds-gui
1
0
Fork 0
mirror of https://github.com/dkmstr/openuds-gui.git synced 2025-03-07 16:58:23 +03:00
Code Releases Activity

upgrading to angular 17

Browse Source
This commit is contained in:
Adolfo Gómez García 2024-01-16 05:01:54 +01:00
parent 7553a2d11d
commit 7ca118e085
No known key found for this signature in database
GPG Key ID: DD1ABF20724CDA23
5 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/gui/navbar/navbar.component.html
View File

@ -1,6 +1,6 @@
<ng-container *ngIf="api.config.urls.launch === ''">
<!-- Lang change form -->
<form id="form_language" action="{{ api.config.urls.changeLang }}" method="post">
<form id="form_language" action="{{ api.config.urls.change_language }}" method="post">
<input type="hidden" name="{{ api.csrfField }}" value="{{ api.csrfToken }}">
<input id="id_language" type="hidden" name="language" value="{{ lang.id }}" />
</form>

3
src/app/gui/navbar/navbar.component.scss
View File

@ -1,7 +1,10 @@
@import "globals.scss";
.uds-nav {
position: fixed;
top: 0;
z-index: 1000;
background-image: $bg-title;
}
.fill-remaining-space {

2
src/app/types/config.ts
View File

@ -17,7 +17,7 @@ export interface Authenticator {
// URLs related, remember that only NEEDED elements are declared, but more elements are available
export interface UDSUrls {
readonly static: string;
readonly changeLang: string;
readonly change_language: string;
readonly login: string;
readonly mfa: string;
readonly logout: string;

26
src/globals.scss
View File

@ -1,26 +1,33 @@
@import '@angular/material/theming';
@include mat-core();
$angular-primary: mat-palette($mat-indigo, 500, 100, 900);
$angular-accent: mat-palette($mat-pink, A200, A100, A400);
$angular-warn: mat-palette($mat-red);
@use '@angular/material' as mat;
$angular-default-theme: mat-light-theme(
@include mat.core();
$angular-primary: mat.define-palette(mat.$indigo-palette, 500, 100, 900);
$angular-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
// The "warn" palette is optional and defaults to red if not specified.
$angular-warn: mat.define-palette(mat.$red-palette);
$angular-default-theme: mat.define-light-theme(
(
color: (
primary: $angular-primary,
accent: $angular-accent,
warn: $angular-warn,
),
typography: mat.define-typography-config(),
density: 0,
)
);
$angular-dark-theme: mat-dark-theme(
$angular-dark-theme: mat.define-dark-theme(
(
color: (
primary: $angular-primary,
accent: $angular-accent,
warn: $angular-warn,
),
typography: mat.define-typography-config(),
density: 0,
)
);
@ -29,3 +36,8 @@ $fg-default: map-get(map-get($angular-default-theme, foreground), base);
$bg-dark: map-get(map-get($angular-dark-theme, background), background);
$fg-dark: map-get(map-get($angular-dark-theme, foreground), base);
// Set variables for several backgrounds
$bg-title: linear-gradient(60deg, rgb(75, 82, 102), rgb(70, 93, 156));
$bg-button: linear-gradient(60deg, rgb(75, 82, 102), rgb(70, 93, 156));
$bg-tab: linear-gradient(60deg, rgb(75, 82, 102), rgb(70, 93, 156));

6
src/styles.scss
View File

@ -1,7 +1,9 @@
@use '@angular/material' as mat;
@import 'globals.scss';
/* Default, light theme */
@include angular-material-theme($angular-default-theme);
@include mat.all-component-themes($angular-default-theme);
/* Cookie consent */
@import '~cookieconsent/build/cookieconsent.min.css';
@ -49,7 +51,7 @@ i.material-icons {
}
.dark-theme {
@include angular-material-color($angular-dark-theme);
@include mat.all-component-colors($angular-dark-theme);
html,
body {