<template>
<v-dialog
    v-model="dialog"
    scrollable fullscreen 
    persistent
    transition="dialog-transition"
>
    <v-card
        color="transparent"
        dark
      >
        <v-card-text>

            <v-layout row wrap class="vertical-center">
                <v-flex xs4>&nbsp;</v-flex>
                <v-flex xs4>
                    <v-card color="primary">
                        <v-card-text>
                            Mohon tunggu sebentar ...
                            <v-progress-linear
                                indeterminate
                                color="white"
                                class="mb-0"
                            ></v-progress-linear>        
                        </v-card-text>
                    </v-card>
                    
                </v-flex>
                <v-flex xs4>&nbsp;</v-flex>
            </v-layout>
          
        </v-card-text>
      </v-card>
</v-dialog>
</template>

<style>
.transparent {
   background-color: rgba(255, 255, 255, 0.35) !important;
   border-color: transparent!important;
 }

 .vertical-center {
  margin-top: 20%
}
</style>

<script>
module.exports = {
    data () {
        return {
            
        }
    },

    computed : {
        dialog : {
            get () { return this.$store.state.dialog_loading },
            set (v) { this.$store.commit('update_dialog_loading', v) }
        }
    }   
}
</script>