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/4692/head
Angel Fernando Quiroz Campos 3 years ago
parent 5cd99fbd63
commit 58e89bcf9f
4 changed files with 106 additions and 109 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. 16
      assets/vue/components/EmptyState.vue
  2. 22
      assets/vue/components/course/CourseToolList.vue
  3. 10
      assets/vue/components/course/ShortCutList.vue
  4. 147
      assets/vue/views/course/Home.vue

16
assets/vue/components/EmptyState.vue
Unescape View File

@ -4,9 +4,9 @@
>
<div class="empty-state__container">
<span
:class="icon"
aria-hidden="true"
class="empty-state__icon"
:class="icon"
/>
<p
class="empty-state__summary"
@ -26,18 +26,18 @@
defineProps({
summary: {
type: String,
default: '',
required: true,
default: "",
required: true
},
detail: {
type: String,
default: '',
required: false,
default: "",
required: false
},
icon: {
type: String,
default: '',
required: false,
},
default: "",
required: false
}
});
</script>

22
assets/vue/components/course/CourseToolList.vue
Unescape View File

@ -60,37 +60,37 @@
</template>
<script setup>
import { useStore } from 'vuex';
import { computed, inject } from 'vue';
import { useStore } from "vuex";
import { computed, inject } from "vue";
const store = useStore();
const isSorting = inject('isSorting');
const isCustomizing = inject('isCustomizing');
const isSorting = inject("isSorting");
const isCustomizing = inject("isCustomizing");
// eslint-disable-next-line no-undef
defineProps({
course: {
type: Object,
required: true,
required: true
},
tool: {
type: Object,
required: true,
required: true
},
goToCourseTool: {
type: Function,
required: true,
required: true
},
changeVisibility: {
type: Function,
required: true,
required: true
},
goToSettingCourseTool: {
type: Function,
required: true,
},
required: true
}
});
const isCurrentTeacher = computed(() => store.getters['security/isCurrentTeacher']);
const isCurrentTeacher = computed(() => store.getters["security/isCurrentTeacher"]);
</script>

10
assets/vue/components/course/ShortCutList.vue
Unescape View File

@ -1,13 +1,11 @@
<template>
<div
class="bg-gray-100 rounded-xl p-2 shadow-md"
>
<div class="bg-gray-100 rounded-xl p-2 shadow-md">
<div class="flex flex-col flex-center">
<div class="mx-auto">
<a :href="goToShortCut(shortcut)">
<img
:alt="shortcut.name"
:src="'/img/tools/' + shortcut.type + '.png'"
:src="`/img/tools/${shortcut.type}.png`"
class="w-32 h-32 object-contain"
>
</a>
@ -28,11 +26,11 @@
defineProps({
shortcut: {
type: Object,
required: true,
required: true
},
goToShortCut: {
type: Function,
required: true
},
}
});
</script>

147
assets/vue/views/course/Home.vue
Unescape View File

@ -5,20 +5,19 @@
>
<div class="flex gap-4 items-center">
<Skeleton
class="mr-auto"
height="2.5rem"
width="12rem"
class="mr-auto"
/>
<Skeleton
v-if="isCurrentTeacher"
height="2.5rem"
width="8rem"
v-if="isCurrentTeacher"
/>
<Skeleton
v-if="isCurrentTeacher"
height="2.5rem"
width="3rem"
v-if="isCurrentTeacher"
/>
</div>
@ -33,27 +32,27 @@
/>
<Skeleton
v-if="isCurrentTeacher"
class="ml-auto"
height="1.5rem"
width="6rem"
class="ml-auto"
/>
<Skeleton
v-if="isCurrentTeacher"
class="aspect-square"
height="1.5rem"
width="6rem"
class="aspect-square"
/>
<Skeleton
v-if="isCurrentTeacher"
class="aspect-square"
height="1.5rem"
width="6rem"
class="aspect-square"
/>
<Skeleton
v-if="isCurrentTeacher"
class="aspect-square"
height="1.5rem"
width="6rem"
class="aspect-square"
/>
</div>
@ -63,9 +62,9 @@
<Skeleton
v-for="v in 30"
:key="v"
class="aspect-square"
height="auto"
width="7.5rem"
class="aspect-square"
/>
</div>
</div>
@ -86,18 +85,18 @@
<Button
v-if="course && isCurrentTeacher"
:label="t('See as student')"
icon="pi pi-eye"
class="p-button-outlined p-button-plain"
icon="pi pi-eye"
type="button"
/>
<Button
v-if="course && isCurrentTeacher"
icon="mdi mdi-cog"
aria-controls="course-tmenu"
aria-haspopup="true"
class="p-button-text p-button-plain"
icon="mdi mdi-cog"
type="button"
aria-haspopup="true"
aria-controls="course-tmenu"
@click="toggleCourseTMenu"
/>
@ -120,29 +119,29 @@
<Button
v-if="createInSession && introTool"
:label="t('Course introduction')"
class="p-button-outlined ml-auto"
icon="mdi mdi-plus"
:label="t('Course introduction')"
@click="addIntro(course, introTool)"
/>
<Button
v-else
:label="t('Update')"
class="p-button-outlined ml-auto"
icon="mdi mdi-pencil"
:label="t('Update')"
@click="updateIntro(intro)"
/>
</div>
<EmptyState
v-else-if="introTool"
:summary="t('You don\'t have any course content yet.')"
:detail="t('Add a course introduction to display to your students.')"
:summary="t('You don\'t have any course content yet.')"
icon="mdi mdi-book-open-page-variant"
>
<Button
:label="t('Course introduction')"
class="mt-4 p-button-outlined"
icon="mdi mdi-plus"
:label="t('Course introduction')"
@click="addIntro(course, introTool)"
/>
</EmptyState>
@ -156,39 +155,39 @@
<h6 v-t="'Tools'" />
<Button
v-if="isCurrentTeacher"
icon="mdi mdi-eye"
:disabled="isSorting || isCustomizing"
:label="t('Show all')"
class="p-button-text p-button-plain p-button-sm ml-auto"
:disabled="isSorting || isCustomizing"
icon="mdi mdi-eye"
@click="onClickShowAll"
/>
<Button
v-if="isCurrentTeacher"
icon="mdi mdi-eye-off"
:disabled="isSorting || isCustomizing"
:label="t('Hide all')"
class="p-button-text p-button-plain p-button-sm"
:disabled="isSorting || isCustomizing"
icon="mdi mdi-eye-off"
@click="onClickHideAll"
/>
<ToggleButton
v-if="isCurrentTeacher"
v-model="isSorting"
on-icon="mdi mdi-swap-vertical"
off-icon="mdi mdi-swap-vertical"
:on-label="t('Sort')"
:disabled="isCustomizing"
:off-label="t('Sort')"
:on-label="t('Sort')"
class="p-button-text p-button-plain p-button-sm"
:disabled="isCustomizing"
off-icon="mdi mdi-swap-vertical"
on-icon="mdi mdi-swap-vertical"
/>
<ToggleButton
v-if="isCurrentTeacher"
v-model="isCustomizing"
on-icon="mdi mdi-format-paint"
off-icon="mdi mdi-format-paint"
:on-label="t('Customize')"
:disabled="isSorting"
:off-label="t('Customize')"
:on-label="t('Customize')"
class="p-button-text p-button-plain p-button-sm"
:disabled="isSorting"
off-icon="mdi mdi-format-paint"
on-icon="mdi mdi-format-paint"
/>
</div>
<hr class="mt-0 mb-4">
@ -236,20 +235,20 @@
</template>
<script setup>
import { computed, provide, ref } from 'vue';
import { useStore } from 'vuex';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
import axios from 'axios';
import { ENTRYPOINT } from '../../config/entrypoint';
import Button from 'primevue/button';
import ToggleButton from 'primevue/togglebutton';
import TieredMenu from 'primevue/tieredmenu';
import CourseToolList from '../../components/course/CourseToolList.vue';
import ShortCutList from '../../components/course/ShortCutList.vue';
import translateHtml from '../../../js/translatehtml.js';
import EmptyState from '../../components/EmptyState';
import Skeleton from 'primevue/skeleton';
import { computed, provide, ref } from "vue";
import { useStore } from "vuex";
import { useRoute, useRouter } from "vue-router";
import { useI18n } from "vue-i18n";
import axios from "axios";
import { ENTRYPOINT } from "../../config/entrypoint";
import Button from "primevue/button";
import ToggleButton from "primevue/togglebutton";
import TieredMenu from "primevue/tieredmenu";
import CourseToolList from "../../components/course/CourseToolList.vue";
import ShortCutList from "../../components/course/ShortCutList.vue";
import translateHtml from "../../../js/translatehtml.js";
import EmptyState from "../../components/EmptyState";
import Skeleton from "primevue/skeleton";
const route = useRoute();
const store = useStore();
@ -269,16 +268,16 @@ let sessionId = route.query.sid ?? 0;
const isCourseLoading = ref(true);
const isCurrentTeacher = computed(() => store.getters['security/isCurrentTeacher']);
const isCurrentTeacher = computed(() => store.getters["security/isCurrentTeacher"]);
const isSorting = ref(false);
const isCustomizing = ref(false);
provide('isSorting', isSorting);
provide('isCustomizing', isCustomizing);
provide("isSorting", isSorting);
provide("isCustomizing", isCustomizing);
// Remove the course session state.
store.dispatch('session/cleanSession');
store.dispatch("session/cleanSession");
const courseItems = ref([]);
@ -307,11 +306,11 @@ const courseTMenu = ref(null);
const toggleCourseTMenu = event => {
courseTMenu.value.toggle(event);
}
};
async function getIntro() {
// Searching for the CTool called 'course_homepage'.
let currentIntroTool = course.value.tools.find(element => element.name === 'course_homepage');
let currentIntroTool = course.value.tools.find(element => element.name === "course_homepage");
if (!introTool.value) {
introTool.value = currentIntroTool;
@ -324,11 +323,11 @@ async function getIntro () {
const filter = {
courseTool: currentIntroTool.iid,
cid: courseId,
sid: sessionId,
sid: sessionId
};
try {
const response = await store.dispatch('ctoolintro/findAll', filter);
const response = await store.dispatch("ctoolintro/findAll", filter);
if (response) {
if (sessionId) {
createInSession.value = false;
@ -345,43 +344,43 @@ async function getIntro () {
function addIntro(course, introTool) {
return router.push({
name: 'ToolIntroCreate',
params: { 'courseTool': introTool.iid },
name: "ToolIntroCreate",
params: { "courseTool": introTool.iid },
query: {
'cid': courseId,
'sid': sessionId,
'parentResourceNodeId': course.resourceNode.id
"cid": courseId,
"sid": sessionId,
"parentResourceNodeId": course.resourceNode.id
}
});
}
function updateIntro(intro) {
return router.push({
name: 'ToolIntroUpdate',
params: { 'id': intro['@id'] },
name: "ToolIntroUpdate",
params: { "id": intro["@id"] },
query: {
'cid': courseId,
'sid': sessionId,
'id': intro['@id']
"cid": courseId,
"sid": sessionId,
"id": intro["@id"]
}
});
}
function goToSettingCourseTool(course, tool) {
return '/course/' + courseId + '/settings/' + tool.tool.name + '?sid=' + sessionId;
return "/course/" + courseId + "/settings/" + tool.tool.name + "?sid=" + sessionId;
}
function goToCourseTool(course, tool) {
return '/course/' + courseId + '/tool/' + tool.tool.name + '?sid=' + sessionId;
return "/course/" + courseId + "/tool/" + tool.tool.name + "?sid=" + sessionId;
}
function goToShortCut(shortcut) {
const url = new URLSearchParams('?');
const url = new URLSearchParams("?");
url.append('cid', courseId);
url.append('sid', sessionId);
url.append("cid", courseId);
url.append("sid", sessionId);
return shortcut.url + '?' + url;
return shortcut.url + "?" + url;
}
const setToolVisibility = (tool, visibility) => {
@ -389,7 +388,7 @@ const setToolVisibility = (tool, visibility) => {
};
function changeVisibility(course, tool) {
axios.post(ENTRYPOINT + '../r/course_tool/links/' + tool.ctool.resourceNode.id + '/change_visibility')
axios.post(ENTRYPOINT + "../r/course_tool/links/" + tool.ctool.resourceNode.id + "/change_visibility")
.then(response => setToolVisibility(tool, response.data.visibility))
.catch(error => console.log(error));
}
@ -397,11 +396,11 @@ function changeVisibility (course, tool) {
function onClickShowAll() {
axios.post(ENTRYPOINT + `../r/course_tool/links/change_visibility/show?cid=${courseId}&sid=${sessionId}`)
.then(() => {
tools.value.authoring.forEach(tool => setToolVisibility(tool, 2))
tools.value.authoring.forEach(tool => setToolVisibility(tool, 2));
tools.value.interaction.forEach(tool => setToolVisibility(tool, 2))
tools.value.interaction.forEach(tool => setToolVisibility(tool, 2));
tools.value.plugin.forEach(tool => setToolVisibility(tool, 2))
tools.value.plugin.forEach(tool => setToolVisibility(tool, 2));
})
.catch(error => console.log(error));
}
@ -409,11 +408,11 @@ function onClickShowAll () {
function onClickHideAll() {
axios.post(ENTRYPOINT + `../r/course_tool/links/change_visibility/hide?cid=${courseId}&sid=${sessionId}`)
.then(() => {
tools.value.authoring.forEach(tool => setToolVisibility(tool, 0))
tools.value.authoring.forEach(tool => setToolVisibility(tool, 0));
tools.value.interaction.forEach(tool => setToolVisibility(tool, 0))
tools.value.interaction.forEach(tool => setToolVisibility(tool, 0));
tools.value.plugin.forEach(tool => setToolVisibility(tool, 0))
tools.value.plugin.forEach(tool => setToolVisibility(tool, 0));
})
.catch(error => console.log(error));
}

Write Preview
Loading…
Cancel
Save