Migrated from Google material design icons to vuetify default MDI

This commit is contained in:
Stefan Zermatten
2021-06-01 12:34:51 +02:00
parent c65c8f3299
commit 1ad1d1f23d
58 changed files with 152 additions and 152 deletions

View File

@@ -1,5 +1,6 @@
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width initial-scale=1.0, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">

View File

@@ -24,11 +24,11 @@ const PROPERTIES = Object.freeze({
name: 'Class level'
},
constant: {
icon: 'anchor',
icon: 'mdi-anchor',
name: 'Constant'
},
container: {
icon: 'work',
icon: 'mdi-bag-personal-outline',
name: 'Container'
},
damage: {
@@ -44,23 +44,23 @@ const PROPERTIES = Object.freeze({
name: 'Effect'
},
feature: {
icon: 'subject',
icon: 'mdi-text-subject',
name: 'Feature'
},
folder: {
icon: 'folder',
icon: 'mdi-folder-outline',
name: 'Folder'
},
item: {
icon: '$vuetify.icons.item',
icon: 'mdi-cube-outline',
name: 'Item'
},
note: {
icon: 'note',
icon: 'mdi-note-outline',
name: 'Note'
},
proficiency: {
icon: 'radio_button_checked',
icon: 'mdi-brightness-1',
name: 'Proficiency'
},
roll: {
@@ -68,7 +68,7 @@ const PROPERTIES = Object.freeze({
name: 'Roll'
},
reference: {
icon: 'link',
icon: 'mdi-vector-link',
name: 'Reference',
libraryOnly: true,
},
@@ -81,11 +81,11 @@ const PROPERTIES = Object.freeze({
name: 'Skill'
},
propertySlot: {
icon: 'tab_unselected',
icon: 'mdi-power-socket-eu',
name: 'Slot'
},
slotFiller: {
icon: 'picture_in_picture',
icon: 'mdi-power-plug-outline',
name: 'Slot filler'
},
spellList: {

File diff suppressed because one or more lines are too long

View File

@@ -10,7 +10,7 @@
icon
v-on="on"
>
<v-icon>format_paint</v-icon>
<v-icon>mdi-format-paint</v-icon>
</v-btn>
</template>
<v-card class="overflow-hidden">
@@ -30,7 +30,7 @@
v-if="kebabColor === colorOption"
:class="{dark: isDark(colorOption, shade)}"
>
check
mdi-check
</v-icon>
</v-scroll-y-transition>
</div>
@@ -58,7 +58,7 @@
v-if="kebabShade === shadeOption"
:class="isDark(color, shade) ? 'dark' : 'light'"
>
check
mdi-check
</v-icon>
</v-scroll-y-transition>
</div>

View File

@@ -14,7 +14,7 @@
@click.stop
>
<slot>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</slot>
</v-btn>
</template>

View File

@@ -15,14 +15,14 @@
class="filled"
@click="toggleAdd(); $nextTick(() => $refs.editInput.focus())"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
<v-btn
:disabled="context.editPermission === false"
class="filled"
@click="toggleSubtract(); $nextTick(() => $refs.editInput.focus())"
>
<v-icon>remove</v-icon>
<v-icon>mdi-minus</v-icon>
</v-btn>
</v-btn-toggle>
<v-text-field
@@ -48,7 +48,7 @@
class="mx-2 filled"
@click="commitEdit"
>
<v-icon>done</v-icon>
<v-icon>mdi-check</v-icon>
</v-btn>
<v-btn
:small="!flat"
@@ -58,7 +58,7 @@
class="filled"
@click="cancelEdit"
>
<v-icon>close</v-icon>
<v-icon>mdi-close</v-icon>
</v-btn>
<v-spacer />
</v-layout>
@@ -117,11 +117,11 @@
operationIcon(operation) {
switch (operation) {
case 'set':
return 'forward';
return 'mdi-forward';
case 'add':
return 'add';
return 'mdi-plus';
case 'subtract':
return 'remove';
return 'mdi-minus';
}
},
toggleAdd(){

View File

@@ -11,7 +11,7 @@
<v-text-field
:value="formattedSafeValue"
v-bind="$attrs"
prepend-icon="event"
prepend-icon="mdi-calendar"
readonly
:loading="loading"
:error-messages="errors"

View File

@@ -24,29 +24,29 @@
v-else
large
>
highlight_alt
mdi-select-search
</v-icon>
</v-btn>
</div>
</template>
<v-card>
<v-card-text>
<div class="layout">
<div class="layout row align-center">
<text-field
ref="iconSearchField"
label="Search icons"
append-icon="search"
append-icon="mdi-search"
clearable
hide-details
class="ma-2"
:value="searchString"
@change="search"
/>
<v-btn
icon
text
@click="select()"
>
<v-icon>
cancel
</v-icon>
clear
</v-btn>
</div>
<v-layout

View File

@@ -10,7 +10,7 @@
icon
@click="back"
>
<v-icon>arrow_back</v-icon>
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
<property-icon
:model="model"
@@ -50,7 +50,7 @@
data-id="property-toolbar-menu-button"
v-on="on"
>
<v-icon>more_vert</v-icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</template>
<v-list>
@@ -64,7 +64,7 @@
</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>file_copy</v-icon>
<v-icon>mdi-content-copy</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item
@@ -77,7 +77,7 @@
</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>send</v-icon>
<v-icon>mdi-send</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item
@@ -90,7 +90,7 @@
</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-list-item-action>
</v-list-item>
</v-list>
@@ -112,13 +112,13 @@
v-if="editing"
key="doneIcon"
>
done
mdi-check
</v-icon>
<v-icon
v-else
key="createIcon"
>
create
mdi-pencil
</v-icon>
</v-slide-y-transition>
</v-btn>

View File

@@ -32,7 +32,7 @@
v-bind="attrs"
@click="closeSnackbar"
>
<v-icon>close</v-icon>
<v-icon>mdi-close</v-icon>
</v-btn>
</template>
</v-snackbar>

View File

@@ -18,7 +18,7 @@
@click.stop="expanded = !expanded"
>
<v-icon v-if="canExpand && (hasChildren || organize)">
chevron_right
mdi-chevron-right
</v-icon>
</v-btn>
<div
@@ -31,7 +31,7 @@
:class="selected && 'primary--text'"
:disabled="expanded"
>
drag_handle
mdi-drag
</v-icon>
<!--{{node && node.order}}-->
<tree-node-view

View File

@@ -7,7 +7,7 @@
@click="rest"
>
<v-icon left>
{{ type === 'shortRest' ? 'snooze' : 'bedtime' }}
{{ type === 'shortRest' ? 'mdi-music-rest-quarter' : 'mdi-bed' }}
</v-icon>
{{ type === 'shortRest' ? 'Short Rest' : 'Long Rest' }}
</v-btn>

View File

@@ -20,7 +20,7 @@
style="transition: transform 0.2s ease-in-out"
:style="fab && 'transform: rotate(45deg)'"
>
add
mdi-plus
</v-icon>
</transition>
</v-btn>
@@ -42,7 +42,7 @@
color="primary"
data-id="insert-creature-property-btn"
label="New Property"
icon="create"
icon="mdi-pencil"
:disabled="!editPermission"
@click="insertTreeProperty"
/>
@@ -51,7 +51,7 @@
color="primary"
data-id="insert-creature-property-from-library-btn"
label="Property From Library"
icon="book"
icon="mdi-library-shelves"
:disabled="!editPermission"
@click="propertyFromLibrary"
/>

View File

@@ -37,30 +37,30 @@
icon
v-on="on"
>
<v-icon>more_vert</v-icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</template>
<v-list v-if="editPermission">
<v-list-item @click="deleteCharacter">
<v-list-item-title>
<v-icon>delete</v-icon> Delete
<v-icon>mdi-delete</v-icon> Delete
</v-list-item-title>
</v-list-item>
<v-list-item @click="showCharacterForm">
<v-list-item-title>
<v-icon>create</v-icon> Edit details
<v-icon>mdi-pencil</v-icon> Edit details
</v-list-item-title>
</v-list-item>
<v-list-item @click="showShareDialog">
<v-list-item-title>
<v-icon>share</v-icon> Sharing
<v-icon>mdi-share-variant</v-icon> Sharing
</v-list-item-title>
</v-list-item>
</v-list>
<v-list v-else>
<v-list-item @click="unshareWithMe">
<v-list-item-title>
<v-icon>delete</v-icon> Unshare with me
<v-icon>mdi-delete</v-icon> Unshare with me
</v-list-item-title>
</v-list-item>
</v-list>

View File

@@ -73,7 +73,7 @@
data-id="experience-info-button"
@click="showExperienceList"
>
<v-icon>info</v-icon>
<v-icon>mdi-information-outline</v-icon>
</v-btn>
</v-list-item-action>
<v-list-item-action>
@@ -82,7 +82,7 @@
data-id="experience-add-button"
@click="addExperience"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>

View File

@@ -45,7 +45,7 @@
icon
@click.stop="softRemove(buff._id)"
>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>

View File

@@ -28,7 +28,7 @@
slot="extension"
v-model="filterString"
:items="filterOptions"
prepend-inner-icon="search"
prepend-inner-icon="mdi-search"
class="mx-4"
hide-no-data
hide-selected

View File

@@ -8,7 +8,7 @@
v-if="index !== 0"
:key="index"
>
chevron_right
mdi-chevron-right
</v-icon>
<span
v-if="noLinks"

View File

@@ -53,7 +53,7 @@
data-id="insert-creature-property-btn"
@click="addProperty"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
Property
</v-btn>
</template>

View File

@@ -10,13 +10,13 @@
data-id="experience-add-button"
@click="addExperience"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
<v-btn
icon
@click="recompute"
>
<v-icon>refresh</v-icon>
<v-icon>mdi-refresh</v-icon>
</v-btn>
</template>
<div
@@ -76,7 +76,7 @@
:loading="experiencesRemovalLoading.has(experience._id)"
@click="removeExperience(experience._id)"
>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>

View File

@@ -9,7 +9,7 @@
</v-toolbar-title>
<v-spacer />
<text-field
prepend-inner-icon="search"
prepend-inner-icon="mdi-search"
regular
hide-details
:value="searchValue"

View File

@@ -31,7 +31,7 @@
small
@click.stop="remove(child)"
>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>
@@ -44,7 +44,7 @@
style="background-color: inherit;"
@click="fillSlot(slot)"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
</div>
</div>

View File

@@ -18,7 +18,7 @@
icon
@click="back"
>
<v-icon>arrow_back</v-icon>
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
<slot name="toolbar" />
</v-toolbar>

View File

@@ -18,7 +18,7 @@
<code>{{ example.input }}</code>
</td>
<td>
<v-icon>arrow_right_alt</v-icon>
<v-icon>mdi-arrow-right-thick</v-icon>
</td>
<td>
<code>{{ example.result }}</code>

View File

@@ -28,7 +28,7 @@
to="/account"
v-on="on"
>
<v-icon>settings</v-icon>
<v-icon>mdi-cog</v-icon>
</v-btn>
</template>
<span>Account Settings</span>
@@ -48,6 +48,9 @@
<v-list-item-title>
{{ link.title }}
</v-list-item-title>
<v-icon v-if="link.href">
mdi-open-in-new
</v-icon>
</v-list-item>
<v-divider />
</v-list>
@@ -125,15 +128,15 @@
links(){
let isLoggedIn = !!Meteor.userId();
let links = [
{title: 'Home', icon: 'home', to: '/'},
{title: 'Characters', icon: 'portrait', to: '/characterList', requireLogin: true},
{title: 'Library', icon: 'book', to: '/library', requireLogin: true},
{title: 'Home', icon: 'mdi-home', to: '/'},
{title: 'Characters', icon: 'mdi-account-group', to: '/characterList', requireLogin: true},
{title: 'Library', icon: 'mdi-library-shelves', to: '/library', requireLogin: true},
//{title: 'Tabletops', icon: 'api', to: '/tabletops', requireLogin: true},
//{title: 'Friends', icon: 'people', to: '/friends', requireLogin: true},
{title: 'Feedback', icon: 'bug_report', to: '/feedback'},
{title: 'About', icon: 'subject', to: '/about'},
{title: 'Patreon', icon: '', href: 'https://www.patreon.com/dicecloud'},
{title: 'Github', icon: '', href: 'https://github.com/ThaumRystra/DiceCloud/tree/version-2'},
{title: 'Feedback', icon: 'mdi-bug', to: '/feedback'},
{title: 'About', icon: 'mdi-sign-text', to: '/about'},
{title: 'Patreon', icon: 'mdi-patreon', href: 'https://www.patreon.com/dicecloud'},
{title: 'Github', icon: 'mdi-github', href: 'https://github.com/ThaumRystra/DiceCloud/tree/version-2'},
];
return links.filter(link => !link.requireLogin || isLoggedIn);
},

View File

@@ -7,7 +7,7 @@
data-id="insert-library-node-button"
@click="insertLibraryNode"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
<slot />
</v-btn>
</template>

View File

@@ -38,7 +38,7 @@
small
@click="$router.push(`/library/${library._id}`)"
>
<v-icon>arrow_forward</v-icon>
<v-icon>mdi-arrow-right</v-icon>
</v-btn>
</v-layout>
<library-contents-container
@@ -61,7 +61,7 @@
data-id="insert-library-button"
@click="insertLibrary"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
New library
</v-btn>
</div>

View File

@@ -10,14 +10,14 @@
data-id="share-library-button"
@click="share"
>
<v-icon>share</v-icon>
<v-icon>mdi-share-variant</v-icon>
</v-btn>
<v-btn
icon
data-id="delete-library-button"
@click="remove"
>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-btn>
</template>
<template v-if="model">

View File

@@ -12,7 +12,7 @@
icon
@click="$router.push('/library')"
>
<v-icon>arrow_back</v-icon>
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
<v-toolbar-title>
{{ library && library.name }}
@@ -32,7 +32,7 @@
data-id="library-edit-button"
@click="editLibrary(library._id)"
>
<v-icon>settings</v-icon>
<v-icon>mdi-cog</v-icon>
</v-btn>
</v-app-bar>
</template>

View File

@@ -21,7 +21,7 @@
class="mx-2 mb-2"
persistent-hint
style="flex-grow: 0"
append-outer-icon="send"
append-outer-icon="mdi-send"
:hint="inputHint"
:error-messages="inputError"
:disabled="!editPermission"

View File

@@ -42,7 +42,7 @@
v-on="on"
@click="changeUsername"
>
<v-icon>create</v-icon>
<v-icon>mdi-pencil</v-icon>
</v-btn>
</template>
<span>Change Username</span>
@@ -77,7 +77,7 @@
v-on="on"
@click="updatePatreon"
>
<v-icon>refresh</v-icon>
<v-icon>mdi-refresh</v-icon>
</v-btn>
</template>
<span>Refresh Patreon status</span>
@@ -136,7 +136,7 @@
</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mail_outline</v-icon>
<v-icon>mdi-email-outline</v-icon>
</v-list-item-action>
</v-list-item>
<v-divider

View File

@@ -22,7 +22,7 @@
data-id="new-character-button"
@click="insertCharacter"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
</div>
</template>

View File

@@ -10,7 +10,7 @@
right
fab
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
</v-sheet>
</div>

View File

@@ -37,7 +37,7 @@
x-large
class="ma-2"
>
money_off
mdi-currency-usd-off
</v-icon>
<h3 class="mb-2">
Free, open source, community funded
@@ -55,7 +55,7 @@
x-large
class="ma-2"
>
ballot
mdi-ballot-outline
</v-icon>
<h3 class="mb-2">
Character sheets optimised for one ruleset
@@ -73,7 +73,7 @@
x-large
class="ma-2"
>
scatter_plot
mdi-file-tree-outline
</v-icon>
<h3 class="mb-2">
Inventory manager

View File

@@ -28,7 +28,7 @@
:loading="addTabletopLoading"
@click="addTabletop"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
</single-card-layout>
</template>

View File

@@ -19,7 +19,7 @@
:disabled="currentValue >= model.value || context.editPermission === false"
@click="increment(1)"
>
<v-icon>arrow_drop_up</v-icon>
<v-icon>mdi-chevron-up</v-icon>
</v-btn>
<v-btn
icon
@@ -27,7 +27,7 @@
:disabled="currentValue <= 0 || context.editPermission === false"
@click="increment(-1)"
>
<v-icon>arrow_drop_down</v-icon>
<v-icon>mdi-chevron-down</v-icon>
</v-btn>
</v-layout>

View File

@@ -11,7 +11,7 @@
:disabled="currentValue >= value || context.editPermission === false"
@click="increment(1)"
>
<v-icon>arrow_drop_up</v-icon>
<v-icon>mdi-chevron-up</v-icon>
</v-btn>
<v-btn
icon
@@ -19,7 +19,7 @@
:disabled="currentValue <= 0 || context.editPermission === false"
@click="increment(-1)"
>
<v-icon>arrow_drop_down</v-icon>
<v-icon>mdi-chevron-down</v-icon>
</v-btn>
</div>
<div

View File

@@ -30,8 +30,8 @@
>
{{
i > model.currentValue ?
'radio_button_unchecked' :
'radio_button_checked'
'mdi-radiobox-blank' :
'mdi-radiobox-marked'
}}
</v-icon>
</div>

View File

@@ -41,7 +41,7 @@
style="height: 100%; width: 40px; cursor: move;"
class="handle"
>
drag_indicator
mdi-drag
</v-icon>
</v-list-item-action>
</v-list-item>

View File

@@ -53,15 +53,15 @@ export default {
computed: {
icon(){
if (this.model.proficiency == 0.49){
return 'brightness_3';
return 'mdi-brightness-3';
} else if (this.model.proficiency == 0.5){
return 'brightness_2';
return 'mdi-brightness-2';
} else if (this.model.proficiency == 1) {
return 'brightness_1'
return 'mdi-brightness-1'
} else if (this.model.proficiency == 2){
return 'album'
} else {
return 'radio_button_unchecked';
return 'mdi-radiobox-blank';
}
},
displayedModifier(){

View File

@@ -59,15 +59,15 @@
computed: {
icon(){
if (this.model.value == 0.49){
return 'brightness_3';
return 'mdi-brightness-3';
} else if (this.model.value == 0.5) {
return 'brightness_2'
return 'mdi-brightness-2'
} else if (this.model.value == 1) {
return 'brightness_1'
return 'mdi-brightness-1'
} else if (this.model.value == 2){
return 'album'
} else {
return 'radio_button_unchecked';
return 'mdi-radiobox-blank';
}
},
proficiencyText(){

View File

@@ -8,7 +8,7 @@
<text-field
ref="focusFirst"
label="Name"
prepend-inner-icon="search"
prepend-inner-icon="mdi-search"
regular
hide-details
:value="searchValue"
@@ -27,7 +27,7 @@
:class="{'primary--text': filtersApplied}"
v-on="on"
>
<v-icon>filter_list</v-icon>
<v-icon>mdi-filter</v-icon>
</v-btn>
</template>
<v-list>

View File

@@ -21,7 +21,7 @@
v-on="on"
@click.stop
>
<v-icon>more_vert</v-icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</template>
<v-list class="pa-2">

View File

@@ -32,7 +32,7 @@
style="height: 100%; width: 40px; cursor: move;"
class="handle"
>
drag_indicator
mdi-drag
</v-icon>
<v-btn
v-else-if="showInfoButton"
@@ -41,7 +41,7 @@
:data-id="`spell-info-btn-${model._id}`"
@click.stop="$emit('show-info')"
>
<v-icon>info</v-icon>
<v-icon>mdi-information</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>

View File

@@ -19,7 +19,7 @@
class="ma-3"
@click="$emit('pull', {path: [i]})"
>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-btn>
</div>
</div>

View File

@@ -9,7 +9,7 @@
/>
<smart-select
label="Operation"
append-icon="arrow_drop_down"
append-icon="mdi-menu-down"
class="mx-2"
:error-messages="errors.operation"
:menu-props="{transition: 'slide-y-transition', lazy: true}"

View File

@@ -19,7 +19,7 @@
class="ma-3"
@click="$emit('pull', {path: [i]})"
>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-btn>
</div>
</div>

View File

@@ -13,8 +13,8 @@
"
:hint="model.cache.library && model.cache.library.name"
:error-messages="model.cache.error || errors.ref"
prepend-inner-icon="link"
append-icon="refresh"
prepend-inner-icon="mdi-vector-link"
append-icon="mdi-refresh"
data-id="change-ref"
@click="changeReference"
@click:prepend-inner="changeReference"

View File

@@ -34,7 +34,7 @@
outlined
v-on="on"
>
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</v-btn>
</template>
<v-list>

View File

@@ -1,6 +1,6 @@
<template lang="html">
<smart-select
append-icon="arrow_drop_down"
append-icon="mdi-menu-down"
:clearable="clearable"
class="ml-3"
v-bind="$attrs"
@@ -23,15 +23,15 @@
const ICON_SPIN_DURATION = 300;
let proficiencyIcon = function(value){
if (value == 0.49){
return 'brightness_3';
return 'mdi-brightness-3';
} else if (value == 0.5){
return 'brightness_2';
return 'mdi-brightness-2';
} else if (value == 1) {
return 'brightness_1'
return 'mdi-brightness-1'
} else if (value == 2){
return 'album'
} else {
return 'radio_button_unchecked';
return 'mdi-radiobox-blank';
}
};
@@ -47,7 +47,7 @@
},
},
data(){ return {
displayedIcon: 'radio_button_unchecked',
displayedIcon: 'mdi-radiobox-blank',
iconClass: '',
values: [
{value: 1, text: 'Proficient'},

View File

@@ -13,13 +13,13 @@ export default {
displayedIcon(){
let value = this.value;
if (value == 0.5){
return 'brightness_2';
return 'mdi-brightness-2';
} else if (value == 1) {
return 'brightness_1'
return 'mdi-brightness-1'
} else if (value == 2){
return 'album'
} else {
return 'radio_button_unchecked';
return 'mdi-radiobox-blank';
}
}
}

View File

@@ -28,7 +28,7 @@ export default {
computed: {
icon(){
if (this.model.damageType === 'healing'){
return 'group_work'
return 'mdi-hospital-box-outline'
} else {
return getPropertyIcon('damage');
}

View File

@@ -110,15 +110,15 @@ export default {
},
icon(){
if (this.model.proficiency == 0.49){
return 'brightness_3';
return 'mdi-brightness-3';
} else if (this.model.proficiency == 0.5){
return 'brightness_2';
return 'mdi-brightness-2';
} else if (this.model.proficiency == 1) {
return 'brightness_1'
return 'mdi-brightness-1'
} else if (this.model.proficiency == 2){
return 'album'
} else {
return 'radio_button_unchecked';
return 'mdi-radiobox-blank';
}
},
},

View File

@@ -62,7 +62,7 @@
icon
v-on="on"
>
<v-icon>more_vert</v-icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</template>
<v-list>
@@ -71,7 +71,7 @@
@click="updateSharing(user._id, 'writer')"
>
<v-list-item-action>
<v-icon>create</v-icon>
<v-icon>mdi-pencil</v-icon>
</v-list-item-action>
<v-list-item-title>Can edit</v-list-item-title>
</v-list-item>
@@ -80,13 +80,13 @@
@click="updateSharing(user._id, 'reader')"
>
<v-list-item-action>
<v-icon>remove_red_eye</v-icon>
<v-icon>mdi-eye</v-icon>
</v-list-item-action>
<v-list-item-title>View only</v-list-item-title>
</v-list-item>
<v-list-item @click="updateSharing(user._id, 'none')">
<v-list-item-action>
<v-icon>delete</v-icon>
<v-icon>mdi-delete</v-icon>
</v-list-item-action>
<v-list-item-title>Remove</v-list-item-title>
</v-list-item>

View File

@@ -14,7 +14,7 @@
@click="addCreature"
>
<div class="flex layout justify-center align-center">
<v-icon>add</v-icon>
<v-icon>mdi-plus</v-icon>
</div>
<v-card-title>
Add creature

View File

@@ -7,7 +7,7 @@
<h2>Are you sure you want to delete your account?</h2>
<v-alert
:value="true"
icon="warning"
icon="mdi-alert"
color="error"
outlined
>
@@ -55,14 +55,14 @@
label="Type your username or email"
style="width: 350px;"
:error-messages="usernameInputValid ? undefined : ' '"
:append-icon="usernameInputValid ? 'done' : undefined"
:append-icon="usernameInputValid ? 'mdi-check' : undefined"
/>
<v-text-field
v-model="verificationInput"
label="To verify type 'delete my account'"
style="width: 350px;"
:error-messages="verificationInputValid ? undefined : ' '"
:append-icon="verificationInputValid ? 'done' : undefined"
:append-icon="verificationInputValid ? 'mdi-check' : undefined"
/>
<v-btn
class="mt-4"

View File

@@ -1,15 +1,15 @@
export default function getEffectIcon(op, value){
switch(op) {
case 'base': return 'forward';
case 'add': return value < 0 ? 'remove' : 'add';
case 'mul': return 'clear';
case 'min': return 'unfold_more';
case 'max': return 'unfold_less';
case 'set': return 'push_pin';
case 'advantage': return 'arrow_upward';
case 'disadvantage': return 'arrow_downward';
case 'passiveAdd': return value < 0 ? 'remove_circle_outline' : 'add_circle_outline';
case 'fail': return 'block';
case 'conditional': return '*' ;
case 'base': return 'mdi-forward';
case 'add': return value < 0 ? 'mdi-minus' : 'mdi-plus';
case 'mul': return 'mdi-close';
case 'min': return 'mdi-arrow-expand-up';
case 'max': return 'mdi-arrow-expand-down';
case 'set': return 'mdi-pin';
case 'advantage': return 'mdi-chevron-double-up';
case 'disadvantage': return 'mdi-chevron-double-down';
case 'passiveAdd': return value < 0 ? 'mdi-minus-circle-outline' : 'mdi-plus-circle-outline';
case 'fail': return 'mdi-cancel';
case 'conditional': return 'mdi-asterisk' ;
}
}

View File

@@ -22,7 +22,7 @@ let vuetify = new Vuetify({
//options: { customProperties: true },
},
icons: {
iconfont: 'md',
iconfont: 'mdi',
values: icons,
}
});