This commit is contained in:
+1
-1
@@ -4,7 +4,7 @@
|
||||
<v-snackbar v-model="store.snackbar.show" :color="store.snackbar.color" :timeout="store.snackbar.timeout">
|
||||
{{ store.snackbar.text }}
|
||||
<template v-slot:actions>
|
||||
<v-btn variant="text" @click="store.snackbar.show = false"> Close </v-btn>
|
||||
<v-btn variant="text" @click="store.snackbar.show = false"> {{ l.close }} </v-btn>
|
||||
</template>
|
||||
</v-snackbar>
|
||||
</v-app>
|
||||
|
||||
@@ -6,7 +6,9 @@
|
||||
<v-img src="/logo.webp" alt="ProNature Logo"></v-img>
|
||||
</v-avatar>
|
||||
</template>
|
||||
<v-app-bar-title>{{ l.playground }}</v-app-bar-title>
|
||||
<v-app-bar-title>
|
||||
<router-link to="/">{{ l.playground }}</router-link>
|
||||
</v-app-bar-title>
|
||||
<v-btn to="/manage" icon="mdi-wrench-cog-outline" v-if="roles.editor" v-tooltip="l.workshop"></v-btn>
|
||||
<v-dialog max-width="480">
|
||||
<template v-slot:activator="{ props }">
|
||||
|
||||
@@ -2,12 +2,14 @@
|
||||
<v-app-bar color="primary" scroll-behavior="elevate" scroll-threshold="20" :height="100" image="/static/bck-1.webp">
|
||||
<!-- <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> -->
|
||||
<template v-slot:prepend>
|
||||
<v-avatar class="ml-3" size="66" rounded="0">
|
||||
<v-img src="/logo.webp" alt="ProNature Logo"></v-img>
|
||||
</v-avatar>
|
||||
<router-link to="/manage">
|
||||
<v-avatar class="ml-3" size="66" rounded="0">
|
||||
<v-img src="/logo.webp" alt="ProNature Logo"></v-img>
|
||||
</v-avatar>
|
||||
</router-link>
|
||||
</template>
|
||||
<v-app-bar-title>
|
||||
{{ l.workshop }}
|
||||
<router-link to="/manage">{{ l.workshop }}</router-link>
|
||||
</v-app-bar-title>
|
||||
<v-btn to="/" icon="mdi-seesaw" v-tooltip="l.playground"></v-btn>
|
||||
<v-menu>
|
||||
|
||||
@@ -10,9 +10,9 @@
|
||||
<v-btn size="small" class="text-none" value="Scene" prepend-icon="mdi-panorama-outline">{{ l.addScene }}</v-btn>
|
||||
<v-btn size="small" class="text-none" value="GameObject"
|
||||
v-if="selectedItem.length == 1 && selectedItem[0].__type == 'Scene'" prepend-icon="mdi-bird">{{ l.createGameObject }}</v-btn>
|
||||
<v-btn size="small" class="text-none" value="Task"
|
||||
<!-- <v-btn size="small" class="text-none" value="Task"
|
||||
v-if="selectedItem.length == 1 && selectedItem[0].__type == 'GameObject'"
|
||||
prepend-icon="mdi-checkbox-marked-circle-plus-outline">{{ l.addTask }}</v-btn>
|
||||
prepend-icon="mdi-checkbox-marked-circle-plus-outline">{{ l.addTask }}</v-btn> -->
|
||||
</v-btn-toggle>
|
||||
<div @wheel="onWheel" @mousedown="onMouseDown" @mouseup="onMouseUp" @mousemove="onDrag"
|
||||
:class="`svg-container ${mode}`" ref="svgContainer">
|
||||
|
||||
@@ -1,5 +1,41 @@
|
||||
<template>
|
||||
<Home />
|
||||
<v-container fluid>
|
||||
<v-row dense>
|
||||
<v-col>
|
||||
<v-card to="/manage/game-objects/list" class="hover-effect">
|
||||
<v-img src="/static/header-game-objects.webp" cover content-class="d-flex flex-column justify-space-between" gradient="to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)">
|
||||
<v-btn icon="mdi-plus" class="align-self-end ma-3" to="/manage/game-objects/add" color="white" size="small" v-tooltip="l.createGameObject"></v-btn>
|
||||
<v-card-title class="text-white text-h5" v-text="l.gameObjects"></v-card-title>
|
||||
</v-img>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-card to="/manage/scenarios/list" class="hover-effect">
|
||||
<v-img src="/static/header-scenarios.webp" cover content-class="d-flex flex-column justify-space-between"gradient="to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)">
|
||||
<v-btn icon="mdi-plus" class="align-self-end ma-3" to="/manage/scenarios/add" color="white" size="small" v-tooltip="l.createScenario"></v-btn>
|
||||
<v-card-title class="text-white text-h5" v-text="l.gameScenarios"></v-card-title>
|
||||
</v-img>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-card to="/manage/games/list" class="hover-effect">
|
||||
<v-img src="/static/header-studio.webp" cover content-class="d-flex flex-column justify-space-between"gradient="to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)">
|
||||
<v-btn icon="mdi-plus" class="align-self-end ma-3" to="/manage/games/add" color="white" size="small" v-tooltip="l.createGame"></v-btn>
|
||||
<v-card-title class="text-white text-h5" v-text="l.games"></v-card-title>
|
||||
</v-img>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-card to="/manage/preview/list" class="hover-effect">
|
||||
<v-img src="/static/header-preview.webp" cover content-class="d-flex flex-column justify-space-between"gradient="to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)">
|
||||
<v-btn icon="mdi-arrow-right" class="align-self-end ma-3" to="/manage/preview/list" color="white" size="small" v-tooltip="l.preview"></v-btn>
|
||||
<v-card-title class="text-white text-h5" v-text="l.preview"></v-card-title>
|
||||
</v-img>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
+3
-1
@@ -25,6 +25,7 @@ const lang = {
|
||||
preview: 'Preview',
|
||||
captureThumbnail: 'Save thumbnail',
|
||||
publish: 'Publish',
|
||||
close: 'Close',
|
||||
gameObjects: 'Objects',
|
||||
gameObjectType: 'Game object type',
|
||||
activationConditions: 'Activation conditions',
|
||||
@@ -159,7 +160,8 @@ const lang = {
|
||||
preview: 'Преглед',
|
||||
captureThumbnail: 'Save thumbnail',
|
||||
publish: 'Публикуване',
|
||||
gameObjects: 'Обекти',
|
||||
close: 'Затвори',
|
||||
gameObjects: 'Игрови обекти',
|
||||
gameObjectType: 'Тип игрови обект',
|
||||
activationConditions: 'Условия за активиране',
|
||||
activatoinType: 'Начин на активиране',
|
||||
|
||||
@@ -3,6 +3,11 @@
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin:auto;
|
||||
max-width: 1200px;
|
||||
@@ -63,6 +68,14 @@ video{
|
||||
}
|
||||
}
|
||||
|
||||
.hover-effect {
|
||||
transform: scale(1);
|
||||
transition: all 0.73s !important;
|
||||
&:hover {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
}
|
||||
|
||||
.svg-container{
|
||||
svg{
|
||||
image{
|
||||
|
||||
Reference in New Issue
Block a user