File
Implements
Methods
|
setTelemetryData
|
setTelemetryData()
|
|
|
|
|
|
Public
router
|
Type : Router
|
|
|
import { CourseConsumptionService } from '@sunbird/learn';
import { PermissionService } from '@sunbird/core';
import { IInteractEventEdata, IInteractEventObject } from '@sunbird/telemetry';
import { Router, ActivatedRoute } from '@angular/router';
import { ResourceService } from '@sunbird/shared';
import { Component, OnInit } from '@angular/core';
import * as _ from 'lodash-es';
@Component({
selector: 'app-dashboard-sidebar',
templateUrl: './dashboard-sidebar.component.html',
styleUrls: ['./dashboard-sidebar.component.scss']
})
export class DashboardSidebarComponent implements OnInit {
courseStatsEdata: IInteractEventEdata;
courseBatchesEdata: IInteractEventEdata;
courseCertificatesEdata: IInteractEventEdata;
telemetryInteractObject: IInteractEventObject;
courseHierarchy: {};
constructor(public resourceService: ResourceService, public router: Router,
private activatedRoute: ActivatedRoute, public permissionService: PermissionService,
private courseConsumptionService: CourseConsumptionService) {
this.courseHierarchy = this.courseConsumptionService.courseHierarchy;
}
ngOnInit() {
this.setTelemetryData();
}
setTelemetryData() {
this.courseStatsEdata = {
id: 'course-dashboard',
type: 'click',
pageid: _.get(this.activatedRoute.snapshot, 'data.telemetry.pageid'),
};
this.courseBatchesEdata = {
id: 'course-batches',
type: 'click',
pageid: _.get(this.activatedRoute.snapshot, 'data.telemetry.pageid'),
};
this.courseCertificatesEdata = {
id: 'course-reissue-cert',
type: 'click',
pageid: _.get(this.activatedRoute.snapshot, 'data.telemetry.pageid'),
};
this.telemetryInteractObject = {
id: _.get(this.activatedRoute.snapshot, 'params.courseId'),
type: _.get(this.activatedRoute.snapshot, 'data.telemetry.object.type'),
ver: _.get(this.activatedRoute.snapshot, 'data.telemetry.object.ver'),
};
}
}
<div class="ui container">
<div class="ui stackable grid relative9 sbt-fluid-content-bg p-0 m-0">
<div class="three wide column p-0">
<div class="sidebar">
<!-- <a [routerLink]="['course-stats']" routerLinkActive="active" appTelemetryInteract [telemetryInteractObject]="telemetryInteractObject" [telemetryInteractEdata]="courseStatsEdata" >{{resourceService?.frmelmnts?.lbl?.dashBoardTitle}}</a> -->
<a [routerLink]="['batches']" routerLinkActive="active" appTelemetryInteract
[telemetryInteractObject]="telemetryInteractObject"
[telemetryInteractEdata]="courseBatchesEdata">{{resourceService?.frmelmnts?.lbl?.batches}}</a>
<a [routerLink]="['certificates']" [class.active]="router.url.includes('/dashboard/certificates')"
appTelemetryInteract [telemetryInteractObject]="telemetryInteractObject"
[telemetryInteractEdata]="courseCertificatesEdata">{{resourceService?.frmelmnts?.lbl?.certificates}}</a>
</div>
</div>
<div class="nine wide column p-0">
<div>
<router-outlet></router-outlet>
</div>
</div>
</div>
</div>
@use "@project-sunbird/sb-styles/assets/mixins/mixins"as *;
:host{
.sidebar a ,.dashboard-title{
display: block;
color: var(--gray-800) !important;
padding: calculateRem(8px);
text-decoration: none;
font-size: calculateRem(16px);
margin: calculateRem(16px) 0px;
&:hover {
color: var(--black);
font-weight: bold;
}
}
.sidebar a.active {
border-left: calculateRem(4px) solid var(--primary-400);
background: var(--sbt-body-bg);
color: var(--primary-color) !important;
font-weight: bold;
[dir="rtl"] & {
border-left: none;
border-right: calculateRem(4px) solid var(--primary-400);
}
}
@media screen and (max-width: 768px) {
.sidebar {
width: 100%;
height: auto;
padding-left: 0;
[dir="rtl"] & {
padding-right: 0px;
}
}
.sidebar a,
.dashboard-title {
text-align: center;
float: none;
}
}
}
::ng-deep {
html[accessable-theme=accessible] .progress-content #dashoardFiltersHolder .current-batch-list .update-text {
color: var(--gray-800) !important;
}
}
Legend
Html element with directive