Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/ts.corals.io/frontend/components/ModalForRejctedTimeOff/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <b-modal hide-footer
           visible
           content-class="shadow"
           :title-html="'Reject Request'"
           @hidden="$emit('hidden')"
           no-close-on-backdrop>
    <div class="row">
      <div class="col-md-12">
        <c-overlay>
          <div class="row" v-if="form">
            <div class="col-md-12">
              <c-overlay :show="!form.isReady">
                <form @submit.prevent="rejectTimeOffRequest">
                  <corals-textarea field="reject_reason" rows="2" required :form="form"/>
                  <div class="text-right">
                    <button type="submit" class="btn btn-sm btn-primary" :disabled="!form.isReady">
                      Submit
                    </button>
                    <button @click.prevent="$emit('hidden')" class="btn btn-sm btn-secondary"
                            :disabled="!form.isReady">Close
                    </button>
                  </div>
                </form>
              </c-overlay>
            </div>
          </div>
        </c-overlay>
      </div>
    </div>
  </b-modal>
</template>

<script>
import COverlay from "@/components/layout/COverlay";

export default {
  name: "RejectedRequestModal",
  components: {COverlay},
  data() {
    return {
      form: this.$form({
        reject_reason: '',
      }),
    }
  },
  props: {
    timeOffRequest: {
      required: true,
    }
  },
  methods: {
    rejectTimeOffRequest() {
      this.form.post(`timesheet/time-off-requests/${this.timeOffRequest.id}/reject-request`)
        .then(response => {
          this.$emit('hidden');
        });
    }
  },
}
</script>

<style scoped>

</style>