diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html index f5764f81..d4d9f31e 100644 --- a/src/app/components/floating-column/settings/settings.component.html +++ b/src/app/components/floating-column/settings/settings.component.html @@ -69,13 +69,13 @@ add - + - + (change)="onDisableLangAutodetectChanged()" type="checkbox" name="disableLangAutodetec" + value="disableLangAutodetec" id="disableLangAutodetec"> +

Twitter Bridge

@@ -167,7 +167,8 @@ - +
loading behavior:
@@ -194,7 +195,8 @@ - +
@@ -207,6 +209,11 @@
+ + +

About

diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts index 89d4e178..090911aa 100644 --- a/src/app/components/floating-column/settings/settings.component.ts +++ b/src/app/components/floating-column/settings/settings.component.ts @@ -30,6 +30,7 @@ export class SettingsComponent implements OnInit, OnDestroy { disableAvatarNotificationsEnabled: boolean; disableSoundsEnabled: boolean; disableLangAutodetectEnabled: boolean; + enableAltLabelEnabled: boolean; version: string; hasPleromaAccount: boolean; @@ -148,6 +149,7 @@ export class SettingsComponent implements OnInit, OnDestroy { this.configuredLangs = this.languageService.getConfiguredLanguages(); this.disableLangAutodetectEnabled = settings.disableLangAutodetec; + this.enableAltLabelEnabled = settings.enableAltLabel; } ngOnDestroy(): void { @@ -275,6 +277,14 @@ export class SettingsComponent implements OnInit, OnDestroy { return false; } + + onEnableAltLabelChanged(){ + this.notifyRestartNeeded(); + let settings = this.settingsService.getSettings(); + settings.enableAltLabel = this.enableAltLabelEnabled; + this.settingsService.saveSettings(settings); + } + onDisableLangAutodetectChanged() { this.notifyRestartNeeded(); let settings = this.settingsService.getSettings(); diff --git a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.html b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.html index 10275faa..957bb122 100644 --- a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.html +++ b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.html @@ -1,4 +1,5 @@ -
+
+
ALT
diff --git a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss index f270e80a..44a95067 100644 --- a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss +++ b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss @@ -29,6 +29,24 @@ opacity: 1; cursor: pointer; } + + &__alt { + display: inline; + color: white; + + z-index: 10; + + position: absolute; + bottom: 5px; + left: 5px; + + font-size: 10px; + font-weight: bolder; + + background-color: rgba($color: #000000, $alpha: 0.5); + border-radius: 3px; + padding: 2px 5px; + } } img, diff --git a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts index 052cc501..2568f66b 100644 --- a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts +++ b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts @@ -1,6 +1,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; import { faLink } from "@fortawesome/free-solid-svg-icons"; +import { SettingsService } from '../../../../../services/settings.service'; import { Attachment } from '../../../../../services/models/mastodon.interfaces'; @Component({ @@ -10,11 +11,16 @@ import { Attachment } from '../../../../../services/models/mastodon.interfaces'; }) export class AttachementImageComponent implements OnInit { faLink = faLink; + displayAltLabel: boolean; @Input() attachment: Attachment; @Output() openEvent = new EventEmitter(); - constructor() { } + constructor( + private readonly settingsService: SettingsService + ) { + this.displayAltLabel = this.settingsService.getSettings().enableAltLabel; + } ngOnInit() { } diff --git a/src/app/states/settings.state.ts b/src/app/states/settings.state.ts index 84a4c104..03e2543d 100644 --- a/src/app/states/settings.state.ts +++ b/src/app/states/settings.state.ts @@ -85,6 +85,8 @@ export class GlobalSettings { configuredLanguages: ILanguage[] = []; selectedLanguage: ILanguage; disableLangAutodetec: boolean; + + enableAltLabel: boolean; } export interface ILanguage { @@ -183,6 +185,7 @@ export class SettingsState { newSettings.configuredLanguages = oldSettings.configuredLanguages; newSettings.selectedLanguage = oldSettings.selectedLanguage; newSettings.disableLangAutodetec = oldSettings.disableLangAutodetec; + newSettings.enableAltLabel = oldSettings.enableAltLabel; return newSettings; }