[frontend] Switch to new icons in the Autcomplete results for editor v2
<template>
<div>
<div class="autocompleter-header">
- <i
- class="fa fa-fw"
- :class="{
- 'fa-database': details.isDatabase(),
- 'fa-eye': details.isView(),
- 'fa-table': details.isTable(),
- 'fa-columns': details.isField()
- }"
- />
+ <DatabaseIcon v-if="details.isDatabase()" />
+ <ViewIcon v-else-if="details.isView()" />
+ <TableIcon v-else-if="details.isTable()" />
+ <ColumnIcon v-else-if="details.isField()" />
<span>{{ details.getTitle() }}</span>
<div
v-if="suggestion.popular && suggestion.relativePopularity"
<script lang="ts">
import { defineComponent, PropType } from 'vue';
- import { CancellablePromise } from 'api/cancellablePromise';
-
import { Suggestion } from '../AutocompleteResults';
+ import { CancellablePromise } from 'api/cancellablePromise';
import DataCatalogEntry from 'catalog/DataCatalogEntry';
- import I18n from 'utils/i18n';
-
import Spinner from 'components/Spinner.vue';
+ import ColumnIcon from 'components/icons/ColumnIcon';
+ import DatabaseIcon from 'components/icons/DatabaseIcon';
+ import TableIcon from 'components/icons/TableIcon';
+ import ViewIcon from 'components/icons/ViewIcon';
+ import I18n from 'utils/i18n';
const COMMENT_LOAD_DELAY = 1500;
export default defineComponent({
name: 'CatalogEntryDetailsPanel',
components: {
+ ColumnIcon,
+ TableIcon,
+ ViewIcon,
+ DatabaseIcon,
Spinner
},
