This commit is contained in:
2026-02-07 11:47:19 +02:00
parent 06d485e63a
commit 3f57515f20
11 changed files with 65 additions and 10 deletions
+1 -1
View File
@@ -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>
+3 -1
View File
@@ -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 }">
+6 -4
View File
@@ -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">
+37 -1
View File
@@ -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
View File
@@ -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: 'Начин на активиране',
+13
View File
@@ -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{