fajri/FE_CPONE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Flatten nested repos

Browse Source
This commit is contained in:
sas.fajri
2026-04-27 10:13:31 +07:00
parent 01c2963a43
commit 8347aef8f4
17935 changed files with 5015229 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

266
test/vuex/layout/components/oneFormPatientComponent.js Normal file
View File

@@ -0,0 +1,266 @@
var oneFormPatientComponent= {
template: `
<v-form ref="form" v-model="valid" lazy-validation >
<v-container>
<v-layout>
<v-flex xs12 >
<v-text-field
v-model="Nama"
:rules="namaRules"
label="Nama"
required
></v-text-field>
<v-text-field
v-model="Alamat"
:rules="alamatRules"
label="Alamat"
required
></v-text-field>
<v-text-field
v-model="Umur"
:rules="umurRules"
label="Umur"
required
></v-text-field>
<v-text-field
v-model="Riwayat"
:rules="riwayatRules"
label="Riwayat Pemeriksaan"
></v-text-field>
<v-select
v-model="select"
:items="items"
:rules="[v => !!v || 'Item is required']"
label="Item"
required
></v-select>
<v-checkbox
v-model="checkbox"
:rules="[v => !!v || 'You must agree to continue!']"
label="Do you agree?"
required
></v-checkbox>
<v-btn
:disabled="!valid"
color="success"
@click="validate"
>
Tambah Pasien
</v-btn>
<v-btn
color="error"
@click="reset"
>
Save
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
:disabled="!valid"
color="success"
@click="validate"
>
Test
</v-btn>
<v-btn
color="error"
@click="reset"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
:disabled="!valid"
color="success"
@click="validate"
>
Test
</v-btn>
<v-btn
color="error"
@click="reset"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
:disabled="!valid"
color="success"
@click="validate"
>
Test
</v-btn>
<v-btn
color="error"
@click="reset"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
:disabled="!valid"
color="success"
@click="validate"
>
Test
</v-btn>
<v-btn
color="error"
@click="reset"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
<v-btn
:disabled="!valid"
color="success"
@click="validate"
>
Test
</v-btn>
<v-btn
color="error"
@click="reset"
>
Test
</v-btn>
<v-btn
color="warning"
@click="resetValidation"
>
Test
</v-btn>
</v-layout>
</v-container>
</v-form>
`,
data: function() {
return {
valid: true,
name: '',
nameRules: [
v => !!v || 'Name is required',
v => (v && v.length <= 10) || 'Name must be less than 10 characters'
],
email: '',
emailRules: [
v => !!v || 'E-mail is required',
v => /.+@.+/.test(v) || 'E-mail must be valid'
],
select: null,
items: [
'Item 1',
'Item 2',
'Item 3',
'Item 4'
],
checkbox: false
};
},
methods: {
validate () {
if (this.$refs.form.validate()) {
this.snackbar = true
}
},
reset () {
this.$refs.form.reset()
},
resetValidation () {
this.$refs.form.resetValidation()
}
}
};
export { oneFormPatientComponent };