NuKVM/xen-orchestra
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(lite): use FontAwesome Free (#6405)

Browse Source
This commit is contained in:
Thierry Goettelmann 2022-09-07 10:53:40 +02:00 committed by Julien Fontanet
parent 6898eea45e
commit 87ddb01122
20 changed files with 45 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
@xen-orchestra/lite/.npmrc.dist
View File

@ -1,2 +0,0 @@
@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=INSERT_FONT_AWESOME_PRO_TOKEN_HERE

2
@xen-orchestra/lite/README.md
View File

@ -89,7 +89,7 @@ const fontSize = ref("2rem");
### Icons
This project is using Font Awesome Pro 6.
This project is using Font Awesome 6 Free.
Here is how to use an icon in your template.

6
@xen-orchestra/lite/package.json
View File

@ -11,10 +11,8 @@
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^6.1.1",
"@fortawesome/pro-light-svg-icons": "^6.1.2",
"@fortawesome/pro-regular-svg-icons": "^6.1.2",
"@fortawesome/pro-solid-svg-icons": "^6.1.2",
"@fortawesome/pro-thin-svg-icons": "^6.1.2",
"@fortawesome/free-regular-svg-icons": "^6.2.0",
"@fortawesome/free-solid-svg-icons": "^6.2.0",
"@fortawesome/vue-fontawesome": "^3.0.1",
"@novnc/novnc": "^1.3.0",
"@types/d3-time-format": "^4.0.0",

3
@xen-orchestra/lite/src/components/AccountButton.vue
View File

@ -6,8 +6,7 @@
</template>
<script lang="ts" setup>
import { faAngleDown } from "@fortawesome/pro-light-svg-icons";
import { faCircleUser } from "@fortawesome/pro-solid-svg-icons";
import { faAngleDown, faCircleUser } from "@fortawesome/free-solid-svg-icons";
</script>
<style scoped>

2
@xen-orchestra/lite/src/components/AppHeader.vue
View File

@ -16,7 +16,7 @@
<script lang="ts" setup>
import { computed, nextTick, ref } from "vue";
import { useRouter } from "vue-router";
import { faMoon, faSun } from "@fortawesome/pro-solid-svg-icons";
import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons";
import { useLocalStorage } from "@vueuse/core";
import { useXenApiStore } from "@/stores/xen-api.store";

2
@xen-orchestra/lite/src/components/CollectionFilter.vue
View File

@ -57,7 +57,7 @@
import { Or, parse } from "complex-matcher";
import { computed, ref } from "vue";
import type { Filters, NewFilter } from "@/types/filter";
import { faPlus } from "@fortawesome/pro-solid-svg-icons";
import { faPlus } from "@fortawesome/free-solid-svg-icons";
import CollectionFilterRow from "@/components/CollectionFilterRow.vue";
import UiBadge from "@/components/ui/UiBadge.vue";
import UiButton from "@/components/ui/UiButton.vue";

2
@xen-orchestra/lite/src/components/CollectionFilterRow.vue
View File

@ -89,7 +89,7 @@ import type {
Filters,
NewFilter,
} from "@/types/filter";
import { faPencil, faRemove } from "@fortawesome/pro-solid-svg-icons";
import { faPencil, faRemove } from "@fortawesome/free-solid-svg-icons";
import { useVModel } from "@vueuse/core";
import FormWidget from "@/components/FormWidget.vue";
import UiButton from "@/components/ui/UiButton.vue";

2
@xen-orchestra/lite/src/components/CollectionSorter.vue
View File

@ -54,7 +54,7 @@ import {
faCaretDown,
faCaretUp,
faPlus,
} from "@fortawesome/pro-solid-svg-icons";
} from "@fortawesome/free-solid-svg-icons";
import FormWidget from "@/components/FormWidget.vue";
import UiButton from "@/components/ui/UiButton.vue";
import UiButtonGroup from "@/components/ui/UiButtonGroup.vue";

2
@xen-orchestra/lite/src/components/PowerStateIcon.vue
View File

