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

Minor: Format code

Browse Source
pull/4833/head
Angel Fernando Quiroz Campos 2 years ago
parent 55bfef0923
commit ee57da4ac8
2 changed files with 130 additions and 102 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. 89
      assets/vue/components/message/Form.vue
  2. 143
      assets/vue/views/message/MessageCreate.vue

89
assets/vue/components/message/Form.vue
Unescape View File

@ -3,9 +3,9 @@
<div class="col-span-2">
<BaseInputText
id="item_title"
v-model="v$.item.title.$model"
v-model:error-text="v$.item.title.required.$message"
v-model:is-invalid="v$.item.title.$invalid"
v-model="v$.item.title.$model"
:label="t('Title')"
/>
@ -14,11 +14,22 @@
<div>
<div v-if="attachments && attachments.length > 0">
<div v-t="'Attachments'" class="text-h6" />
<div
v-t="'Attachments'"
class="text-h6"
/>
<ul>
<li v-for="(attachment, index) in attachments" :key="index" class="my-2">
<audio v-if="attachment.type.indexOf('audio') === 0" class="max-w-full" controls>
<li
v-for="(attachment, index) in attachments"
:key="index"
class="my-2"
>
<audio
v-if="attachment.type.indexOf('audio') === 0"
class="max-w-full"
controls
>
<source :src="URL.createObjectURL(attachment)" />
</audio>
</li>
@ -33,42 +44,40 @@
</template>
<script>
import has from "lodash/has";
import useVuelidate from "@vuelidate/core";
import { required } from "@vuelidate/validators";
import AudioRecorder from "../AudioRecorder";
import BaseInputText from "../basecomponents/BaseInputText.vue";
import { useI18n } from "vue-i18n";
import has from "lodash/has"
import useVuelidate from "@vuelidate/core"
import { required } from "@vuelidate/validators"
import AudioRecorder from "../AudioRecorder"
import BaseInputText from "../basecomponents/BaseInputText.vue"
import { useI18n } from "vue-i18n"
export default {
name: 'MessageForm',
name: "MessageForm",
components: { AudioRecorder, BaseInputText },
emits: ['update:attachments'],
emits: ["update:attachments"],
setup() {
const { t } = useI18n();
const { t } = useI18n()
return { v$: useVuelidate(), URL, t };
return { v$: useVuelidate(), URL, t }
},
props: {
values: {
type: Object,
required: true
required: true,
},
errors: {
type: Object,
default: () => {
}
default: () => {},
},
initialValues: {
type: Object,
default: () => {
}
default: () => {},
},
attachments: {
type: Array,
required: false,
default: () => [],
}
},
},
data() {
return {
@ -76,43 +85,43 @@ export default {
parentResourceNodeId: null,
receiversTo: [],
receiversCc: [],
};
}
},
computed: {
item() {
return this.initialValues || this.values;
return this.initialValues || this.values
},
receiversErrors() {
const errors = [];
if (!this.v$.item.receiversTo.$dirty) return errors;
has(this.violations, 'receiversTo') && errors.push(this.violations.receiversTo);
const errors = []
if (!this.v$.item.receiversTo.$dirty) return errors
has(this.violations, "receiversTo") && errors.push(this.violations.receiversTo)
if (this.v$.item.receiversTo.required) {
return this.$t('Field is required')
return this.$t("Field is required")
}
return errors;
return errors
},
titleErrors() {
const errors = [];
if (!this.v$.item.title.$dirty) return errors;
has(this.violations, 'title') && errors.push(this.violations.title);
const errors = []
if (!this.v$.item.title.$dirty) return errors
has(this.violations, "title") && errors.push(this.violations.title)
if (this.v$.item.title.required) {
return this.$t('Field is required')
return this.$t("Field is required")
}
return errors;
return errors
},
violations() {
return this.errors || {};
}
return this.errors || {}
},
},
methods: {
attachAudios(audio) {
this.$emit('update:attachments', [...this.attachments, audio]);
}
this.$emit("update:attachments", [...this.attachments, audio])
},
},
validations: {
item: {
@ -128,7 +137,7 @@ export default {
content: {
required,
},
}
}
};
</script>
},
},
}
</script>

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

