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 957bb122..72ccc2ac 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,5 +1,8 @@
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 44a95067..267d24e5 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
@@ -25,11 +25,31 @@
// }
}
+ &__status {
+ z-index: 10;
+ position: absolute;
+ top: 0;
+ right: 25px;
+ padding: 5px 5px 8px 8px;
+ transition: all .2s;
+ opacity: 0;
+ color: white;
+
+ &--icon {
+ filter: drop-shadow(0 0 3px rgb(78, 78, 78));
+ }
+ }
+
&:hover &__link {
opacity: 1;
cursor: pointer;
}
+ &:hover &__status {
+ opacity: 1;
+ cursor: pointer;
+ }
+
&__alt {
display: inline;
color: white;
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 2568f66b..b584be61 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,8 +1,10 @@
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
-import { faLink } from "@fortawesome/free-solid-svg-icons";
+import { faLink, faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
import { SettingsService } from '../../../../../services/settings.service';
import { Attachment } from '../../../../../services/models/mastodon.interfaces';
+import { StatusWrapper } from '../../../../../models/common.model';
+import { OpenThreadEvent } from '../../../../../services/tools.service';
@Component({
selector: 'app-attachement-image',
@@ -11,10 +13,13 @@ import { Attachment } from '../../../../../services/models/mastodon.interfaces';
})
export class AttachementImageComponent implements OnInit {
faLink = faLink;
+ faExternalLinkAlt = faExternalLinkAlt;
displayAltLabel: boolean;
@Input() attachment: Attachment;
+ @Input() status: StatusWrapper;
@Output() openEvent = new EventEmitter();
+ @Output() browseThreadEvent = new EventEmitter
();
constructor(
private readonly settingsService: SettingsService
@@ -34,4 +39,13 @@ export class AttachementImageComponent implements OnInit {
window.open(this.attachment.url, '_blank');
return false;
}
+
+ openStatus(): boolean {
+ if(!this.status) return false;
+
+ const openThreadEvent = new OpenThreadEvent(this.status.status, this.status.provider);
+ this.browseThreadEvent.next(openThreadEvent);
+
+ return false;
+ }
}
diff --git a/src/app/components/stream/user-profile/user-profile.component.html b/src/app/components/stream/user-profile/user-profile.component.html
index e9061ef8..c6111381 100644
--- a/src/app/components/stream/user-profile/user-profile.component.html
+++ b/src/app/components/stream/user-profile/user-profile.component.html
@@ -210,7 +210,7 @@