mirror of
https://github.com/lubosz/overte.git
synced 2025-04-24 14:03:17 +02:00
Further progress.
This commit is contained in:
Kasen IO
parent
3f4b3c4b36
commit
e138278ebc
2 changed files with 178 additions and 35 deletions
|
|
@ -24,24 +24,16 @@
|
|||
temporary
|
||||
>
|
||||
<v-list
|
||||
nav
|
||||
dense
|
||||
nav
|
||||
>
|
||||
<v-list-item-group
|
||||
active-class="deep-purple--text text--accent-4"
|
||||
|
||||
>
|
||||
<v-list-item>
|
||||
<v-list-item @click="addDialog.show = true">
|
||||
<v-list-item-icon>
|
||||
<v-icon>mdi-home</v-icon>
|
||||
<v-icon>mdi-plus</v-icon>
|
||||
</v-list-item-icon>
|
||||
<v-list-item-title>Home</v-list-item-title>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-icon>
|
||||
<v-icon>mdi-account</v-icon>
|
||||
</v-list-item-icon>
|
||||
<v-list-item-title>Account</v-list-item-title>
|
||||
<v-list-item-title>Add Item</v-list-item-title>
|
||||
</v-list-item>
|
||||
|
||||
</v-list-item-group>
|
||||
|
|
@ -57,7 +49,6 @@
|
|||
<v-row>
|
||||
<v-col
|
||||
v-for="item in items"
|
||||
:key="item.name"
|
||||
cols="12"
|
||||
sm="6"
|
||||
md="4"
|
||||
|
|
@ -77,16 +68,19 @@
|
|||
|
||||
<v-list-item-avatar
|
||||
size="80"
|
||||
color="blue"
|
||||
:style="{backgroundColor: (getIconColor(item.type)) }"
|
||||
>
|
||||
<v-icon x-large dark>mdi-code-tags</v-icon>
|
||||
<v-icon x-large dark>{{displayIcon(item.type)}}</v-icon>
|
||||
</v-list-item-avatar>
|
||||
</v-list-item>
|
||||
|
||||
<v-card-actions>
|
||||
<v-btn text>Share</v-btn>
|
||||
<v-btn class="px-5" color="purple">Share</v-btn>
|
||||
<v-btn class="px-3" color="red" @click="removeDialog.show = true;">Remove</v-btn>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn text :href="item.url">Load</v-btn>
|
||||
|
||||
<v-btn class="px-7" color="success" :href="item.url">Use</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-col>
|
||||
|
|
@ -95,6 +89,124 @@
|
|||
</v-data-iterator>
|
||||
</v-container>
|
||||
</v-content>
|
||||
<v-dialog
|
||||
v-model="removeDialog.show"
|
||||
max-width="290"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title class="headline">Remove Item</v-card-title>
|
||||
|
||||
<v-card-text>
|
||||
Are you sure you want to delete this item from your inventory?
|
||||
</v-card-text>
|
||||
|
||||
<v-card-actions>
|
||||
|
||||
<v-btn
|
||||
color="blue"
|
||||
class="px-3"
|
||||
@click="removeDialog.show = false"
|
||||
>
|
||||
No
|
||||
</v-btn>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<v-btn
|
||||
color="red"
|
||||
class="px-3"
|
||||
@click="removeDialog.show = false"
|
||||
>
|
||||
Yes
|
||||
</v-btn>
|
||||
|
||||
</v-card-actions>
|
||||
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
<v-dialog
|
||||
v-model="addDialog.show"
|
||||
max-width="380"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title class="headline">Add Item</v-card-title>
|
||||
|
||||
<v-card-text>
|
||||
Enter the URL of the item.
|
||||
</v-card-text>
|
||||
|
||||
<v-text-field
|
||||
class="px-2"
|
||||
label="URL"
|
||||
></v-text-field>
|
||||
|
||||
<v-card-actions>
|
||||
|
||||
<v-btn
|
||||
color="red"
|
||||
class="px-3"
|
||||
@click="addDialog.show = false"
|
||||
>
|
||||
Cancel
|
||||
</v-btn>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<v-btn
|
||||
color="blue"
|
||||
class="px-3"
|
||||
@click="addDialog.show = false"
|
||||
>
|
||||
Add
|
||||
</v-btn>
|
||||
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
<v-dialog
|
||||
v-model="receiveDialog.show"
|
||||
max-width="380"
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title class="headline">Receiving Item</v-card-title>
|
||||
|
||||
<v-card-text>
|
||||
[User] is sending you an item
|
||||
</v-card-text>
|
||||
|
||||
<v-card-text>
|
||||
[lol] [Script]
|
||||
</v-card-text>
|
||||
|
||||
<v-card-text>
|
||||
[https://google.com/lol.js]
|
||||
</v-card-text>
|
||||
|
||||
<v-card-actions>
|
||||
|
||||
<v-btn
|
||||
color="red"
|
||||
class="px-3"
|
||||
@click="receiveDialog.show = false"
|
||||
>
|
||||
Reject
|
||||
</v-btn>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<v-btn
|
||||
color="blue"
|
||||
class="px-3"
|
||||
@click="receiveDialog.show = false"
|
||||
>
|
||||
Accept
|
||||
</v-btn>
|
||||
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
</v-app>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -133,29 +245,49 @@ new Vue({
|
|||
"url": "https://google.com/vr.js",
|
||||
},
|
||||
{
|
||||
"type": "script",
|
||||
"name": "TEST",
|
||||
"url": "https://google.com/vr.js",
|
||||
"type": "avatar",
|
||||
"name": "AVI",
|
||||
"url": "https://google.com/vr.fst",
|
||||
},
|
||||
{
|
||||
"type": "script",
|
||||
"name": "TEST",
|
||||
"url": "https://google.com/vr.js",
|
||||
"type": "avatar",
|
||||
"name": "AVI",
|
||||
"url": "https://google.com/vr.fst",
|
||||
},
|
||||
{
|
||||
"type": "script",
|
||||
"name": "TEST",
|
||||
"url": "https://google.com/vr.js",
|
||||
"type": "model",
|
||||
"name": "3D MODEL",
|
||||
"url": "https://google.com/vr.fbx",
|
||||
},
|
||||
{
|
||||
"type": "script",
|
||||
"name": "TEST",
|
||||
"url": "https://google.com/vr.js",
|
||||
"type": "model",
|
||||
"name": "3D MODEL",
|
||||
"url": "https://google.com/vr.fbx",
|
||||
},
|
||||
],
|
||||
iconType: {
|
||||
script: "mdi-code-tags",
|
||||
|
||||
"script": {
|
||||
"icon": "mdi-code-tags",
|
||||
"color": "red",
|
||||
},
|
||||
"model": {
|
||||
"icon": "mdi-video-3d",
|
||||
"color": "green",
|
||||
},
|
||||
"avatar": {
|
||||
"icon": "mdi-account-convert",
|
||||
"color": "purple",
|
||||
},
|
||||
},
|
||||
removeDialog: {
|
||||
show: false,
|
||||
item: null,
|
||||
},
|
||||
addDialog: {
|
||||
show: false,
|
||||
},
|
||||
receiveDialog: {
|
||||
show: true,
|
||||
},
|
||||
darkTheme: true,
|
||||
drawer: false,
|
||||
|
|
@ -165,7 +297,18 @@ new Vue({
|
|||
this.$vuetify.theme.dark = this.darkTheme;
|
||||
},
|
||||
methods: {
|
||||
|
||||
addItem: function(url) {
|
||||
|
||||
},
|
||||
displayIcon: function(itemType) {
|
||||
return this.iconType[itemType].icon;
|
||||
},
|
||||
getIconColor: function(itemType) {
|
||||
return this.iconType[itemType].color;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
|
@ -4443,7 +4443,7 @@
|
|||
|
||||
.v-card__subtitle,
|
||||
.v-card__text {
|
||||
font-size: 0.875rem;
|
||||
font-size: 1.075rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.375rem;
|
||||
letter-spacing: 0.0071428571em;
|
||||
|
|
@ -14356,7 +14356,7 @@ html.overflow-y-hidden {
|
|||
font-family: "Roboto", sans-serif !important;
|
||||
}
|
||||
.v-application .overline {
|
||||
font-size: 0.825rem !important;
|
||||
font-size: 0.925rem !important;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1666666667em !important;
|
||||
line-height: 1rem;
|
||||
|
|
|
|||
Loading…
Reference in a new issue