Commit 832fc5e9 authored by Daniel Eggert's avatar Daniel Eggert
Browse files

Merge branch '2-adapt-to-new-messaging-example' into 'master'

Resolve "Adapt to new messaging example"

Closes #2

See merge request digital-earth/de-app-template!2
parents cee172bc 4be871ad
<template>
<demap class="nav-offset" show-osm legend-collapsed :center="[13.064923, 52.379539]" :zoom="16" />
<v-container style="margin-bottom: 35px;">
<v-row>
<demap
class="nav-offset"
show-osm
legend-collapsed
:center="[13.064923, 52.379539]"
:zoom="16"
style="height: 600px; margin-bottom: 10px;"
/>
</v-row>
<v-row
v-if="!exampleModule.isConnected()"
style="justify-content: center; align-items: center;"
>
<span>please wait while the connection to the backend module is established...</span>
</v-row>
<v-row style="justify-content: center; align-items: center;">
<v-btn
color="primary"
:disabled="!exampleModule.isConnected()"
:loading="!exampleModule.isConnected()"
@click.native="sendRequest"
>send request</v-btn>
</v-row>
<v-row v-if="exampleModule.isConnected()" style="justify-content: center; align-items: center;">
<span>The response message is printed in the developer console only! (ctrl+shift+i)</span>
</v-row>
</v-container>
</template>
<style scoped>
.nav-offset {
margin-top: 70px;
margin-top: 70px;
}
</style>
<script lang='ts'>
import { Component, Vue } from 'vue-property-decorator';
import Demap from '@digital-earth/frontend-framework/lib/map/Demap.vue';
import ExampleModuleMessaging from '@digital-earth/frontend-framework/lib/messaging/ExampleModuleMessaging';
@Component({
components: { Demap }
})
export default class Workflow extends Vue {}
export default class Workflow extends Vue {
private exampleModule: ExampleModuleMessaging = new ExampleModuleMessaging();
protected sendRequest(): void {
this.exampleModule.sendRequest();
}
}
</script>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment