Add eye icon
This commit is contained in:
parent
25492fdb5a
commit
2db0d25ad1
6
src/components/icons/IconEye.vue
Normal file
6
src/components/icons/IconEye.vue
Normal 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>
|
@ -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 () {
|
||||
|
Loading…
x
Reference in New Issue
Block a user