@ -10,7 +10,7 @@ import {
faPlay,
faQuestion,
faStop,
} from "@fortawesome/pro-solid-svg-icons";
} from "@fortawesome/free-solid-svg-icons";
import type { PowerState } from "@/libs/xen-api";
const props = defineProps<{

7
@xen-orchestra/lite/src/components/infra/InfraHostItem.vue
View File

@ -20,8 +20,11 @@
<script lang="ts" setup>
import { computed } from "vue";
import { faAngleDown, faAngleUp } from "@fortawesome/pro-light-svg-icons";
import { faServer } from "@fortawesome/pro-regular-svg-icons";
import {
faAngleDown,
faAngleUp,
faServer,
} from "@fortawesome/free-solid-svg-icons";
import { useToggle } from "@vueuse/core";
import InfraAction from "@/components/infra/InfraAction.vue";
import InfraItemLabel from "@/components/infra/InfraItemLabel.vue";

6
@xen-orchestra/lite/src/components/infra/InfraPoolList.vue
View File

@ -1,9 +1,9 @@
<template>
<ul class="infra-pool-list">
<InfraLoadingItem v-if="!isReady" :icon="faBuildings" />
<InfraLoadingItem v-if="!isReady" :icon="faBuilding" />
<li v-else class="infra-pool-item">
<InfraItemLabel
:icon="faBuildings"
:icon="faBuilding"
:route="{ name: 'pool.dashboard', params: { uuid: pool.uuid } }"
active
>
@ -19,7 +19,7 @@
<script lang="ts" setup>
import { storeToRefs } from "pinia";
import { faBuildings } from "@fortawesome/pro-regular-svg-icons";
import { faBuilding } from "@fortawesome/free-regular-svg-icons";
import InfraHostList from "@/components/infra/InfraHostList.vue";
import InfraItemLabel from "@/components/infra/InfraItemLabel.vue";
import InfraLoadingItem from "@/components/infra/InfraLoadingItem.vue";

2
@xen-orchestra/lite/src/components/infra/InfraVmItem.vue
View File

@ -17,7 +17,7 @@
<script lang="ts" setup>
import { computed, ref } from "vue";
import { faDisplay } from "@fortawesome/pro-solid-svg-icons";
import { faDisplay } from "@fortawesome/free-solid-svg-icons";
import { useIntersectionObserver } from "@vueuse/core";
import PowerStateIcon from "@/components/PowerStateIcon.vue";
import InfraAction from "@/components/infra/InfraAction.vue";

2
@xen-orchestra/lite/src/components/infra/InfraVmList.vue
View File

@ -14,7 +14,7 @@
<script lang="ts" setup>
import { storeToRefs } from "pinia";
import { computed } from "vue";
import { faDisplay } from "@fortawesome/pro-solid-svg-icons";
import { faDisplay } from "@fortawesome/free-solid-svg-icons";
import InfraLoadingItem from "@/components/infra/InfraLoadingItem.vue";
import InfraVmItem from "@/components/infra/InfraVmItem.vue";
import { useVmStore } from "@/stores/vm.store";

2
@xen-orchestra/lite/src/components/pool/PoolHeader.vue
View File

@ -6,7 +6,7 @@
<script lang="ts" setup>
import { computed } from "vue";
import { faBuilding } from "@fortawesome/pro-regular-svg-icons";
import { faBuilding } from "@fortawesome/free-regular-svg-icons";
import TitleBar from "@/components/TitleBar.vue";
import { usePoolStore } from "@/stores/pool.store";

2
@xen-orchestra/lite/src/components/ui/UiFilter.vue
View File

@ -10,7 +10,7 @@
</template>
<script lang="ts" setup>
import { faRemove } from "@fortawesome/pro-solid-svg-icons";
import { faRemove } from "@fortawesome/free-solid-svg-icons";
const emit = defineEmits<{
(event: "edit"): void;

2
@xen-orchestra/lite/src/components/ui/UiIcon.vue
View File

@ -11,7 +11,7 @@
<script lang="ts" setup>
import { computed } from "vue";
import type { IconDefinition } from "@fortawesome/fontawesome-common-types";
import { faSpinner } from "@fortawesome/pro-solid-svg-icons";
import { faSpinner } from "@fortawesome/free-solid-svg-icons";
const props = withDefaults(
defineProps<{

8
@xen-orchestra/lite/src/components/vm/VmsActionsBar.vue
View File

@ -16,14 +16,18 @@
</template>
<script lang="ts" setup>
import { faCopy, faEdit, faTrashCan } from "@fortawesome/pro-regular-svg-icons";
import {
faCopy,
faEdit,
faTrashCan,
} from "@fortawesome/free-regular-svg-icons";
import {
faBox,
faCamera,
faFileExport,
faPowerOff,
faRoute,
} from "@fortawesome/pro-solid-svg-icons";
} from "@fortawesome/free-solid-svg-icons";
import UiButton from "@/components/ui/UiButton.vue";
import UiButtonGroup from "@/components/ui/UiButtonGroup.vue";

4
@xen-orchestra/lite/src/libs/utils.ts
View File

@ -1,7 +1,7 @@
import { utcParse } from "d3-time-format";
import type { Filter } from "@/types/filter";
import { faSquareCheck } from "@fortawesome/pro-regular-svg-icons";
import { faFont, faHashtag, faList } from "@fortawesome/pro-solid-svg-icons";
import { faSquareCheck } from "@fortawesome/free-regular-svg-icons";
import { faFont, faHashtag, faList } from "@fortawesome/free-solid-svg-icons";
export function sortRecordsByNameLabel(
record1: { name_label: string },

2
@xen-orchestra/lite/src/views/pool/PoolVmsView.vue
View File

@ -28,7 +28,7 @@
import { storeToRefs } from "pinia";
import { ref } from "vue";
import type { Filters } from "@/types/filter";
import { faPowerOff } from "@fortawesome/pro-solid-svg-icons";
import { faPowerOff } from "@fortawesome/free-solid-svg-icons";
import CollectionTable from "@/components/CollectionTable.vue";
import ColumnHeader from "@/components/ColumnHeader.vue";
import PowerStateIcon from "@/components/PowerStateIcon.vue";

42
yarn.lock
View File

@ -2270,10 +2270,10 @@
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.1.1.tgz#7dc996042d21fc1ae850e3173b5c67b0549f9105"
integrity sha512-wVn5WJPirFTnzN6tR95abCx+ocH+3IFLXAgyavnf9hUmN0CfWoDjPT/BAWsUVwSlYYVBeCLJxaqi7ZGe4uSjBA==
"@fortawesome/fontawesome-common-types@6.1.2":
version "6.1.2"
resolved "https://npm.fontawesome.com/@fortawesome/fontawesome-common-types/-/6.1.2/fontawesome-common-types-6.1.2.tgz#c1095b1bbabf19f37f9ff0719db38d92a410bcfe"
integrity sha512-wBaAPGz1Awxg05e0PBRkDRuTsy4B3dpBm+zreTTyd9TH4uUM27cAL4xWyWR0rLJCrRwzVsQ4hF3FvM6rqydKPA==
"@fortawesome/fontawesome-common-types@6.2.0":
version "6.2.0"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.2.0.tgz#76467a94aa888aeb22aafa43eb6ff889df3a5a7f"
integrity sha512-rBevIsj2nclStJ7AxTdfsa3ovHb1H+qApwrxcTVo+NNdeJiB9V75hsKfrkG5AwNcRUNxrPPiScGYCNmLMoh8pg==
"@fortawesome/fontawesome-svg-core@^6.1.1":
version "6.1.1"
@ -2282,33 +2282,19 @@
dependencies:
"@fortawesome/fontawesome-common-types" "6.1.1"
"@fortawesome/pro-light-svg-icons@^6.1.2":
version "6.1.2"
resolved "https://npm.fontawesome.com/@fortawesome/pro-light-svg-icons/-/6.1.2/pro-light-svg-icons-6.1.2.tgz#90bbe97de6c9d921469de185abdcb8330e8eaf95"
integrity sha512-RPtgsmdIxj8tbmWCt+ulncl6DxgtrRD/EkBa8J9QPB/9++/nrIWyvybce8K7hWYzIIeYu+TZhSwGxtrBD0D6BA==
"@fortawesome/free-regular-svg-icons@^6.2.0":
version "6.2.0"
resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.2.0.tgz#947e1f03be17da3a60bfeb2666b5348b19448ce2"
integrity sha512-M1dG+PAmkYMTL9BSUHFXY5oaHwBYfHCPhbJ8qj8JELsc9XCrUJ6eEHWip4q0tE+h9C0DVyFkwIM9t7QYyCpprQ==
dependencies:
"@fortawesome/fontawesome-common-types" "6.1.2"
"@fortawesome/fontawesome-common-types" "6.2.0"
"@fortawesome/pro-regular-svg-icons@^6.1.2":
version "6.1.2"
resolved "https://npm.fontawesome.com/@fortawesome/pro-regular-svg-icons/-/6.1.2/pro-regular-svg-icons-6.1.2.tgz#f232ce529f59e8279536ce6fdd52f408e2ddf2b3"
integrity sha512-5BQ3Guv+FRDyXJ9qy5SQZc+tWsCstQscd4JILb8dFzFtZsDef9cDgxxFEj//QmyrVI45kKVhjfGY8voHHvMQTQ==
"@fortawesome/free-solid-svg-icons@^6.2.0":
version "6.2.0"
resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.2.0.tgz#8dcde48109354fd7a5ece8ea48d678bb91d4b5f0"
integrity sha512-UjCILHIQ4I8cN46EiQn0CZL/h8AwCGgR//1c4R96Q5viSRwuKVo0NdQEc4bm+69ZwC0dUvjbDqAHF1RR5FA3XA==
dependencies:
"@fortawesome/fontawesome-common-types" "6.1.2"
"@fortawesome/pro-solid-svg-icons@^6.1.2":
version "6.1.2"
resolved "https://npm.fontawesome.com/@fortawesome/pro-solid-svg-icons/-/6.1.2/pro-solid-svg-icons-6.1.2.tgz#ecdab98c3e901c72e99c5a1a961070b3b80e05d6"
integrity sha512-E1TzmbuO0Klch/EqAjh4WPs93Oss8KwY5MUi2pcSyflN8sq5UqnMZFLWGlLQy24BXeMwgMDw4Aa9xH6lVNg1ig==
dependencies:
"@fortawesome/fontawesome-common-types" "6.1.2"
"@fortawesome/pro-thin-svg-icons@^6.1.2":
version "6.1.2"
resolved "https://npm.fontawesome.com/@fortawesome/pro-thin-svg-icons/-/6.1.2/pro-thin-svg-icons-6.1.2.tgz#20dd695caffccc27bf983e6a89b5404588b2767d"
integrity sha512-X4zq1SPqs6wK3QcK/6maLUVfqKHdx5hh9IwBreDCZfCncJH09stmpVEU+BvjlhxXGgt2Fb8v+UJbz410z3XOtg==
dependencies:
"@fortawesome/fontawesome-common-types" "6.1.2"
"@fortawesome/fontawesome-common-types" "6.2.0"
"@fortawesome/vue-fontawesome@^3.0.1":
version "3.0.1"