Skip to content
This repository has been archived by the owner on Jun 2, 2020. It is now read-only.

Commit

Permalink
MOBILE-934 Style for the assignment submission page
Browse files Browse the repository at this point in the history
  • Loading branch information
@barbararamiro
barbararamiro committed Mar 25, 2015
1 parent a76d9fe commit 5cb84db
Show file tree
Hide file tree
Showing 3 changed files with 183 additions and 15 deletions.
80 changes: 80 additions & 0 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -950,6 +950,86 @@ hr {
.path-mod-forum.forum-discussion .indent {
border-top: 15px solid #eee;
}
.path-mod-assign .intro {
padding: 10px;
margin-left: 4px;
}
.path-mod-assign .info {
padding: 10px 10px 10px 0;
border-top: 1px solid #eee;
margin-left: 14px;
}
.path-mod-assign .info p {
display: table-row;
}
.path-mod-assign .info span {
display: table-cell;
padding-right: 20px;
text-align: right;
}
.path-mod-assign .info time {
font-size: .9375rem;
display: table-cell;
}
.path-mod-assign .post {
padding-top: 10px;
border-bottom: 15px solid #eee;
}
.path-mod-assign .header {
line-height: 20px;
padding-right: 10px;
padding-bottom: 5px;
}
.path-mod-assign .user-picture {
width: 40px;
height: 40px;
border-radius: 50%;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.path-mod-assign .author-name {
display: block;
}
.path-mod-assign time {
font-size: .75rem;
color: #888;
display: inline;
}
.path-mod-assign .status {
float: right;
}
.path-mod-assign .content {
padding: 0 10px 10px;
margin-left: 50px;
clear: right;
border-top: 1px solid #eee;
}
.path-mod-assign .content p {
padding-top: 10px;
}
.path-mod-assign .attachments .attachment {
padding-top: 10px;
}
.path-mod-assign .attachments .content-name a {
padding: 0;
line-height: 20px;
margin-top: 2px;
color: #666666;
}
.path-mod-assign .attachments .content-actions {
width: 40px;
padding: 0;
}
.path-mod-assign .paging-bar {
padding: 6px 10px;
}
.path-mod-assign .paging-bar a,
.path-mod-assign .paging-bar .current {
display: inline-block;
padding: 2px 6px;
margin: 4px;
}
.content-index .back-row {
padding-top: 10px;
padding-bottom: 10px;
Expand Down
88 changes: 88 additions & 0 deletions less/styles.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1053,6 +1053,94 @@ hr {
}
}

//-----Assignment-----
.path-mod-assign {
.intro {
padding: 10px;
margin-left: 4px;
}
.info {
padding: 10px 10px 10px 0;
border-top: 1px solid #eee;
margin-left: 14px;
p {
display: table-row;
}
span {
display: table-cell;
padding-right: 20px;
text-align: right;
}
time {
font-size: .9375rem;
display: table-cell;
}
}
.post {
padding-top: 10px;
border-bottom: 15px solid #eee;
}
.header {
line-height: 20px;
padding-right: 10px;
padding-bottom: 5px;
}
.user-picture {
width: 40px;
height: 40px;
border-radius: 50%;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.author-name {
display: block;
}
time {
font-size: .75rem;
color: #888;
display: inline;
}
.status {
float: right;
}
.content {
padding: 0 10px 10px;
margin-left: 50px;
clear: right;
border-top: 1px solid #eee;
p {
padding-top: 10px;
}
}
.attachments {
.attachment {
padding-top: 10px;
}
.content-name {
a {
padding: 0;
line-height: 20px;
margin-top: 2px;
color: @textColor;
}
}
.content-actions {
width: 40px;
padding: 0;
}
}
.paging-bar {
padding: 6px 10px;
a,
.current {
display: inline-block;
padding: 2px 6px;
margin: 4px;
}
}
}

//-----My Files-----
.content-index {
.back-row {
Expand Down
30 changes: 15 additions & 15 deletions plugins/assign/submissions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ <h2><%= MM.util.formatText(assign.name) %></h2>

<div class="content-index">
<div class="path-mod-assign">
<div class="assign media">
<div class="assign">
<div class="intro">
<% if (assign.intro) { %>
<%= MM.util.formatText(assign.intro) %>
Expand Down Expand Up @@ -59,29 +59,29 @@ <h2><%= MM.util.formatText(assign.name) %></h2>

</div>

<div class="assign-info">
<div class="info">

<% if (assign.allowsubmissionsfromdate) { %>
<div class="date">
<p>
<span><%= MM.lang.s('allowsubmissionsfromdate') %></span>
<time><%= MM.util.timestampToUserDate(assign.allowsubmissionsfromdate) %></time>
</div>
</p>
<% } %>

<div class="date">
<p>
<% if (assign.duedate) { %>
<span><%= MM.lang.s('duedate') %></span>
<time><%= MM.util.timestampToUserDate(assign.duedate) %></time>
<% } else { %>
<%= MM.lang.s('duedateno') %>
<% } %>
</div>
</p>

<% if (assign.cutoffdate) { %>
<div class="date">
<p>
<span><%= MM.lang.s('cutoffdate') %></span>
<time><%= MM.util.timestampToUserDate(assign.cutoffdate) %></time>
</div>
</p>
<% } %>

<% if (canviewsubmissions && (!submissions || submissions.length == 0)) { %>
Expand All @@ -97,33 +97,33 @@ <h3><%= MM.lang.s('submissions') %></h3>
<% if (typeof users[submission.userid] != 'undefined') { %>
<% user = users[submission.userid]; %>
<% } %>
<div class="assign-assign first-assign" data-assignsubmission="<%= submission.submission %>">
<div class="post" data-assignsubmission="<%= submission.submission %>">
<div class="header">
<img class="user-picture" src="<%= MM.util.getMoodleFilePath(user.profileimageurl) %>">
<a class="author-name" href="#participant/<%= assign.course %>/<%= submission.userid %>/1" rel="author"><%= user.fullname %></a>
<%= submission.status %>
<time><%= MM.util.timestampToUserDate(submission.timemodified) %></time>
<span class="status"><%= submission.status %></span>
</div>
<div class="assign-info">
<time><img src="img/time.png"><%= MM.util.timestampToUserDate(submission.timemodified) %></time>
<div class="content">
<p><%= MM.lang.s('attempnumber') %> <%= submission.attemptnumber %></p>

<% var text = MM.plugins.assign._getSubmissionText(submission); %>
<% var files = MM.plugins.assign._getSubmissionFiles(submission); %>

<% if (text != '') { %>
<a href="#" class="submissiontext" data-submissionid="<%= submission.id %>"><%= MM.lang.s('viewsubmission') %></a>
<p><a href="#" class="submissiontext" data-submissionid="<%= submission.id %>"><%= MM.lang.s('viewsubmission') %></a></p>
<% } %>

<% if (files.length > 0) { %>

<div class="files">
<div class="attachments">
<% _.each(files, function(file) { %>
<% if (file.localpath) { %>
<% var dImg = "reloadgrey"; %>
<% } else { %>
<% var dImg = "download"; %>
<% } %>
<div class="file media">
<div class="attachment media">
<div class="content-actions app-icon">
<img id="downimg-<%= file.id %>" src="img/<%= dImg %>.png" class="assign-download" data-downloadurl="<%= file.fileurl %>" data-filename="<%= file.filepath %>" data-attachmentid="<%= file.id %>">
</div>
Expand Down

0 comments on commit 5cb84db

Please sign in to comment.