[javascript] Location
Viewer
- <v-row class="">
- <v-col>
- <v-card rounded="xl" elevation="0" outlined>
- <v-card-title class="title-card">Alamat Sekolah</v-card-title>
- <v-divider></v-divider>
- <v-card-text>
- <v-row>
- <v-col md="6" lg="3">
- <label>Provinsi :</label>
- <v-autocomplete
- v-model="province"
- placeholder="Pilih Provinsi"
- item-text="province"
- item-value="province_id"
- class="field-dialog mt-2"
- :rules="province_rules"
- @change="to_get_id_provincy"
- required
- background-color="#FFFFFF"
- type="text"
- dense
- filled
- height="25px"
- :items="list_province"
- rounded
- outlined
- >
- </v-autocomplete>
- </v-col>
- <v-col md="6" lg="3">
- <label>Kabupaten/Kota :</label>
- <v-autocomplete
- v-model="city"
- placeholder="Pilih Kabupaten/Kota"
- item-text="name"
- item-value="city_id"
- class="field-dialog mt-2"
- :rules="city_rules"
- :items="list_city"
- @change="to_get_id_city"
- required
- background-color="#FFFFFF"
- type="text"
- dense
- height="25px"
- rounded
- filled
- outlined
- ></v-autocomplete>
- </v-col>
- <v-col md="6" lg="3">
- <label>Kecamatan :</label>
- <v-autocomplete
- v-model="district"
- placeholder="Pilih Kecamatan"
- item-text="name"
- item-value="district_id"
- class="field-dialog mt-2"
- required
- background-color="#FFFFFF"
- type="text"
- :rules="district_rules"
- @change="to_get_id_district"
- :items="list_district"
- dense
- filled
- height="25px"
- rounded
- outlined
- ></v-autocomplete>
- </v-col>
- <v-col md="6" lg="3">
- <label>Kelurahan :</label>
- <v-autocomplete
- v-model="sub_district"
- placeholder="Pilih Kelurahan"
- item-text="name"
- item-value="sub_district_id"
- class="field-dialog mt-2"
- required
- background-color="#FFFFFF"
- type="text"
- :items="list_sub_district"
- dense
- filled
- height="25px"
- @change="to_get_id_sub_district"
- rounded
- outlined
- ></v-autocomplete>
- </v-col>
- </v-row>
- </v-card-text>
- </v-card>
- </v-col>
- </v-row>
Editor
You can edit this paste and save as new: