MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

add titles to iframes, keep one h1 in app and switch headings to similarly styled divs

This commit is contained in:
mchouliara 2024-09-18 09:45:31 +03:00
parent 39a9afe1d5
commit 2146c564b7
17 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/ui/about/about.component.html
View File

@ -1,5 +1,5 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<iframe *ngIf="aboutHTMLUrl" class="iframe" [src]="aboutHTMLUrl"></iframe> <iframe *ngIf="aboutHTMLUrl" title="about" class="iframe" [src]="aboutHTMLUrl"></iframe>
</div> </div>
</div> </div>

2
frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.html
View File

@ -1,7 +1,7 @@
<div class="user-invite-to-tenant-dialog container-fluid" *ngIf="formGroup"> <div class="user-invite-to-tenant-dialog container-fluid" *ngIf="formGroup">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col"> <div class="col">
<h1 class="title">{{'USER-INVITE-TO-TENANT-DIALOG.TITLE' | translate}}</h1> <div class="title">{{'USER-INVITE-TO-TENANT-DIALOG.TITLE' | translate}}</div>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<button mat-icon-button (click)="closeDialog()"><mat-icon>close</mat-icon></button> <button mat-icon-button (click)="closeDialog()"><mat-icon>close</mat-icon></button>

2
frontend/src/app/ui/contact/contact-content/contact-content.component.html
View File

@ -2,7 +2,7 @@
<div [ngClass]="{'container contact-component': !isDialog}"> <div [ngClass]="{'container contact-component': !isDialog}">
<div *ngIf="!isDialog" class="row"> <div *ngIf="!isDialog" class="row">
<div class="col-md-12"> <div class="col-md-12">
<h1>{{ 'CONTACT.SUPPORT.TITLE' | translate}}</h1> <div class="title">{{ 'CONTACT.SUPPORT.TITLE' | translate}}</div>
</div> </div>
</div> </div>
<div [ngClass]="{'contact-container': !isDialog}" class="row"> <div [ngClass]="{'contact-container': !isDialog}" class="row">

3
frontend/src/app/ui/contact/contact-content/contact-content.component.scss
View File

