feat(panel): make it possible to create a igo-panel without a header

infra-geo-ouverte · Nov 30, 2018 · dc9783e · dc9783e
1 parent ebdc466
commit dc9783e
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 15 deletions.
diff --git a/projects/common/src/lib/panel/panel.component.html b/projects/common/src/lib/panel/panel.component.html
@@ -1,4 +1,4 @@
-<div class="igo-panel-header" title="">
+<div *ngIf="withHeader" class="igo-panel-header" title="">
   <h3>
     <ng-content select="[panelLeftButton]"></ng-content>
     <div class="igo-panel-title">

diff --git a/projects/common/src/lib/panel/panel.component.scss b/projects/common/src/lib/panel/panel.component.scss
@@ -26,10 +26,21 @@
 }
 
 .igo-panel-content {
-  height: calc(100% - #{$igo-panel-header-height});
   overflow: auto;
 }
 
+:host.igo-panel-with-header {
+  .igo-panel-content {
+    height: calc(100% - #{$igo-panel-header-height});
+  }
+}
+
+:host:not(.igo-panel-with-header) {
+  .igo-panel-content {
+    height: 100%;
+  }
+}
+
 .igo-panel-title {
   display: block;
   width: calc(100% - 80px);

diff --git a/projects/common/src/lib/panel/panel.component.ts b/projects/common/src/lib/panel/panel.component.ts
@@ -1,4 +1,9 @@
-import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+import {
+  Component,
+  Input,
+  ChangeDetectionStrategy,
+  HostBinding
+} from '@angular/core';
 
 @Component({
   selector: 'igo-panel',
@@ -7,6 +12,7 @@ import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class PanelComponent {
+
   @Input()
   get title() {
     return this._title;
@@ -16,5 +22,15 @@ export class PanelComponent {
   }
   private _title: string;
 
+  @Input()
+  @HostBinding('class.igo-panel-with-header')
+  get withHeader(): boolean {
+    return this._withHeader;
+  }
+  set withHeader(value: boolean) {
+    this._withHeader = value;
+  }
+  private _withHeader = true;
+
   constructor() {}
 }
diff --git a/projects/common/src/lib/panel/panel.module.ts b/projects/common/src/lib/panel/panel.module.ts
@@ -1,16 +1,16 @@
-import { NgModule, ModuleWithProviders } from '@angular/core';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { PanelComponent } from './panel.component';
 
 @NgModule({
-  imports: [],
-  declarations: [PanelComponent],
-  exports: [PanelComponent]
+  imports: [
+    CommonModule
+  ],
+  exports: [
+    PanelComponent
+  ],
+  declarations: [
+    PanelComponent
+  ]
 })
-export class IgoPanelModule {
-  static forRoot(): ModuleWithProviders {
-    return {
-      ngModule: IgoPanelModule,
-      providers: []
-    };
-  }
-}
+export class IgoPanelModule {}