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

45 lines
809 B
Vue
Raw Normal View History

2018-03-17 18:26:18 +05:30
<script>
2018-12-13 13:39:08 +05:30
import sanitize from 'sanitize-html';
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
},
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() {
return sanitize(this.rawCode, {
allowedTags: sanitize.defaults.allowedTags.concat(['img', 'svg']),
allowedAttributes: {
img: ['src'],
},
});
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" />
2018-03-17 18:26:18 +05:30
<div v-html="sanitizedOutput"></div>
2017-08-17 22:00:37 +05:30
</div>
</template>