Some refactoring

projects/common-map/src/fm-map/components/map/map.component.html

@@ -46,51 +46,11 @@
   <div class="container-fluid">
     <div class="body">
       <div class="logo">
-        <span><img src="/images/farmmapslogo.png" /></span>
+        <router-outlet name="side-panel-logo"></router-outlet>
         <span><button type="button" class="btn btn-outline-secondary" (click)="handleToggleMenu($event)"><i class="fa fa-times" aria-hidden="true"></i></button></span>
       </div>
-
-      <div class="card menu-card">
-        <div class="d-flex flex-row flex-wrap">
-          <div class="shortcut-icon" (click)="handlePredefinedQuery($event,{itemType:'vnd.farmmaps.itemtype.croppingscheme'})">
-            <div class="icon rounded-circle farm-icon"><i class="fm fm-farm" aria-hidden="true"></i></div>
-            <div class="caption" i18n>Farms</div>
-          </div>
-          <div class="shortcut-icon" (click)="handleTrijntjeClick($event,{itemType:'vnd.farmmaps.itemtype.trijntje'})">
-            <div class="icon rounded-circle trijntje-icon"><i class="fa fa-tint" aria-hidden="true"></i></div>
-            <div class="caption" i18n>Trijntje</div>
-          </div>
-        </div>
-      </div>
-      <div class="card menu-card">
-        <ul class="navbar-nav">
-          <li class="nav-item py-0"><a [routerLinkActive]="['active']" [routerLink]="['/explorer/folder/my_drive']" class="nav-link"><span i18n><i class="fa fa-folder" aria-hidden="true"></i> My Drive</span></a></li>
-          <li class="nav-item py-0"><a [routerLinkActive]="['active']" [routerLink]="['/explorer/folder/map_uploads']" class="nav-link"><span i18n><i class="fa fa-cloud-upload" aria-hidden="true"></i> Map uploads</span></a></li>
-        </ul>
-      </div>
-      <div class="card menu-card">
-        <ul class="navbar-nav">
-          <li class="nav-item py-0">
-            <a class="nav-link" href="#" (click)="handleToggleBaseLayers($event)" i18n><i class="fa fa-map" aria-hidden="true"></i> Base maps <i class="fa" [ngClass]="{'fa-caret-down':baseLayersCollapsed,'fa-caret-up':!baseLayersCollapsed}" aria-hidden="true"></i></a>
-            <div [ngbCollapse]="baseLayersCollapsed" class="mb-4">
-              <fm-map-layer-list [baseLayers]="true" [itemLayers]="baseLayers|async" [selectedLayer]="selectedBaseLayer|async" (onSelectLayer)="handleSelectBaseLayer($event)"></fm-map-layer-list>
-            </div>
-          </li>
-          <li class="nav-item py-0">
-            <a class="nav-link" href="#" (click)="handleToggleOverlayLayers($event)" i18n><i class="fa fa-map" aria-hidden="true"></i> Overlays <i class="fa" [ngClass]="{'fa-caret-down':overlayLayersCollapsed,'fa-caret-up':!overlayLayersCollapsed}" aria-hidden="true"></i></a>
-            <div [ngbCollapse]="overlayLayersCollapsed" class="mb-4">
-              <fm-map-layer-list [itemLayers]="overlayLayers|async" [selectedLayer]="selectedOverlayLayer|async" (onDelete)="handleOnDelete($event)" (onToggleVisibility)="handleOnToggleVisibility($event)" (onSetOpacity)="handleOnSetOpacity($event)" (onZoomToExtent)="handleZoomToExtent($event)" (onSelectLayer)="handleSelectOverlayLayer($event)"></fm-map-layer-list>
-            </div>
-          </li>
-        </ul>
-      </div>
-      <!--<div class="card menu-card">
-        <ul class="navbar-nav">
-          <li class="nav-item py-0"><a class="nav-link" href="#" (click)="handlePredefinedQuery($event,{itemType:'vnd.farmmaps.itemtype.croppingscheme'})"><span i18n>Farms</span></a></li>
-          <li class="nav-item py-0"><a class="nav-link" href="#" (click)="handlePredefinedQuery($event,{itemType:'vnd.farmmaps.itemtype.layer'})"><span i18n>Layers</span></a></li>
-        </ul>
-      </div>-->
-    </div>
+      <router-outlet name="side-panel-menu"></router-outlet>          
+  </div>
   </div>
 </fm-side-panel>
 

projects/common-map/src/fm-map/components/map/map.component.scss

@@ -91,11 +91,6 @@ div.logo {
   margin-bottom:1em;
 }
 
-div.logo img {
-  width:100%;
-  align-self:center;
-}
-
 div.logo button {
   margin-left:1em;
 }