0351d front end linting (#377)
* feat: disable custom script for trial users * after lint fix * frontend linting --------- Co-authored-by: Julien Nahum <julien@nahum.net>
This commit is contained in:
Favour Olayinka
GitHub
@@ -1,42 +1,58 @@
|
||||
<template>
|
||||
<modal :show="show" max-width="lg" @close="emit('close')">
|
||||
<open-form :theme="theme" :loading="false" :show-hidden="true" :form="form" :fields="form.properties" @submit="updateForm" :default-data-form="submission">
|
||||
<template #submit-btn="{submitForm}">
|
||||
<v-button :loading="loading" class="mt-2 px-8 mx-1" @click.prevent="submitForm">
|
||||
Update Submission
|
||||
</v-button>
|
||||
</template>
|
||||
</open-form>
|
||||
</modal>
|
||||
<modal
|
||||
:show="show"
|
||||
max-width="lg"
|
||||
@close="emit('close')"
|
||||
>
|
||||
<open-form
|
||||
:theme="theme"
|
||||
:loading="false"
|
||||
:show-hidden="true"
|
||||
:form="form"
|
||||
:fields="form.properties"
|
||||
:default-data-form="submission"
|
||||
@submit="updateForm"
|
||||
>
|
||||
<template #submit-btn="{ submitForm }">
|
||||
<v-button
|
||||
:loading="loading"
|
||||
class="mt-2 px-8 mx-1"
|
||||
@click.prevent="submitForm"
|
||||
>
|
||||
Update Submission
|
||||
</v-button>
|
||||
</template>
|
||||
</open-form>
|
||||
</modal>
|
||||
</template>
|
||||
<script setup>
|
||||
import {ref, defineProps, defineEmits, onMounted } from 'vue'
|
||||
import OpenForm from '../forms/OpenForm.vue';
|
||||
import { themes } from '~/lib/forms/form-themes.js'
|
||||
import { ref, defineProps, defineEmits } from "vue"
|
||||
import OpenForm from "../forms/OpenForm.vue"
|
||||
import { themes } from "~/lib/forms/form-themes.js"
|
||||
const props = defineProps({
|
||||
show: { type: Boolean, required: true },
|
||||
form: { type: Object, required: true },
|
||||
theme:{type:Object, default:themes.default},
|
||||
submission:{type:Object}
|
||||
theme: { type: Object, default: themes.default },
|
||||
submission: { type: Object },
|
||||
})
|
||||
|
||||
let loading = ref(false)
|
||||
const loading = ref(false)
|
||||
|
||||
const emit = defineEmits(['close', 'updated'])
|
||||
const updateForm = (form, onFailure) =>{
|
||||
loading.value = true
|
||||
form.put('/open/forms/' + props.form.id + '/submissions/'+props.submission.id).then((res) => {
|
||||
useAlert().success(res.message)
|
||||
loading.value = false
|
||||
emit('close')
|
||||
emit('updated', res.data.data)
|
||||
|
||||
}).catch((error) => {
|
||||
console.error(error)
|
||||
loading.value = false
|
||||
onFailure()
|
||||
})
|
||||
|
||||
const emit = defineEmits(["close", "updated"])
|
||||
const updateForm = (form, onFailure) => {
|
||||
loading.value = true
|
||||
form
|
||||
.put("/open/forms/" + props.form.id + "/submissions/" + props.submission.id)
|
||||
.then((res) => {
|
||||
useAlert().success(res.message)
|
||||
loading.value = false
|
||||
emit("close")
|
||||
emit("updated", res.data.data)
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(error)
|
||||
loading.value = false
|
||||
onFailure()
|
||||
})
|
||||
}
|
||||
|
||||
</script>
|
||||
</script>
|
||||
|
||||
@@ -1,79 +1,115 @@
|
||||
<template>
|
||||
<div class="flex items-center justify-center space-x-1">
|
||||
<button v-track.delete_record_click
|
||||
class="border rounded py-1 px-2 text-gray-500 dark:text-gray-400 hover:text-blue-700"
|
||||
@click="showEditSubmissionModal=true"
|
||||
<button
|
||||
v-track.delete_record_click
|
||||
class="border rounded py-1 px-2 text-gray-500 dark:text-gray-400 hover:text-blue-700"
|
||||
@click="showEditSubmissionModal = true"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" />
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-4 h-4"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
<button v-track.delete_record_click
|
||||
class="border rounded py-1 px-2 text-gray-500 dark:text-gray-400 hover:text-red-700"
|
||||
@click="onDeleteClick"
|
||||
<button
|
||||
v-track.delete_record_click
|
||||
class="border rounded py-1 px-2 text-gray-500 dark:text-gray-400 hover:text-red-700"
|
||||
@click="onDeleteClick"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
||||
class="w-4 h-4"
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-4 h-4"
|
||||
>
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<EditSubmissionModal :show="showEditSubmissionModal" :form="form" :submission="submission" @close="showEditSubmissionModal=false" @updated="(submission)=>$emit('updated', submission)"/>
|
||||
<EditSubmissionModal
|
||||
:show="showEditSubmissionModal"
|
||||
:form="form"
|
||||
:submission="submission"
|
||||
@close="showEditSubmissionModal = false"
|
||||
@updated="(submission) => $emit('updated', submission)"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EditSubmissionModal from './EditSubmissionModal.vue'
|
||||
import EditSubmissionModal from "./EditSubmissionModal.vue"
|
||||
|
||||
export default {
|
||||
components: { EditSubmissionModal },
|
||||
emits: ["updated", "deleted"],
|
||||
props: {
|
||||
form: {
|
||||
type: Object,
|
||||
required: true
|
||||
required: true,
|
||||
},
|
||||
structure: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
default: () => [],
|
||||
},
|
||||
submission: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
}
|
||||
},
|
||||
setup () {
|
||||
return {
|
||||
useAlert: useAlert()
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
showEditSubmissionModal:false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
},
|
||||
mounted () {
|
||||
},
|
||||
methods: {
|
||||
onDeleteClick () {
|
||||
this.useAlert.confirm('Do you really want to delete this record?', this.deleteRecord)
|
||||
default: () => {},
|
||||
},
|
||||
async deleteRecord () {
|
||||
opnFetch('/open/forms/' + this.form.id + '/records/' + this.submission.id + '/delete', {method:'DELETE'}).then(async (data) => {
|
||||
if (data.type === 'success') {
|
||||
this.$emit('deleted',this.submission)
|
||||
this.useAlert.success(data.message)
|
||||
} else {
|
||||
this.useAlert.error('Something went wrong!')
|
||||
}
|
||||
}).catch((error) => {
|
||||
this.useAlert.error(error.data.message)
|
||||
})
|
||||
},
|
||||
emits: ["updated", "deleted"],
|
||||
setup() {
|
||||
return {
|
||||
useAlert: useAlert(),
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showEditSubmissionModal: false,
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
mounted() {},
|
||||
methods: {
|
||||
onDeleteClick() {
|
||||
this.useAlert.confirm(
|
||||
"Do you really want to delete this record?",
|
||||
this.deleteRecord,
|
||||
)
|
||||
},
|
||||
async deleteRecord() {
|
||||
opnFetch(
|
||||
"/open/forms/" +
|
||||
this.form.id +
|
||||
"/records/" +
|
||||
this.submission.id +
|
||||
"/delete",
|
||||
{ method: "DELETE" },
|
||||
)
|
||||
.then(async (data) => {
|
||||
if (data.type === "success") {
|
||||
this.$emit("deleted", this.submission)
|
||||
this.useAlert.success(data.message)
|
||||
} else {
|
||||
this.useAlert.error("Something went wrong!")
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
this.useAlert.error(error.data.message)
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user