All files addCompany.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<template>
 <b-container fluid class="container">
  <div class="container-fluid mt-4">
    <h2 class="text-left mt-3">
      Admin Dashboard
 
      <div class="float-right">
        <router-link to="/logout">
          <b-button pill variant="danger" class="float-right" style="margin-left:50px">
            Logout
          </b-button>
        </router-link>
        
          <router-link to="/adminDashboard">
            <b-button pill variant="info" class="float-right" style="margin-left:20px">
              dashboard
              <font-awesome-icon icon="fa-solid fa-user-secret" class="ml-1" />
            </b-button>
          </router-link>
        
      </div>
    </h2>
    <b-alert :show="loading" variant="info">Loading...</b-alert>
    
      </div>
     
      <b-row>
        
      <b-col></b-col>
      <b-col lg="6" md="8" sm="10" >
      <b-card
        
        
        
      >
        <b-form @submit.prevent="savePost">
          <b-form-group label="Company Name">
            <b-form-input
              type="text"
              v-model="companies.companyName"
            ></b-form-input>
          </b-form-group>
          
          <b-form-group label="CompanyMemeber Email">
            <b-form-input
              type="email"
              v-model="companies.CompanyMemberEmail"
            ></b-form-input>
          </b-form-group>
          
          <b-form-group label="Company Member Username">
            <b-form-input
              v-model="companies.CompanyMemberUserName"
            ></b-form-input>
          </b-form-group>
          <b-form-group label="Company Location">
            <b-form-input
              rows="4"
              v-model="companies.companyLocation"
            ></b-form-input>
          </b-form-group>
          <b-form-group label="Company Start date">
            <b-form-input
              type="date"
              v-model="companies.eventDate"
            ></b-form-input>
          </b-form-group>
          <br />
          <br />
          <div>
            <b-btn type="submit" id="submit" variant="success">Save Company</b-btn>
          </div>
        </b-form>
      </b-card>
      </b-col>
      <b-col></b-col>
      </b-row>
      </b-container>
  
</template>
<script>
//import api from '@/api'
export default {
  name: "addCompany",
  data() {
    return {
      loading: false,
      companies: {},
    };
  },
  async created() {},
  async mounted() {},
  methods: {
    /**
     * @vuese
     * This method adds new company to the companies list
     */
    savePost() {
      console.log(this.$store.getters.userDetails.id, "djfhgdwfhghjn");
      
      this.companies.userId = this.$store.getters.userDetails.id;
      this.$axios
        .post("/addCompany", this.companies)
        .then((response) => {
          this.spin = false;
          this.$root.$bvToast.toast(`Company added successfully`, {
            title: `Company Created `,
            variant: "success",
            autoHideDelay: 50000,
          });
 
          console.log("----", response.data);
        })
        .catch((error) => {
          this.spin = false;
          console.log("----", error.response.data);
        });
        this.companies={}
    },
 
    /**
     * @vuese
     * This method destroys the token and logs out of the application
     */
    logout() {
      this.$store.dispatch("destroyToken").then(() => {
        this.$router.push({ name: "login" });
      });
    },
  },
};
</script>