|
|
@ -35,6 +35,18 @@
|
|
|
|
item-value="id"
|
|
|
|
item-value="id"
|
|
|
|
label="program category"
|
|
|
|
label="program category"
|
|
|
|
:items="getSportCategories"
|
|
|
|
:items="getSportCategories"
|
|
|
|
|
|
|
|
v-model="form.program_category_id"
|
|
|
|
|
|
|
|
@change="changeSportCategories"
|
|
|
|
|
|
|
|
></v-autocomplete>
|
|
|
|
|
|
|
|
</v-col>
|
|
|
|
|
|
|
|
<v-col cols="4">
|
|
|
|
|
|
|
|
<v-autocomplete
|
|
|
|
|
|
|
|
dark
|
|
|
|
|
|
|
|
class="mt-0 pt-0"
|
|
|
|
|
|
|
|
item-text="name"
|
|
|
|
|
|
|
|
item-value="id"
|
|
|
|
|
|
|
|
label="workout subcategory"
|
|
|
|
|
|
|
|
:items="getSubSportCategories"
|
|
|
|
v-model="form.sport_category_id"
|
|
|
|
v-model="form.sport_category_id"
|
|
|
|
></v-autocomplete>
|
|
|
|
></v-autocomplete>
|
|
|
|
</v-col>
|
|
|
|
</v-col>
|
|
|
@ -130,7 +142,6 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import SectionTitle from "../Global/Section/SectionTitle.vue";
|
|
|
|
|
|
|
|
import ImageCropper from "../Global/Input/ImageCropper.vue";
|
|
|
|
import ImageCropper from "../Global/Input/ImageCropper.vue";
|
|
|
|
import FileRepository from "../../abstraction/repository/fileRepository";
|
|
|
|
import FileRepository from "../../abstraction/repository/fileRepository";
|
|
|
|
import { mapGetters, mapActions } from "vuex";
|
|
|
|
import { mapGetters, mapActions } from "vuex";
|
|
|
@ -140,7 +151,6 @@ const RANDOM_TOKEN = makeid(50);
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
SectionTitle,
|
|
|
|
|
|
|
|
ImageCropper,
|
|
|
|
ImageCropper,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: () => ({
|
|
|
|
data: () => ({
|
|
|
@ -160,7 +170,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
computed: {
|
|
|
|
...mapGetters("sportCategories", ["getSportCategories"]),
|
|
|
|
...mapGetters("sportCategories", ["getSportCategories", "getSubSportCategories"]),
|
|
|
|
...mapGetters("programs", ["getProgram"]),
|
|
|
|
...mapGetters("programs", ["getProgram"]),
|
|
|
|
programId() {
|
|
|
|
programId() {
|
|
|
|
return this.$route.params.id;
|
|
|
|
return this.$route.params.id;
|
|
|
@ -203,6 +213,10 @@ export default {
|
|
|
|
this.form = this.getProgram;
|
|
|
|
this.form = this.getProgram;
|
|
|
|
this.form["batch_id"] = RANDOM_TOKEN;
|
|
|
|
this.form["batch_id"] = RANDOM_TOKEN;
|
|
|
|
// this.perviousCropData = this.fileForm.crop_data;
|
|
|
|
// this.perviousCropData = this.fileForm.crop_data;
|
|
|
|
|
|
|
|
await this.loadSportCategories(this.form.program_category_id);
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
async changeSportCategories() {
|
|
|
|
|
|
|
|
await this.loadSportCategories(this.form.program_category_id);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
removeTags(item) {
|
|
|
|
removeTags(item) {
|
|
|
|
this.form.tags.splice(this.form.tags.indexOf(item), 1);
|
|
|
|
this.form.tags.splice(this.form.tags.indexOf(item), 1);
|
|
|
|