Compare commits
No commits in common. "03f389825ed8c0431ba8c8efeca6d7a02db39f32" and "9b76cb143d89b40717fceb2fc412e7c7c5504af8" have entirely different histories.
03f389825e
...
9b76cb143d
|
@ -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}}
|
|
@ -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}}
|
|
@ -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 }}
|
|
@ -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}}
|
|
@ -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}}
|
|
@ -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">
|
||||||
|
|
|
@ -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}}
|
|
@ -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}}
|
|
@ -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}}
|
Loading…
Reference in New Issue