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/pages/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <page-header title="Profile"/>
        <div class="container m-0">
          <c-overlay :show="!form.isReady">
            <form @submit.prevent="submit()">
              <div class="row">
                <div class="col-md-4">
                  <corals-input :form="form" field="name" required/>
                </div>
                <div class="col-md-4">
                  <corals-input :form="form" field="last_name" required/>
                </div>
                <div class="col-md-4">
                  <corals-input type="email" :form="form" field="email" required/>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <corals-input type="password" :form="form" field="password" autocomplete="new-password"/>
                </div>
                <div class="col-md-4">
                  <corals-input type="password" :form="form" field="password_confirmation" autocomplete="new-password"/>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <corals-checkbox field="birth_date_visible" :form="form"/>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <button type="submit" class="btn btn-primary btn-block">Save</button>
                </div>
              </div>
            </form>
          </c-overlay>
        </div>
  </div>
</template>

<script>
import COverlay from "@/components/layout/COverlay";
import PageHeader from "@/components/layout/PageHeader";
import ProjectsReport from "@/components/Reports/ProjectsReport";
import ActivitiesReport from "@/components/Reports/ActivitiesReport";

export default {
  name: "profile",
  components: {COverlay, PageHeader, ProjectsReport, ActivitiesReport},

  async fetch() {
    this.datePeriod();
  },

  data() {
    let {name, last_name, email, birth_date, birth_date_visible} = this.$auth.user;
    return {
      showUserReport: false,
      periodOptions: {
        currentWeek: 'Current Week',
        currentMonth: 'Current Month',
        previousMonth: 'Previous Month',
        currentYear: 'Current Year',
        previousYear: 'Previous Year',
        custom: 'Custom'
      },
      form: this.$form({
        name,
        last_name,
        email,
        birth_date,
        password_confirmation: '',
        password: '',
        birth_date_visible,
      }, {resetOnSuccess: false}),
    }
  },
  methods: {
    submit() {
      this.form.post('profile').then(() => {
        this.$auth.fetchUser();
      });
    },
  }
}
</script>

<style scoped>

</style>