Mirrors/overte-HifiExperiments
3
0
Fork 0
mirror of https://github.com/HifiExperiments/overte.git synced 2025-05-29 12:39:55 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Alter icon positions, colors, combine visit and search box. Add tooltips for some buttons.

Browse source
This commit is contained in:
Kalila L 2020-09-23 01:22:04 -04:00
parent 2d871a8f88
commit b493f0c51d
1 changed files with 39 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
scripts/communityScripts/explore/explore.html
View file

@ -21,7 +21,7 @@
<div id="add-location-template"> <div id="add-location-template">
<v-dialog v-model="dialog" fullscreen hide-overlay transition="dialog-bottom-transition"> <v-dialog v-model="dialog" fullscreen hide-overlay transition="dialog-bottom-transition">
<template v-slot:activator="{ on, attrs }"> <template v-slot:activator="{ on, attrs }">
<v-btn v-show="permission" value="animations" v-bind="attrs" v-on="on" fab small> <v-btn color="grey darken-3" class="ml-5" v-show="permission" value="animations" v-bind="attrs" v-on="on" fab small>
<v-icon color="purple">mdi-map-plus</v-icon> <v-icon color="purple">mdi-map-plus</v-icon>
</v-btn> </v-btn>
</template> </template>
@ -62,8 +62,8 @@
</v-card-text> </v-card-text>
<v-card-text> <v-card-text>
When you add a location, you are actually creating a location beacon wherever you are currently standing. By default this will show up as a red cube. When you add a location, you are actually creating a location beacon wherever you are currently standing. By default this will show up as a red cube.
If you need to amend the details of your listing at a later date, simply open the Create app in your domain, find the entity with name like "Explore Marker (Your domain name)" If you need to amend the details of your listing at a later date, simply open the Create app in your domain, find the entity with the name "Explore Marker (Your domain name)"
and modify it's userData values. and modify its userData values.
You can also hide the marker easily by toggling the entity's visibility. It will still function when hidden. You can also hide the marker easily by toggling the entity's visibility. It will still function when hidden.
</v-card-text> </v-card-text>
</v-card> </v-card>
@ -76,7 +76,7 @@
<v-data-iterator :items="items" <v-data-iterator :items="items"
:items-per-page.sync="itemsPerPage" :items-per-page.sync="itemsPerPage"
:page.sync="page" :page.sync="page"
:search="search" :search="visit"
:sort-by="sortBy" :sort-by="sortBy"
:sort-desc="sortDesc" :sort-desc="sortDesc"
:loading="loading" :loading="loading"
@ -84,33 +84,17 @@
hide-default-footer> hide-default-footer>
<template v-slot:header> <template v-slot:header>
<v-row dense> <v-row dense>
<v-col cols="7" <v-text-field v-model="visit" clearable
sm="6" flat
md="5" solo-inverted
lg="3"> hide-details
<v-text-field v-model="visit" clearable label="Visit"
flat class="pb-3"
solo-inverted append-icon="mdi-location-enter"
hide-details v-on:keyup.enter="visitIconCallback"
label="Visit" @click:append="visitIconCallback">
class="pb-3"
append-icon="mdi-location-enter"
@click:append="visitIconCallback">
</v-text-field> </v-text-field>
</v-col>
<v-col cols="5"
sm="6"
md="4"
lg="3">
<v-text-field v-model="search"
clearable
flat
solo-inverted
hide-details
label="Search"
class="pb-3"></v-text-field>
</v-col>
</v-row> </v-row>
</template> </template>
@ -240,18 +224,33 @@
<div id="app"> <div id="app">
<v-app> <v-app>
<div> <div>
<v-app-bar dark dense> <v-app-bar dense>
<v-toolbar-title>Explore</v-toolbar-title> <v-toolbar-title>Explore</v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn v-show="isHomeSet" value="animations" fab small @click="navigateHome()"> <v-tooltip bottom>
<v-icon color="purple">mdi-home</v-icon> <template v-slot:activator="{ on, attrs }">
</v-btn> <v-btn v-bind="attrs" v-on="on" color="grey darken-3" class="mx-1" v-show="isHomeSet" value="animations" fab small @click="navigateHome()">
<v-btn value="animations" fab small @click="navigateBack()"> <v-icon color="purple">mdi-home</v-icon>
<v-icon color="purple">mdi-arrow-left-bold</v-icon> </v-btn>
</v-btn> </template>
<v-btn value="animations" fab small @click="navigateForward()"> <span>Go Home</span>
<v-icon color="purple">mdi-arrow-right-bold</v-icon> </v-tooltip>
</v-btn> <v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-btn v-bind="attrs" v-on="on" color="grey darken-3" class="mx-1" value="animations" fab small @click="navigateBack()">
<v-icon color="purple">mdi-arrow-left-bold</v-icon>
</v-btn>
</template>
<span>Go Back</span>
</v-tooltip>
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<v-btn v-bind="attrs" v-on="on" color="grey darken-3" class="mx-1" value="animations" fab small @click="navigateForward()">
<v-icon color="purple">mdi-arrow-right-bold</v-icon>
</v-btn>
</template>
<span>Go Forward</span>
</v-tooltip>
<!--<v-btn value="animations" fab small> <!--<v-btn value="animations" fab small>
<v-icon color="purple">mdi-map-marker-plus</v-icon> <v-icon color="purple">mdi-map-marker-plus</v-icon>
</v-btn>--> </v-btn>-->
@ -341,7 +340,6 @@
data() { data() {
return { return {
loading: true, loading: true,
search: '',
visit: '', visit: '',
filter: {}, filter: {},
sortDesc: true, sortDesc: true,