I have a problem I would really help with: I have this error message when trying to preview a course I am authoring in AAT, only when I include the FLIPCARD-AUDIO plug-in. Command failed: grunt server-build:prod --outputdir=courses/5ec4a2e80a55484546bab1b0/5ec8f1a3de3c825be173252f/build --theme=5ec4abac2b901d45cbe23969 --menu=adapt-contrib-boxMenu
Fatal error: {
"message": "variable @component-padding is undefined",
"type": "Name",
"filename": "src/components/adapt-flipcard-audio/less/flipcard-audio.less",
"index": 602,
"line": 25,
"column": 16,
"callLine": null,
"extract": [
" display: inline-block;",
" margin-top: @component-padding;",
" }"
]
}
I also have this error relating to another plugin: Command failed: grunt server-build:prod --outputdir=courses/5ec4a2e80a55484546bab1b0/5ec8f1a3de3c825be173252f/build --theme=5ec4abac2b901d45cbe23969 --menu=adapt-contrib-boxMenu
Fatal error: {
"message": "variable @item-text-color-hover is undefined",
"type": "Name",
"filename": "src/components/adapt-ppq-audio/less/ppq.less",
"index": 538,
"line": 37,
"column": 13,
"callLine": null,
"extract": [
" \t.ppq-icon {",
" \t\tcolor: @item-text-color-hover;",
" \t\tbackground-color: @item-color-hover;"
]
}
Can anyone give me clues? Other plug-ins are giving me grief too. Some work fine, others give me these errors when I attempt to preview.
Command failed: grunt server-build:prod --outputdir=courses/5ec4a2e80a55484546bab1b0/5ec8f1a3de3c825be173252f/build --theme=5ec4abac2b901d45cbe23969 --menu=adapt-contrib-boxMenu
Fatal error: {
"message": "variable @item-color-visited is undefined",
"type": "Name",
"filename": "src/components/adapt-blinds/less/blinds.less",
"index": 236,
"line": 18,
"column": 15,
"callLine": null,
"extract": [
"\t\t.blinds-item-overlay {",
"\t\t\tbackground: @item-color-visited;",
"\t\t\topacity: 0;"
]
}
/ adapt-contrib-flipcard... BUT, when I preview my project including a Component from this plug-in, the preview loads to the top menu (maybe a bit slower than usual), but clicking into any other page / submenu and the browser just shows those bubbles as if it is trying to load the content - but never loads the next level content. The developers notes in Github say it is compatible with framework 5+ and I found no other reports of issues in the forums... so is there something fundamental I might have to do on the server that might not have been done when I got my hosting company to install a fresh set up two weeks ago for me? I read notes on what the json files are supposed to do but I'm using the ATT. I could go find json files and edit them, but could it be a 'local / ATT' setting in the project for this plug-in? Any ideas? Thanks a lot.
element.style {
}
.loading {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
.loading {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 100%;
width: 100%;
z-index: 100;
}
, :before, :after {
box-sizing: inherit;
}
user agent stylesheet
div {
display: block;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #4d4d4d;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
} , :before, :after {
box-sizing: inherit;
}
, :before, *:after {
box-sizing: inherit;
}
background-color:rgba(0, 0, 0, 0.5);
bottom:0px;
box-sizing:border-box;
color:rgb(255, 255, 255);
display:block;
font-family:"Open Sans", sans-serif;
font-size:16px;
font-weight:400;
height:578px;
left:0px;
line-height:24px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
position:fixed;
right:0px;
text-size-adjust:100%;
top:0px;
width:708.667px;
z-index:100;
-webkit-font-smoothing:antialiased;
Rendered Fonts
Open Sans—Network resource(10 glyphs)
completionCalculations.js:123 Uncaught TypeError: children[i].getAncestorModels is not a function
at filterAvailableChildren (completionCalculations.js:123)
at calculateCompletion (completionCalculations.js:32)
at completionCalculations.js:65
at Array.forEach (<anonymous>)
at calculateCompletion (completionCalculations.js:64)
at Object.calculatePercentageComplete (completionCalculations.js:132)
at child._getMenuItemCompletionPercentage (adapt-contrib-pageLevelProgress.js:126)
at child.setPercentageComplete (PageLevelProgressIndicatorView.js:48)
at child.initialize (PageLevelProgressIndicatorView.js:15)
at child.e.View (backbone.min.js:2)
adaptModel.js:599 Uncaught (in promise) TypeError: Cannot read property 'apply' of undefined
at BlockModel.<anonymous> (adaptModel.js:599)
at Array.forEach (<anonymous>)
at BlockModel.setOnChildren (adaptModel.js:599)
at ArticleModel.<anonymous> (adaptModel.js:599)
at Array.forEach (<anonymous>)
at ArticleModel.setOnChildren (adaptModel.js:599)
at PageModel.<anonymous> (adaptModel.js:599)
at Array.forEach (<anonymous>)
at PageModel.setOnChildren (adaptModel.js:599)
at MenuModel.<anonymous> (adaptModel.js:599)
completionCalculations.js:123 Uncaught TypeError: children[i].getAncestorModels is not a function
this line is particularly worrying, but doesn't tell me anything more than Adapt is trying to assess a child which either isn't available or correct
Framework versions: 5+
Author / maintainer: Newgen Enterprise (formerly Exult)
Accessibility support: does not conform to WAI AA
RTL support: Yes
Cross-platform coverage: Chrome, Chrome for Android, Firefox (ESR + latest version), Edge, IE11, Safari 12+13 for macOS/iOS/iPadOS, Opera
