debian-mirror-gitlab/app/assets/javascripts/notebook/cells/output/html.vue

44 lines
801 B
Vue
Raw Normal View History

2018-03-17 18:26:18 +05:30
<script>
2021-02-22 17:27:13 +05:30
import { GlSafeHtmlDirective } from '@gitlab/ui';
2021-01-03 14:25:43 +05:30
import { sanitize } from '~/lib/dompurify';
2018-12-13 13:39:08 +05:30
import Prompt from '../prompt.vue';
2018-03-17 18:26:18 +05:30
2018-12-13 13:39:08 +05:30
export default {
components: {
2019-03-02 22:35:43 +05:30
Prompt,
2018-12-13 13:39:08 +05:30
},
2021-02-22 17:27:13 +05:30
directives: {
SafeHtml: GlSafeHtmlDirective,
},
2018-12-13 13:39:08 +05:30
props: {
2019-03-02 22:35:43 +05:30
count: {
type: Number,
required: true,
},
2018-12-13 13:39:08 +05:30
rawCode: {
type: String,
required: true,
2018-03-17 18:26:18 +05:30
},
2019-03-02 22:35:43 +05:30
index: {
type: Number,
required: true,
},
2018-12-13 13:39:08 +05:30
},
computed: {
sanitizedOutput() {
2021-02-22 17:27:13 +05:30
return sanitize(this.rawCode);
2018-03-17 18:26:18 +05:30
},
2019-03-02 22:35:43 +05:30
showOutput() {
return this.index === 0;
},
2018-12-13 13:39:08 +05:30
},
};
2018-03-17 18:26:18 +05:30
</script>
2017-08-17 22:00:37 +05:30
<template>
<div class="output">
2019-03-02 22:35:43 +05:30
<prompt type="Out" :count="count" :show-output="showOutput" />
2021-02-22 17:27:13 +05:30
<div v-safe-html="sanitizedOutput" class="gl-overflow-auto"></div>
2017-08-17 22:00:37 +05:30
</div>
</template>