jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Migrated from Google material design icons to vuetify default MDI

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
app/client/head.html
View File

@@ -1,5 +1,6 @@
<head> <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="viewport" content="width=device-width initial-scale=1.0, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">

20
app/imports/constants/PROPERTIES.js
View File

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

4
app/imports/constants/SVG_ICONS.js
View File

File diff suppressed because one or more lines are too long

6
app/imports/ui/components/ColorPicker.vue
View File

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

2
app/imports/ui/components/IncrementButton.vue
View File

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

14
app/imports/ui/components/IncrementMenu.vue
View File

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

2
app/imports/ui/components/global/DatePicker.vue
View File

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

14
app/imports/ui/components/global/IconPicker.vue
View File

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

14
app/imports/ui/components/propertyToolbar.vue
View File

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

2
app/imports/ui/components/snackbars/SnackbarQueue.vue
View File

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

4
app/imports/ui/components/tree/TreeNode.vue
View File

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

2
app/imports/ui/creature/RestButton.vue
View File

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

6
app/imports/ui/creature/character/CharacterSheetFab.vue
View File

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

10
app/imports/ui/creature/character/CharacterSheetToolbar.vue
View File

@@ -37,30 +37,30 @@
icon icon
v-on="on" v-on="on"
> >
<v-icon>more_vert</v-icon> <v-icon>mdi-dots-vertical</v-icon>
</v-btn> </v-btn>
</template> </template>
<v-list v-if="editPermission"> <v-list v-if="editPermission">
<v-list-item @click="deleteCharacter"> <v-list-item @click="deleteCharacter">
<v-list-item-title> <v-list-item-title>
<v-icon>delete</v-icon> Delete <v-icon>mdi-delete</v-icon> Delete
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item @click="showCharacterForm"> <v-list-item @click="showCharacterForm">
<v-list-item-title> <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-title>
</v-list-item> </v-list-item>
<v-list-item @click="showShareDialog"> <v-list-item @click="showShareDialog">
<v-list-item-title> <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-title>
</v-list-item> </v-list-item>
</v-list> </v-list>
<v-list v-else> <v-list v-else>
<v-list-item @click="unshareWithMe"> <v-list-item @click="unshareWithMe">
<v-list-item-title> <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-title>
</v-list-item> </v-list-item>
</v-list> </v-list>

4
app/imports/ui/creature/character/characterSheetTabs/CharacterTab.vue
View File

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

2
app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
View File

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

2
app/imports/ui/creature/character/characterSheetTabs/TreeTab.vue
View File

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

2
app/imports/ui/creature/creatureProperties/Breadcrumbs.vue
View File

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

2
app/imports/ui/creature/creatureProperties/CreaturePropertyDialog.vue
View File

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

6
app/imports/ui/creature/experiences/ExperienceListDialog.vue
View File

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

2
app/imports/ui/creature/slots/SlotFillDialog.vue
View File

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

4
app/imports/ui/creature/slots/Slots.vue
View File

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

2
app/imports/ui/dialogStack/DialogBase.vue
View File

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

2
app/imports/ui/documentation/FunctionReference.vue
View File

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

19
app/imports/ui/layouts/Sidebar.vue
View File

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

2
app/imports/ui/library/InsertLibraryNodeButton.vue
View File

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

4
app/imports/ui/library/LibraryBrowser.vue
View File

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

4
app/imports/ui/library/LibraryEditDialog.vue
View File

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

4
app/imports/ui/library/SingleLibraryToolbar.vue
View File

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

2
app/imports/ui/log/CharacterLog.vue
View File

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

6
app/imports/ui/pages/Account.vue
View File

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

2
app/imports/ui/pages/CharacterList.vue
View File

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

2
app/imports/ui/pages/Friends.vue
View File

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

6
app/imports/ui/pages/Home.vue
View File

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

2
app/imports/ui/pages/Tabletops.vue
View File

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

4
app/imports/ui/properties/components/attributes/HitDiceListTile.vue
View File

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

4
app/imports/ui/properties/components/attributes/ResourceCard.vue
View File

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

4
app/imports/ui/properties/components/attributes/SpellSlotListTile.vue
View File

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

2
app/imports/ui/properties/components/inventory/ItemListTile.vue
View File

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

8
app/imports/ui/properties/components/skills/SkillListTile.vue
View File

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

8
app/imports/ui/properties/components/skills/SkillProficiency.vue
View File

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

4
app/imports/ui/properties/components/spells/CastSpellWithSlotDialog.vue
View File

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

2
app/imports/ui/properties/components/spells/SpellListCard.vue
View File

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

4
app/imports/ui/properties/components/spells/SpellListTile.vue
View File

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

2
app/imports/ui/properties/forms/AttributesConsumedListForm.vue
View File

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

2
app/imports/ui/properties/forms/EffectForm.vue
View File

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

2
app/imports/ui/properties/forms/ItemsConsumedListForm.vue
View File

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

4
app/imports/ui/properties/forms/ReferenceForm.vue
View File

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

2
app/imports/ui/properties/forms/ResourcesForm.vue
View File

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

12
app/imports/ui/properties/forms/shared/ProficiencySelect.vue
View File

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

6
app/imports/ui/properties/shared/ProficiencyIcon.vue
View File

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

2
app/imports/ui/properties/treeNodeViews/DamageTreeNode.vue
View File

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

8
app/imports/ui/properties/viewers/SkillViewer.vue
View File

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

8
app/imports/ui/sharing/ShareDialog.vue
View File

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

2
app/imports/ui/tabletop/TabletopComponent.vue
View File

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

6
app/imports/ui/user/DeleteUserAccountDialog.vue
View File

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

22
app/imports/ui/utility/getEffectIcon.js
View File

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

2
app/imports/ui/vuetify.js
View File

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