
<template>
  <v-dialog
    v-model="showDialog"
    persistent
    :max-width="480"
  >
    <v-card>
      <v-text-field
        v-model="seismicPath"
        label="Path to seismic for server"
        outlined
        dense
        :max-width="200"
        class="pt-6 pl-2 pr-2"
      />
      <v-btn
        class="ma-2"
        @click="$emit('cancel')"
      >
        Cancel
      </v-btn>
      <v-btn
        class="primary ma-2"
        @click="$emit('apply', seismicPath)"
      >
        Ok
      </v-btn>
    </v-card>
  </v-dialog>
</template>

<script>
import {VDialog, VCard, VTextField, VBtn} from 'vuetify/lib';

export default {
    name: 'PathToSeismicDialog',
    components: {VDialog, VCard, VTextField, VBtn},
    props: {
        showDialog: Boolean,
        path: String
    },
    data () {
        return {
            seismicPath: this.path
        };
    },
    watch: {
        path (val) {
            this.path = val;
        }
    },
    methods: {

    }
};
</script>

<style scoped>

</style>
