Wizard edited

This commit is contained in:
Burak Civan
2021-05-28 15:45:19 +03:00
parent aaa7f79670
commit 0a9d80ca1b
7 changed files with 177 additions and 149 deletions

View File

@ -1,5 +1,5 @@
<template>
<div>
<div v-if="is_loaded">
<h1 class="text-white">{{ translations.finish.title }}</h1>
<div class="card">
<div class="card-header wizard-header p-3">
@ -14,34 +14,47 @@
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="content-header">
<h3 class="text-white">{{ translations.finish.recommended_apps }}</h3>
<h3 class="text-white">
{{ translations.finish.recommended_apps }}
</h3>
</div>
<div class="row">
<div v-for="(item, index) in modules" :key="index" class="col-md-3">
<div
v-for="(item, index) in modules"
:key="index"
class="col-md-3"
>
<div class="card">
<div class="card-header py-2">
<h4 class="ml--3 mb-0 float-left">
<a
:href="item.slug"
>{{ item.name }}</a
>
<a :href="item.slug">{{ item.name }}</a>
</h4>
</div>
<a :href="route_url + '/' + item.slug"
><img
v-for="(file, indis) in item.files" :key="indis"
v-if="file.media_type == 'image' && file.pivot.zone == 'thumbnail'"
v-for="(file, indis) in item.files"
:key="indis"
v-if="
file.media_type == 'image' &&
file.pivot.zone == 'thumbnail'
"
:src="file.path_string"
:alt="item.name"
class="card-img-top border-radius-none"
/></a>
<div class="card-footer py-2">
<div class="float-left ml--3 mt--1">
<i v-for="(stars, indis) in item.vote" :key="indis" class="fa fa-star text-xs text-yellow"></i>
<i
v-for="(stars, indis) in item.vote"
:key="indis"
class="fa fa-star text-xs text-yellow"
></i>
<small class="text-xs"> {{ item.total_review }} </small>
</div>
<div class="float-right mr--3">
<small><strong> {{ item.price }} </strong></small>
<small
><strong> {{ item.price }} </strong></small
>
</div>
</div>
</div>
@ -54,10 +67,13 @@
<div class="card-footer">
<div class="row">
<div class="col-md-12 d-flex justify-content-between">
<base-button type="white" native-type="submit" @click="prev()"
>{{ translations.finish.previous }}</base-button
>
<base-button type="success" native-type="submit" v-if="button_show" @click="finish()"
<base-button type="white" native-type="submit" @click="prev()">{{
translations.finish.previous
}}</base-button>
<base-button
type="success"
native-type="submit"
@click="finish()"
>{{ translations.finish.go_to_dashboard }}</base-button
>
</div>
@ -68,7 +84,6 @@
</template>
<script>
import { Step, Steps } from "element-ui";
export default {
@ -78,41 +93,51 @@ export default {
[Steps.name]: Steps,
},
created() {
window.axios({
method: 'PATCH',
url: url + '/wizard/finish'
}).then(response => {
if(response.status == "200") {
this.button_show = true;
}
window
.axios({
method: "PATCH",
url: url + "/wizard/finish",
})
.then((response) => {
if (response.status == "200") {
this.is_loaded = true;
}
})
.catch((error) => {
this.$notify({
message: this.translations.finish.error_message,
timeout: 1000,
icon: "fas fa-bell",
type: 0
});
}).catch(error => {
});
this.prev();
});
},
props: {
modules: {
type: [Object, Array]
type: [Object, Array],
},
translations: {
type: [Object, Array]
type: [Object, Array],
}
},
data() {
return {
active: 3,
route_url: url,
button_show: false
is_loaded: false
};
},
methods: {
finish() {
window.location.href = url;
},
prev() {
if (this.active-- > 2);
this.$router.push("/wizard/taxes");
},
finish() {
window.location.href = url;
},
},
};
</script>