platypush/platypush
platypush
/
platypush
2
2
Fork 4
Code Issues 32 Pull Requests 1 Packages Projects 4 Releases Wiki Activity

[Execute panel] Introduced a common `Response` component.
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Fabio Manganiello 2023-10-11 16:57:04 +02:00
parent b47e729012
commit e760f8e23a
Signed by: blacklight
GPG Key ID: D90FBA7F76362774
2 changed files with 39 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
platypush/backend/http/webapp/src/components/panels/Execute/Index.vue
View File

@ -137,25 +137,7 @@
</div> </div>
</section> </section>
<section class="response"> <Response :response="response" :error="error" />
<h2 v-if="error != null || response != null">
<span class="title">
{{ error != null ? 'Error' : 'Output' }}
</span>
<span class="buttons">
<button type="button" title="Copy to clipboard" @click="copyToClipboard(response)">
<i class="fas fa-clipboard" />
</button>
</span>
</h2>
<div class="output response" v-if="response != null">
<pre v-text="response" />
</div>
<div class="output error" v-else-if="error != null">
<pre v-text="error" />
</div>
</section>
</div> </div>
<!-- Raw request container --> <!-- Raw request container -->
@ -169,18 +151,7 @@
</button> </button>
</div> </div>
<section class="response" v-if="response != null || error != null"> <Response :response="response" :error="error" />
<hgroup v-if="error != null || response != null">
<h2 v-text="error != null ? 'Error' : 'Output'" />
<div class="buttons">
<button type="button" title="Copy to clipboard" @click="copyToClipboard(error)">
<i class="fas fa-clipboard" />
</button>
</div>
</hgroup>
<div class="error" v-html="error" v-if="error != null" />
<div class="response" v-html="response" v-else-if="response != null" />
</section>
</div> </div>
</form> </form>
</main> </main>
@ -222,13 +193,14 @@ import Argdoc from "./Argdoc"
import Autocomplete from "@/components/elements/Autocomplete" import Autocomplete from "@/components/elements/Autocomplete"
import Loading from "@/components/Loading" import Loading from "@/components/Loading"
import Modal from "@/components/Modal"; import Modal from "@/components/Modal";
import Response from "./Response"
import Tab from "@/components/elements/Tab" import Tab from "@/components/elements/Tab"
import Tabs from "@/components/elements/Tabs" import Tabs from "@/components/elements/Tabs"
import Utils from "@/Utils" import Utils from "@/Utils"
export default { export default {
name: "Execute", name: "Execute",
components: {Argdoc, Autocomplete, Loading, Modal, Tab, Tabs}, components: {Argdoc, Autocomplete, Loading, Modal, Response, Tab, Tabs},
mixins: [Utils], mixins: [Utils],
data() { data() {

35
platypush/backend/http/webapp/src/components/panels/Execute/Response.vue Normal file
View File

@ -0,0 +1,35 @@
<template>
<section class="response">
<h2 v-if="error != null || response != null">
<span class="title">
{{ error != null ? 'Error' : 'Output' }}
</span>
<span class="buttons">
<button type="button" title="Copy to clipboard" @click="copyToClipboard(response)">
<i class="fas fa-clipboard" />
</button>
</span>
</h2>
<div class="output response" v-if="response != null">
<pre v-text="response" />
</div>
<div class="output error" v-else-if="error != null">
<pre v-text="error" />
</div>
</section>
</template>
<script>
export default {
name: 'Response',
props: {
response: String,
error: String,
},
}
</script>
<style lang="scss" scoped>
@import "common";
</style>