Properly indent all source files
This commit is contained in:
@ -1,25 +1,25 @@
|
||||
<h3>Help
|
||||
<span *ngIf="login.isLevel.dev" class="rb-ic rb-ic-edit clickable space-left" (click)="edit = true"></span>
|
||||
<span *ngIf="login.isLevel.dev" class="rb-ic rb-ic-edit clickable space-left" (click)="edit = true"></span>
|
||||
</h3>
|
||||
|
||||
<div *ngIf="edit; else normalView">
|
||||
<rb-form-select label="level" [(ngModel)]="content.level">
|
||||
<option value="none">none</option>
|
||||
<option *ngFor="let level of login.levels" [value]="level">{{level}}</option>
|
||||
</rb-form-select>
|
||||
<rb-form-textarea label="text" [(ngModel)]="content.text"></rb-form-textarea>
|
||||
<rb-icon-button icon="save" mode="primary" (click)="saveHelp()">Save</rb-icon-button>
|
||||
<rb-icon-button icon="delete" mode="danger" (click)="deleteHelp()" class="delete-btn">Delete</rb-icon-button>
|
||||
<rb-form-select label="level" [(ngModel)]="content.level">
|
||||
<option value="none">none</option>
|
||||
<option *ngFor="let level of login.levels" [value]="level">{{level}}</option>
|
||||
</rb-form-select>
|
||||
<rb-form-textarea label="text" [(ngModel)]="content.text"></rb-form-textarea>
|
||||
<rb-icon-button icon="save" mode="primary" (click)="saveHelp()">Save</rb-icon-button>
|
||||
<rb-icon-button icon="delete" mode="danger" (click)="deleteHelp()" class="delete-btn">Delete</rb-icon-button>
|
||||
</div>
|
||||
|
||||
<ng-template #normalView>
|
||||
<p *ngIf="content.text; else defaultContent" class="content-text">
|
||||
{{content.text}}
|
||||
</p>
|
||||
<ng-template #defaultContent>
|
||||
<ng-container *ngIf="content.text === ''">
|
||||
Sadly, currently there is no help available for this page. Please contact
|
||||
<a [href]="'mailto:' + d.contact.mail">{{d.contact.name}}</a> for further questions.
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
<p *ngIf="content.text; else defaultContent" class="content-text">
|
||||
{{content.text}}
|
||||
</p>
|
||||
<ng-template #defaultContent>
|
||||
<ng-container *ngIf="content.text === ''">
|
||||
Sadly, currently there is no help available for this page. Please contact
|
||||
<a [href]="'mailto:' + d.contact.mail">{{d.contact.name}}</a> for further questions.
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
</ng-template>
|
||||
|
@ -1,7 +1,7 @@
|
||||
.delete-btn {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
white-space: pre-line;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
@ -6,48 +6,48 @@ import {HelpModel} from '../models/help.model';
|
||||
import {LoginService} from '../services/login.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-help',
|
||||
templateUrl: './help.component.html',
|
||||
styleUrls: ['./help.component.scss']
|
||||
selector: 'app-help',
|
||||
templateUrl: './help.component.html',
|
||||
styleUrls: ['./help.component.scss']
|
||||
})
|
||||
export class HelpComponent implements OnInit {
|
||||
|
||||
content: HelpModel = new HelpModel().deserialize({text: null, level: 'none'}); // Help content
|
||||
edit = false; // Set true to change to edit mode
|
||||
private route = ''; // URIComponent encoded route which serves as a key to fetch the help document
|
||||
content: HelpModel = new HelpModel().deserialize({text: null, level: 'none'}); // Help content
|
||||
edit = false; // Set true to change to edit mode
|
||||
private route = ''; // URIComponent encoded route which serves as a key to fetch the help document
|
||||
|
||||
constructor(
|
||||
private router: Router,
|
||||
public d: DataService,
|
||||
private api: ApiService,
|
||||
public login: LoginService
|
||||
) { }
|
||||
constructor(
|
||||
private router: Router,
|
||||
public d: DataService,
|
||||
private api: ApiService,
|
||||
public login: LoginService
|
||||
) { }
|
||||
|
||||
ngOnInit(): void {
|
||||
// Remove ids from path
|
||||
this.route = encodeURIComponent(this.router.url.replace(/\/[0-9a-f]{24}/, ''));
|
||||
this.api.get<HelpModel>('/help/' + this.route, (data, err) => {
|
||||
if (!err) { // Content was found
|
||||
this.content = new HelpModel().deserialize(data);
|
||||
}
|
||||
else {
|
||||
this.content.text = '';
|
||||
}
|
||||
});
|
||||
}
|
||||
ngOnInit(): void {
|
||||
// Remove ids from path
|
||||
this.route = encodeURIComponent(this.router.url.replace(/\/[0-9a-f]{24}/, ''));
|
||||
this.api.get<HelpModel>('/help/' + this.route, (data, err) => {
|
||||
if (!err) { // Content was found
|
||||
this.content = new HelpModel().deserialize(data);
|
||||
}
|
||||
else {
|
||||
this.content.text = '';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
saveHelp() {
|
||||
this.api.post('/help/' + this.route, this.content.sendFormat(), () => {
|
||||
this.edit = false;
|
||||
});
|
||||
}
|
||||
saveHelp() {
|
||||
this.api.post('/help/' + this.route, this.content.sendFormat(), () => {
|
||||
this.edit = false;
|
||||
});
|
||||
}
|
||||
|
||||
deleteHelp() {
|
||||
this.api.delete('/help/' + this.route, (ignore, err) => {
|
||||
if (!err) {
|
||||
this.content = new HelpModel().deserialize({text: null, level: 'none'});
|
||||
this.edit = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
deleteHelp() {
|
||||
this.api.delete('/help/' + this.route, (ignore, err) => {
|
||||
if (!err) {
|
||||
this.content = new HelpModel().deserialize({text: null, level: 'none'});
|
||||
this.edit = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user