MDL-64506 templates: Move BS2 btns' to BS4 btns'
[moodle.git] / mod / lti / templates / cartridge_registration_form.mustache
1 {{!
2     This file is part of Moodle - http://moodle.org/
4     Moodle is free software: you can redistribute it and/or modify
5     it under the terms of the GNU General Public License as published by
6     the Free Software Foundation, either version 3 of the License, or
7     (at your option) any later version.
9     Moodle is distributed in the hope that it will be useful,
10     but WITHOUT ANY WARRANTY; without even the implied warranty of
11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12     GNU General Public License for more details.
14     You should have received a copy of the GNU General Public License
15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 }}
17 {{!
18     @template mod_lti/cartridge_registration_form
20     This template provides the layout for the external tool configuration page in the
21     LTI module.
23     Classes required for JS:
24     * lead
25     * centered-menu
26     * well
27     * form-horizontal
28     * text-center
30     Data attributes required for JS:
31     * none
33     Context variables required for this template:
34     * none
36     Example context (json):
37     {
38     }
40 }}
41 <div class="centered-menu">
42     <div class="card">
43         <form id="cartridge-registration-form" class="form-horizontal">
44             <p class="lead text-center">{{#str}} enterkeyandsecret, mod_lti {{/str}}</p>
45             <p class="text-center">{{#str}} enterkeyandsecret_help, mod_lti {{/str}}</p>
46             <div class="control-group">
47                 <div class="control-label">
48                     <label for="registration-key" style="display: inline-block">{{#str}} resourcekey_admin, mod_lti {{/str}}</label>
49                     {{#keyhelp}}
50                         {{>core/help_icon}}
51                     {{/keyhelp}}
52                 </div>
53                 <div class="controls">
54                     <input name="tool-key"
55                         class="input-block-level form-control"
56                         type="text"
57                         id="registration-key">
58                 </div>
59             </div>
60             <div class="control-group">
61                 <div class ="control-label">
62                     <label for="registration-secret" style="display: inline-block">{{#str}} password_admin, mod_lti {{/str}}</label>
63                     {{#secrethelp}}
64                         {{>core/help_icon}}
65                     {{/secrethelp}}
66                 </div>
67                 <div class="controls">
68                     <input name="tool-secret"
69                         class="input-block-level form-control"
70                         type="text"
71                         id="registration-secret">
72                 </div>
73             </div>
74             <div class="control-group m-t-1">
75                 <div class="controls">
76                     <button id="cartridge-registration-submit" type="submit" class="btn btn-success">
77                         <span class="btn-text">{{#str}} savechanges {{/str}}</span>
78                         <div class="btn-loader">
79                             {{> mod_lti/loader }}
80                         </div>
81                     </button>
82                     <button id="cartridge-registration-cancel" type="button" class="btn">
83                         <span class="btn-text">{{#str}} cancel {{/str}}</span>
84                         <div class="btn-loader">
85                             {{> mod_lti/loader }}
86                         </div>
87                     </button>
88                 </div>
89             </div>
90         </form>
91     </div>
92 </div>
93 {{#js}}
94     require(['mod_lti/cartridge_registration_form'], function(registration) {
95         registration.init();
96     });
97 {{/js}}