pui9-components 2.0.8 → 3.0.0

package/src/components/PuiRichTextEditor.vue

@@ -1,116 +0,0 @@
-<template>
-	<div class="richtexteditor-container ml-1 mr-1">
-		<div v-if="hasLabel()">
-			<label>{{ this.label }}</label>
-			<label class="richtexteditor-label-required" v-if="required">*</label>
-		</div>
-		<textarea v-model="data" :id="id" :ref="id"></textarea>
-		<v-text-field v-if="required" v-model="data" :rules="getRules" style="display: none"></v-text-field>
-		<div class="richtexteditor-error-message">
-			<label class="richtexteditor-label-error">{{ $t('pui9.error.field_required') }}</label>
-		</div>
-	</div>
-</template>
-
-<script>
-import { Jodit } from 'jodit';
-import 'jodit/build/jodit.min.css';
-
-export default {
-	name: 'PuiRichTextEditor',
-	components: {},
-	props: {
-		id: {
-			type: String,
-			required: true
-		},
-		label: {
-			type: String,
-			default: ''
-		},
-		value: {
-			type: String,
-			default: ''
-		},
-		required: {
-			type: Boolean,
-			default: false
-		},
-		validationErrors: {
-			type: Boolean,
-			default: false
-		},
-		height: {
-			type: Number,
-			default: 480
-		}
-	},
-	data() {
-		return {
-			data: this.value
-		};
-	},
-	computed: {
-		externalValue() {
-			return this.value;
-		},
-		getRules() {
-			const rules = [];
-			if (this.required) {
-				rules.push((data) => !!data || 'error');
-			}
-			return rules;
-		}
-	},
-	watch: {
-		value(v) {
-			this.data = v;
-			this.editor.value = v;
-			console.log(11)
-		},
-		data() {
-			this.checkContent();
-			this.$emit('input', this.data);
-		},
-		externalValue(newValue) {
-			this.data = newValue;
-		},
-		validationErrors() {
-			this.checkContent();
-		}
-	},
-	mounted() {
-		//Jodit.plugins.add(plugin.name, plugin.callback);
-		this.editor = new Jodit(this.$refs[this.id], {
-			// width: 800,
-			height: this.height,
-			// language: 'es' // tooltips
-		});
-		this.editor.value = this.data;
-		this.editor.events.on('change', newValue => this.$emit('input', newValue))
-	},
-	beforeDestroy() {
-		this.editor.destruct();
-	},
-	methods: {
-		hasLabel() {
-			return this.label !== undefined;
-		},
-		checkContent() {
-            var errorMsg = this.$el.getElementsByClassName('richtexteditor-error-message');
-
-			if(this.data == '<p><br></p>') {
-				this.data = null;
-			}
-
-            if (this.required) {
-                if (this.data === null || this.data === '') {
-                    errorMsg[0].style.display = 'block';
-                } else {
-                    errorMsg[0].style.display = 'none';
-                }
-            }
-        }
-	}
-};
-</script>