chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Editor: Add editor filemanager (tinymce) - refs #3797

Browse Source
pull/4756/head
christian 2 years ago
parent 52cd0dde89
commit 80b1c082f1
3 changed files with 108 additions and 18 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 18
      assets/vue/views/documents/DocumentForHtmlEditor.vue
  2. 48
      assets/vue/views/message/MessageCreate.vue
  3. 60
      assets/vue/views/personalfile/List.vue

18
assets/vue/views/documents/DocumentForHtmlEditor.vue
Unescape View File

@ -114,6 +114,7 @@ import { useStore } from 'vuex';
import isEmpty from 'lodash/isEmpty';
import moment from "moment";
import {RESOURCE_LINK_PUBLISHED} from "../../components/resource_links/visibility";
import { useI18n } from "vue-i18n";
export default {
name: 'DocumentForHtmlEditor',
@ -127,17 +128,18 @@ export default {
DataFilter
},
mixins: [ListMixin],
data() {
return {
setup() {
const { t } = useI18n();
const data = {
sortBy: 'title',
sortDesc: false,
columns: [
{ label: this.$i18n.t('Title'), field: 'title', name: 'title', sortable: true},
{ label: this.$i18n.t('Modified'), field: 'resourceNode.updatedAt', name: 'updatedAt', sortable: true},
{ label: this.$i18n.t('Size'), field: 'resourceNode.resourceFile.size', name: 'size', sortable: true},
{ label: this.$i18n.t('Actions'), name: 'action', sortable: false}
{ label: t('Title'), field: 'title', name: 'title', sortable: true},
{ label: t('Modified'), field: 'resourceNode.updatedAt', name: 'updatedAt', sortable: true},
{ label: t('Size'), field: 'resourceNode.resourceFile.size', name: 'size', sortable: true},
{ label: t('Actions'), name: 'action', sortable: false}
],
pageOptions: [10, 20, 50, this.$i18n.t('All')],
pageOptions: [10, 20, 50, t('All')],
selected: [],
isBusy: false,
options: [],
@ -150,6 +152,8 @@ export default {
filters: {},
submitted: false,
};
return data;
},
created() {
console.log('created - vue/views/documents/DocumentsList.vue');

48
assets/vue/views/message/MessageCreate.vue
Unescape View File

@ -128,4 +128,52 @@ const onSubmit = () => {
});
});
};
const browser = (callback, value, meta) => {
let url = '/resources/personal_files/';
if (meta.filetype === "image") {
url = url + "&type=images";
} else {
url = url + "&type=files";
}
window.addEventListener("message", function (event) {
var data = event.data;
if (data.url) {
url = data.url;
console.log(meta); // {filetype: "image", fieldname: "src"}
callback(url);
}
});
tinymce.activeEditor.windowManager.openUrl(
{
url: url,
title: "file manager",
},
{
oninsert: function (file, fm) {
var url, reg, info;
url = fm.convAbsUrl(file.url);
info = file.name + " (" + fm.formatSize(file.size) + ")";
if (meta.filetype === "file") {
callback(url, { text: info, title: info });
}
if (meta.filetype === "image") {
callback(url, { alt: info });
}
if (meta.filetype === "media") {
callback(url);
}
},
}
);
};
</script>

60
assets/vue/views/personalfile/List.vue
Unescape View File

@ -75,6 +75,15 @@
</template>
</Column>
<Column :exportable="false">
<template #body="slotProps">
<div class="flex flex-row gap-2">
<Button label="Select" class="p-button-sm p-button p-mr-2" @click="returnToEditor(slotProps.data)" />
</div>
</template>
</Column>
<!-- <template #paginatorLeft>-->
<!-- <Button type="button" icon="pi pi-refresh" class="p-button-text" />-->
<!-- </template>-->
@ -142,6 +151,7 @@ import { ref, reactive, onMounted, computed } from 'vue';
import { useStore } from 'vuex';
import isEmpty from 'lodash/isEmpty';
import {RESOURCE_LINK_PUBLISHED} from "../../components/resource_links/visibility";
import { useI18n } from "vue-i18n";
export default {
name: 'PersonalFileList',
@ -155,23 +165,24 @@ export default {
DataFilter
},
mixins: [ListMixin],
data() {
return {
setup() {
const { t } = useI18n();
const data = {
sortBy: 'title',
sortDesc: false,
columnsQua: [
{align: 'left', name: 'resourceNode.title', label: this.$i18n.t('Title'), field: 'resourceNode.title', sortable: true},
{align: 'left', name: 'resourceNode.updatedAt', label: this.$i18n.t('Modified'), field: 'resourceNode.updatedAt', sortable: true},
{name: 'resourceNode.resourceFile.size', label: this.$i18n.t('Size'), field: 'resourceNode.resourceFile.size', sortable: true},
{name: 'action', label: this.$i18n.t('Actions'), field: 'action', sortable: false}
{align: 'left', name: 'resourceNode.title', label: t('Title'), field: 'resourceNode.title', sortable: true},
{align: 'left', name: 'resourceNode.updatedAt', label: t('Modified'), field: 'resourceNode.updatedAt', sortable: true},
{name: 'resourceNode.resourceFile.size', label: t('Size'), field: 'resourceNode.resourceFile.size', sortable: true},
{name: 'action', label: t('Actions'), field: 'action', sortable: false}
],
columns: [
{ label: this.$i18n.t('Title'), field: 'title', name: 'title', sortable: true},
{ label: this.$i18n.t('Modified'), field: 'resourceNode.updatedAt', name: 'updatedAt', sortable: true},
{ label: this.$i18n.t('Size'), field: 'resourceNode.resourceFile.size', name: 'size', sortable: true},
{ label: this.$i18n.t('Actions'), name: 'action', sortable: false}
{ label: t('Title'), field: 'title', name: 'title', sortable: true},
{ label: t('Modified'), field: 'resourceNode.updatedAt', name: 'updatedAt', sortable: true},
{ label: t('Size'), field: 'resourceNode.resourceFile.size', name: 'size', sortable: true},
{ label: t('Actions'), name: 'action', sortable: false}
],
pageOptions: [10, 20, 50, this.$i18n.t('All')],
pageOptions: [10, 20, 50, t('All')],
selected: [],
isBusy: false,
options: [],
@ -184,6 +195,8 @@ export default {
filters: {shared: 0, loadNode: 1},
submitted: false,
};
return data;
},
created() {
this.resetList = true;
@ -316,6 +329,31 @@ export default {
clearSelected() {
this.$refs.selectableTable.clearSelected()
},
returnToEditor(item) {
const url = item.contentUrl;
// Tiny mce.
window.parent.postMessage({
url: url
}, '*');
if (parent.tinymce) {
parent.tinymce.activeEditor.windowManager.close();
}
// Ckeditor
function getUrlParam(paramName) {
var reParam = new RegExp('(?:[\?&]|&amp;)' + paramName + '=([^&]+)', 'i');
var match = window.location.search.match(reParam);
return (match && match.length > 1) ? match[1] : '';
}
var funcNum = getUrlParam('CKEditorFuncNum');
if (window.opener.CKEDITOR) {
window.opener.CKEDITOR.tools.callFunction(funcNum, url);
window.close();
}
},
async deleteSelected() {
console.log('deleteSelected');
/*for (let i = 0; i < this.selected.length; i++) {

Write Preview
Loading…
Cancel
Save