Add eye icon

This commit is contained in:
Mulia Nasution 2023-05-31 16:57:36 +07:00
parent 25492fdb5a
commit 2db0d25ad1
2 changed files with 18 additions and 2 deletions

View File

@ -0,0 +1,6 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 14px; height: 14px; color: orange;">
<path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" />
<path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd" />
</svg>
</template>

View File

@ -72,8 +72,16 @@
<DxColumn data-field="" caption="VP Pengadaan"></DxColumn>
<DxColumn data-field="" caption="Komite Value for Money"></DxColumn>
<DxColumn data-field="" caption="Direktur Utama"></DxColumn>
<DxColumn type="buttons" caption="Aksi">
<DxButton name="edit" />
<DxColumn type="buttons" caption="Aksi" :fixed="true">
<DxButton
text="Detail"
hint="Detail"
:on-click="linkDetail"
>
<template #default>
<IconEye />
</template>
</DxButton>
<DxButton
text="Detail"
icon="file"
@ -116,6 +124,7 @@ import DxDataGrid, {
DxButton,
} from "devextreme-vue/data-grid";
import CustomStore from "devextreme/data/custom_store";
import IconEye from '../../components/icons/IconEye.vue';
const URL = process.env.VUE_APP_ROOT_API + "/drp";
@ -179,6 +188,7 @@ export default {
DxToolbar,
DxTexts,
DxButton,
IconEye,
},
methods: {
linkDetail: function () {