mirror of
https://github.com/turt2live/matrix-dimension.git
synced 2024-09-14 13:04:59 +00:00
Support creating drafts of policies
This commit is contained in:
parent
77d34197c9
commit
b9e616639e
@ -2,36 +2,7 @@
|
|||||||
<my-spinner></my-spinner>
|
<my-spinner></my-spinner>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="!isLoading">
|
<div *ngIf="!isLoading">
|
||||||
<my-ibox boxTitle="Policy information">
|
<my-ibox *ngFor="let code of chosenLanguageCodes">
|
||||||
<div class="my-ibox-content">
|
|
||||||
<label class="label-block">
|
|
||||||
Name
|
|
||||||
<span class="text-muted ">The name of your policy, in English. Example: "Terms of Service"</span>
|
|
||||||
<input type="text" class="form-control"
|
|
||||||
placeholder="My Policy" (keyup)="onNameKeyUp()"
|
|
||||||
[(ngModel)]="languages['en'].name" [disabled]="isUpdating"/>
|
|
||||||
</label>
|
|
||||||
<label class="label-block">
|
|
||||||
Shortcode
|
|
||||||
<span class="text-muted ">This is automatically generated to give the policy a unique identifier.</span>
|
|
||||||
<input type="text" class="form-control"
|
|
||||||
[(ngModel)]="shortcode" [disabled]="true"/>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</my-ibox>
|
|
||||||
<my-ibox>
|
|
||||||
<div class="my-ibox-title">
|
|
||||||
<h5>English version</h5>
|
|
||||||
</div>
|
|
||||||
<div class="my-ibox-content">
|
|
||||||
<label class="label-block">
|
|
||||||
Policy text
|
|
||||||
<span class="text-muted ">This is where you put your policy's content.</span>
|
|
||||||
</label>
|
|
||||||
<ckeditor [editor]="Editor" [(ngModel)]="languages['en'].text"></ckeditor>
|
|
||||||
</div>
|
|
||||||
</my-ibox>
|
|
||||||
<my-ibox *ngFor="let code of otherLanguageCodes">
|
|
||||||
<div class="my-ibox-title">
|
<div class="my-ibox-title">
|
||||||
<h5>{{languages[code].langName}} version</h5>
|
<h5>{{languages[code].langName}} version</h5>
|
||||||
</div>
|
</div>
|
||||||
@ -39,9 +10,7 @@
|
|||||||
<label class="label-block">
|
<label class="label-block">
|
||||||
Name
|
Name
|
||||||
<span class="text-muted ">The translated name of your policy</span>
|
<span class="text-muted ">The translated name of your policy</span>
|
||||||
<input type="text" class="form-control"
|
<input type="text" class="form-control" placeholder="My Policy" [(ngModel)]="languages[code].name" [disabled]="isUpdating"/>
|
||||||
placeholder="My Policy"
|
|
||||||
[(ngModel)]="languages[code].name" [disabled]="isUpdating"/>
|
|
||||||
</label>
|
</label>
|
||||||
<label class="label-block">
|
<label class="label-block">
|
||||||
Policy text
|
Policy text
|
||||||
@ -50,16 +19,16 @@
|
|||||||
<ckeditor [editor]="Editor" [(ngModel)]="languages[code].text" [disabled]="isUpdating"></ckeditor>
|
<ckeditor [editor]="Editor" [(ngModel)]="languages[code].text" [disabled]="isUpdating"></ckeditor>
|
||||||
</div>
|
</div>
|
||||||
</my-ibox>
|
</my-ibox>
|
||||||
<my-ibox [hasTitle]="false">
|
<!-- <my-ibox [hasTitle]="false">-->
|
||||||
<div class="my-ibox-content buttons">
|
<!-- <div class="my-ibox-content buttons">-->
|
||||||
<select [(ngModel)]="chosenLanguage" [disabled]="isUpdating" class="form-control form-control-sm">
|
<!-- <select [(ngModel)]="chosenLanguage" [disabled]="isUpdating" class="form-control form-control-sm">-->
|
||||||
<option *ngFor="let lang of availableLanguages" [ngValue]="lang.code">{{lang.name}}</option>
|
<!-- <option *ngFor="let lang of availableLanguages" [ngValue]="lang.code">{{lang.name}}</option>-->
|
||||||
</select>
|
<!-- </select>-->
|
||||||
<button type="button" (click)="addLanguage()" title="save" class="btn btn-outline-success btn-sm">
|
<!-- <button type="button" (click)="addLanguage()" title="save" class="btn btn-outline-success btn-sm">-->
|
||||||
<i class="fa fa-plus"></i> Add language
|
<!-- <i class="fa fa-plus"></i> Add language-->
|
||||||
</button>
|
<!-- </button>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</my-ibox>
|
<!-- </my-ibox>-->
|
||||||
<my-ibox [hasTitle]="false">
|
<my-ibox [hasTitle]="false">
|
||||||
<div class="my-ibox-content buttons">
|
<div class="my-ibox-content buttons">
|
||||||
<button type="button" (click)="create()" title="save" class="btn btn-primary btn-sm">
|
<button type="button" (click)="create()" title="save" class="btn btn-primary btn-sm">
|
||||||
|
@ -5,28 +5,32 @@ import { ActivatedRoute, Router } from "@angular/router";
|
|||||||
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
|
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
|
||||||
import ISO6391 from "iso-639-1";
|
import ISO6391 from "iso-639-1";
|
||||||
|
|
||||||
@Component({
|
interface ILanguage {
|
||||||
templateUrl: "./new.component.html",
|
|
||||||
styleUrls: ["./new.component.scss"],
|
|
||||||
})
|
|
||||||
export class AdminNewTermsComponent implements OnInit {
|
|
||||||
|
|
||||||
public Editor = ClassicEditor;
|
|
||||||
|
|
||||||
public isLoading = true;
|
|
||||||
public isUpdating = false;
|
|
||||||
public shortcode: string;
|
|
||||||
public takenShortcodes: string[];
|
|
||||||
public chosenLanguage: string = ISO6391.getAllCodes()[0];
|
|
||||||
public languages: {
|
|
||||||
[languageCode: string]: {
|
|
||||||
name: string,
|
name: string,
|
||||||
text: string,
|
text: string,
|
||||||
langName: string,
|
langName: string,
|
||||||
url: string,
|
url: string,
|
||||||
isExternal: boolean,
|
isExternal: boolean,
|
||||||
externalUrl: string,
|
externalUrl: string,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
templateUrl: "./new.component.html",
|
||||||
|
styleUrls: ["./new.component.scss"],
|
||||||
|
})
|
||||||
|
export class AdminNewTermsComponent implements OnInit {
|
||||||
|
|
||||||
|
// TODO: Multiple language support
|
||||||
|
// TODO: Support external URLs
|
||||||
|
|
||||||
|
public Editor = ClassicEditor;
|
||||||
|
|
||||||
|
public isLoading = true;
|
||||||
|
public isUpdating = false;
|
||||||
|
public takenShortcodes: string[];
|
||||||
|
public chosenLanguage: string = ISO6391.getAllCodes()[0];
|
||||||
|
public languages: {
|
||||||
|
[languageCode: string]: ILanguage;
|
||||||
} = {
|
} = {
|
||||||
"en": {
|
"en": {
|
||||||
name: "",
|
name: "",
|
||||||
@ -38,13 +42,13 @@ export class AdminNewTermsComponent implements OnInit {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
public get otherLanguageCodes(): string[] {
|
public get chosenLanguageCodes(): string[] {
|
||||||
return Object.keys(this.languages).filter(c => c !== "en");
|
return Object.keys(this.languages);
|
||||||
}
|
}
|
||||||
|
|
||||||
public get availableLanguages(): { name: string, code: string }[] {
|
public get availableLanguages(): { name: string, code: string }[] {
|
||||||
return ISO6391.getAllCodes()
|
return ISO6391.getAllCodes()
|
||||||
.filter(c => !this.otherLanguageCodes.includes(c))
|
.filter(c => !this.chosenLanguageCodes.includes(c))
|
||||||
.map(c => {
|
.map(c => {
|
||||||
return {code: c, name: ISO6391.getName(c)};
|
return {code: c, name: ISO6391.getName(c)};
|
||||||
});
|
});
|
||||||
@ -66,18 +70,41 @@ export class AdminNewTermsComponent implements OnInit {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
public onNameKeyUp() {
|
public async create() {
|
||||||
|
for (const languageCode in this.languages) {
|
||||||
|
if (this.languages[languageCode].name.trim().length <= 0) {
|
||||||
|
this.toaster.pop("warning", "Please enter a name for all policies");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.languages[languageCode].text.trim().length <= 0) {
|
||||||
|
this.toaster.pop("warning", "Please enter text for all policies");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.isUpdating = true;
|
||||||
|
|
||||||
const startShortcode = this.languages['en'].name.toLowerCase().replace(/[^a-z0-9]/gi, '_');
|
const startShortcode = this.languages['en'].name.toLowerCase().replace(/[^a-z0-9]/gi, '_');
|
||||||
let shortcode = startShortcode;
|
let shortcode = startShortcode;
|
||||||
let i = 0;
|
let i = 0;
|
||||||
while (this.takenShortcodes.includes(shortcode)) {
|
while (this.takenShortcodes.includes(shortcode)) {
|
||||||
shortcode = `${startShortcode}_${++i}`;
|
shortcode = `${startShortcode}_${++i}`;
|
||||||
}
|
}
|
||||||
this.shortcode = shortcode;
|
|
||||||
}
|
|
||||||
|
|
||||||
public create() {
|
try {
|
||||||
|
await this.adminTerms.createDraft(shortcode, {
|
||||||
|
name: this.languages['en'].name,
|
||||||
|
text: this.languages['en'].text,
|
||||||
|
url: `${window.location.origin}/terms/${shortcode}/en/draft`,
|
||||||
|
});
|
||||||
|
|
||||||
|
this.toaster.pop("success", "Draft created");
|
||||||
this.router.navigate([".."], {relativeTo: this.activatedRoute});
|
this.router.navigate([".."], {relativeTo: this.activatedRoute});
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e);
|
||||||
|
this.toaster.pop("error", "Error creating document");
|
||||||
|
this.isUpdating = false;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
public addLanguage() {
|
public addLanguage() {
|
||||||
|
@ -12,4 +12,8 @@ export class AdminTermsApiService extends AuthedApi {
|
|||||||
public getAllPolicies(): Promise<FE_TermsEditable[]> {
|
public getAllPolicies(): Promise<FE_TermsEditable[]> {
|
||||||
return this.authedGet<FE_TermsEditable[]>("/api/v1/dimension/admin/terms/all").toPromise();
|
return this.authedGet<FE_TermsEditable[]>("/api/v1/dimension/admin/terms/all").toPromise();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public createDraft(shortcode: string, policyInfo: { name: string, text: string, url: string }): Promise<FE_TermsEditable> {
|
||||||
|
return this.authedPost<FE_TermsEditable>(`/api/v1/dimension/admin/terms/${shortcode}/draft`, policyInfo).toPromise();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user