From 69e4ac212db35a87a0bd5b10f3ca5cf5277b77cf Mon Sep 17 00:00:00 2001
From: Saladin21 <13519187@std.stei.itb.ac.id>
Date: Thu, 28 Apr 2022 10:35:01 +0700
Subject: [PATCH] add table click backround color
---
src/App.vue | 7 ++++++-
src/components/table-2.vue | 6 +++---
src/components/table-response.vue | 2 +-
src/components/table.vue | 2 +-
src/views/AdminIndex.vue | 2 +-
5 files changed, 12 insertions(+), 7 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 462129f..42308e0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,8 +31,13 @@ body {
color: #6992b4;
}
+.table-click{
+ background-color: #f1f7fc !important;
+ text-decoration: underline;
+}
+
.bground-light {
- background-color: #f1f7fc;
+ background-color: #f1f7fc ;
}
.bground-dark {
diff --git a/src/components/table-2.vue b/src/components/table-2.vue
index ef63610..79d4ad0 100644
--- a/src/components/table-2.vue
+++ b/src/components/table-2.vue
@@ -36,8 +36,8 @@
<template v-if="c.hasOwnProperty('child')">
<template v-for="child in c.child" :key="child">
<template v-if="!child.hidden">
- <td v-if="child.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
- {{ e[c.data][child.data] }}
+ <td v-if="child.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
+ {{ e[c.data][child.data] }}
</td>
<td v-else >
{{ e[c.data][child.data]}}
@@ -46,7 +46,7 @@
</template>
</template>
<template v-if="!c.hidden">
- <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
+ <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
{{ e[c.data] }}
</td>
<td v-else >
diff --git a/src/components/table-response.vue b/src/components/table-response.vue
index 329b603..05d1d3f 100644
--- a/src/components/table-response.vue
+++ b/src/components/table-response.vue
@@ -26,7 +26,7 @@
>
<template v-for="c in columns" :key="c">
<template v-if="!c.hidden && c.name!='Bukti'">
- <td v-if="c.clickable " @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
+ <td v-if="c.clickable " @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
{{ e[c.data] }}
</td>
<td v-else >
diff --git a/src/components/table.vue b/src/components/table.vue
index ead873c..f5acfbc 100644
--- a/src/components/table.vue
+++ b/src/components/table.vue
@@ -25,7 +25,7 @@
>
<template v-for="c in columns" :key="c">
<template v-if="!c.hidden">
- <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable">
+ <td v-if="c.clickable" @click="this.$emit('detail-entry', e[columns.Id.data])" class="clickable table-click">
{{ e[c.data] }}
</td>
<td v-else >
diff --git a/src/views/AdminIndex.vue b/src/views/AdminIndex.vue
index 5244b97..961dfeb 100644
--- a/src/views/AdminIndex.vue
+++ b/src/views/AdminIndex.vue
@@ -83,7 +83,7 @@ export default {
name : "Username",
data : "username",
hidden : false,
- clickable : true
+ clickable : false
},
Email: {
name : "Email",
--
GitLab