@ -1,6 +1,7 @@
h1 { .title {
text-align: center; text-align: center;
margin: 2rem 0 1rem 0; margin: 2rem 0 1rem 0;
font-size: 3.3125rem;
} }
img { img {

2
frontend/src/app/ui/faq/faq-content/faq-content.component.html
View File

@ -1,7 +1,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12 pr-0"> <div class="col-12 pr-0">
<iframe *ngIf="faqHTMLUrl" class="iframe" [src]="faqHTMLUrl"></iframe> <iframe *ngIf="faqHTMLUrl" title="FAQ content" class="iframe" [src]="faqHTMLUrl"></iframe>
</div> </div>
</div> </div>
</div> </div>

2
frontend/src/app/ui/glossary/glossary-content/glossary-content.component.html
View File

@ -1,5 +1,5 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<iframe *ngIf="glossaryHTMLUrl" class="iframe" [src]="glossaryHTMLUrl"></iframe> <iframe *ngIf="glossaryHTMLUrl" class="iframe" title="glossary content" [src]="glossaryHTMLUrl"></iframe>
</div> </div>
</div> </div>

10
frontend/src/app/ui/navbar/navbar.component.html
View File

@ -1,14 +1,16 @@
<ng-container> <ng-container>
<nav class="navbar navbar-expand-lg fixed-navbar"> <nav class="navbar navbar-expand-lg fixed-navbar">
<div class="container-fluid h-100"> <div class="container-fluid h-100">
<button class="hamburger change" id="hamburger" (click)="toggleMyNav($event)" title="hide or show navigation sidebar"> <button class="hamburger change" id="hamburger" (click)="toggleMyNav($event)" aria-label="hide or show navigation sidebar">
<div class="icon-bar1"></div> <div class="icon-bar1"></div>
<div class="icon-bar2"></div> <div class="icon-bar2"></div>
<div class="icon-bar3"></div> <div class="icon-bar3"></div>
</button> </button>
<a class="logo mr-auto" [routerLink]="routerUtils.generateUrl(['home'])"> <h1 class="logo mr-auto" >
<a [routerLink]="routerUtils.generateUrl(['home'])">
<img class="logo-image" alt="go to homepage" [src]="'../../../assets/images/nav-logo' + configurationService.navLogoExtension"> <img class="logo-image" alt="go to homepage" [src]="'../../../assets/images/nav-logo' + configurationService.navLogoExtension">
</a> </a>
</h1>
@if(extraImageURL){ @if(extraImageURL){
<a class="extra-logo" [routerLink]="routerUtils.generateUrl(['home'])" aria-label="home"> <a class="extra-logo" [routerLink]="routerUtils.generateUrl(['home'])" aria-label="home">
<img alt="logo image" class="extra-logo-image" [src]="extraImageURL"> <img alt="logo image" class="extra-logo-image" [src]="extraImageURL">
@ -40,7 +42,7 @@
<li class="navbar-item-lg" *ngIf="isAuthenticated()"> <li class="navbar-item-lg" *ngIf="isAuthenticated()">
<button mat-button [matMenuTriggerFor]="tenantMenu" class="p-0 lang" aria-label="tenants"> <button mat-button [matMenuTriggerFor]="tenantMenu" class="p-0 lang" aria-label="tenants">
<mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon> <mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon>
<mat-icon class="m-0">arrow_drop_down</mat-icon> <mat-icon class="m-0" aria-hidden>arrow_drop_down</mat-icon>
</button> </button>
<mat-menu #tenantMenu="matMenu" class="nav-mat-menu"> <mat-menu #tenantMenu="matMenu" class="nav-mat-menu">
<app-tenant-switch class="d-lg-block d-none"></app-tenant-switch> <app-tenant-switch class="d-lg-block d-none"></app-tenant-switch>
@ -51,7 +53,7 @@
<app-language (languageChange)="getLanguage($event)"></app-language> <app-language (languageChange)="getLanguage($event)"></app-language>
</mat-menu> </mat-menu>
<button mat-icon-button matTooltip="{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}" (click)="toggleInAppNotifications()" aria-label="notifications"> <button mat-icon-button matTooltip="{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}" (click)="toggleInAppNotifications()" aria-label="notifications">
<mat-icon aria-hidden="true" [matBadge]="inAppNotificationCount" [matBadgeHidden]="inAppNotificationCount <= 0" matBadgeColor="warn">mail</mat-icon> <mat-icon aria-hidden [matBadge]="inAppNotificationCount" [matBadgeHidden]="inAppNotificationCount <= 0" matBadgeColor="warn">mail</mat-icon>
</button> </button>
</li> </li>

2
frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.html
View File

@ -1,7 +1,7 @@
<div class="plan-invitation-dialog container-fluid" *ngIf="formGroup"> <div class="plan-invitation-dialog container-fluid" *ngIf="formGroup">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col"> <div class="col">
<h1 class="title">{{'PLAN-USER-INVITATION-DIALOG.TITLE' | translate}}</h1> <div class="title">{{'PLAN-USER-INVITATION-DIALOG.TITLE' | translate}}</div>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<button mat-icon-button (click)="closeDialog()"><mat-icon>close</mat-icon></button> <button mat-icon-button (click)="closeDialog()"><mat-icon>close</mat-icon></button>

2
frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.html
View File

@ -8,7 +8,7 @@
<div class="content"> <div class="content">
<div class="col-12 p-0"> <div class="col-12 p-0">
<h1 class="title p-0">{{'START-NEW-PLAN-DIALOG.TITLE' | translate}}</h1> <div class="title p-0">{{'START-NEW-PLAN-DIALOG.TITLE' | translate}}</div>
</div> </div>
<div class="col-12 p-0"> <div class="col-12 p-0">
<p class="text">{{'START-NEW-PLAN-DIALOG.MESSAGE' | translate}}</p> <p class="text">{{'START-NEW-PLAN-DIALOG.MESSAGE' | translate}}</p>

2
frontend/src/app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.component.html
View File

@ -1,5 +1,5 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<iframe *ngIf="cookiePolicyHTMLUrl" class="iframe" [src]="cookiePolicyHTMLUrl"></iframe> <iframe *ngIf="cookiePolicyHTMLUrl" class="iframe" title="cookie policy" [src]="cookiePolicyHTMLUrl"></iframe>
</div> </div>
</div> </div>

2
frontend/src/app/ui/sidebar/sidebar-footer/opensource-licences/opensource-licences.component.html
View File

@ -1,7 +1,7 @@
<div class="container terms-component"> <div class="container terms-component">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h1>{{ 'OPENSOURCE-LICENCES.TITLE' | translate}}</h1> <div class="title">{{ 'OPENSOURCE-LICENCES.TITLE' | translate}}</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">

3
frontend/src/app/ui/sidebar/sidebar-footer/opensource-licences/opensource-licences.component.scss
View File

@ -1,6 +1,7 @@
h1 { .title {
text-align: center; text-align: center;
margin: 2rem 0 1rem 0; margin: 2rem 0 1rem 0;
font-size: 3.3125rem;
} }
h4 { h4 {

2
frontend/src/app/ui/sidebar/sidebar-footer/privacy/privacy.component.html
View File

@ -1,7 +1,7 @@
<div class="container privacy-component"> <div class="container privacy-component">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h1>{{ 'PRIVACY-POLICY.TITLE' | translate}}</h1> <div class="title">{{ 'PRIVACY-POLICY.TITLE' | translate}}</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">

3
frontend/src/app/ui/sidebar/sidebar-footer/privacy/privacy.component.scss
View File

@ -1,5 +1,6 @@
h1 { .title {
text-align: center; text-align: center;
font-size: 3.3125rem;
} }
img { img {

2
frontend/src/app/ui/sidebar/sidebar-footer/terms/terms.component.html
View File

@ -1,5 +1,5 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<iframe *ngIf="termsHTMLUrl" class="iframe" [src]="termsHTMLUrl"></iframe> <iframe *ngIf="termsHTMLUrl" class="iframe" title="terms of service" [src]="termsHTMLUrl"></iframe>
</div> </div>
</div> </div>

4
frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.html
View File

@ -1,11 +1,11 @@
<div class="container-fluid"> <div class="container-fluid">
<div *ngIf="!isDialog" class="row"> <div *ngIf="!isDialog" class="row">
<div class="col-md-12"> <div class="col-md-12">
<h1>{{ 'GUIDE.TITLE' | translate}}</h1> <div class="title">{{ 'GUIDE.TITLE' | translate}}</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<iframe *ngIf="!useInnerHTML && guideHTMLUrl" class="iframe" id='userguide' [src]="guideHTMLUrl" (load)="onIFrameLoad(iframe)" #iframe></iframe> <iframe *ngIf="!useInnerHTML && guideHTMLUrl" class="iframe" id='userguide' [src]="guideHTMLUrl" title="user guide" (load)="onIFrameLoad(iframe)" #iframe></iframe>
<span #guide *ngIf="useInnerHTML" id='userguide' [innerHTML]="guideHTML"></span> <span #guide *ngIf="useInnerHTML" id='userguide' [innerHTML]="guideHTML"></span>
</div> </div>
</div> </div>

3
frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss
View File

@ -17,7 +17,8 @@
cursor: pointer !important; cursor: pointer !important;
} }
h1 { .title {
text-align: center; text-align: center;
margin: 2rem 0 0 0; margin: 2rem 0 0 0;
font-size: 3.3125rem;
} }