(feat) add view and styles for scheduled activities count

src/app/common/components/sort-selector/sort-selector.component.scss

 m-sort-selector {
- display: flex;
- flex-direction: row;
- align-items: center;
- max-width: 100%;
 
  > :last-child {
  margin-left: auto;

src/app/modules/channels/sorted/sorted.component.html

@@ -6,14 +6,20 @@
 
 <div class="minds-list">
  <div>
- <m-sort-selector
- class="m-channel--sorted__SortSelector m-border"
- [allowedAlgorithms]="false"
- [allowedPeriods]="false"
- [allowedCustomTypes]="['activities', 'images', 'videos', 'blogs']"
- [customType]="type"
- (onChange)="setFilter($event.customType)"
- ></m-sort-selector>
+ <div class="mindsList__tools m-border">
+ <div class="mindsListTools__scheduled">
+ <i class="material-icons">date_range</i>
+ <span>scheduled: 10</span>
+ </div>
+ <m-sort-selector
+ class="m-channel--sorted__SortSelector"
+ [allowedAlgorithms]="false"
+ [allowedPeriods]="false"
+ [allowedCustomTypes]="['activities', 'images', 'videos', 'blogs']"
+ [customType]="type"
+ (onChange)="setFilter($event.customType)"
+ ></m-sort-selector>
+ </div>
 
  <m-onboarding-feed
  *ngIf="isOwner()"

src/app/modules/channels/sorted/sorted.component.scss

-.m-channel--sorted__SortSelector {
- @include m-theme(){
+.mindsList__tools {
+ @include m-theme() {
  background-color: themed($m-white);
  }
-
+ display: flex;
  position: relative;
  padding: 8px;
  margin-bottom: 16px;
+ flex-direction: row;
+ align-items: center;
+
+ .mindsListTools__scheduled {
+ i {
+ vertical-align: middle;
+ font-size: 18px;
+ margin-right: 4px;
+ }
+
+ span {
+ text-transform: uppercase;
+ font-size: 11px;
+ letter-spacing: 1.25px;
+ text-rendering: optimizeLegibility;
+ }
+ }
+
+ .m-channel--sorted__SortSelector {
+ margin-left: auto;
+ }
 }
+
+