Compare commits

..

No commits in common. "03f389825ed8c0431ba8c8efeca6d7a02db39f32" and "9b76cb143d89b40717fceb2fc412e7c7c5504af8" have entirely different histories.

9 changed files with 27 additions and 88 deletions

View File

@ -1,4 +1,4 @@
{{define "content"}} {{define "content"}}
<p>Vous avez reçu un commentaire sur PARCOURSMOB de la part de <b>{{.user}}</b></p> <p>Vous avez reçu un commentaire sur PARCOURSMOB de la part de <b>{{.user}}</b></p>
<p>{{unescapeHTML .key}}</p> <p>{{.key}}</p>
{{end}} {{end}}

View File

@ -8,7 +8,7 @@
fields: { fields: {
name: null, name: null,
type: null, type: null,
description: '', description: null,
allday: false, allday: false,
startdate: null, startdate: null,
enddate: null, enddate: null,
@ -50,16 +50,6 @@
} }
}, },
isFormValid: true, isFormValid: true,
init() {
let quill = new Quill(this.$refs.quill, { theme: 'snow' })
quill.root.innerHTML = this.fields.description
quill.on('text-change', () => {
this.fields.description = quill.root.innerHTML
})
},
validate() { validate() {
this.formValidation = Iodine.assert(this.fields, this.rules) this.formValidation = Iodine.assert(this.fields, this.rules)
@ -113,12 +103,10 @@
<div class="col-span-6"> <div class="col-span-6">
<label for="description" class="block text-sm font-medium text-gray-700">Description</label> <label for="description" class="block text-sm font-medium text-gray-700">Description</label>
<div class="mt-1"> <div class="mt-1">
<!-- <textarea rows="4" name="description" id="descrpition" x-model="fields.description" <textarea rows="4" name="description" id="descrpition" x-model="fields.description"
@blur="validateField('description')" @blur="validateField('description')"
:class="formValidation.fields.description.valid == false ? 'border-co-red border-2' : 'border-gray-300'" :class="formValidation.fields.description.valid == false ? 'border-co-red border-2' : 'border-gray-300'"
class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea> --> class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea>
<input type="hidden" name="description" x-model="fields.description" />
<div x-ref="quill" class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-b-2xl">></div>
</div> </div>
</div> </div>
@ -289,4 +277,4 @@
</form> </form>
</div> </div>
{{end}} {{end}}

View File

@ -78,7 +78,7 @@
{{if .ViewState.event.Description}} {{if .ViewState.event.Description}}
<div class="sm:col-span-2"> <div class="sm:col-span-2">
<dt class="text-sm font-medium text-gray-500">Description</dt> <dt class="text-sm font-medium text-gray-500">Description</dt>
<dd class="mt-1 text-sm text-gray-900">{{ unescapeHTML .ViewState.event.Description}}</dd> <dd class="mt-1 text-sm text-gray-900">{{.ViewState.event.Description}}</dd>
</div> </div>
{{end}} {{end}}
</dl> </dl>
@ -219,4 +219,4 @@
</div> </div>
</div> </div>
</main> </main>
{{ end }} {{ end }}

View File

@ -44,16 +44,6 @@
} }
}, },
isFormValid: true, isFormValid: true,
init() {
let quill = new Quill(this.$refs.quill, { theme: 'snow' })
quill.root.innerHTML = this.fields.description
quill.on('text-change', () => {
this.fields.description = quill.root.innerHTML
})
},
validate() { validate() {
this.formValidation = Iodine.assert(this.fields, this.rules) this.formValidation = Iodine.assert(this.fields, this.rules)
@ -109,12 +99,10 @@
<label for="description" class="block text-sm font-medium text-gray-700">Description</label> <label for="description" class="block text-sm font-medium text-gray-700">Description</label>
<div class="mt-1"> <div class="mt-1">
<!--<textarea rows="4" name="description" id="descrpition" value="{{.ViewState.event.Description}}" <textarea rows="4" name="description" id="descrpition" value="{{.ViewState.event.Description}}"
x-model="fields.description" @blur="validateField('description')" x-model="fields.description" @blur="validateField('description')"
:class="formValidation.fields.description.valid == false ? 'border-co-red border-2' : 'border-gray-300'" :class="formValidation.fields.description.valid == false ? 'border-co-red border-2' : 'border-gray-300'"
class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea>--> class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea>
<input type="hidden" name="description" x-model="fields.description" />
<div x-ref="quill" class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-b-2xl">></div>
</div> </div>
</div> </div>
@ -264,4 +252,4 @@ class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm
</div> </div>
</div> </div>
{{end}} {{end}}
{{end}} {{end}}

View File

@ -5,11 +5,9 @@
<head> <head>
<title>PARCOURSMOB</title> <title>PARCOURSMOB</title>
<link rel="stylesheet" href="/public/css/main.css" /> <link rel="stylesheet" href="/public/css/main.css" />
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet" />
<!-- <script defer type="text/javascript" src="/public/js/main.js" defer></script> --> <!-- <script defer type="text/javascript" src="/public/js/main.js" defer></script> -->
<script src="https://cdn.jsdelivr.net/npm/@kingshott/iodine@8.1.0/dist/iodine.min.umd.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/@kingshott/iodine@8.1.0/dist/iodine.min.umd.js" defer></script>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script> <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js"></script>
</head> </head>
<body class="h-full" x-data="{ offCanvasMenu: false }"> <body class="h-full" x-data="{ offCanvasMenu: false }">
@ -177,4 +175,4 @@
</body> </body>
</html> </html>
{{end}} {{end}}

View File

@ -1,17 +1,6 @@
{{define "content"}} {{define "content"}}
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 space-y-6" x-data="{ <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 space-y-6">
comment: '',
init() {
let quill = new Quill(this.$refs.quill, { theme: 'snow', modules: { toolbar: [[{ 'header': [1, 2, 3, 4, 5, 6, false] }], ['bold', 'italic', 'underline'], ['link', 'image']] } })
quill.root.innerHTML = this.comment
quill.on('text-change', () => {
this.comment = quill.root.innerHTML
})
},
}">
<h1 class="text-2xl font-semibold text-gray-900">Demande de support technique</h1> <h1 class="text-2xl font-semibold text-gray-900">Demande de support technique</h1>
<div class="bg-white py-2 px-4 shadow sm:rounded-lg sm:px-10"> <div class="bg-white py-2 px-4 shadow sm:rounded-lg sm:px-10">
<p class="text-sm text-gray-600 p-4"> <p class="text-sm text-gray-600 p-4">
@ -21,11 +10,9 @@
<div class="mb-4 w-full bg-gray-50 rounded-3xl border border-gray-200 dark:bg-gray-700 dark:border-gray-600"> <div class="mb-4 w-full bg-gray-50 rounded-3xl border border-gray-200 dark:bg-gray-700 dark:border-gray-600">
<div class="py-2 px-4 rounded-3xl bg-white dark:bg-gray-800"> <div class="py-2 px-4 rounded-3xl bg-white dark:bg-gray-800">
<label class="sr-only">Votre message</label> <label class="sr-only">Votre message</label>
<div x-ref="quill" class="block w-full resize-none border-0 border-b border-transparent p-0 pb-2 focus:border-co-blue focus:ring-0 sm:text-sm"></div> <textarea name="comment" rows="4" class="block w-full resize-none border-0 border-b border-transparent p-0 pb-2 focus:border-co-blue focus:ring-0 sm:text-sm" placeholder="Votre message..." required></textarea>
<input type="hidden" name="comment" x-model="comment" />
</div> </div>
<div class="flex justify-center items-center py-2 px-3 border-t dark:border-gray-600"> <div class="flex justify-center items-center py-2 px-3 border-t dark:border-gray-600">
<button type="submit" value="send message" class="px-2 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-blue hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue"> <button type="submit" value="send message" class="px-2 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-blue hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">

View File

@ -10,13 +10,11 @@
licence_plate: null, licence_plate: null,
name: null, name: null,
type: null, type: null,
informations: '',
}, },
rules: { rules: {
licence_plate: ['required'], // 'regexMatch:^[A-Z]{1,2}-[0-9]{1,3}-[A-Z]{1,2}$' licence_plate: ['required'], // 'regexMatch:^[A-Z]{1,2}-[0-9]{1,3}-[A-Z]{1,2}$'
name: ['required'], name: ['required'],
type: ['required'], type: ['required'],
informations: ['optional']
}, },
formValidation: { formValidation: {
valid: false, valid: false,
@ -24,19 +22,9 @@
name: {valid: null}, name: {valid: null},
licence_plate: {valid: null}, licence_plate: {valid: null},
type: {valid: null}, type: {valid: null},
informations: {valid: null},
} }
}, },
isFormValid: true, isFormValid: true,
init() {
let quill = new Quill(this.$refs.quill, { theme: 'snow', modules: { toolbar: [[{ 'header': [1, 2, 3, 4, 5, 6, false] }], ['bold', 'italic', 'underline'], ['link', 'image']] } })
quill.root.innerHTML = this.fields.informations
quill.on('text-change', () => {
this.fields.informations = quill.root.innerHTML
})
},
validate() { validate() {
this.formValidation = Iodine.assert(this.fields, this.rules) this.formValidation = Iodine.assert(this.fields, this.rules)
}, },
@ -106,13 +94,13 @@
@blur="fields.licence_plate = fields.licence_plate.toUpperCase(); validateField('licence_plate')" @blur="fields.licence_plate = fields.licence_plate.toUpperCase(); validateField('licence_plate')"
:class="formValidation.fields.licence_plate.valid == false ? 'border-co-red border-2' : 'border-gray-300'"> :class="formValidation.fields.licence_plate.valid == false ? 'border-co-red border-2' : 'border-gray-300'">
</div> </div>
<!--<div class="col-span-3"> <div class="col-span-3">
<label for="kilometers" <label for="kilometers"
class="block text-sm font-medium text-gray-700">Kilométrage</label> class="block text-sm font-medium text-gray-700">Kilométrage</label>
<input type="text" name="kilometers" id="kilometers" placeholder="1 km" <input type="text" name="kilometers" id="kilometers" placeholder="1 km"
class="mt-1 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm rounded-2xl" class="mt-1 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm rounded-2xl"
x-model="fields.kilometers"> x-model="fields.kilometers">
</div>--> </div>
</div> </div>
</div> </div>
</div> </div>
@ -130,8 +118,8 @@
<div class="mt-5"> <div class="mt-5">
<label for="informations" class="block text-sm font-medium text-gray-700">Informations pratiques</label> <label for="informations" class="block text-sm font-medium text-gray-700">Informations pratiques</label>
<div class="mt-1"> <div class="mt-1">
<div x-ref="quill" class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-b-2xl"></div> <textarea rows="4" name="informations" id="informations"
<input type="hidden" name="informations" x-model="fields.informations" /> class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea>
</div> </div>
</div> </div>
</div> </div>
@ -150,4 +138,4 @@
</div> </div>
</form> </form>
</div> </div>
{{end}} {{end}}

