Migrated from Google material design icons to vuetify default MDI
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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
@@ -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>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
@click.stop
|
||||
>
|
||||
<slot>
|
||||
<v-icon>add</v-icon>
|
||||
<v-icon>mdi-plus</v-icon>
|
||||
</slot>
|
||||
</v-btn>
|
||||
</template>
|
||||
|
||||
@@ -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(){
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
v-if="index !== 0"
|
||||
:key="index"
|
||||
>
|
||||
chevron_right
|
||||
mdi-chevron-right
|
||||
</v-icon>
|
||||
<span
|
||||
v-if="noLinks"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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);
|
||||
},
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
right
|
||||
fab
|
||||
>
|
||||
<v-icon>add</v-icon>
|
||||
<v-icon>mdi-plus</v-icon>
|
||||
</v-btn>
|
||||
</v-sheet>
|
||||
</div>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -30,8 +30,8 @@
|
||||
>
|
||||
{{
|
||||
i > model.currentValue ?
|
||||
'radio_button_unchecked' :
|
||||
'radio_button_checked'
|
||||
'mdi-radiobox-blank' :
|
||||
'mdi-radiobox-marked'
|
||||
}}
|
||||
</v-icon>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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(){
|
||||
|
||||
@@ -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(){
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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}"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
outlined
|
||||
v-on="on"
|
||||
>
|
||||
<v-icon>add</v-icon>
|
||||
<v-icon>mdi-plus</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
<v-list>
|
||||
|
||||
@@ -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'},
|
||||
|
||||
@@ -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';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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');
|
||||
}
|
||||
|
||||
@@ -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';
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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' ;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,7 +22,7 @@ let vuetify = new Vuetify({
|
||||
//options: { customProperties: true },
|
||||
},
|
||||
icons: {
|
||||
iconfont: 'md',
|
||||
iconfont: 'mdi',
|
||||
values: icons,
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user