From 79f36746b39dea45737a5262ad630431387860b9 Mon Sep 17 00:00:00 2001
From: Saladin21 <13519187@std.stei.itb.ac.id>
Date: Mon, 21 Mar 2022 23:30:51 +0700
Subject: [PATCH] edit kpi card
---
src/components/kpiCard.vue | 16 +++++++++++++---
src/http-common.js | 2 +-
src/views/KpiIndex.vue | 9 ++++++---
3 files changed, 20 insertions(+), 7 deletions(-)
diff --git a/src/components/kpiCard.vue b/src/components/kpiCard.vue
index 71f9e23..e63b0f6 100644
--- a/src/components/kpiCard.vue
+++ b/src/components/kpiCard.vue
@@ -1,8 +1,16 @@
<template>
<div class="card mx-3 my-1 bground-light">
<div class="card-body">
- <h5 class="card-title text-blue">{{kpi.name}}</h5>
- <p class="card-text text-blue">{{kpi.description}}</p>
+ <h5 class="card-title">{{kpi.name}}</h5>
+ <p class="card-subtitle text-blue">{{kpi.description}}</p>
+ <p class="card-subtitle text-blue mt-1">Deadline: {{kpi.deadline_time}}</p>
+ </div>
+
+ <div class="card-footer">
+ <ul class="list-group list-group-horizontal" id="footer">
+ <li class="list-group-item bground-light text-blue">Target: {{kpi.target}}</li>
+ <li class="list-group-item bground-light text-blue">Weight: {{kpi.weight}}</li>
+ </ul>
</div>
</div>
</template>
@@ -25,5 +33,7 @@ export default {
</script>
<style scoped>
-
+#footer{
+ width: 100%;
+}
</style>
diff --git a/src/http-common.js b/src/http-common.js
index 7139195..79a652d 100644
--- a/src/http-common.js
+++ b/src/http-common.js
@@ -1,7 +1,7 @@
import axios from 'axios';
export const HTTP = axios.create({
- baseURL: `http://localhost:8000/api/`,
+ baseURL: `https://simkpi-backend.herokuapp.com/api`,
// headers: {
// Authorization: 'Bearer {token}'
// }
diff --git a/src/views/KpiIndex.vue b/src/views/KpiIndex.vue
index 60a3ba2..2449e5b 100644
--- a/src/views/KpiIndex.vue
+++ b/src/views/KpiIndex.vue
@@ -42,11 +42,15 @@ export default {
data(){
return{
temp_kpi: {
+ employee_id: 1,
name: "KPI",
description: "Deskripsi dari KPI",
- deadline: "20-03-2022",
+ target: "100%",
+ is_score_inverted: false,
+ target_type: "percentage",
weight: "20",
- target: "100%"
+ deadline: null,
+ deadline_time: "23:00",
},
filter:"Harian",
kpis: [],
@@ -60,7 +64,6 @@ export default {
this.kpis.push(this.temp_kpi)
this.kpis.push(this.temp_kpi)
this.kpis.push(this.temp_kpi)
- console.log("get kpi")
}
},
mounted(){
--
GitLab