如何为自定义主题覆盖LMS静态JS视图

时间:2018-10-31 12:10:00

标签: javascript openedx

我正在尝试修改以下文件,由OpenEDX lms默认设置。

account_settings_factory_spec.js

account_settings_view.js

但是在重新运行摊铺机时,文件没有更改。实际上有可能覆盖主题中的JS吗?我的最终目标是删除“帐户”部分中的标签,以及编辑其他信息。

任何对寻求解决方案的帮助将不胜感激!

谢谢。

1 个答案:

答案 0 :(得分:4)

实际上是否可以覆盖主题中的JS?

yes, tricky

将原始的和经过编辑/修改的“ account_settings_view.js”和“ account_settings_factory.js”复制并粘贴到主题文件夹中

/edx/app/edxapp/themes/my_theme/lms/static/js/student_account/views/account_settings_view.js /edx/app/edxapp/themes/my_theme/lms/static/js/student_account/views/account_settings_factory.js

并复制(从原始文件)并将“ account_settings.html”粘贴到您的主题文件夹中

/edx/app/edxapp/themes/my_theme/lms/templates/student_account/account_settings.html

并找到此行并进行编辑,此路径应为您的主题JS路径。检查标题中如何链接自定义CSS或JS(请参见下图,“ payne”是我的主题名称)。

<%static:require_module module_name="YOUR_THEME/js/student_account/views/account_settings_factory" class_name="AccountSettingsFactory">

enter image description here

我刚刚在这里更改,您可以在下面看到。刚刚添加了“ xxxx”,在这里我使用了Docker devstack。 enter image description here