display column names in footer

src/app/components/floating-column/manage-account/manage-account.component.ts

@@ -5,28 +5,29 @@ import { AccountsStateModel, AccountInfo } from '../../../states/accounts.state'
 import { AccountWrapper } from '../../../models/account.models';
 
 @Component({
-  selector: 'app-manage-account',
-  templateUrl: './manage-account.component.html',
-  styleUrls: ['./manage-account.component.scss']
+    selector: 'app-manage-account',
+    templateUrl: './manage-account.component.html',
+    styleUrls: ['./manage-account.component.scss']
 })
 export class ManageAccountComponent implements OnInit {
-  @Input() account: AccountWrapper;
+    @Input() account: AccountWrapper;
 
-  availableStreams: StreamElement[] = [];
+    availableStreams: StreamElement[] = [];
 
-  constructor(private readonly store: Store) { }
+    constructor(private readonly store: Store) { }
 
-  ngOnInit() {
-    this.availableStreams.length = 0;
-    this.availableStreams.push(new StreamElement(StreamTypeEnum.global, 'Global Timeline', this.account.info.id, null, null));
-    this.availableStreams.push(new StreamElement(StreamTypeEnum.local, 'Local Timeline', this.account.info.id, null, null));
-    this.availableStreams.push(new StreamElement(StreamTypeEnum.personnal, 'Personnal Timeline', this.account.info.id, null, null));
-  }
-
-  addStream(stream: StreamElement): boolean {
-    if (stream) {
-      this.store.dispatch([new AddStream(stream)]);
+    ngOnInit() {
+        const instance = this.account.info.instance;
+        this.availableStreams.length = 0;
+        this.availableStreams.push(new StreamElement(StreamTypeEnum.global, 'Federated Timeline', this.account.info.id, null, null, `federate@${instance}`));
+        this.availableStreams.push(new StreamElement(StreamTypeEnum.local, 'Local Timeline', this.account.info.id, null, null, `local@${instance}`));
+        this.availableStreams.push(new StreamElement(StreamTypeEnum.personnal, 'Home', this.account.info.id, null, null, `home@${instance}`));
+    }
+
+    addStream(stream: StreamElement): boolean {
+        if (stream) {
+            this.store.dispatch([new AddStream(stream)]);
+        }
+        return false;
     }
-    return false;
-  }
 }

src/app/components/stream/hashtag/hashtag.component.ts

@@ -33,7 +33,7 @@ export class HashtagComponent implements OnInit {
         event.stopPropagation();
 
         const hashtag = this.hashtagElement.tag;
-        const newStream = new StreamElement(StreamTypeEnum.tag, `#${hashtag}`, this.hashtagElement.accountId, hashtag, null);
+        const newStream = new StreamElement(StreamTypeEnum.tag, `#${hashtag}`, this.hashtagElement.accountId, hashtag, null, this.hashtagElement.displayableFullName);
         this.store.dispatch([new AddStream(newStream)]);
 
         return false;

src/app/components/stream/stream-overlay/stream-overlay.component.ts

@@ -116,7 +116,7 @@ export class StreamOverlayComponent implements OnInit {
         }
 
         const selectedAccount = this.toolsService.getSelectedAccounts()[0];
-        const hashTagElement = new StreamElement(StreamTypeEnum.tag, hashtag, selectedAccount.id, hashtag, null);
+        const hashTagElement = new StreamElement(StreamTypeEnum.tag, hashtag, selectedAccount.id, hashtag, null, `#${hashtag}@${selectedAccount.instance}`);
         const newElement = new OverlayBrowsing(hashTagElement, null, null);
         this.loadElement(newElement);
         this.canGoForward = false;

src/app/components/streams-selection-footer/streams-selection-footer.component.html

@@ -1,5 +1,5 @@
 <div class="streams-selection-footer">
-  <a class="stream-selection" *ngFor="let str of streams; let i=index" href (click)="onColumnSelection(i)" >
+  <a class="stream-selection" *ngFor="let str of streams; let i=index" href (click)="onColumnSelection(i)" title="open {{str.displayableFullName}}">
     <span class="stream-selection__column-reprensentation"></span>
   </a>
 </div>

src/app/states/streams.state.ts

@@ -31,7 +31,8 @@ export class StreamElement {
         public name: string, 
         public accountId: string,
         public tag: string,
-        public list: string) {      
+        public list: string,
+        public displayableFullName: string) {      
     }
   }