Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dashboard: Add accordion Layout for smaller screens #7111

Open
wants to merge 14 commits into
base: master
Choose a base branch
from
Prev Previous commit
Next Next commit
Linting Fix
  • Loading branch information
Mutugiii authored and lmmrssa committed Jun 15, 2022
commit f5167c375d7ea91a98f6f62fb1a89ae7776b75c2
19 changes: 10 additions & 9 deletions src/app/dashboard/dashboard-tile.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -114,43 +114,44 @@ export class DashboardTileTitleComponent {
selector: 'planet-dashboard-row-layout',
template: `
<planet-dashboard-left-tile></planet-dashboard-left-tile>
<planet-dashboard-right-tile></planet-dashboard-right-tile>
<planet-dashboard-right-tile></planet-dashboard-right-tile>
`
})
export class DashboardTileRowLayout {}
export class DashboardTileRowLayoutComponent {}

@Component({
selector: 'planet-dashboard-accordion-layout',
templateUrl: './dashboard-tile-accordion-layout.component.html'
})
export class DashboardTileAccordionLayout {
export class DashboardTileAccordionLayoutComponent {

@Input() showAccordion;

}

@Component({
selector: 'planet-dashboard-left-tile',
templateUrl: './dashboard-tile-left-tile.component.html'
})
export class DashboardTileLeftTile {
export class DashboardTileLeftTileComponent {

@Input() cardTitle;
@Input() cardType;
@Input() link;
@Input() emptyLink
@Input() emptyLink;
}


@Component({
selector: 'planet-dashboard-right-tile',
templateUrl: './dashboard-tile-right-tile.component.html'
})
export class DashboardTileRightTile implements AfterViewChecked {
export class DashboardTileRightTileComponent implements AfterViewChecked {

@Input() cardTitle;
@Input() itemData;
@Input() link;
@Input() emptyLink
@Input() emptyLink;
@Output() droppedEvent = new EventEmitter<any>();
@ViewChild('items') itemDiv: ElementRef;
tileLines = 2;
Expand Down
11 changes: 9 additions & 2 deletions src/app/home/home.module.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,14 @@ import { HomeRouterModule } from './home-router.module';
import { PlanetFormsModule } from '../shared/forms/planet-forms.module';

import { MaterialModule } from '../shared/material.module';
import { DashboardTileComponent, DashboardTileTitleComponent, DashboardTileLeftTile, DashboardTileRightTile, DashboardTileRowLayout, DashboardTileAccordionLayout } from '../dashboard/dashboard-tile.component';
import {
DashboardTileComponent,
DashboardTileTitleComponent,
DashboardTileLeftTile,
DashboardTileRightTile,
DashboardTileRowLayout,
DashboardTileAccordionLayout
} from '../dashboard/dashboard-tile.component';
import { NotificationsComponent } from '../notifications/notifications.component';
import { PlanetDialogsModule } from '../shared/dialogs/planet-dialogs.module';
import { PulsateIconDirective } from './pulsate-icon.directive';
Expand Down Expand Up @@ -65,4 +72,4 @@ import { CoursesViewDetailModule } from '../courses/view-courses/courses-view-de
HealthListComponent
]
})
export class HomeModule {}
export class HomeModule { }