@ -1,11 +1,26 @@
<template>
<!-- :handle-submit="onSendMessageForm"-->
<MessageForm v-model:attachments="attachments" :values="item">
<MessageForm
v-model:attachments="attachments"
:values="item"
>
<!-- @input="v$.item.receiversTo.$touch()"-->
<BaseAutocomplete id="to" v-model="usersTo" :label="t('To')" :search="asyncFind" is-multiple />
<BaseAutocomplete id="cc" v-model="usersCc" :label="t('Cc')" :search="asyncFind" is-multiple />
<BaseAutocomplete
id="to"
v-model="usersTo"
:label="t('To')"
:search="asyncFind"
is-multiple
/>
<BaseAutocomplete
id="cc"
v-model="usersCc"
:label="t('Cc')"
:search="asyncFind"
is-multiple
/>
<div class="field">
<TinyEditor
@ -31,28 +46,33 @@
/>
</div>
<BaseButton :label="t('Send')" icon="plus" type="primary" @click="onSubmit" />
<BaseButton
:label="t('Send')"
icon="plus"
type="primary"
@click="onSubmit"
/>
</MessageForm>
<Loading :visible="isLoading" />
</template>
<script setup>
import { useStore } from "vuex";
import MessageForm from "../../components/message/Form.vue";
import Loading from "../../components/Loading.vue";
import { computed, ref } from "vue";
import axios from "axios";
import { ENTRYPOINT } from "../../config/entrypoint";
import BaseAutocomplete from "../../components/basecomponents/BaseAutocomplete.vue";
import BaseButton from "../../components/basecomponents/BaseButton.vue";
import { useI18n } from "vue-i18n";
import { useRoute, useRouter } from "vue-router";
import { MESSAGE_TYPE_INBOX } from "../../components/message/constants";
const store = useStore();
const router = useRouter();
const route = useRoute();
const { t } = useI18n();
import { useStore } from "vuex"
import MessageForm from "../../components/message/Form.vue"
import Loading from "../../components/Loading.vue"
import { computed, ref } from "vue"
import axios from "axios"
import { ENTRYPOINT } from "../../config/entrypoint"
import BaseAutocomplete from "../../components/basecomponents/BaseAutocomplete.vue"
import BaseButton from "../../components/basecomponents/BaseButton.vue"
import { useI18n } from "vue-i18n"
import { useRoute, useRouter } from "vue-router"
import { MESSAGE_TYPE_INBOX } from "../../components/message/constants"
const store = useStore()
const router = useRouter()
const route = useRoute()
const { t } = useI18n()
const asyncFind = (query) => {
return axios
@ -62,21 +82,21 @@ const asyncFind = (query) => {
},
})
.then((response) => {
let data = response.data;
let data = response.data
return (
data["hydra:member"]?.map((member) => ({
name: member.fullName,
value: member["@id"],
})) ?? []
);
)
})
.catch(function (error) {
console.log(error);
});
};
console.log(error)
})
}
const currentUser = computed(() => store.getters["security/getUser"]);
const currentUser = computed(() => store.getters["security/getUser"])
const item = ref({
sender: currentUser.value["@id"],
@ -84,33 +104,33 @@ const item = ref({
msgType: MESSAGE_TYPE_INBOX,
title: "",
content: "",
});
})
const attachments = ref([]);
const attachments = ref([])
const usersTo = ref([]);
const usersTo = ref([])
const usersCc = ref([]);
const usersCc = ref([])
const receiversTo = computed(() =>
usersTo.value.map((userTo) => ({
receiver: userTo.value,
receiverType: 1,
}))
);
})),
)
const receiversCc = computed(() =>
usersCc.value.map((userCc) => ({
receiver: userCc.value,
receiverType: 2,
}))
);
})),
)
const isLoading = computed(() => store.getters["message/isLoading"]);
const messageCreated = computed(() => store.state.message.created);
const isLoading = computed(() => store.getters["message/isLoading"])
const messageCreated = computed(() => store.state.message.created)
const onSubmit = () => {
item.value.receivers = [...receiversTo.value, ...receiversCc.value];
item.value.receivers = [...receiversTo.value, ...receiversCc.value]
store.dispatch("message/create", item.value).then(() => {
if (attachments.value.length > 0) {
@ -118,35 +138,34 @@ const onSubmit = () => {
store.dispatch("messageattachment/createWithFormData", {
messageId: messageCreated.value.id,
file: attachment,
})
);
}),
)
}
router.push({
name: "MessageList",
query: route.query,
});
});
};
})
})
}
const browser = (callback, value, meta) => {
let url = '/resources/personal_files/';
let url = "/resources/personal_files/"
if (meta.filetype === "image") {
url = url + "&type=images";
url = url + "&type=images"
} else {
url = url + "&type=files";
url = url + "&type=files"
}
window.addEventListener("message", function (event) {
var data = event.data;
var data = event.data
if (data.url) {
url = data.url;
console.log(meta); // {filetype: "image", fieldname: "src"}
callback(url);
url = data.url
console.log(meta) // {filetype: "image", fieldname: "src"}
callback(url)
}
});
})
tinymce.activeEditor.windowManager.openUrl(
{
@ -155,25 +174,25 @@ const browser = (callback, value, meta) => {
},
{
oninsert: function (file, fm) {
var url, reg, info;
var url, reg, info
url = fm.convAbsUrl(file.url);
url = fm.convAbsUrl(file.url)
info = file.name + " (" + fm.formatSize(file.size) + ")";
info = file.name + " (" + fm.formatSize(file.size) + ")"
if (meta.filetype === "file") {
callback(url, { text: info, title: info });
callback(url, { text: info, title: info })
}
if (meta.filetype === "image") {
callback(url, { alt: info });
callback(url, { alt: info })
}
if (meta.filetype === "media") {
callback(url);
callback(url)
}
},
}
);
};
</script>
},
)
}
</script>
Write Preview
Loading…
Cancel
Save