(html) Show active tasks count in Calendar module

pull/105/head
Francis Lachapelle 2015-09-21 09:48:42 -04:00
parent 1c666e8ead
commit 959ea0f62f
4 changed files with 16 additions and 13 deletions

View File

@ -258,7 +258,7 @@
<p class="sg-item-name"
ng-show="app.editMode != folder.path">
{{app.metadataForFolder(folder).name}}
<span class="sg-unread-badge" ng-show="folder.unseenCount">{{folder.unseenCount}}</span>
<span class="sg-counter-badge" ng-show="folder.unseenCount">{{folder.unseenCount}}</span>
</p>
<md-input-container class="md-flex"
ng-show="app.editMode == folder.path">

View File

@ -170,7 +170,10 @@
ng-true-value="1"
ng-false-value="0"
label:aria-label="Enable"><!-- enable --></md-checkbox>
<p class="sg-item-name" ng-show="app.editMode != calendar.id">{{calendar.name}}</p>
<p class="sg-item-name" ng-show="app.editMode != calendar.id">
{{calendar.name}}
<span class="sg-counter-badge" ng-show="calendar.activeTasks">{{calendar.activeTasks}}</span>
</p>
<md-input-container class="md-flex"
ng-show="app.editMode == calendar.id">
<input class="sg-item-name" type="text"

View File

@ -129,6 +129,17 @@ div.md-tile-left {
width: (2 * $mg);
height:(7 * $line);
}
&-counter-badge {
border-left-width: 1px;
border-left-color: #999;
border-style: solid;
margin: 0;
padding: 0 rem(0.500);
font-size: $sg-font-size-1;
font-weight: $sg-font-medium;
text-transform: uppercase;
}
}
.sg-avatars {
margin: ($mg / 2) 0 0 ($mg / 2);

View File

@ -11,17 +11,6 @@
transform: translateY(-100%); // Compensate the container top-margin
}
.sg-unread-badge {
border-left-width: 1px;
border-left-color: #999;
border-style: solid;
margin: 0;
padding: 0 rem(0.500);
font-size: $sg-font-size-1;
font-weight: $sg-font-medium;
text-transform: uppercase;
}
.unread {
.#{$md}-subhead-multi,
.#{$md}-body-multi {