123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <template>
- <div>
- <v-container grid-list-md text-xs-center fluid>
- <v-layout row wrap>
- <!-- Experiment header -->
- <v-flex xs12>
- <!-- DISABLE : This part is commented to disable view of back scene selection button when starting scene experiment -->
- <!--
- <v-layout justify-start>
- <v-btn flat exact :to="`/experiments/${experimentName}`">
- <v-icon left>arrow_back</v-icon>
- Back to scene selection
- </v-btn>
- </v-layout>
- -->
- <h2>Experiment "{{ $route.meta.fullName }}"</h2>
- <h3>{{ sceneName }}</h3>
- <slot name="header"></slot>
- </v-flex>
- <!--/ Experiment header -->
- <!-- Loading screen -->
- <loader v-if="loadingMessage" :message="loadingMessage" />
- <!--/ Loading screen -->
- <!-- Experiment -->
- <template v-else-if="!loadingErrorMessage">
- <slot name="content"></slot>
- </template>
- <!--/ Experiment -->
- </v-layout>
- </v-container>
- </div>
- </template>
- <script>
- import Loader from '@/components/Loader.vue'
- export default {
- name: 'ExperimentBlock',
- components: {
- Loader
- },
- props: {
- experimentName: {
- type: String,
- required: true
- },
- sceneName: {
- type: String,
- required: true
- },
- loadingMessage: {
- type: String,
- required: false,
- default: null
- },
- loadingErrorMessage: {
- type: String,
- required: false,
- default: null
- }
- }
- }
- </script>
|