如何向Moodle Mobile添加新的QR码功能(用Javascript编写)

时间:2017-02-07 09:15:13

标签: javascript angularjs moodle moodle-mobile

我的任务是向Moodle Mobile添加QR码生成功能。但我不知道从哪里开始,因为我对Javascript知之甚少。

下图(见链接)显示了我希望移动应用程序看起来如何的快速草图(图像是从PC Firefox捕获的)

在这种情况下,我想:

  1. 在菜单栏中添加“QR Code”按钮。

  2. 点击后,会将用户带到QR码“页面”,用户可以在其中输入字符串,然后查看相应的QR码。

  3. 我已经完成了由davidshimjs

    创建的QR代码段

    我尝试使用Firefox检查元素,但我无法在菜单栏中找到“添加按钮”的位置,更不用说在哪里可以向应用添加新的“页面”了。所以我想知道如何将QR码功能集成到Moodle应用程序(添加按钮+连接到QR码页面)?我是否需要创建一个新的插件,我该怎么做?

    非常感谢您的帮助。

    Sketchup of how my Moodle app should look like

    X-posted from Moodle.org forums

1 个答案:

答案 0 :(得分:0)

菜单栏应位于/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移动设备上工作,因为它需要一些时间才能进入。

对您来说最简单的解决方法可能是:

  • 仅在应用中实施硬编码的“外部”链接
  • 在常规浏览器中显示QR页面