@vue-skuilder/edit-ui 0.1.7 → 0.1.8-4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index.css +1 -1
- package/dist/edit-ui.es.js +38 -34
- package/dist/edit-ui.es.js.map +1 -1
- package/dist/edit-ui.umd.js +7 -7
- package/dist/edit-ui.umd.js.map +1 -1
- package/package.json +7 -6
- package/src/components/BulkImportView.vue +2 -2
- package/src/components/CourseEditor.vue +3 -3
- package/src/components/ViewableDataInputForm/DataInputForm.vue +7 -3
- package/src/components/ViewableDataInputForm/FieldInputs/MidiInput.vue +1 -1
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ok[data-v-e86645b6]{box-shadow:2px 2px 2px #383}.warn[data-v-e86645b6]{box-shadow:2px 2px 2px #ff0}.error[data-v-e86645b6]{box-shadow:2px 2px 2px red}input[data-v-e86645b6]{margin:3px}.drop-zone[data-v-e86645b6]{border:2px dashed #ccc;border-radius:4px;padding:20px;text-align:center;transition:all .3s ease}.drop-zone--over[data-v-e86645b6]{border-color:#000;background-color:#0000001a}.thumbnail[data-v-e86645b6]{max-width:100px;max-height:100px;margin-right:10px}.media-item[data-v-e86645b6]{display:flex;align-items:center;margin-bottom:10px}.card-preview-list[data-v-41613480]{width:100%}.card-content[data-v-41613480]{min-height:150px;background-color:#f8f9fa}.markdown-content[data-v-41613480]{white-space:pre-wrap;word-break:break-word;line-height:1.5;font-family:var(--v-font-family)}.gap-1[data-v-41613480]{gap:4px}.lime-lighten-5[data-v-
|
|
1
|
+
.ok[data-v-e86645b6]{box-shadow:2px 2px 2px #383}.warn[data-v-e86645b6]{box-shadow:2px 2px 2px #ff0}.error[data-v-e86645b6]{box-shadow:2px 2px 2px red}input[data-v-e86645b6]{margin:3px}.drop-zone[data-v-e86645b6]{border:2px dashed #ccc;border-radius:4px;padding:20px;text-align:center;transition:all .3s ease}.drop-zone--over[data-v-e86645b6]{border-color:#000;background-color:#0000001a}.thumbnail[data-v-e86645b6]{max-width:100px;max-height:100px;margin-right:10px}.media-item[data-v-e86645b6]{display:flex;align-items:center;margin-bottom:10px}.card-preview-list[data-v-41613480]{width:100%}.card-content[data-v-41613480]{min-height:150px;background-color:#f8f9fa}.markdown-content[data-v-41613480]{white-space:pre-wrap;word-break:break-word;line-height:1.5;font-family:var(--v-font-family)}.gap-1[data-v-41613480]{gap:4px}.lime-lighten-5[data-v-901d842b]{background-color:#f9fbe7!important}.red-lighten-5[data-v-901d842b]{background-color:#ffebee!important}pre[data-v-901d842b]{white-space:pre-wrap;word-wrap:break-word;background-color:#f5f5f5;padding:10px;border-radius:4px;margin-top:5px}.force-dark-text[data-v-901d842b]{color:#000000de!important}.force-dark-text .v-list-item-subtitle[data-v-901d842b],.force-dark-text .v-list-item-title[data-v-901d842b],.force-dark-text div[data-v-901d842b],.force-dark-text summary[data-v-901d842b]{color:#000000de!important}.card-preview-container[data-v-901d842b]{border-radius:4px;max-width:100%}@media (min-width: 960px){.card-preview-container[data-v-901d842b]{max-width:65%}}div[data-v-e1502803]{margin-top:15px}
|
package/dist/edit-ui.es.js
CHANGED
|
@@ -5569,7 +5569,7 @@ const _sfc_main$p = defineComponent({
|
|
|
5569
5569
|
name: "FillInView",
|
|
5570
5570
|
components: {
|
|
5571
5571
|
// Previously:
|
|
5572
|
-
// MarkdownRenderer: defineAsyncComponent(() => import('@
|
|
5572
|
+
// MarkdownRenderer: defineAsyncComponent(() => import('@courseware/base-course/Components/MarkdownRenderer.vue')),
|
|
5573
5573
|
//
|
|
5574
5574
|
// Another option:
|
|
5575
5575
|
MarkdownRenderer: defineAsyncComponent(
|
|
@@ -5806,7 +5806,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5806
5806
|
})) : createCommentVNode("", true)
|
|
5807
5807
|
]);
|
|
5808
5808
|
}
|
|
5809
|
-
const FillInView = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render$p], ["__scopeId", "data-v-
|
|
5809
|
+
const FillInView = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render$p], ["__scopeId", "data-v-0aa9252e"]]);
|
|
5810
5810
|
const BlanksCardDataShapes = [
|
|
5811
5811
|
{
|
|
5812
5812
|
name: DataShapeName.Blanks,
|
|
@@ -5962,7 +5962,7 @@ user answer: ${JSON.stringify(answer)}`);
|
|
|
5962
5962
|
__publicField(_BlanksCard, "dataShapes", BlanksCardDataShapes);
|
|
5963
5963
|
__publicField(_BlanksCard, "views", [FillInView]);
|
|
5964
5964
|
let BlanksCard = _BlanksCard;
|
|
5965
|
-
class
|
|
5965
|
+
class CourseWare {
|
|
5966
5966
|
constructor(name2, questionList) {
|
|
5967
5967
|
__publicField(this, "name");
|
|
5968
5968
|
__publicField(this, "questionList");
|
|
@@ -6013,7 +6013,7 @@ class Course {
|
|
|
6013
6013
|
return [BlanksCard];
|
|
6014
6014
|
}
|
|
6015
6015
|
}
|
|
6016
|
-
const defaultCourse = new
|
|
6016
|
+
const defaultCourse = new CourseWare("default", [BlanksCard]);
|
|
6017
6017
|
const colors = ["cg-white", "cg-black"];
|
|
6018
6018
|
const files = ["a", "b", "c", "d", "e", "f", "g", "h"];
|
|
6019
6019
|
const ranks = ["1", "2", "3", "4", "5", "6", "7", "8"];
|
|
@@ -10246,7 +10246,7 @@ __publicField(_ChessPuzzle, "views", [PuzzleView]);
|
|
|
10246
10246
|
__publicField(_ChessPuzzle, "acceptsUserData", true);
|
|
10247
10247
|
__publicField(_ChessPuzzle, "CHECKMATE", "CHECKMATE");
|
|
10248
10248
|
let ChessPuzzle = _ChessPuzzle;
|
|
10249
|
-
const chess = new
|
|
10249
|
+
const chess = new CourseWare("chess", [ChessPuzzle]);
|
|
10250
10250
|
const _sfc_main$n = defineComponent({
|
|
10251
10251
|
name: "AudioParseView",
|
|
10252
10252
|
components: {
|
|
@@ -10412,7 +10412,7 @@ __publicField(_VocabQuestion, "dataShapes", [
|
|
|
10412
10412
|
]);
|
|
10413
10413
|
__publicField(_VocabQuestion, "views", [IdentifyVocab]);
|
|
10414
10414
|
let VocabQuestion = _VocabQuestion;
|
|
10415
|
-
const french = new
|
|
10415
|
+
const french = new CourseWare("french", [AudioParsingQuestion, VocabQuestion]);
|
|
10416
10416
|
const _sfc_main$l = defineComponent({
|
|
10417
10417
|
name: "AdditionHorizontal",
|
|
10418
10418
|
components: {
|
|
@@ -31725,7 +31725,7 @@ __publicField(_CountBy, "views", [defaultView]);
|
|
|
31725
31725
|
__publicField(_CountBy, "seedData", data$2());
|
|
31726
31726
|
__publicField(_CountBy, "acceptsUserData", false);
|
|
31727
31727
|
let CountBy = _CountBy;
|
|
31728
|
-
const math = new
|
|
31728
|
+
const math = new CourseWare("math", [
|
|
31729
31729
|
SingleDigitDivisionQuestion,
|
|
31730
31730
|
SingleDigitMultiplicationQuestion,
|
|
31731
31731
|
SingleDigitAdditionQuestion,
|
|
@@ -38648,7 +38648,7 @@ __publicField(_PlayNote, "seedData", inputs.map((n) => {
|
|
|
38648
38648
|
}));
|
|
38649
38649
|
__publicField(_PlayNote, "views", [NotePlayback]);
|
|
38650
38650
|
let PlayNote = _PlayNote;
|
|
38651
|
-
const piano = new
|
|
38651
|
+
const piano = new CourseWare("piano", [EchoQuestion, PlayNote]);
|
|
38652
38652
|
const _sfc_main$7$1 = defineComponent({
|
|
38653
38653
|
name: "IdentifyChroma",
|
|
38654
38654
|
components: {
|
|
@@ -38797,7 +38797,7 @@ __publicField(_ChromaQuestion, "dataShapes", [
|
|
|
38797
38797
|
]);
|
|
38798
38798
|
__publicField(_ChromaQuestion, "views", [TextBox$1]);
|
|
38799
38799
|
let ChromaQuestion = _ChromaQuestion;
|
|
38800
|
-
const pitch = new
|
|
38800
|
+
const pitch = new CourseWare("pitch", [ChromaQuestion]);
|
|
38801
38801
|
var version_1;
|
|
38802
38802
|
var hasRequiredVersion;
|
|
38803
38803
|
function requireVersion() {
|
|
@@ -61590,7 +61590,7 @@ __publicField(_IdentifyKeyQuestion, "dataShapes", [
|
|
|
61590
61590
|
]);
|
|
61591
61591
|
__publicField(_IdentifyKeyQuestion, "views", [IdentifyKeyView]);
|
|
61592
61592
|
let IdentifyKeyQuestion = _IdentifyKeyQuestion;
|
|
61593
|
-
const sightSing = new
|
|
61593
|
+
const sightSing = new CourseWare("sightSing", [IdentifyKeyQuestion]);
|
|
61594
61594
|
const _sfc_main$4$1 = defineComponent({
|
|
61595
61595
|
name: "LetterQuestionView",
|
|
61596
61596
|
props: {
|
|
@@ -62063,7 +62063,7 @@ __publicField(_FallingLettersQuestion, "views", [FallingLettersView]);
|
|
|
62063
62063
|
__publicField(_FallingLettersQuestion, "acceptsUserData", true);
|
|
62064
62064
|
__publicField(_FallingLettersQuestion, "seedData", data());
|
|
62065
62065
|
let FallingLettersQuestion = _FallingLettersQuestion;
|
|
62066
|
-
const typing = new
|
|
62066
|
+
const typing = new CourseWare("typing", [TypeLetterQuestion, FallingLettersQuestion]);
|
|
62067
62067
|
const _sfc_main$2$1 = defineComponent({
|
|
62068
62068
|
name: "IdentifyVocab",
|
|
62069
62069
|
components: {
|
|
@@ -62184,7 +62184,7 @@ __publicField(_SpellingQuestion, "dataShapes", [
|
|
|
62184
62184
|
]);
|
|
62185
62185
|
__publicField(_SpellingQuestion, "views", [TextBox]);
|
|
62186
62186
|
let SpellingQuestion = _SpellingQuestion;
|
|
62187
|
-
const wordWork = new
|
|
62187
|
+
const wordWork = new CourseWare("wordWork", [SpellingQuestion]);
|
|
62188
62188
|
const _sfc_main$1$1 = defineComponent({
|
|
62189
62189
|
name: "PianoRangeVisualizer",
|
|
62190
62190
|
props: {
|
|
@@ -62791,17 +62791,17 @@ defineComponent({
|
|
|
62791
62791
|
};
|
|
62792
62792
|
}
|
|
62793
62793
|
});
|
|
62794
|
-
class
|
|
62794
|
+
class AllCourseWare {
|
|
62795
62795
|
constructor(courses) {
|
|
62796
|
-
__publicField(this, "
|
|
62796
|
+
__publicField(this, "courseWareList");
|
|
62797
62797
|
__publicField(this, "cachedRawViews", null);
|
|
62798
|
-
this.
|
|
62798
|
+
this.courseWareList = courses;
|
|
62799
62799
|
}
|
|
62800
62800
|
get courses() {
|
|
62801
|
-
return this.
|
|
62801
|
+
return this.courseWareList;
|
|
62802
62802
|
}
|
|
62803
|
-
|
|
62804
|
-
return this.
|
|
62803
|
+
getCourseWare(name2) {
|
|
62804
|
+
return this.courseWareList.find((course) => {
|
|
62805
62805
|
return course.name === name2;
|
|
62806
62806
|
});
|
|
62807
62807
|
}
|
|
@@ -62818,8 +62818,8 @@ class CourseList {
|
|
|
62818
62818
|
*/
|
|
62819
62819
|
allViews() {
|
|
62820
62820
|
const ret = {};
|
|
62821
|
-
this.
|
|
62822
|
-
Object.assign(ret,
|
|
62821
|
+
this.courseWareList.forEach((cw) => {
|
|
62822
|
+
Object.assign(ret, cw.allViewsMap);
|
|
62823
62823
|
});
|
|
62824
62824
|
return ret;
|
|
62825
62825
|
}
|
|
@@ -62830,7 +62830,7 @@ class CourseList {
|
|
|
62830
62830
|
} else {
|
|
62831
62831
|
description = viewDescription;
|
|
62832
62832
|
}
|
|
62833
|
-
const course = this.
|
|
62833
|
+
const course = this.getCourseWare(description.course);
|
|
62834
62834
|
if (course) {
|
|
62835
62835
|
const question = course.getQuestion(description.questionType);
|
|
62836
62836
|
if (question) {
|
|
@@ -62892,8 +62892,8 @@ class CourseList {
|
|
|
62892
62892
|
}
|
|
62893
62893
|
allDataShapesRaw() {
|
|
62894
62894
|
const ret = [];
|
|
62895
|
-
this.
|
|
62896
|
-
|
|
62895
|
+
this.courseWareList.forEach((cw) => {
|
|
62896
|
+
cw.questions.forEach((question) => {
|
|
62897
62897
|
question.dataShapes.forEach((shape) => {
|
|
62898
62898
|
if (!ret.includes(shape)) {
|
|
62899
62899
|
ret.push(shape);
|
|
@@ -62905,14 +62905,14 @@ class CourseList {
|
|
|
62905
62905
|
}
|
|
62906
62906
|
allDataShapes() {
|
|
62907
62907
|
const ret = [];
|
|
62908
|
-
this.
|
|
62909
|
-
|
|
62908
|
+
this.courseWareList.forEach((cw) => {
|
|
62909
|
+
cw.questions.forEach((question) => {
|
|
62910
62910
|
question.dataShapes.forEach((shape) => {
|
|
62911
62911
|
if (ret.findIndex((testShape) => {
|
|
62912
|
-
return testShape.course ===
|
|
62912
|
+
return testShape.course === cw.name && testShape.dataShape === shape.name;
|
|
62913
62913
|
}) === -1) {
|
|
62914
62914
|
ret.push({
|
|
62915
|
-
course:
|
|
62915
|
+
course: cw.name,
|
|
62916
62916
|
dataShape: shape.name,
|
|
62917
62917
|
displayable: question
|
|
62918
62918
|
});
|
|
@@ -62924,7 +62924,7 @@ class CourseList {
|
|
|
62924
62924
|
}
|
|
62925
62925
|
getDataShape(description) {
|
|
62926
62926
|
let ret;
|
|
62927
|
-
this.
|
|
62927
|
+
this.getCourseWare(description.course).questions.forEach((question) => {
|
|
62928
62928
|
question.dataShapes.forEach((shape) => {
|
|
62929
62929
|
if (shape.name === description.dataShape) {
|
|
62930
62930
|
ret = shape;
|
|
@@ -62938,7 +62938,7 @@ class CourseList {
|
|
|
62938
62938
|
}
|
|
62939
62939
|
}
|
|
62940
62940
|
}
|
|
62941
|
-
const
|
|
62941
|
+
const allCourseWare = new AllCourseWare([
|
|
62942
62942
|
math,
|
|
62943
62943
|
wordWork,
|
|
62944
62944
|
french,
|
|
@@ -69282,6 +69282,10 @@ const _sfc_main$3 = defineComponent({
|
|
|
69282
69282
|
type: Object,
|
|
69283
69283
|
required: false,
|
|
69284
69284
|
default: null
|
|
69285
|
+
},
|
|
69286
|
+
courseWare: {
|
|
69287
|
+
type: Object,
|
|
69288
|
+
default: () => allCourseWare
|
|
69285
69289
|
}
|
|
69286
69290
|
},
|
|
69287
69291
|
data() {
|
|
@@ -69576,7 +69580,7 @@ const _sfc_main$3 = defineComponent({
|
|
|
69576
69580
|
console.log("[DataInputForm] this.dataShape", this.dataShape);
|
|
69577
69581
|
console.log("[DataInputForm] this.dataShape.name", this.dataShape.name);
|
|
69578
69582
|
if (descriptor.dataShape === this.dataShape.name) {
|
|
69579
|
-
const crs =
|
|
69583
|
+
const crs = this.courseWare.getCourseWare(descriptor.course);
|
|
69580
69584
|
this.shapeViews = [];
|
|
69581
69585
|
crs.getBaseQTypes().forEach((qType) => {
|
|
69582
69586
|
if (qType.dataShapes[0].name === this.dataShape.name) {
|
|
@@ -70276,7 +70280,7 @@ const _sfc_main$1 = defineComponent({
|
|
|
70276
70280
|
this.dataShape = BlanksCardDataShapes[0];
|
|
70277
70281
|
}
|
|
70278
70282
|
const descriptor = NameSpacer.getDataShapeDescriptor(configDataShape.name);
|
|
70279
|
-
const course =
|
|
70283
|
+
const course = allCourseWare.getCourse(descriptor.course);
|
|
70280
70284
|
if (course) {
|
|
70281
70285
|
this.cardViewComponents = [];
|
|
70282
70286
|
course.getBaseQTypes().forEach((qType) => {
|
|
@@ -70851,7 +70855,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
70851
70855
|
_: 1
|
|
70852
70856
|
});
|
|
70853
70857
|
}
|
|
70854
|
-
const BulkImportView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-
|
|
70858
|
+
const BulkImportView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-901d842b"]]);
|
|
70855
70859
|
const _sfc_main = defineComponent({
|
|
70856
70860
|
name: "CourseEditor",
|
|
70857
70861
|
components: {
|
|
@@ -70891,7 +70895,7 @@ const _sfc_main = defineComponent({
|
|
|
70891
70895
|
},
|
|
70892
70896
|
async created() {
|
|
70893
70897
|
this.courseConfig = await getDataLayer().getCoursesDB().getCourseConfig(this.course);
|
|
70894
|
-
|
|
70898
|
+
allCourseWare.courses.forEach((course) => {
|
|
70895
70899
|
course.questions.forEach((question) => {
|
|
70896
70900
|
question.dataShapes.forEach((ds) => {
|
|
70897
70901
|
this.dataShapes.push(ds);
|
|
@@ -71068,7 +71072,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
71068
71072
|
]))
|
|
71069
71073
|
])) : createCommentVNode("", true);
|
|
71070
71074
|
}
|
|
71071
|
-
const CourseEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
71075
|
+
const CourseEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e1502803"]]);
|
|
71072
71076
|
export {
|
|
71073
71077
|
BulkImportView,
|
|
71074
71078
|
ChessPuzzleInput,
|