Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

added timelines settings UI

This commit is contained in:
Nicolas Constant 2020-04-19 00:14:16 -04:00
parent 19bb19c5b0
commit c2e8247a58
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 47 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/components/floating-column/settings/settings.component.html
View File

@ -91,16 +91,41 @@
[(ngModel)]="setContentHidedCompletely" placeholder="example;other example" />
</div>
<span class="sub-section__title" *ngIf="contentWarningPolicyChanged"><br/>this settings needs a <a href (click)="reload()">reload</a> to be effective.</span>
<span class="sub-section__title" *ngIf="contentWarningPolicyChanged"><br />this settings needs a <a href
(click)="reload()">reload</a> to be effective.</span>
</div>
<h4 class="panel__subtitle">Timelines</h4>
<div class="sub-section">
<span class="sub-section__title">loading behavior:</span><br />
<input class="sub-section__checkbox" [checked]="timeLineMode === 1" (change)="onTimeLineModeChange(1)"
type="radio" name="timelinemode-1" value="timelinemode-1" id="timelinemode-1">
<label class="noselect sub-section__label" for="timelinemode-1">Load new statuses only on top</label>
<br>
<input class="sub-section__checkbox" [checked]="timeLineMode === 2" (change)="onTimeLineModeChange(2)"
type="radio" name="timelinemode-2" value="timelinemode-2" id="timelinemode-2">
<label class="noselect sub-section__label" for="timelinemode-2">Continuously loading new statuses</label>
<br>
<input class="sub-section__checkbox" [checked]="timeLineMode === 3" (change)="onTimeLineModeChange(3)"
type="radio" name="timelinemode-3" value="timelinemode-3" id="timelinemode-3">
<label class="noselect sub-section__label" for="timelinemode-3">Slow mode (manual loading)</label>
<br>
<span class="sub-section__title" *ngIf="timeLineModeChanged">this settings needs a <a href
(click)="reload()">reload</a> to be effective.</span>
</div>
<h4 class="panel__subtitle">Other</h4>
<div class="sub-section">
<input class="sub-section__checkbox" [(ngModel)]="disableRemoteStatusFetchingEnabled"
(change)="onDisableRemoteStatusFetchingChanged()" type="checkbox" name="disableRemoteFetching" value="disableRemoteFetching"
id="disableRemoteFetching">
<label class="noselect sub-section__label" for="disableRemoteFetching">disable remote status fetching</label>
<br>
(change)="onDisableRemoteStatusFetchingChanged()" type="checkbox" name="disableRemoteFetching"
value="disableRemoteFetching" id="disableRemoteFetching">
<label class="noselect sub-section__label" for="disableRemoteFetching">disable remote status
fetching</label>
<br>
</div>
<h4 class="panel__subtitle">About</h4>
@ -128,7 +153,7 @@
(click)="cancelClearAll()">
Cancel
</a>
<br/>
<br />
</div>
</div>

16
src/app/components/floating-column/settings/settings.component.ts
View File

@ -29,6 +29,9 @@ export class SettingsComponent implements OnInit {
columnShortcutEnabled: ColumnShortcut = ColumnShortcut.Ctrl;
columnShortcutChanged = false;
timeLineMode: TimeLineMode = TimeLineMode.OnTop;
timeLineModeChanged = false;
contentWarningPolicy: ContentWarningPolicyEnum = ContentWarningPolicyEnum.None;
contentWarningPolicyChanged = false;
@ -102,6 +105,13 @@ export class SettingsComponent implements OnInit {
this.toolsService.saveSettings(settings);
}
onTimeLineModeChange(id: TimeLineMode){
this.timeLineMode = id;
this.timeLineModeChanged = true;
}
onCwPolicyChange(id: ContentWarningPolicyEnum) {
this.contentWarningPolicy = id;
this.contentWarningPolicyChanged = true;
@ -226,4 +236,10 @@ export class SettingsComponent implements OnInit {
enum ColumnShortcut {
Ctrl = 1,
Win = 2
}
enum TimeLineMode {
OnTop = 1,
Continuous = 2,
SlowMode = 3
}