added a new option for timelines

This commit is contained in:
HamzaFarooqArif 2023-07-23 00:04:20 +05:00
parent b00c52ff83
commit 5dc98c677e
3 changed files with 10 additions and 4 deletions

View File

@ -136,6 +136,11 @@
<label class="noselect sub-section__label" for="timelineheader-5">Title</label> <label class="noselect sub-section__label" for="timelineheader-5">Title</label>
<br> <br>
<input class="sub-section__checkbox" [checked]="timeLineHeader === 6" (change)="onTimeLineHeaderChange(6)"
type="radio" name="timelineheader-6" value="timelineheader-6" id="timelineheader-6">
<label class="noselect sub-section__label" for="timelineheader-6">Title - Account Icon - Username - Domain Name</label>
<br>
<span class="sub-section__title">loading behavior:</span><br /> <span class="sub-section__title">loading behavior:</span><br />
<input class="sub-section__checkbox" [checked]="timeLineMode === 1" (change)="onTimeLineModeChange(1)" <input class="sub-section__checkbox" [checked]="timeLineMode === 1" (change)="onTimeLineModeChange(1)"

View File

@ -7,11 +7,11 @@
<!-- <div> --> <!-- <div> -->
<div class="stream-column__stream-header"> <div class="stream-column__stream-header">
<a class="stream-column__stream-selector" href title="return to top" (click)="goToTop()"> <a class="stream-column__stream-selector" href title="return to top" (click)="goToTop()">
<img *ngIf="timelineHeader === 3 || timelineHeader === 4" class="stream-column__stream-selector--avatar" src="{{avatar}}" /> <img *ngIf="timelineHeader === 3 || timelineHeader === 4 || timelineHeader === 6" class="stream-column__stream-selector--avatar" src="{{avatar}}" />
<fa-icon class="stream-column__stream-selector--icon" [icon]="columnFaIcon"></fa-icon> <fa-icon class="stream-column__stream-selector--icon" [icon]="columnFaIcon"></fa-icon>
<span class="stream-column__stream-selector--text"> <span class="stream-column__stream-selector--text">
<h1 class="stream-column__stream-selector--title" [class.stream-column__stream-selector--title--only]="timelineHeader === 4 || timelineHeader === 5">{{ streamElement.name.toUpperCase() }}</h1> <h1 class="stream-column__stream-selector--title" [class.stream-column__stream-selector--title--only]="timelineHeader === 4 || timelineHeader === 5 || timelineHeader === 6">{{ streamElement.name.toUpperCase() }}</h1>
<span class="stream-column__stream-selector--subtitle" *ngIf="streamElement.instance && timelineHeader !== 4 && timelineHeader !== 5"><span *ngIf="timelineHeader === 2">{{account.username}}@</span>{{ streamElement.instance.toLowerCase() }}</span> <span class="stream-column__stream-selector--subtitle" *ngIf="streamElement.instance && timelineHeader !== 4 && timelineHeader !== 5"><span *ngIf="timelineHeader === 2 || timelineHeader === 6">{{account.username}}@</span>{{ streamElement.instance.toLowerCase() }}</span>
</span> </span>
</a> </a>
<a class="stream-column__open-menu" href title="edit column" (click)="openEditionMenu()"> <a class="stream-column__open-menu" href title="edit column" (click)="openEditionMenu()">

View File

@ -51,7 +51,8 @@ export enum TimeLineHeaderEnum {
Title_Username_DomainName = 2, Title_Username_DomainName = 2,
Title_AccountIcon_DomainName = 3, Title_AccountIcon_DomainName = 3,
Title_AccountIcon = 4, Title_AccountIcon = 4,
Title = 5 Title = 5,
Title_AccountIcon_Username_DomainName = 6
} }
export class ContentWarningPolicy { export class ContentWarningPolicy {