如何给Moodle Mobile增加一个新的二维码功能（写在Javascript）

Question

我的任务是为 Moodle Mobile 添加二维码生成功能。但是我不知道从哪里开始，因为我对 Javascript.

知之甚少

下图（参见 link）显示了我希望移动应用程序的外观草图（图片是从 PC Firefox 捕获的）

在这种情况下我想：

在菜单栏中添加一个 "QR Code" 按钮。
当点击时，将把用户带到一个二维码"Page"，用户可以在其中输入一个字符串，然后立即看到相应的二维码生成。

我已经完成了davidshimjs

的二维码片段

我尝试使用 Firefox 检查元素，但我找不到 "add a button" 到菜单栏的位置，更不用说我在哪里添加新的 "page" 到应用程序了。所以我想知道如何将 QR 码功能集成到 Moodle 应用程序中（添加按钮 + 连接到 QR 码页面）？我需要创建一个新插件吗？我该怎么做？

非常感谢您的帮助。

Sketchup of how my Moodle app should look like

X-posted from Moodle.org forums

Answer 1

菜单栏应该位于 /www/core/components/sidemenu/templates/menu.html，您可以在那里简单地添加一个新条目，例如

<li>
   <a menu-close class="item item-icon-left" ng-href="{{siteinfo.siteurl}}" mm-link auto-login="yes" title="{{ 'mm.sidemenu.website' | translate}}">
      <i class="icon ion-earth"></i>{{ 'mm.sidemenu.website' | translate}}
   </a>
</li>

然而，在您的应用程序中获取 QR 内容需要对应用程序和 Angular JS 有一些高级知识。我已经写了一些 Angular 桌面应用程序，但我仍然没有时间在 Moodle 移动版上工作，因为它需要一些时间才能开始。

最简单的解决方法可能是：

在应用程序中仅实施硬编码 "external" link
在普通浏览器中显示二维码页面

如何给Moodle Mobile增加一个新的二维码功能（写在Javascript）

How to add a new QR Code function to Moodle Mobile (written in Javascript)

javascript

moodle

angularjs

moodle-mobile