(html) Show active tasks count in Calendar module
parent
1c666e8ead
commit
959ea0f62f
|
@ -258,7 +258,7 @@
|
||||||
<p class="sg-item-name"
|
<p class="sg-item-name"
|
||||||
ng-show="app.editMode != folder.path">
|
ng-show="app.editMode != folder.path">
|
||||||
{{app.metadataForFolder(folder).name}}
|
{{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>
|
</p>
|
||||||
<md-input-container class="md-flex"
|
<md-input-container class="md-flex"
|
||||||
ng-show="app.editMode == folder.path">
|
ng-show="app.editMode == folder.path">
|
||||||
|
|
|
@ -170,7 +170,10 @@
|
||||||
ng-true-value="1"
|
ng-true-value="1"
|
||||||
ng-false-value="0"
|
ng-false-value="0"
|
||||||
label:aria-label="Enable"><!-- enable --></md-checkbox>
|
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"
|
<md-input-container class="md-flex"
|
||||||
ng-show="app.editMode == calendar.id">
|
ng-show="app.editMode == calendar.id">
|
||||||
<input class="sg-item-name" type="text"
|
<input class="sg-item-name" type="text"
|
||||||
|
|
|
@ -129,6 +129,17 @@ div.md-tile-left {
|
||||||
width: (2 * $mg);
|
width: (2 * $mg);
|
||||||
height:(7 * $line);
|
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 {
|
.sg-avatars {
|
||||||
margin: ($mg / 2) 0 0 ($mg / 2);
|
margin: ($mg / 2) 0 0 ($mg / 2);
|
||||||
|
|
|
@ -11,17 +11,6 @@
|
||||||
transform: translateY(-100%); // Compensate the container top-margin
|
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 {
|
.unread {
|
||||||
.#{$md}-subhead-multi,
|
.#{$md}-subhead-multi,
|
||||||
.#{$md}-body-multi {
|
.#{$md}-body-multi {
|
||||||
|
|
Loading…
Reference in New Issue