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