#203 Make mobile layout friendly on small screens
This commit is contained in:
parent
9a32a99f65
commit
3727ff4fbd
2 changed files with 28 additions and 52 deletions
|
@ -37,10 +37,7 @@ $addons = array(
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
'lang' => [ // Language strings that are used in all the handlers.
|
'lang' => [ // Language strings that are used in all the handlers.
|
||||||
['code', 'customcert'],
|
|
||||||
['deleteissueconfirm', 'customcert'],
|
['deleteissueconfirm', 'customcert'],
|
||||||
['file', 'moodle'],
|
|
||||||
['fullname', 'moodle'],
|
|
||||||
['getcustomcert', 'customcert'],
|
['getcustomcert', 'customcert'],
|
||||||
['modulenameplural', 'customcert'],
|
['modulenameplural', 'customcert'],
|
||||||
['nothingtodisplay', 'moodle'],
|
['nothingtodisplay', 'moodle'],
|
||||||
|
|
|
@ -84,43 +84,21 @@
|
||||||
<p class="item-heading">{{ 'plugin.mod_customcert.modulenameplural' | translate }}</p>
|
<p class="item-heading">{{ 'plugin.mod_customcert.modulenameplural' | translate }}</p>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<%#hasissues%>
|
<%#hasissues%>
|
||||||
|
<ion-list>
|
||||||
|
<%#issues%>
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-grid>
|
<ion-grid>
|
||||||
<ion-row>
|
<ion-row>
|
||||||
<ion-col>
|
<ion-col col-6 class="text-left">
|
||||||
<strong>{{ 'plugin.mod_customcert.fullname' | translate }}</strong>
|
|
||||||
</ion-col>
|
|
||||||
<ion-col>
|
|
||||||
<strong>{{ 'plugin.mod_customcert.receiveddate' | translate }}</strong>
|
|
||||||
</ion-col>
|
|
||||||
<ion-col>
|
|
||||||
<strong>{{ 'plugin.mod_customcert.code' | translate }}</strong>
|
|
||||||
</ion-col>
|
|
||||||
<ion-col class="text-center">
|
|
||||||
<strong>{{ 'plugin.mod_customcert.file' | translate }}</strong>
|
|
||||||
</ion-col>
|
|
||||||
<%#canmanage%>
|
|
||||||
<ion-col class="text-center"></ion-col>
|
|
||||||
<%/canmanage%>
|
|
||||||
</ion-row>
|
|
||||||
<%#issues%>
|
|
||||||
<ion-row>
|
|
||||||
<ion-col>
|
|
||||||
<% displayname %>
|
<% displayname %>
|
||||||
</ion-col>
|
<br />
|
||||||
<ion-col>
|
|
||||||
{{ <% timecreated %> | coreToLocaleString }}
|
{{ <% timecreated %> | coreToLocaleString }}
|
||||||
</ion-col>
|
</ion-col>
|
||||||
<ion-col>
|
<ion-col col-6 class="text-right">
|
||||||
<% code %>
|
|
||||||
</ion-col>
|
|
||||||
<ion-col class="text-center">
|
|
||||||
<button ion-button icon-only clear [core-download-file]="{fileurl: '<% fileurl %>', timemodified: '<% currenttimestamp %>'}" moduleId="<% cmid %>" courseId="<% certificate.course %>" component="mod_customcert">
|
<button ion-button icon-only clear [core-download-file]="{fileurl: '<% fileurl %>', timemodified: '<% currenttimestamp %>'}" moduleId="<% cmid %>" courseId="<% certificate.course %>" component="mod_customcert">
|
||||||
<ion-icon name="download"></ion-icon>
|
<ion-icon name="download"></ion-icon>
|
||||||
</button>
|
</button>
|
||||||
</ion-col>
|
|
||||||
<%#canmanage%>
|
<%#canmanage%>
|
||||||
<ion-col class="text-center">
|
|
||||||
<button ion-button icon-only clear core-site-plugins-call-ws name="mod_customcert_delete_issue"
|
<button ion-button icon-only clear core-site-plugins-call-ws name="mod_customcert_delete_issue"
|
||||||
[params]="{certificateid: <% certificate.id %>, issueid: <% issueid %>}"
|
[params]="{certificateid: <% certificate.id %>, issueid: <% issueid %>}"
|
||||||
[preSets]="{getFromCache: 0, saveToCache: 0, typeExpected: 'boolean'}"
|
[preSets]="{getFromCache: 0, saveToCache: 0, typeExpected: 'boolean'}"
|
||||||
|
@ -128,12 +106,13 @@
|
||||||
refreshOnSuccess="true">
|
refreshOnSuccess="true">
|
||||||
<ion-icon name="trash"></ion-icon>
|
<ion-icon name="trash"></ion-icon>
|
||||||
</button>
|
</button>
|
||||||
</ion-col>
|
|
||||||
<%/canmanage%>
|
<%/canmanage%>
|
||||||
|
</ion-col>
|
||||||
</ion-row>
|
</ion-row>
|
||||||
<%/issues%>
|
|
||||||
</ion-grid>
|
</ion-grid>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
<%/issues%>
|
||||||
|
</ion-list>
|
||||||
<%/hasissues%>
|
<%/hasissues%>
|
||||||
<%^hasissues%>
|
<%^hasissues%>
|
||||||
<ion-item class="text-center">
|
<ion-item class="text-center">
|
||||||
|
|
Loading…
Reference in a new issue