Как добавить новую функцию QR Code в Moodle Mobile (написано на Javascript)

Question

Мне поручено добавить функцию генерации QR-кода в Moodle Mobile. Но я понятия не имею, с чего начать, поскольку у меня мало знаний о Javascript.

На изображении ниже (см. Ссылку) показан быстрый набросок того, как я хочу, чтобы мобильное приложение выглядело (изображение получено с ПК Firefox)

В этом случае я хочу:

1. Добавьте кнопку "QR-код" в строку меню.

2. При нажатии пользователь перейдет на "страницу" QR-кода, на которой пользователь может ввести строку, а затем сразу увидеть соответствующий сгенерированный QR-код.

Я уже сделал сегмент QR-кода, который является davidshimjs

Я попытался проверить элементы с помощью Firefox, но не могу найти, где мне "добавить кнопку" в строку меню, не говоря уже о том, где я могу добавить новую "страницу" в приложение. Итак, я хотел бы знать, как интегрировать функциональность QR-кода в приложение Moodle (добавить кнопку + подключиться к странице QR-кода)? Нужно ли создавать новый плагин и как мне это сделать?

Ваша помощь очень ценится.

Набросок того, как должно выглядеть мое приложение Moodle

X-отправлено с форумов Moodle.org

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, так как на это уйдет некоторое время.

Так что самый простой обходной путь для вас:

• Реализация только жестко закодированной "внешней" ссылки в приложении
• Показать QR-страницу в обычном браузере