fsylvain/RenewCMS
1
0
Fork 0
mirror of https://github.com/Floriansylvain/RenewCMS.git synced 2026-08-19 11:43:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Article creation inputs improved again

Browse Source
This commit is contained in:
Florian Sylvain
2023-01-09 17:23:09 +01:00
parent 29255c047a
commit c818e15aff
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/admin-gui/src/views/ArticlesNew.vue
+5 -4
View File
@@ -13,9 +13,9 @@ const tags: Ref<string[]> = ref([])
const regexAccents = /[\u0300-\u036f]/g const regexAccents = /[\u0300-\u036f]/g
const regexSymbols = /([-!$%^&*()_+|~=`{}\[\]:";'<>?,.\/])+/g const regexSymbols = /([-!$%^&*()_+|~=`{}\[\]:";'<>?,.\/])+/g
function updateTags(): void { function updateUniqueTags(): void {
tags.value = rawTags.value.split(/[,\s]+/g) tags.value = rawTags.value.split(/[,\s]+/g)
tags.value = tags.value.filter(x => x !== '') tags.value = Array.from(new Set(tags.value.filter(x => x !== '')))
} }
function generateTitleID(title: string): string { function generateTitleID(title: string): string {
@@ -23,7 +23,6 @@ function generateTitleID(title: string): string {
.replace(regexAccents, '') .replace(regexAccents, '')
.replace(regexSymbols, '') .replace(regexSymbols, '')
.replace(/\s/g, '-') .replace(/\s/g, '-')
.replace(/-$/g, '')
} }
function isFormEmpty(): boolean { function isFormEmpty(): boolean {
@@ -54,10 +53,12 @@ function createArticle() {
<div class="label-input"> <div class="label-input">
<label for="title">Titre de l'article</label> <label for="title">Titre de l'article</label>
<input id="title" name="title" placeholder="Titre de l'article" type="text" v-model="title"> <input id="title" name="title" placeholder="Titre de l'article" type="text" v-model="title">
<p>Son URL d'accès ressemblera à: {{ generateTitleID(title) }}</p>
</div> </div>
<div class="label-input"> <div class="label-input">
<label for="tags">Tags</label> <label for="tags">Tags</label>
<input id="tags" name="tags" placeholder="Tags" type="text" v-model="rawTags" @input="updateTags"> <input id="tags" name="tags" placeholder="Tags" type="text" v-model="rawTags"
@input="updateUniqueTags">
<p>Spéparez les mots-clés par des virgules ou espaces.</p> <p>Spéparez les mots-clés par des virgules ou espaces.</p>
<ul class="tags" v-if="tags.length !== 0"> <ul class="tags" v-if="tags.length !== 0">
<li v-for="tag in tags">{{ tag }}</li> <li v-for="tag in tags">{{ tag }}</li>