mirror of
https://github.com/overte-org/overte.git
synced 2025-08-06 19:59:28 +02:00
Switching to use Vuex, need to use mutations to set.
This commit is contained in:
Kasen IO
parent
55ff5a92bf
commit
d7f1fd4fe3
5 changed files with 414 additions and 566 deletions
|
|
@ -53,7 +53,7 @@
|
||||||
tick-size="3"
|
tick-size="3"
|
||||||
></v-slider>
|
></v-slider>
|
||||||
|
|
||||||
<v-list-item @click="addDialog.show = true; getFolderList('add');">
|
<v-list-item @click="$store.state.addDialog.show = true; getFolderList('add');">
|
||||||
<v-list-item-icon>
|
<v-list-item-icon>
|
||||||
<v-icon>mdi-plus</v-icon>
|
<v-icon>mdi-plus</v-icon>
|
||||||
</v-list-item-icon>
|
</v-list-item-icon>
|
||||||
|
|
@ -75,275 +75,12 @@
|
||||||
|
|
||||||
<v-content>
|
<v-content>
|
||||||
<v-container fluid>
|
<v-container fluid>
|
||||||
<template v-if="!disabledProp">
|
|
||||||
<v-data-iterator
|
|
||||||
:items="items"
|
|
||||||
hide-default-footer
|
|
||||||
>
|
|
||||||
<template>
|
|
||||||
<v-col
|
|
||||||
cols="12"
|
|
||||||
sm="6"
|
|
||||||
md="4"
|
|
||||||
lg="3"
|
|
||||||
class="py-1 column-item"
|
|
||||||
>
|
|
||||||
<draggable :group="options" :list="items" handle=".handle">
|
|
||||||
<v-item-group
|
|
||||||
v-for="item in items"
|
|
||||||
v-bind:key="item.uuid"
|
|
||||||
>
|
|
||||||
<v-list-item
|
|
||||||
one-line
|
|
||||||
v-if="!item.hasChildren"
|
|
||||||
class="mx-auto draggable-card"
|
|
||||||
max-width="344"
|
|
||||||
outlined
|
|
||||||
>
|
|
||||||
<div class="handle pa-2">
|
|
||||||
<v-icon color="orange darken-2">mdi-blur-linear</v-icon>
|
|
||||||
</div>
|
|
||||||
<v-list-item-content
|
|
||||||
class="pb-1 pt-2 pl-4"
|
|
||||||
>
|
|
||||||
<div v-show="settings.displayDensity.size > 0" class="overline" style="font-size: 0.825rem !important;">{{item.type}}</div>
|
|
||||||
<v-list-item-title class="subtitle-1 mb-1">{{item.name}}</v-list-item-title>
|
|
||||||
<v-list-item-subtitle v-show="settings.displayDensity.size == 2">{{item.url}}</v-list-item-subtitle>
|
|
||||||
</v-list-item-content>
|
|
||||||
|
|
||||||
<v-menu bottom left>
|
|
||||||
<template v-slot:activator="{ on }">
|
|
||||||
<!-- settings.displayDensity.size >= 1 -->
|
|
||||||
<v-btn
|
|
||||||
:style="{backgroundColor: (getIconColor(item.type)) }"
|
|
||||||
v-show="settings.displayDensity.size >= 1"
|
|
||||||
medium
|
|
||||||
fab
|
|
||||||
dark
|
|
||||||
v-on="on"
|
|
||||||
>
|
|
||||||
<v-icon>{{getIcon(item.type)}}</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<!-- settings.displayDensity.size < 1 -->
|
|
||||||
<v-btn
|
|
||||||
:style="{backgroundColor: (getIconColor(item.type)) }"
|
|
||||||
v-show="settings.displayDensity.size < 1"
|
|
||||||
small
|
|
||||||
fab
|
|
||||||
dark
|
|
||||||
v-on="on"
|
|
||||||
>
|
|
||||||
<v-icon>{{getIcon(item.type)}}</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<v-list color="grey darken-3">
|
|
||||||
<v-list-item
|
|
||||||
@click="useItem(item.type, item.url)"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Use</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-play</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
<v-list-item
|
|
||||||
@click="
|
|
||||||
editDialog.show = true;
|
|
||||||
editDialog.uuid = item.uuid;
|
|
||||||
editDialog.data.type = item.type.toUpperCase();
|
|
||||||
editDialog.data.folder = null;
|
|
||||||
editDialog.data.name = item.name;
|
|
||||||
editDialog.data.url = item.url;
|
|
||||||
getFolderList('edit');
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Edit</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-pencil</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
<v-list-item
|
|
||||||
@click="shareDialog.show = true; shareDialog.data.url = item.url; shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Share</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-share</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
<v-list-item
|
|
||||||
@click="removeDialog.show = true; removeDialog.uuid = item.uuid;"
|
|
||||||
color="red darken-1"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Remove</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-minus</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
</v-list>
|
|
||||||
</v-menu>
|
|
||||||
|
|
||||||
</v-list-item>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- The Folder List Item -->
|
|
||||||
<v-list-group
|
|
||||||
v-if="item.hasChildren"
|
|
||||||
class="top-level-folder"
|
|
||||||
>
|
|
||||||
<!-- prepend-icon="mdi-blur-linear" put this in the list group, no idea how to make it a handle yet though... -->
|
|
||||||
<template v-slot:activator>
|
|
||||||
<v-list-item
|
|
||||||
one-line
|
|
||||||
class="mx-auto"
|
|
||||||
max-width="344"
|
|
||||||
outlined
|
|
||||||
>
|
|
||||||
<v-icon class="folder-icon" color="teal">mdi-folder-settings</v-icon>
|
|
||||||
{{item.name}}
|
|
||||||
</v-list-item>
|
|
||||||
</template>
|
|
||||||
<div class="text-center my-2">
|
|
||||||
<v-btn medium tile color="purple" class="mx-1 folder-button"
|
|
||||||
@click="
|
|
||||||
editFolderDialog.show = true;
|
|
||||||
editFolderDialog.uuid = item.uuid;
|
|
||||||
editFolderDialog.data.name = item.name;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-pencil</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<v-btn medium tile color="red" class="mx-1 folder-button"
|
|
||||||
@click="removeFolderDialog.show = true; removeFolderDialog.uuid = item.uuid;"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-minus</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<v-btn medium tile color="blue" class="mx-1 folder-button"
|
|
||||||
@click="sortFolder(item.uuid);"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-ab-testing</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</div>
|
|
||||||
<v-col
|
|
||||||
cols="12"
|
|
||||||
sm="6"
|
|
||||||
md="4"
|
|
||||||
lg="3"
|
|
||||||
class="py-1 column-item"
|
|
||||||
>
|
|
||||||
<draggable
|
|
||||||
:list="item.items"
|
|
||||||
:group="options"
|
|
||||||
>
|
|
||||||
<v-item-group
|
|
||||||
v-for="item in item.items"
|
|
||||||
v-bind:key="item.uuid"
|
|
||||||
>
|
|
||||||
<v-list-item
|
|
||||||
one-line
|
|
||||||
class="mx-auto draggable-card"
|
|
||||||
outlined
|
|
||||||
>
|
|
||||||
<div class="handle pa-2">
|
|
||||||
<v-icon color="orange darken-2">mdi-blur-linear</v-icon>
|
|
||||||
</div>
|
|
||||||
<v-list-item-content class="pb-1 pt-2">
|
|
||||||
<div v-show="settings.displayDensity.size > 0" class="overline" style="font-size: 0.825rem !important;">{{item.type}}</div>
|
|
||||||
<v-list-item-title class="subtitle-1 mb-1">{{item.name}}</v-list-item-title>
|
|
||||||
<v-list-item-subtitle v-show="settings.displayDensity.size == 2">{{item.url}}</v-list-item-subtitle>
|
|
||||||
</v-list-item-content>
|
|
||||||
|
|
||||||
<v-menu bottom left>
|
|
||||||
<template v-slot:activator="{ on }">
|
|
||||||
<!-- settings.displayDensity.size >= 1 -->
|
|
||||||
<v-btn
|
|
||||||
:style="{backgroundColor: (getIconColor(item.type)) }"
|
|
||||||
v-show="settings.displayDensity.size >= 1"
|
|
||||||
medium
|
|
||||||
fab
|
|
||||||
dark
|
|
||||||
v-on="on"
|
|
||||||
>
|
|
||||||
<v-icon>{{getIcon(item.type)}}</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<!-- settings.displayDensity.size < 1 -->
|
|
||||||
<v-btn
|
|
||||||
:style="{backgroundColor: (getIconColor(item.type)) }"
|
|
||||||
v-show="settings.displayDensity.size < 1"
|
|
||||||
small
|
|
||||||
fab
|
|
||||||
dark
|
|
||||||
v-on="on"
|
|
||||||
>
|
|
||||||
<v-icon>{{getIcon(item.type)}}</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<v-list color="grey darken-3">
|
|
||||||
|
|
||||||
<v-list-item
|
|
||||||
@click="useItem(item.type, item.url)"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Use</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-play</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
|
|
||||||
<v-list-item
|
|
||||||
@click="
|
|
||||||
editDialog.show = true;
|
|
||||||
editDialog.uuid = item.uuid;
|
|
||||||
editDialog.data.type = item.type.toUpperCase();
|
|
||||||
editDialog.data.folder = null;
|
|
||||||
editDialog.data.name = item.name;
|
|
||||||
editDialog.data.url = item.url;
|
|
||||||
getFolderList('edit');
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Edit</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-pencil</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
|
|
||||||
<v-list-item
|
|
||||||
@click="shareDialog.show = true; shareDialog.data.url = item.url; shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Share</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-share</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
|
|
||||||
<v-list-item
|
|
||||||
@click="removeDialog.show = true; removeDialog.uuid = item.uuid;"
|
|
||||||
color="red darken-1"
|
|
||||||
>
|
|
||||||
<v-list-item-title>Remove</v-list-item-title>
|
|
||||||
<v-list-item-action>
|
|
||||||
<v-icon>mdi-minus</v-icon>
|
|
||||||
</v-list-item-action>
|
|
||||||
</v-list-item>
|
|
||||||
</v-list>
|
|
||||||
</v-menu>
|
|
||||||
</v-list-item>
|
|
||||||
</v-item-group>
|
|
||||||
</draggable>
|
|
||||||
</v-col>
|
|
||||||
</v-list-group>
|
|
||||||
</v-item-group>
|
|
||||||
</draggable>
|
|
||||||
</v-col>
|
|
||||||
</template>
|
|
||||||
</v-data-iterator>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<itemiterator :items="items"></itemiterator>
|
<itemiterator :items="items"></itemiterator>
|
||||||
</v-container>
|
</v-container>
|
||||||
</v-content>
|
</v-content>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="removeDialog.show"
|
v-model="$store.state.removeDialog.show"
|
||||||
max-width="290"
|
max-width="290"
|
||||||
>
|
>
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
@ -358,7 +95,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="removeDialog.show = false"
|
@click="$store.state.removeDialog.show = false"
|
||||||
>
|
>
|
||||||
No
|
No
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -368,7 +105,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="removeDialog.show = false; removeItem(removeDialog.uuid);"
|
@click="$store.state.removeDialog.show = false; removeItem($store.state.removeDialog.uuid);"
|
||||||
>
|
>
|
||||||
Yes
|
Yes
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -379,7 +116,7 @@
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="removeFolderDialog.show"
|
v-model="$store.state.removeFolderDialog.show"
|
||||||
max-width="290"
|
max-width="290"
|
||||||
>
|
>
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
@ -394,7 +131,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="removeFolderDialog.show = false"
|
@click="$store.state.removeFolderDialog.show = false"
|
||||||
>
|
>
|
||||||
No
|
No
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -404,7 +141,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="removeFolderDialog.show = false; removeFolder(removeFolderDialog.uuid);"
|
@click="$store.state.removeFolderDialog.show = false; removeFolder($store.state.removeFolderDialog.uuid);"
|
||||||
>
|
>
|
||||||
Yes
|
Yes
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -415,7 +152,7 @@
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="editDialog.show"
|
v-model="$store.state.editDialog.show"
|
||||||
max-width="380"
|
max-width="380"
|
||||||
>
|
>
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
@ -423,14 +160,14 @@
|
||||||
|
|
||||||
<v-form
|
<v-form
|
||||||
ref="editForm"
|
ref="editForm"
|
||||||
v-model="editDialog.valid"
|
v-model="$store.state.editDialog.valid"
|
||||||
:lazy-validation="false"
|
:lazy-validation="false"
|
||||||
>
|
>
|
||||||
|
|
||||||
<v-select
|
<v-select
|
||||||
:items="$store.state.supportedItemTypes"
|
:items="$store.state.supportedItemTypes"
|
||||||
class="my-2"
|
class="my-2"
|
||||||
v-model="editDialog.data.type"
|
v-model="$store.state.editDialog.data.type"
|
||||||
:rules="[v => !!v || 'Type is required.']"
|
:rules="[v => !!v || 'Type is required.']"
|
||||||
label="Item Type"
|
label="Item Type"
|
||||||
outlined
|
outlined
|
||||||
|
|
@ -439,7 +176,7 @@
|
||||||
<v-text-field
|
<v-text-field
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="Name"
|
label="Name"
|
||||||
v-model="editDialog.data.name"
|
v-model="$store.state.editDialog.data.name"
|
||||||
:rules="[v => !!v || 'Name is required.']"
|
:rules="[v => !!v || 'Name is required.']"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
@ -449,7 +186,7 @@
|
||||||
item-text="name"
|
item-text="name"
|
||||||
item-value="uuid"
|
item-value="uuid"
|
||||||
class="my-2"
|
class="my-2"
|
||||||
v-model="editDialog.data.folder"
|
v-model="$store.state.editDialog.data.folder"
|
||||||
label="Folder"
|
label="Folder"
|
||||||
outlined
|
outlined
|
||||||
></v-select>
|
></v-select>
|
||||||
|
|
@ -457,7 +194,7 @@
|
||||||
<v-text-field
|
<v-text-field
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="URL"
|
label="URL"
|
||||||
v-model="editDialog.data.url"
|
v-model="$store.state.editDialog.data.url"
|
||||||
:rules="[v => !!v || 'URL is required.']"
|
:rules="[v => !!v || 'URL is required.']"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
@ -467,7 +204,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="editDialog.show = false"
|
@click="$store.state.editDialog.show = false"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -477,8 +214,8 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
:disabled="!editDialog.valid"
|
:disabled="!$store.state.editDialog.valid"
|
||||||
@click="editDialog.show = false; editItem(editDialog.uuid);"
|
@click="$store.state.editDialog.show = false; editItem($store.state.editDialog.uuid);"
|
||||||
>
|
>
|
||||||
Done
|
Done
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -491,7 +228,7 @@
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="editFolderDialog.show"
|
v-model="$store.state.editFolderDialog.show"
|
||||||
max-width="380"
|
max-width="380"
|
||||||
>
|
>
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
@ -499,14 +236,14 @@
|
||||||
|
|
||||||
<v-form
|
<v-form
|
||||||
ref="editFolderForm"
|
ref="editFolderForm"
|
||||||
v-model="editFolderDialog.valid"
|
v-model="$store.state.editFolderDialog.valid"
|
||||||
:lazy-validation="false"
|
:lazy-validation="false"
|
||||||
>
|
>
|
||||||
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="Name"
|
label="Name"
|
||||||
v-model="editFolderDialog.data.name"
|
v-model="$store.state.editFolderDialog.data.name"
|
||||||
:rules="[v => !!v || 'Name is required.']"
|
:rules="[v => !!v || 'Name is required.']"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
@ -516,7 +253,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="editFolderDialog.show = false"
|
@click="$store.state.editFolderDialog.show = false"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -526,8 +263,8 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
:disabled="!editFolderDialog.valid"
|
:disabled="!$store.state.editFolderDialog.valid"
|
||||||
@click="editFolderDialog.show = false; editFolder(editFolderDialog.uuid);"
|
@click="$store.state.editFolderDialog.show = false; editFolder($store.state.editFolderDialog.uuid);"
|
||||||
>
|
>
|
||||||
Done
|
Done
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -540,7 +277,7 @@
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="createFolderDialog.show"
|
v-model="$store.state.createFolderDialog.show"
|
||||||
max-width="380"
|
max-width="380"
|
||||||
>
|
>
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
@ -552,14 +289,14 @@
|
||||||
|
|
||||||
<v-form
|
<v-form
|
||||||
ref="createFolderForm"
|
ref="createFolderForm"
|
||||||
v-model="createFolderDialog.valid"
|
v-model="$store.state.createFolderDialog.valid"
|
||||||
:lazy-validation="false"
|
:lazy-validation="false"
|
||||||
>
|
>
|
||||||
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="Name"
|
label="Name"
|
||||||
v-model="createFolderDialog.data.name"
|
v-model="$store.state.createFolderDialog.data.name"
|
||||||
:rules="[v => !!v || 'Name is required.']"
|
:rules="[v => !!v || 'Name is required.']"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
@ -569,7 +306,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="createFolderDialog.show = false"
|
@click="$store.state.createFolderDialog.show = false"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -579,8 +316,8 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
:disabled="!createFolderDialog.valid"
|
:disabled="!$store.state.createFolderDialog.valid"
|
||||||
@click="createFolderDialog.show = false; createFolder(createFolderDialog.data.name)"
|
@click="$store.state.createFolderDialog.show = false; createFolder($store.state.createFolderDialog.data.name)"
|
||||||
>
|
>
|
||||||
Create
|
Create
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -592,7 +329,7 @@
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="addDialog.show"
|
v-model="$store.state.addDialog.show"
|
||||||
max-width="380"
|
max-width="380"
|
||||||
>
|
>
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
@ -601,7 +338,7 @@
|
||||||
|
|
||||||
<v-form
|
<v-form
|
||||||
ref="addForm"
|
ref="addForm"
|
||||||
v-model="addDialog.valid"
|
v-model="$store.state.addDialog.valid"
|
||||||
:lazy-validation="false"
|
:lazy-validation="false"
|
||||||
>
|
>
|
||||||
|
|
||||||
|
|
@ -612,7 +349,7 @@
|
||||||
<v-text-field
|
<v-text-field
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="Name"
|
label="Name"
|
||||||
v-model="addDialog.data.name"
|
v-model="$store.state.addDialog.data.name"
|
||||||
:rules="[v => !!v || 'Name is required.']"
|
:rules="[v => !!v || 'Name is required.']"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
@ -624,7 +361,7 @@
|
||||||
<v-select
|
<v-select
|
||||||
class="my-2"
|
class="my-2"
|
||||||
:items="folderList"
|
:items="folderList"
|
||||||
v-model="addDialog.data.folder"
|
v-model="$store.state.addDialog.data.folder"
|
||||||
label="Folder"
|
label="Folder"
|
||||||
outlined
|
outlined
|
||||||
item-text="name"
|
item-text="name"
|
||||||
|
|
@ -638,7 +375,7 @@
|
||||||
<v-text-field
|
<v-text-field
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="URL"
|
label="URL"
|
||||||
v-model="addDialog.data.url"
|
v-model="$store.state.addDialog.data.url"
|
||||||
:rules="[v => !!v || 'URL is required.']"
|
:rules="[v => !!v || 'URL is required.']"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
@ -648,7 +385,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="addDialog.show = false"
|
@click="$store.state.addDialog.show = false"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -658,8 +395,8 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
:disabled="!addDialog.valid"
|
:disabled="!$store.state.addDialog.valid"
|
||||||
@click="addDialog.show = false; addItem(addDialog.data.name, addDialog.data.folder, addDialog.data.url)"
|
@click="$store.state.addDialog.show = false; addItem($store.state.addDialog.data.name, $store.state.addDialog.data.folder, $store.state.addDialog.data.url)"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -671,7 +408,7 @@
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="receiveDialog.show"
|
v-model="$store.state.receiveDialog.show"
|
||||||
max-width="380"
|
max-width="380"
|
||||||
persistent
|
persistent
|
||||||
>
|
>
|
||||||
|
|
@ -679,12 +416,12 @@
|
||||||
<v-card-title class="headline">Receiving Item</v-card-title>
|
<v-card-title class="headline">Receiving Item</v-card-title>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
{{receiveDialog.data.user}} is sending you an item.
|
{{$store.state.receiveDialog.data.user}} is sending you an item.
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-form
|
<v-form
|
||||||
ref="receiveForm"
|
ref="receiveForm"
|
||||||
v-model="receiveDialog.valid"
|
v-model="$store.state.receiveDialog.valid"
|
||||||
:lazy-validation="false"
|
:lazy-validation="false"
|
||||||
>
|
>
|
||||||
|
|
||||||
|
|
@ -692,7 +429,7 @@
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="Type"
|
label="Type"
|
||||||
:rules="[v => !!v || 'Type is required.']"
|
:rules="[v => !!v || 'Type is required.']"
|
||||||
v-model="receiveDialog.data.type"
|
v-model="$store.state.receiveDialog.data.type"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
||||||
|
|
@ -700,7 +437,7 @@
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="Name"
|
label="Name"
|
||||||
:rules="[v => !!v || 'Name is required.']"
|
:rules="[v => !!v || 'Name is required.']"
|
||||||
v-model="receiveDialog.data.name"
|
v-model="$store.state.receiveDialog.data.name"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
||||||
|
|
@ -711,7 +448,7 @@
|
||||||
<v-select
|
<v-select
|
||||||
class="my-2"
|
class="my-2"
|
||||||
:items="folderList"
|
:items="folderList"
|
||||||
v-model="receiveDialog.data.folder"
|
v-model="$store.state.receiveDialog.data.folder"
|
||||||
label="Folder"
|
label="Folder"
|
||||||
outlined
|
outlined
|
||||||
item-text="name"
|
item-text="name"
|
||||||
|
|
@ -722,7 +459,7 @@
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="URL"
|
label="URL"
|
||||||
:rules="[v => !!v || 'URL is required.']"
|
:rules="[v => !!v || 'URL is required.']"
|
||||||
v-model="receiveDialog.data.url"
|
v-model="$store.state.receiveDialog.data.url"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
||||||
|
|
@ -731,7 +468,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="receiveDialog.show = false"
|
@click="$store.state.receiveDialog.show = false"
|
||||||
>
|
>
|
||||||
Reject
|
Reject
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -741,8 +478,8 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
:disabled="!receiveDialog.valid"
|
:disabled="!$store.state.receiveDialog.valid"
|
||||||
@click="receiveDialog.show = false; acceptItem();"
|
@click="$store.state.receiveDialog.show = false; acceptItem();"
|
||||||
>
|
>
|
||||||
Accept
|
Accept
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -754,7 +491,7 @@
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog
|
||||||
v-model="shareDialog.show"
|
v-model="$store.state.shareDialog.show"
|
||||||
max-width="380"
|
max-width="380"
|
||||||
persistent
|
persistent
|
||||||
>
|
>
|
||||||
|
|
@ -767,13 +504,13 @@
|
||||||
|
|
||||||
<v-form
|
<v-form
|
||||||
ref="shareForm"
|
ref="shareForm"
|
||||||
v-model="shareDialog.valid"
|
v-model="$store.state.shareDialog.valid"
|
||||||
:lazy-validation="false"
|
:lazy-validation="false"
|
||||||
class="px-2"
|
class="px-2"
|
||||||
>
|
>
|
||||||
|
|
||||||
<!-- <v-list>
|
<!-- <v-list>
|
||||||
<v-list-item-group v-model="shareDialog.data.recipient" color="primary">
|
<v-list-item-group v-model="$store.state.shareDialog.data.recipient" color="primary">
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="user in nearbyUsers"
|
v-for="user in nearbyUsers"
|
||||||
v-bind:key="user.uuid"
|
v-bind:key="user.uuid"
|
||||||
|
|
@ -786,7 +523,7 @@
|
||||||
</v-list> -->
|
</v-list> -->
|
||||||
|
|
||||||
<v-select
|
<v-select
|
||||||
v-model="shareDialog.data.recipient"
|
v-model="$store.state.shareDialog.data.recipient"
|
||||||
:items="nearbyUsers"
|
:items="nearbyUsers"
|
||||||
item-text="name"
|
item-text="name"
|
||||||
item-value="uuid"
|
item-value="uuid"
|
||||||
|
|
@ -799,7 +536,7 @@
|
||||||
class="px-2"
|
class="px-2"
|
||||||
label="URL"
|
label="URL"
|
||||||
:rules="[v => !!v || 'URL is required.']"
|
:rules="[v => !!v || 'URL is required.']"
|
||||||
v-model="shareDialog.data.url"
|
v-model="$store.state.shareDialog.data.url"
|
||||||
required
|
required
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
||||||
|
|
@ -808,7 +545,7 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="red"
|
color="red"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
@click="shareDialog.show = false"
|
@click="$store.state.shareDialog.show = false"
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -818,8 +555,8 @@
|
||||||
<v-btn
|
<v-btn
|
||||||
color="blue"
|
color="blue"
|
||||||
class="px-3"
|
class="px-3"
|
||||||
:disabled="!shareDialog.valid"
|
:disabled="!$store.state.shareDialog.valid"
|
||||||
@click="shareDialog.show = false; shareItem(shareDialog.data.uuid);"
|
@click="$store.state.shareDialog.show = false; shareItem($store.state.shareDialog.data.uuid);"
|
||||||
>
|
>
|
||||||
Send
|
Send
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -1014,69 +751,6 @@ export default {
|
||||||
"uuid": "542543sg45s4gg54353",
|
"uuid": "542543sg45s4gg54353",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
removeDialog: {
|
|
||||||
show: false,
|
|
||||||
uuid: null,
|
|
||||||
},
|
|
||||||
removeFolderDialog: {
|
|
||||||
show: false,
|
|
||||||
uuid: null,
|
|
||||||
},
|
|
||||||
createFolderDialog: {
|
|
||||||
show: false,
|
|
||||||
valid: false,
|
|
||||||
data: {
|
|
||||||
"name": null,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
addDialog: {
|
|
||||||
show: false,
|
|
||||||
valid: false,
|
|
||||||
data: {
|
|
||||||
"name": null,
|
|
||||||
"folder": null,
|
|
||||||
"url": null,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
editDialog: {
|
|
||||||
show: false,
|
|
||||||
valid: false,
|
|
||||||
uuid: null, //
|
|
||||||
data: {
|
|
||||||
"type": null,
|
|
||||||
"name": null,
|
|
||||||
"url": null,
|
|
||||||
"folder": null,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
editFolderDialog: {
|
|
||||||
show: false,
|
|
||||||
valid: false,
|
|
||||||
uuid: null, //
|
|
||||||
data: {
|
|
||||||
"name": null,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
receiveDialog: {
|
|
||||||
show: false,
|
|
||||||
valid: false,
|
|
||||||
data: {
|
|
||||||
"user": null,
|
|
||||||
"name": null,
|
|
||||||
"folder": null,
|
|
||||||
"type": null,
|
|
||||||
"url": null,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
shareDialog: {
|
|
||||||
show: false,
|
|
||||||
valid: false,
|
|
||||||
data: {
|
|
||||||
"uuid": null, // UUID of the item you want to share. THIS IS THE KEY.
|
|
||||||
"url": null, // The item you want to share.
|
|
||||||
"recipient": null,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
folderList: [],
|
folderList: [],
|
||||||
nearbyUsers: [
|
nearbyUsers: [
|
||||||
{
|
{
|
||||||
|
|
@ -1238,9 +912,9 @@ export default {
|
||||||
|
|
||||||
this.pushToItems(itemType, name, folder, url, null);
|
this.pushToItems(itemType, name, folder, url, null);
|
||||||
|
|
||||||
this.addDialog.data.name = null;
|
this.$store.state.addDialog.data.name = null;
|
||||||
this.addDialog.data.folder = null;
|
this.$store.state.addDialog.data.folder = null;
|
||||||
this.addDialog.data.url = null;
|
this.$store.state.addDialog.data.url = null;
|
||||||
},
|
},
|
||||||
detectFileType: function(url) {
|
detectFileType: function(url) {
|
||||||
// Attempt the pure regex route...
|
// Attempt the pure regex route...
|
||||||
|
|
@ -1300,15 +974,15 @@ export default {
|
||||||
|
|
||||||
},
|
},
|
||||||
receivingItem: function(data) {
|
receivingItem: function(data) {
|
||||||
if (this.receiveDialog.show != true) { // Do not accept offers if the user is already receiving an offer.
|
if (this.$store.state.receiveDialog.show != true) { // Do not accept offers if the user is already receiving an offer.
|
||||||
this.receiveDialog.data.user = data.data.user;
|
this.$store.state.receiveDialog.data.user = data.data.user;
|
||||||
this.receiveDialog.data.type = data.data.type;
|
this.$store.state.receiveDialog.data.type = data.data.type;
|
||||||
this.receiveDialog.data.name = data.data.name;
|
this.$store.state.receiveDialog.data.name = data.data.name;
|
||||||
this.receiveDialog.data.url = data.data.url;
|
this.$store.state.receiveDialog.data.url = data.data.url;
|
||||||
|
|
||||||
this.getFolderList("add");
|
this.getFolderList("add");
|
||||||
|
|
||||||
this.receiveDialog.show = true;
|
this.$store.state.receiveDialog.show = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
shareItem: function(uuid) {
|
shareItem: function(uuid) {
|
||||||
|
|
@ -1320,16 +994,16 @@ export default {
|
||||||
this.sendAppMessage("share-item", {
|
this.sendAppMessage("share-item", {
|
||||||
"type": typeToShare,
|
"type": typeToShare,
|
||||||
"name": nameToShare,
|
"name": nameToShare,
|
||||||
"url": this.shareDialog.data.url,
|
"url": this.$store.state.shareDialog.data.url,
|
||||||
"recipient": this.shareDialog.data.recipient,
|
"recipient": this.$store.state.shareDialog.data.recipient,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
acceptItem: function() {
|
acceptItem: function() {
|
||||||
this.pushToItems(
|
this.pushToItems(
|
||||||
this.checkItemType(this.receiveDialog.data.type),
|
this.checkItemType(this.$store.state.receiveDialog.data.type),
|
||||||
this.receiveDialog.data.name,
|
this.$store.state.receiveDialog.data.name,
|
||||||
this.receiveDialog.data.folder,
|
this.$store.state.receiveDialog.data.folder,
|
||||||
this.receiveDialog.data.url,
|
this.$store.state.receiveDialog.data.url,
|
||||||
null
|
null
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,151 +0,0 @@
|
||||||
<template>
|
|
||||||
<v-container>
|
|
||||||
<v-row class="text-center">
|
|
||||||
<v-col cols="12">
|
|
||||||
<v-img
|
|
||||||
:src="require('../assets/logo.svg')"
|
|
||||||
class="my-3"
|
|
||||||
contain
|
|
||||||
height="200"
|
|
||||||
/>
|
|
||||||
</v-col>
|
|
||||||
|
|
||||||
<v-col class="mb-4">
|
|
||||||
<h1 class="display-2 font-weight-bold mb-3">
|
|
||||||
Welcome to Vuetify
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<p class="subheading font-weight-regular">
|
|
||||||
For help and collaboration with other Vuetify developers,
|
|
||||||
<br>please join our online
|
|
||||||
<a
|
|
||||||
href="https://community.vuetifyjs.com"
|
|
||||||
target="_blank"
|
|
||||||
>Discord Community</a>
|
|
||||||
</p>
|
|
||||||
</v-col>
|
|
||||||
|
|
||||||
<v-col
|
|
||||||
class="mb-5"
|
|
||||||
cols="12"
|
|
||||||
>
|
|
||||||
<h2 class="headline font-weight-bold mb-3">
|
|
||||||
What's next?
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<v-row justify="center">
|
|
||||||
<a
|
|
||||||
v-for="(next, i) in whatsNext"
|
|
||||||
:key="i"
|
|
||||||
:href="next.href"
|
|
||||||
class="subheading mx-3"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
{{ next.text }}
|
|
||||||
</a>
|
|
||||||
</v-row>
|
|
||||||
</v-col>
|
|
||||||
|
|
||||||
<v-col
|
|
||||||
class="mb-5"
|
|
||||||
cols="12"
|
|
||||||
>
|
|
||||||
<h2 class="headline font-weight-bold mb-3">
|
|
||||||
Important Links
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<v-row justify="center">
|
|
||||||
<a
|
|
||||||
v-for="(link, i) in importantLinks"
|
|
||||||
:key="i"
|
|
||||||
:href="link.href"
|
|
||||||
class="subheading mx-3"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
{{ link.text }}
|
|
||||||
</a>
|
|
||||||
</v-row>
|
|
||||||
</v-col>
|
|
||||||
|
|
||||||
<v-col
|
|
||||||
class="mb-5"
|
|
||||||
cols="12"
|
|
||||||
>
|
|
||||||
<h2 class="headline font-weight-bold mb-3">
|
|
||||||
Ecosystem
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<v-row justify="center">
|
|
||||||
<a
|
|
||||||
v-for="(eco, i) in ecosystem"
|
|
||||||
:key="i"
|
|
||||||
:href="eco.href"
|
|
||||||
class="subheading mx-3"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
{{ eco.text }}
|
|
||||||
</a>
|
|
||||||
</v-row>
|
|
||||||
</v-col>
|
|
||||||
</v-row>
|
|
||||||
</v-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'HelloWorld',
|
|
||||||
|
|
||||||
data: () => ({
|
|
||||||
ecosystem: [
|
|
||||||
{
|
|
||||||
text: 'vuetify-loader',
|
|
||||||
href: 'https://github.com/vuetifyjs/vuetify-loader',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'github',
|
|
||||||
href: 'https://github.com/vuetifyjs/vuetify',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'awesome-vuetify',
|
|
||||||
href: 'https://github.com/vuetifyjs/awesome-vuetify',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
importantLinks: [
|
|
||||||
{
|
|
||||||
text: 'Documentation',
|
|
||||||
href: 'https://vuetifyjs.com',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Chat',
|
|
||||||
href: 'https://community.vuetifyjs.com',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Made with Vuetify',
|
|
||||||
href: 'https://madewithvuejs.com/vuetify',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Twitter',
|
|
||||||
href: 'https://twitter.com/vuetifyjs',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Articles',
|
|
||||||
href: 'https://medium.com/vuetify',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
whatsNext: [
|
|
||||||
{
|
|
||||||
text: 'Explore components',
|
|
||||||
href: 'https://vuetifyjs.com/components/api-explorer',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Select a layout',
|
|
||||||
href: 'https://vuetifyjs.com/layout/pre-defined',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Frequently Asked Questions',
|
|
||||||
href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
}),
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -76,12 +76,12 @@
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@click="
|
@click="
|
||||||
editDialog.show = true;
|
$store.state.editDialog.show = true;
|
||||||
editDialog.uuid = item.uuid;
|
$store.state.editDialog.uuid = item.uuid;
|
||||||
editDialog.data.type = item.type.toUpperCase();
|
$store.state.editDialog.data.type = item.type.toUpperCase();
|
||||||
editDialog.data.folder = null;
|
$store.state.editDialog.data.folder = null;
|
||||||
editDialog.data.name = item.name;
|
$store.state.editDialog.data.name = item.name;
|
||||||
editDialog.data.url = item.url;
|
$store.state.editDialog.data.url = item.url;
|
||||||
getFolderList('edit');
|
getFolderList('edit');
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
|
|
@ -91,7 +91,7 @@
|
||||||
</v-list-item-action>
|
</v-list-item-action>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@click="shareDialog.show = true; shareDialog.data.url = item.url; shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
@click="$store.state.shareDialog.show = true; $store.state.shareDialog.data.url = item.url; $store.state.shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
||||||
>
|
>
|
||||||
<v-list-item-title>Share</v-list-item-title>
|
<v-list-item-title>Share</v-list-item-title>
|
||||||
<v-list-item-action>
|
<v-list-item-action>
|
||||||
|
|
@ -99,7 +99,7 @@
|
||||||
</v-list-item-action>
|
</v-list-item-action>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@click="removeDialog.show = true; removeDialog.uuid = item.uuid;"
|
@click="$store.state.removeDialog.show = true; $store.state.removeDialog.uuid = item.uuid;"
|
||||||
color="red darken-1"
|
color="red darken-1"
|
||||||
>
|
>
|
||||||
<v-list-item-title>Remove</v-list-item-title>
|
<v-list-item-title>Remove</v-list-item-title>
|
||||||
|
|
@ -133,15 +133,15 @@
|
||||||
<div class="text-center my-2">
|
<div class="text-center my-2">
|
||||||
<v-btn medium tile color="purple" class="mx-1 folder-button"
|
<v-btn medium tile color="purple" class="mx-1 folder-button"
|
||||||
@click="
|
@click="
|
||||||
editFolderDialog.show = true;
|
$store.state.editFolderDialog.show = true;
|
||||||
editFolderDialog.uuid = item.uuid;
|
$store.state.editFolderDialog.uuid = item.uuid;
|
||||||
editFolderDialog.data.name = item.name;
|
$store.state.editFolderDialog.data.name = item.name;
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<v-icon>mdi-pencil</v-icon>
|
<v-icon>mdi-pencil</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn medium tile color="red" class="mx-1 folder-button"
|
<v-btn medium tile color="red" class="mx-1 folder-button"
|
||||||
@click="removeFolderDialog.show = true; removeFolderDialog.uuid = item.uuid;"
|
@click="$store.state.removeFolderDialog.show = true; $store.state.removeFolderDialog.uuid = item.uuid;"
|
||||||
>
|
>
|
||||||
<v-icon>mdi-minus</v-icon>
|
<v-icon>mdi-minus</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
@ -219,12 +219,12 @@
|
||||||
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@click="
|
@click="
|
||||||
editDialog.show = true;
|
$store.state.editDialog.show = true;
|
||||||
editDialog.uuid = item.uuid;
|
$store.state.editDialog.uuid = item.uuid;
|
||||||
editDialog.data.type = item.type.toUpperCase();
|
$store.state.editDialog.data.type = item.type.toUpperCase();
|
||||||
editDialog.data.folder = null;
|
$store.state.editDialog.data.folder = null;
|
||||||
editDialog.data.name = item.name;
|
$store.state.editDialog.data.name = item.name;
|
||||||
editDialog.data.url = item.url;
|
$store.state.editDialog.data.url = item.url;
|
||||||
getFolderList('edit');
|
getFolderList('edit');
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
|
|
@ -235,7 +235,7 @@
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@click="shareDialog.show = true; shareDialog.data.url = item.url; shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
@click="$store.state.shareDialog.show = true; $store.state.shareDialog.data.url = item.url; $store.state.shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
||||||
>
|
>
|
||||||
<v-list-item-title>Share</v-list-item-title>
|
<v-list-item-title>Share</v-list-item-title>
|
||||||
<v-list-item-action>
|
<v-list-item-action>
|
||||||
|
|
@ -244,7 +244,7 @@
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@click="removeDialog.show = true; removeDialog.uuid = item.uuid;"
|
@click="$store.state.removeDialog.show = true; $store.state.removeDialog.uuid = item.uuid;"
|
||||||
color="red darken-1"
|
color="red darken-1"
|
||||||
>
|
>
|
||||||
<v-list-item-title>Remove</v-list-item-title>
|
<v-list-item-title>Remove</v-list-item-title>
|
||||||
|
|
|
||||||
262
scripts/system/inventory/src/components/NotUsing.vue
Normal file
262
scripts/system/inventory/src/components/NotUsing.vue
Normal file
|
|
@ -0,0 +1,262 @@
|
||||||
|
<template v-if="!disabledProp">
|
||||||
|
<v-data-iterator
|
||||||
|
:items="items"
|
||||||
|
hide-default-footer
|
||||||
|
>
|
||||||
|
<template>
|
||||||
|
<v-col
|
||||||
|
cols="12"
|
||||||
|
sm="6"
|
||||||
|
md="4"
|
||||||
|
lg="3"
|
||||||
|
class="py-1 column-item"
|
||||||
|
>
|
||||||
|
<draggable :group="options" :list="items" handle=".handle">
|
||||||
|
<v-item-group
|
||||||
|
v-for="item in items"
|
||||||
|
v-bind:key="item.uuid"
|
||||||
|
>
|
||||||
|
<v-list-item
|
||||||
|
one-line
|
||||||
|
v-if="!item.hasChildren"
|
||||||
|
class="mx-auto draggable-card"
|
||||||
|
max-width="344"
|
||||||
|
outlined
|
||||||
|
>
|
||||||
|
<div class="handle pa-2">
|
||||||
|
<v-icon color="orange darken-2">mdi-blur-linear</v-icon>
|
||||||
|
</div>
|
||||||
|
<v-list-item-content
|
||||||
|
class="pb-1 pt-2 pl-4"
|
||||||
|
>
|
||||||
|
<div v-show="settings.displayDensity.size > 0" class="overline" style="font-size: 0.825rem !important;">{{item.type}}</div>
|
||||||
|
<v-list-item-title class="subtitle-1 mb-1">{{item.name}}</v-list-item-title>
|
||||||
|
<v-list-item-subtitle v-show="settings.displayDensity.size == 2">{{item.url}}</v-list-item-subtitle>
|
||||||
|
</v-list-item-content>
|
||||||
|
|
||||||
|
<v-menu bottom left>
|
||||||
|
<template v-slot:activator="{ on }">
|
||||||
|
<!-- settings.displayDensity.size >= 1 -->
|
||||||
|
<v-btn
|
||||||
|
:style="{backgroundColor: (getIconColor(item.type)) }"
|
||||||
|
v-show="settings.displayDensity.size >= 1"
|
||||||
|
medium
|
||||||
|
fab
|
||||||
|
dark
|
||||||
|
v-on="on"
|
||||||
|
>
|
||||||
|
<v-icon>{{getIcon(item.type)}}</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<!-- settings.displayDensity.size < 1 -->
|
||||||
|
<v-btn
|
||||||
|
:style="{backgroundColor: (getIconColor(item.type)) }"
|
||||||
|
v-show="settings.displayDensity.size < 1"
|
||||||
|
small
|
||||||
|
fab
|
||||||
|
dark
|
||||||
|
v-on="on"
|
||||||
|
>
|
||||||
|
<v-icon>{{getIcon(item.type)}}</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<v-list color="grey darken-3">
|
||||||
|
<v-list-item
|
||||||
|
@click="useItem(item.type, item.url)"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Use</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-play</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
<v-list-item
|
||||||
|
@click="
|
||||||
|
editDialog.show = true;
|
||||||
|
editDialog.uuid = item.uuid;
|
||||||
|
editDialog.data.type = item.type.toUpperCase();
|
||||||
|
editDialog.data.folder = null;
|
||||||
|
editDialog.data.name = item.name;
|
||||||
|
editDialog.data.url = item.url;
|
||||||
|
getFolderList('edit');
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Edit</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-pencil</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
<v-list-item
|
||||||
|
@click="shareDialog.show = true; shareDialog.data.url = item.url; shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Share</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-share</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
<v-list-item
|
||||||
|
@click="removeDialog.show = true; removeDialog.uuid = item.uuid;"
|
||||||
|
color="red darken-1"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Remove</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-minus</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
</v-list>
|
||||||
|
</v-menu>
|
||||||
|
|
||||||
|
</v-list-item>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- The Folder List Item -->
|
||||||
|
<v-list-group
|
||||||
|
v-if="item.hasChildren"
|
||||||
|
class="top-level-folder"
|
||||||
|
>
|
||||||
|
<!-- prepend-icon="mdi-blur-linear" put this in the list group, no idea how to make it a handle yet though... -->
|
||||||
|
<template v-slot:activator>
|
||||||
|
<v-list-item
|
||||||
|
one-line
|
||||||
|
class="mx-auto"
|
||||||
|
max-width="344"
|
||||||
|
outlined
|
||||||
|
>
|
||||||
|
<v-icon class="folder-icon" color="teal">mdi-folder-settings</v-icon>
|
||||||
|
{{item.name}}
|
||||||
|
</v-list-item>
|
||||||
|
</template>
|
||||||
|
<div class="text-center my-2">
|
||||||
|
<v-btn medium tile color="purple" class="mx-1 folder-button"
|
||||||
|
@click="
|
||||||
|
editFolderDialog.show = true;
|
||||||
|
editFolderDialog.uuid = item.uuid;
|
||||||
|
editFolderDialog.data.name = item.name;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<v-icon>mdi-pencil</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<v-btn medium tile color="red" class="mx-1 folder-button"
|
||||||
|
@click="removeFolderDialog.show = true; removeFolderDialog.uuid = item.uuid;"
|
||||||
|
>
|
||||||
|
<v-icon>mdi-minus</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<v-btn medium tile color="blue" class="mx-1 folder-button"
|
||||||
|
@click="sortFolder(item.uuid);"
|
||||||
|
>
|
||||||
|
<v-icon>mdi-ab-testing</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</div>
|
||||||
|
<v-col
|
||||||
|
cols="12"
|
||||||
|
sm="6"
|
||||||
|
md="4"
|
||||||
|
lg="3"
|
||||||
|
class="py-1 column-item"
|
||||||
|
>
|
||||||
|
<draggable
|
||||||
|
:list="item.items"
|
||||||
|
:group="options"
|
||||||
|
>
|
||||||
|
<v-item-group
|
||||||
|
v-for="item in item.items"
|
||||||
|
v-bind:key="item.uuid"
|
||||||
|
>
|
||||||
|
<v-list-item
|
||||||
|
one-line
|
||||||
|
class="mx-auto draggable-card"
|
||||||
|
outlined
|
||||||
|
>
|
||||||
|
<div class="handle pa-2">
|
||||||
|
<v-icon color="orange darken-2">mdi-blur-linear</v-icon>
|
||||||
|
</div>
|
||||||
|
<v-list-item-content class="pb-1 pt-2">
|
||||||
|
<div v-show="settings.displayDensity.size > 0" class="overline" style="font-size: 0.825rem !important;">{{item.type}}</div>
|
||||||
|
<v-list-item-title class="subtitle-1 mb-1">{{item.name}}</v-list-item-title>
|
||||||
|
<v-list-item-subtitle v-show="settings.displayDensity.size == 2">{{item.url}}</v-list-item-subtitle>
|
||||||
|
</v-list-item-content>
|
||||||
|
|
||||||
|
<v-menu bottom left>
|
||||||
|
<template v-slot:activator="{ on }">
|
||||||
|
<!-- settings.displayDensity.size >= 1 -->
|
||||||
|
<v-btn
|
||||||
|
:style="{backgroundColor: (getIconColor(item.type)) }"
|
||||||
|
v-show="settings.displayDensity.size >= 1"
|
||||||
|
medium
|
||||||
|
fab
|
||||||
|
dark
|
||||||
|
v-on="on"
|
||||||
|
>
|
||||||
|
<v-icon>{{getIcon(item.type)}}</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<!-- settings.displayDensity.size < 1 -->
|
||||||
|
<v-btn
|
||||||
|
:style="{backgroundColor: (getIconColor(item.type)) }"
|
||||||
|
v-show="settings.displayDensity.size < 1"
|
||||||
|
small
|
||||||
|
fab
|
||||||
|
dark
|
||||||
|
v-on="on"
|
||||||
|
>
|
||||||
|
<v-icon>{{getIcon(item.type)}}</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<v-list color="grey darken-3">
|
||||||
|
|
||||||
|
<v-list-item
|
||||||
|
@click="useItem(item.type, item.url)"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Use</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-play</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
|
||||||
|
<v-list-item
|
||||||
|
@click="
|
||||||
|
editDialog.show = true;
|
||||||
|
editDialog.uuid = item.uuid;
|
||||||
|
editDialog.data.type = item.type.toUpperCase();
|
||||||
|
editDialog.data.folder = null;
|
||||||
|
editDialog.data.name = item.name;
|
||||||
|
editDialog.data.url = item.url;
|
||||||
|
getFolderList('edit');
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Edit</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-pencil</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
|
||||||
|
<v-list-item
|
||||||
|
@click="shareDialog.show = true; shareDialog.data.url = item.url; shareDialog.data.uuid = item.uuid; sendAppMessage('web-to-script-request-nearby-users', '')"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Share</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-share</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
|
||||||
|
<v-list-item
|
||||||
|
@click="removeDialog.show = true; removeDialog.uuid = item.uuid;"
|
||||||
|
color="red darken-1"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Remove</v-list-item-title>
|
||||||
|
<v-list-item-action>
|
||||||
|
<v-icon>mdi-minus</v-icon>
|
||||||
|
</v-list-item-action>
|
||||||
|
</v-list-item>
|
||||||
|
</v-list>
|
||||||
|
</v-menu>
|
||||||
|
</v-list-item>
|
||||||
|
</v-item-group>
|
||||||
|
</draggable>
|
||||||
|
</v-col>
|
||||||
|
</v-list-group>
|
||||||
|
</v-item-group>
|
||||||
|
</draggable>
|
||||||
|
</v-col>
|
||||||
|
</template>
|
||||||
|
</v-data-iterator>
|
||||||
|
</template>
|
||||||
|
|
@ -60,6 +60,69 @@ export const store = new Vuex.Store({
|
||||||
"JSON",
|
"JSON",
|
||||||
"UNKNOWN",
|
"UNKNOWN",
|
||||||
],
|
],
|
||||||
|
removeDialog: {
|
||||||
|
show: false,
|
||||||
|
uuid: null,
|
||||||
|
},
|
||||||
|
removeFolderDialog: {
|
||||||
|
show: false,
|
||||||
|
uuid: null,
|
||||||
|
},
|
||||||
|
createFolderDialog: {
|
||||||
|
show: false,
|
||||||
|
valid: false,
|
||||||
|
data: {
|
||||||
|
"name": null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
addDialog: {
|
||||||
|
show: false,
|
||||||
|
valid: false,
|
||||||
|
data: {
|
||||||
|
"name": null,
|
||||||
|
"folder": null,
|
||||||
|
"url": null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
editDialog: {
|
||||||
|
show: false,
|
||||||
|
valid: false,
|
||||||
|
uuid: null, //
|
||||||
|
data: {
|
||||||
|
"type": null,
|
||||||
|
"name": null,
|
||||||
|
"url": null,
|
||||||
|
"folder": null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
editFolderDialog: {
|
||||||
|
show: false,
|
||||||
|
valid: false,
|
||||||
|
uuid: null, //
|
||||||
|
data: {
|
||||||
|
"name": null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
receiveDialog: {
|
||||||
|
show: false,
|
||||||
|
valid: false,
|
||||||
|
data: {
|
||||||
|
"user": null,
|
||||||
|
"name": null,
|
||||||
|
"folder": null,
|
||||||
|
"type": null,
|
||||||
|
"url": null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
shareDialog: {
|
||||||
|
show: false,
|
||||||
|
valid: false,
|
||||||
|
data: {
|
||||||
|
"uuid": null, // UUID of the item you want to share. THIS IS THE KEY.
|
||||||
|
"url": null, // The item you want to share.
|
||||||
|
"recipient": null,
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
mutations: {
|
mutations: {
|
||||||
mutate(state, payload) {
|
mutate(state, payload) {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue