ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix some merge issues

This commit is contained in:
Ramon Wenger 2023-02-07 17:50:02 +01:00
parent 973fef379d
commit 6ecf33d12b
11 changed files with 310 additions and 315 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/UserWidget.vue
View File

@ -28,7 +28,6 @@ export default {
emits: ['click'],
emits: ['click'],
components: {
Avatar,
},

16
client/src/components/book-navigation/TopicNavigation.vue
View File

@ -20,11 +20,10 @@
import ALL_TOPICS_QUERY from '@/graphql/gql/queries/allTopicsQuery.gql';
import sidebarMixin from '@/mixins/sidebar';
export default {
props: {
mobile: {
default: false,
},
export default {
props: {
mobile: {
default: false,
},
},
@ -36,10 +35,9 @@ import sidebarMixin from '@/mixins/sidebar';
};
},
methods: {
topicId(id) {
return atob(id);
},
methods: {
topicId(id) {
return atob(id);
},
},

67
client/src/components/content-block-form/EditContentBlockWizard.vue
View File

@ -10,23 +10,23 @@
<script>
import ContentsForm from '@/components/content-block-form/ContentsForm';
import {store} from '@/store';
import { store } from '@/store';
import EDIT_CONTENT_BLOCK_MUTATION from 'gql/mutations/editContentBlock.gql';
import MODULE_DETAILS_QUERY from '@/graphql/gql/queries/modules/moduleDetailsQuery.gql';
import CONTENT_BLOCK_QUERY from '@/graphql/gql/queries/contentBlockQuery.gql';
import {setUserBlockType} from '@/helpers/content-block';
import EDIT_CONTENT_BLOCK_MUTATION from 'gql/mutations/editContentBlock.gql';
import MODULE_DETAILS_QUERY from '@/graphql/gql/queries/modules/moduleDetailsQuery.gql';
import CONTENT_BLOCK_QUERY from '@/graphql/gql/queries/contentBlockQuery.gql';
import { setUserBlockType } from '@/helpers/content-block';
export default {
components: {
ContentsForm,
},
export default {
components: {
ContentsForm,
},
data() {
return {
contentBlock: {},
};
},
data() {
return {
contentBlock: {},
};
},
created() {
// debugger;
@ -45,35 +45,36 @@ import ContentsForm from '@/components/content-block-form/ContentsForm';
input: {
contentBlock: {
title: contentBlock.title,
contents: contentBlock.contents.filter(value => Object.keys(value).length > 0),
contents: contentBlock.contents.filter((value) => Object.keys(value).length > 0),
type: setUserBlockType(contentBlock.isAssignment),
},
id: contentBlock.id,
},
},
refetchQueries: [{
query: MODULE_DETAILS_QUERY,
variables: {
slug: this.$route.params.slug,
refetchQueries: [
{
query: MODULE_DETAILS_QUERY,
variables: {
slug: this.$route.params.slug,
},
},
}],
}).then(() => {
],
})
.then(() => {
this.hideModal();
});
},
},
},
apollo: {
contentBlock() {
return {
query: CONTENT_BLOCK_QUERY,
variables: {
id: store.state.currentNoteBlock,
},
};
},
apollo: {
contentBlock() {
return {
query: CONTENT_BLOCK_QUERY,
variables: {
id: store.state.currentNoteBlock,
},
};
},
};
},
};
</script>

3
client/src/components/instruments/FilterGroup.vue
View File

@ -80,7 +80,8 @@ export default defineComponent({
},
});
},
});
},
});
</script>
<style scoped lang="scss">

23
client/src/components/modules/ModuleTeaser.vue
View File

@ -25,18 +25,17 @@
export default {
props: ['metaTitle', 'title', 'teaser', 'id', 'slug', 'heroImage'],
computed: {
moduleLink() {
if (this.slug) {
return {
name: 'module',
params: {
slug: this.slug
}
};
} else {
return {};
}
computed: {
moduleLink() {
if (this.slug) {
return {
name: 'module',
params: {
slug: this.slug,
},
};
} else {
return {};
}
},
},

4
client/src/components/portfolio/ProjectListItem.vue
View File

@ -16,8 +16,8 @@
class="project__owner"
/>
<entry-count-widgetclass
="project__entry-count"
<entry-count-widget
class="project__entry-count"
:verbose="false"
:entry-count="project.entriesCount"
/>

31
client/src/components/school-class/ClassSelectionWidget.vue
View File

@ -56,12 +56,14 @@
import WidgetPopover from '@/components/ui/WidgetPopover';
import CurrentClass from '@/components/school-class/CurrentClass';
import updateSelectedClassMixin from '@/mixins/update-selected-class';
import sidebarMixin from '@/mixins/sidebar';
import meMixin from '@/mixins/me';
import {defineAsyncComponent} from 'vue';
const ChevronDown = defineAsyncComponent(() => import(/* webpackChunkName: "icons" */'@/components/icons/ChevronDown'));
const AddIcon = defineAsyncComponent(() => import(/* webpackChunkName: "icons" */'@/components/icons/AddIcon'));
import updateSelectedClassMixin from '@/mixins/update-selected-class';
import sidebarMixin from '@/mixins/sidebar';
import meMixin from '@/mixins/me';
import { defineAsyncComponent } from 'vue';
const ChevronDown = defineAsyncComponent(() =>
import(/* webpackChunkName: "icons" */ '@/components/icons/ChevronDown')
);
const AddIcon = defineAsyncComponent(() => import(/* webpackChunkName: "icons" */ '@/components/icons/AddIcon'));
export default {
props: {
@ -94,15 +96,14 @@ export default {
},
},
methods: {
toggle() {
this.showPopover = !this.showPopover;
},
updateSelectedClassAndHidePopover(selectedClass) {
this.updateSelectedClass(selectedClass);
this.showPopover = false;
this.closeSidebar('profile');
}
methods: {
toggle() {
this.showPopover = !this.showPopover;
},
updateSelectedClassAndHidePopover(selectedClass) {
this.updateSelectedClass(selectedClass);
this.showPopover = false;
this.closeSidebar('profile');
},
},
};

21
client/src/pages/createContentBlock.vue
View File

@ -8,7 +8,7 @@
</template>
<script>
import {defineComponent} from 'vue';
import { defineComponent } from 'vue';
import ContentBlockForm from '@/components/content-block-form/ContentBlockForm';
import { setUserBlockType } from '@/helpers/content-block';
@ -16,16 +16,15 @@ import NEW_CONTENT_BLOCK_MUTATION from '@/graphql/gql/mutations/addContentBlock.
import MODULE_DETAILS_QUERY from '@/graphql/gql/queries/modules/moduleDetailsQuery.gql';
import { cleanUpContents } from '@/components/content-block-form/helpers';
export default defineComponent({
props: {
parent: {
type: String,
default: ''
},
after: {
type: String,
default: ''
}
export default defineComponent({
props: {
parent: {
type: String,
default: '',
},
after: {
type: String,
default: '',
},
},

419
client/src/pages/module/module.vue
View File

@ -1,233 +1,228 @@
<template>
<module
:module="module"
@editNote="editNote"
@addNote="addNote"
@bookmark="bookmark"
/>
<module :module="module" @editNote="editNote" @addNote="addNote" @bookmark="bookmark" />
</template>
<script>
import Module from '@/components/modules/Module';
import log from 'loglevel';
import Module from '@/components/modules/Module';
import log from 'loglevel';
import UPDATE_LAST_MODULE_MUTATION from '@/graphql/gql/mutations/updateLastModule.gql';
import UPDATE_MODULE_BOOKMARK_MUTATION from '@/graphql/gql/mutations/updateModuleBookmark.gql';
// import ME_QUERY from '@/graphql/gql/meQuery.gql';
import MODULE_FRAGMENT from '@/graphql/gql/fragments/moduleParts.gql';
import SCROLL_POSITION from '@/graphql/gql/local/scrollPosition.gql';
import SCROLL_TO_MUTATION from '@/graphql/gql/local/mutations/scrollTo.gql';
import UPDATE_LAST_MODULE_MUTATION from '@/graphql/gql/mutations/updateLastModule.gql';
import UPDATE_MODULE_BOOKMARK_MUTATION from '@/graphql/gql/mutations/updateModuleBookmark.gql';
// import ME_QUERY from '@/graphql/gql/meQuery.gql';
import MODULE_FRAGMENT from '@/graphql/gql/fragments/moduleParts.gql';
import SCROLL_POSITION from '@/graphql/gql/local/scrollPosition.gql';
import SCROLL_TO_MUTATION from '@/graphql/gql/local/mutations/scrollTo.gql';
import meMixin from '@/mixins/me';
import MODULE_DETAILS_QUERY from '@/graphql/gql/queries/modules/moduleDetailsQuery.gql';
import ME_QUERY from '@/graphql/gql/queries/meQuery.gql';
import { setModuleEditMode } from '@/graphql/cache-operations';
import meMixin from '@/mixins/me';
import MODULE_DETAILS_QUERY from '@/graphql/gql/queries/modules/moduleDetailsQuery.gql';
import ME_QUERY from '@/graphql/gql/queries/meQuery.gql';
import {setModuleEditMode} from '@/graphql/cache-operations';
export default {
mixins: [meMixin],
export default {
mixins: [meMixin],
components: {
Module,
},
components: {
Module,
},
data() {
return {
module: {},
updateSent: false,
};
},
beforeRouteLeave(to, _, next) {
// toggle edit mode if leaving the module subtree
if (this.module.inEditMode && to.path.indexOf('/module/') === -1) {
setModuleEditMode(this.module.slug, false);
}
next();
},
apollo: {
module() {
data() {
return {
query: MODULE_DETAILS_QUERY,
variables: {
slug: this.$route.params.slug,
},
result({
data: {
module: { id },
},
}) {
if (!this.updateSent) {
log.debug(`=== updating result for module ${id} ===`);
this.updateLastVisitedModule(id);
this.updateSent = true;
}
},
fetchPolicy: 'cache-first',
module: {},
updateSent: false,
};
},
scrollPosition: {
query: SCROLL_POSITION,
beforeRouteLeave(to, _, next) {
// toggle edit mode if leaving the module subtree
if (this.module.inEditMode && to.path.indexOf('/module/') === -1) {
setModuleEditMode(this.module.slug, false);
}
next();
},
},
methods: {
updateLastVisitedModule(moduleId) {
log.debug(`updating last visited module for module ${moduleId}`);
if (!moduleId) {
log.warn('no module id');
return;
}
if (this.me.lastModule && this.me.lastModule.id === moduleId) {
log.debug('same module already set as last module');
return;
}
this.$apollo.mutate({
mutation: UPDATE_LAST_MODULE_MUTATION,
variables: {
input: {
id: moduleId,
apollo: {
module() {
return {
query: MODULE_DETAILS_QUERY,
variables: {
slug: this.$route.params.slug,
},
},
update: (
store,
{
result({
data: {
updateLastModule: { lastModule },
module: {id},
},
}
) => {
const { id, slug } = lastModule;
log.debug('updating last module', id, slug);
const query = ME_QUERY;
let { me } = store.readQuery({
query,
});
// me.lastModule = {
// id,
// slug,
// __typename: 'ModuleNode',
// };
let edges = [...me.recentModules.edges];
const foundIndex = edges.findIndex((edge) => edge.node.slug === slug);
if (foundIndex > -1) {
edges = [...edges.slice(0, foundIndex), ...edges.slice(foundIndex + 1, edges.length)];
}
edges = [
{
node: lastModule,
__typename: 'ModuleNodeEdge',
},
...edges.slice(0, 2),
];
const recentModules = {
__typename: 'ModuleNodeConnection',
edges,
};
const data = {
me: {
...me,
recentModules,
lastModule: {
...lastModule,
// todo: do we really need this? shouldn't the lastModule property already include this?
__typename: 'ModuleNode',
},
},
};
store.writeQuery({
query,
data,
});
},
});
},
bookmark(bookmarked) {
const slug = this.module.slug;
this.$apollo.mutate({
mutation: UPDATE_MODULE_BOOKMARK_MUTATION,
variables: {
input: {
module: slug,
bookmarked,
}) {
if (!this.updateSent) {
log.debug(`=== updating result for module ${id} ===`);
this.updateLastVisitedModule(id);
this.updateSent = true;
}
},
},
update: (store) => {
const fragment = MODULE_FRAGMENT;
const id = store.identify({
__typename: 'ModuleNode',
slug: slug,
});
const module = store.readFragment({
fragment,
id,
});
let bookmark;
if (bookmarked) {
bookmark = {
__typename: 'ModuleBookmarkNode',
note: null,
};
} else {
bookmark = null;
}
const data = {
...module,
bookmark,
};
store.writeFragment({
data,
fragment,
id,
});
},
optimisticResponse: {
__typename: 'Mutation',
updateModuleBookmark: {
__typename: 'UpdateModuleBookmarkPayload',
success: true,
},
},
});
},
addNote(id) {
this.$store.dispatch('addNote', {
content: id,
parent: this.module.slug,
type: 'module',
});
},
editNote() {
this.$store.dispatch('editNote', this.module.bookmark.note);
},
scrollTo() {
if (this.scrollPosition && this.scrollPosition.scrollTo) {
let options = {
container: 'body',
easing: 'ease',
offset: -60,
x: false,
y: true,
fetchPolicy: 'cache-first',
};
setTimeout(() => {
this.$scrollTo(`[data-scrollto="${this.scrollPosition.scrollTo}"]`, 1000, options);
this.$apollo.mutate({
mutation: SCROLL_TO_MUTATION,
variables: {
scrollTo: '',
},
});
}, 250); // unfortunately this timeout is needed as it is hard to tell when everything is rendered
}
},
scrollPosition: {
query: SCROLL_POSITION,
},
},
},
};
methods: {
updateLastVisitedModule(moduleId) {
log.debug(`updating last visited module for module ${moduleId}`);
if (!moduleId) {
log.warn('no module id');
return;
}
if (this.me.lastModule && this.me.lastModule.id === moduleId) {
log.debug('same module already set as last module');
return;
}
this.$apollo.mutate({
mutation: UPDATE_LAST_MODULE_MUTATION,
variables: {
input: {
id: moduleId,
},
},
update: (
store,
{
data: {
updateLastModule: {lastModule},
},
}
) => {
const {id, slug} = lastModule;
log.debug('updating last module', id, slug);
const query = ME_QUERY;
let {me} = store.readQuery({
query,
});
// me.lastModule = {
// id,
// slug,
// __typename: 'ModuleNode',
// };
let edges = [...me.recentModules.edges];
const foundIndex = edges.findIndex((edge) => edge.node.slug === slug);
if (foundIndex > -1) {
edges = [...edges.slice(0, foundIndex), ...edges.slice(foundIndex + 1, edges.length)];
}
edges = [
{
node: lastModule,
__typename: 'ModuleNodeEdge',
},
...edges.slice(0, 2),
];
const recentModules = {
__typename: 'ModuleNodeConnection',
edges,
};
const data = {
me: {
...me,
recentModules,
lastModule: {
...lastModule,
// todo: do we really need this? shouldn't the lastModule property already include this?
__typename: 'ModuleNode',
},
},
};
store.writeQuery({
query,
data,
});
},
});
},
bookmark(bookmarked) {
const slug = this.module.slug;
this.$apollo.mutate({
mutation: UPDATE_MODULE_BOOKMARK_MUTATION,
variables: {
input: {
module: slug,
bookmarked,
},
},
update: (store) => {
const fragment = MODULE_FRAGMENT;
const id = store.identify({
__typename: 'ModuleNode',
slug: slug,
});
const module = store.readFragment({
fragment,
id,
});
let bookmark;
if (bookmarked) {
bookmark = {
__typename: 'ModuleBookmarkNode',
note: null,
};
} else {
bookmark = null;
}
const data = {
...module,
bookmark,
};
store.writeFragment({
data,
fragment,
id,
});
},
optimisticResponse: {
__typename: 'Mutation',
updateModuleBookmark: {
__typename: 'UpdateModuleBookmarkPayload',
success: true,
},
},
});
},
addNote(id) {
this.$store.dispatch('addNote', {
content: id,
parent: this.module.slug,
type: 'module',
});
},
editNote() {
this.$store.dispatch('editNote', this.module.bookmark.note);
},
scrollTo() {
if (this.scrollPosition && this.scrollPosition.scrollTo) {
let options = {
container: 'body',
easing: 'ease',
offset: -60,
x: false,
y: true,
};
setTimeout(() => {
this.$scrollTo(`[data-scrollto="${this.scrollPosition.scrollTo}"]`, 1000, options);
this.$apollo.mutate({
mutation: SCROLL_TO_MUTATION,
variables: {
scrollTo: '',
},
});
}, 250); // unfortunately this timeout is needed as it is hard to tell when everything is rendered
}
},
},
};
</script>

21
client/src/pages/rooms/editRoomEntry.vue
View File

@ -9,7 +9,7 @@
</template>
<script>
import {defineComponent} from 'vue';
import { defineComponent } from 'vue';
import ROOM_ENTRY_QUERY from 'gql/queries/roomEntryQuery.gql';
import ROOM_ENTRY_FRAGMENT from 'gql/fragments/roomEntryParts.gql';
@ -19,16 +19,15 @@ import ContentBlockForm from '@/components/content-block-form/ContentBlockForm';
import { ROOMS_FEATURE_SET } from '@/consts/features.consts';
import { ROOM_PAGE } from '@/router/room.names';
export default defineComponent( {
props: {
slug: {
type: String,
required: true
},
entrySlug: {
type: String,
required: true
}
export default defineComponent({
props: {
slug: {
type: String,
required: true,
},
entrySlug: {
type: String,
required: true,
},
},

19
client/src/pages/survey.vue
View File

@ -21,9 +21,10 @@
<script>
import '@/styles/survey.modern.css';
import '@/styles/survey.reset.css';import { css } from '@/survey.config';
import '@/styles/survey.reset.css';
import { css } from '@/survey.config';
import gql from 'graphql-tag';
import { Model , StylesManager } from 'survey-knockout';
import { Model, StylesManager } from 'survey-knockout';
// we are switching to the knockout version because the Vue version only works with Vue 2 (as of July 2022)
import SURVEY_QUERY from '@/graphql/gql/queries/surveyQuery.gql';
@ -41,8 +42,8 @@ const Solution = defineAsyncComponent(() =>
*/ '@/components/content-blocks/Solution'
)
);
StylesManager.applyTheme('modern')
);
StylesManager.applyTheme('modern');
const MODULE_QUERY = gql`
query ModuleSolutions($slug: String) {
@ -63,7 +64,8 @@ export default {
return {
survey: this.initSurvey(),
currentPage: null,
surveyData: null,title: '',
surveyData: null,
title: '',
module: {},
completed: false,
me: {
@ -121,7 +123,8 @@ export default {
}
},
destroyed() {},methods: {
destroyed() {},
methods: {
initSurvey(data, answers) {
let survey = new Model(data);
const flatAnswers = {};
@ -232,7 +235,7 @@ export default {
this.survey.data = data; // reapply it
this.saveDisabled = false;
},
loadSurveyFromServer(survey) {
loadSurveyFromServer(survey) {
let json = JSON.parse(survey.data);
json.showTitle = false;
json.showProgressBar = 'bottom';
@ -260,7 +263,7 @@ export default {
result({ data, loading }) {
if (!loading) {
this.surveyData = data.survey;
this.loadSurveyFromServer(data.survey);
this.loadSurveyFromServer(data.survey);
const module = data.survey.module;
this.$apollo.addSmartQuery('module', {