View File

@ -69,7 +69,7 @@
{{if .ViewState.vehicle.Data.informations}} {{if .ViewState.vehicle.Data.informations}}
<div class="sm:col-span-2"> <div class="sm:col-span-2">
<dt class="text-sm font-medium text-gray-500">Informations pratiques pour le bénéficiaire</dt> <dt class="text-sm font-medium text-gray-500">Informations pratiques pour le bénéficiaire</dt>
<dd class="mt-1 text-sm text-gray-900">{{unescapeHTML .ViewState.vehicle.Data.informations}}</dd> <dd class="mt-1 text-sm text-gray-900">{{.ViewState.vehicle.Data.informations}}</dd>
</div> </div>
{{end}} {{end}}
@ -240,4 +240,4 @@
</form> </form>
</div> </div>
</div> </div>
{{end}} {{end}}

View File

@ -10,7 +10,6 @@
licence_plate: '{{ .ViewState.vehicle.Data.licence_plate }}', licence_plate: '{{ .ViewState.vehicle.Data.licence_plate }}',
name: '{{ .ViewState.vehicle.Data.name }}', name: '{{ .ViewState.vehicle.Data.name }}',
kilometers: '{{ .ViewState.vehicle.Data.kilometers }}', kilometers: '{{ .ViewState.vehicle.Data.kilometers }}',
informations: '{{ .ViewState.vahicle.Data.informations}}',
}, },
rules: { rules: {
licence_plate: ['required', 'regexMatch:^[A-Z]{1,2}-[0-9]{1,3}-[A-Z]{1,2}$'], licence_plate: ['required', 'regexMatch:^[A-Z]{1,2}-[0-9]{1,3}-[A-Z]{1,2}$'],
@ -24,15 +23,6 @@
} }
}, },
isFormValid: true, isFormValid: true,
init() {
let quill = new Quill(this.$refs.quill, { theme: 'snow', modules: { toolbar: [[{ 'header': [1, 2, 3, 4, 5, 6, false] }], ['bold', 'italic', 'underline'], ['link', 'image']] } })
quill.root.innerHTML = this.fields.informations
quill.on('text-change', () => {
this.fields.informations = quill.root.innerHTML
})
},
validate() { validate() {
this.formValidation = Iodine.assert(this.fields, this.rules) this.formValidation = Iodine.assert(this.fields, this.rules)
}, },
@ -105,7 +95,7 @@
@blur="fields.licence_plate = fields.licence_plate.toUpperCase(); validateField('licence_plate')" @blur="fields.licence_plate = fields.licence_plate.toUpperCase(); validateField('licence_plate')"
:class="formValidation.fields.licence_plate.valid == false ? 'border-co-red border-2' : 'border-gray-300'"> :class="formValidation.fields.licence_plate.valid == false ? 'border-co-red border-2' : 'border-gray-300'">
</div> </div>
<!--<div class="col-span-3"> <div class="col-span-3">
<label for="kilometers" <label for="kilometers"
class="block text-sm font-medium text-gray-700">Kilométrage</label> class="block text-sm font-medium text-gray-700">Kilométrage</label>
<input type="text" name="kilometers" id="kilometers" placeholder="1200 km" <input type="text" name="kilometers" id="kilometers" placeholder="1200 km"
@ -113,7 +103,7 @@
x-model="fields.kilometers" x-model="fields.kilometers"
@blur="fields.kilometers; validateField('kilometers')" @blur="fields.kilometers; validateField('kilometers')"
:class="formValidation.fields.kilometers.valid == false ? 'border-co-red border-2' : 'border-gray-300'"> :class="formValidation.fields.kilometers.valid == false ? 'border-co-red border-2' : 'border-gray-300'">
</div>--> </div>
</div> </div>
</div> </div>
</div> </div>
@ -131,8 +121,8 @@
<div class="mt-5"> <div class="mt-5">
<label for="informations" class="block text-sm font-medium text-gray-700">Informations pratiques pour le bénéficiaire</label> <label for="informations" class="block text-sm font-medium text-gray-700">Informations pratiques pour le bénéficiaire</label>
<div class="mt-1"> <div class="mt-1">
<div x-ref="quill" class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-b-2xl"></div> <textarea rows="4" name="informations" id="informations"
<input type="hidden" name="informations" x-model="fields.informations" /> class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea>
</div> </div>
</div> </div>
</div> </div>
@ -151,4 +141,4 @@
</div> </div>
</form> </form>
</div> </div>
{{end}} {{end}}