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

Question

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

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

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

1. Добавить кнопку «QR-код» в панель меню.

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

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

Я попытался проверки элементов с помощью Firefox, но я не могу найти, где я «добавить кнопку» в строке меню, не говоря уже где добавить новую «страницу» в приложение. Итак, я хотел бы знать как интегрировать функциональность 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. Я написал уже некоторые приложения с угловым рабочим столом, но все же я не нашел времени для работы с Moodle mobile, так как для этого потребуется некоторое время.

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

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