|
@@ -15,14 +15,73 @@ |
|
|
along with Moodle. If not, see <http://www.gnu.org/licenses/>. |
|
|
}} |
|
|
{{! |
|
|
@template core/action_menu_trigger |
|
|
|
|
|
Action menu trigger. |
|
|
|
|
|
Example context (json): |
|
|
{ |
|
|
"text": "Example link text", |
|
|
"title": "Example link title", |
|
|
"url": "http://example.com/link", |
|
|
"classes": "icon menu-action", |
|
|
"instance": "1", |
|
|
"attributes": [ |
|
|
{"name": "role", "value": "menuitem" }, |
|
|
{"name": "data-title", "value": "mymoodle,admin" } |
|
|
], |
|
|
"secondary": { |
|
|
"classes": "menu align-tr-br", |
|
|
"attributes": [ |
|
|
{"name": "id", "value": "action-menu-0-menu"}, |
|
|
{"name": "data-rel", "value": "menu-content"}, |
|
|
{"name": "role", "value": "menu"}, |
|
|
{"name": "data-align", "value": "tr-br"} |
|
|
], |
|
|
"items": [ |
|
|
{"actionmenulink": |
|
|
{ |
|
|
"id": "action_link59ecf8394a68078", |
|
|
"disabled": false, |
|
|
"text": "Dashboard", |
|
|
"url": "http://example.com/link", |
|
|
"icon": { |
|
|
"key": "i/dashboard", |
|
|
"component": null, |
|
|
"title": "Dashboard" |
|
|
}, |
|
|
"classes": "icon menu-action", |
|
|
"attributes": [ |
|
|
{"name": "role", "value": "menuitem"}, |
|
|
{"name": "data-title", "value": "mymoodle,admin"} |
|
|
], |
|
|
"instance": 1, |
|
|
"showtext": true |
|
|
} |
|
|
}, |
|
|
{"actionmenufiller": |
|
|
{ |
|
|
"id": "action_link59ecf8394a68079", |
|
|
"disabled": false, |
|
|
"text": "", |
|
|
"url": "", |
|
|
"icon": null, |
|
|
"classes": "", |
|
|
"attributes": [ |
|
|
{"name": "role", "value": "menuitem"} |
|
|
] |
|
|
} |
|
|
} |
|
|
] |
|
|
} |
|
|
} |
|
|
}} |
|
|
<div class="dropdown d-inline"> |
|
|
<a href="#" class="dropdown-toggle" id="dropdown-{{instance}}" title="{{title}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{{actiontext}}}{{{menutrigger}}}{{#icon}}{{#pix}}{{key}},{{component}},{{title}}{{/pix}}{{/icon}}{{#rawicon}}{{{.}}}{{/rawicon}}{{#menutrigger}}<b class="caret"></b>{{/menutrigger}}</a> |
|
|
{{#secondary}} |
|
|
<div class="dropdown-menu dropdown-menu-right {{classes}}"{{#attributes}} {{name}}="{{value}}"{{/attributes}}> |
|
|
{{#items}}{{! |
|
|
}}{{#actionmenulink}}<a href="{{url}}" class="dropdown-item {{classes}}" {{#attributes}}{{name}}={{#quote}}{{value}}{{/quote}}{{/attributes}} {{#showtext}}aria-labelledby="actionmenuaction-{{instance}}"{{/showtext}}>{{#icon}}{{#pix}}{{key}},{{component}},{{title}}{{/pix}}{{/icon}}{{#showtext}}<span class="menu-action-text" id="actionmenuaction-{{instance}}">{{{text}}}</span>{{/showtext}}</a>{{/actionmenulink}}{{! |
|
|
}}{{#actionmenulink}}<a href="{{url}}" class="dropdown-item {{classes}}" {{#attributes}}{{name}}={{#quote}}{{value}}{{/quote}} {{/attributes}}{{#showtext}}aria-labelledby="actionmenuaction-{{instance}}"{{/showtext}}>{{#icon}}{{#pix}}{{key}},{{component}},{{title}}{{/pix}}{{/icon}}{{#showtext}}<span class="menu-action-text" id="actionmenuaction-{{instance}}">{{{text}}}</span>{{/showtext}}</a>{{/actionmenulink}}{{! |
|
|
}}{{#actionmenufiller}}<div class="dropdown-divider"></div>{{/actionmenufiller}}{{! |
|
|
}}{{^actionmenulink}}{{^actionmenufiller}}<div class="dropdown-item">{{> core/action_menu_item }}</div>{{/actionmenufiller}}{{/actionmenulink}}{{! |
|
|
}}{{/items}} |
|
|