ng-alain15-example micro1 config component assets base url again

ng-alain15-example/micro1/src/app/layout/basic/basic.component.ts

@@ -83,9 +83,10 @@ import { environment } from '@env/environment';
   `
 })
 export class LayoutBasicComponent {
+  baseUrl = environment.api.baseUrl;
   options: LayoutDefaultOptions = {
-    logoExpanded: `./assets/logo-full.svg`,
-    logoCollapsed: `./assets/logo.svg`
+    logoExpanded: `${this.baseUrl}assets/logo-full.svg`,
+    logoCollapsed: `${this.baseUrl}assets/logo.svg`
   };
   searchToggleStatus = false;
   showSettingDrawer = !environment.production;

ng-alain15-example/micro1/src/app/layout/basic/widgets/task.component.ts

 import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
+import { environment } from '@env/environment';
 
 @Component({
   selector: 'header-task',
@@ -22,7 +23,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/
           <ng-template #extra><i nz-icon nzType="plus"></i></ng-template>
           <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
             <div nz-col [nzSpan]="4" class="text-center">
-              <nz-avatar [nzSrc]="'./assets/tmp/img/1.png'"></nz-avatar>
+              <nz-avatar [nzSrc]="baseUrl + 'assets/tmp/img/1.png'"></nz-avatar>
             </div>
             <div nz-col [nzSpan]="20">
               <strong>cipchk</strong>
@@ -31,7 +32,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/
           </div>
           <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
             <div nz-col [nzSpan]="4" class="text-center">
-              <nz-avatar [nzSrc]="'./assets/tmp/img/2.png'"></nz-avatar>
+              <nz-avatar [nzSrc]="baseUrl + 'assets/tmp/img/2.png'"></nz-avatar>
             </div>
             <div nz-col [nzSpan]="20">
               <strong>はなさき</strong>
@@ -40,7 +41,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/
           </div>
           <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
             <div nz-col [nzSpan]="4" class="text-center">
-              <nz-avatar [nzSrc]="'./assets/tmp/img/3.png'"></nz-avatar>
+              <nz-avatar [nzSrc]="baseUrl + 'assets/tmp/img/3.png'"></nz-avatar>
             </div>
             <div nz-col [nzSpan]="20">
               <strong>苏先生</strong>
@@ -49,7 +50,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/
           </div>
           <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
             <div nz-col [nzSpan]="4" class="text-center">
-              <nz-avatar [nzSrc]="'./assets/tmp/img/4.png'"></nz-avatar>
+              <nz-avatar [nzSrc]="baseUrl + 'assets/tmp/img/4.png'"></nz-avatar>
             </div>
             <div nz-col [nzSpan]="20">
               <strong>Kent</strong>
@@ -58,7 +59,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/
           </div>
           <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md point bg-grey-lighter-h">
             <div nz-col [nzSpan]="4" class="text-center">
-              <nz-avatar [nzSrc]="'./assets/tmp/img/5.png'"></nz-avatar>
+              <nz-avatar [nzSrc]="baseUrl + 'assets/tmp/img/5.png'"></nz-avatar>
             </div>
             <div nz-col [nzSpan]="20">
               <strong>Jefferson</strong>
@@ -75,6 +76,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class HeaderTaskComponent {
+  baseUrl = environment.api.baseUrl;
   loading = true;
 
   constructor(private cdr: ChangeDetectorRef) {}

ng-alain15-example/micro1/src/app/layout/passport/passport.component.html

@@ -3,7 +3,7 @@
   <div class="wrap">
     <div class="top">
       <div class="head">
-        <img class="logo" src="./assets/logo-color.svg" />
+        <img class="logo" src="{{baseUrl}}assets/logo-color.svg" />
         <span class="title">ng-alain</span>
       </div>
       <div class="desc">武林中最有影响力的《葵花宝典》；欲练神功，挥刀自宫</div>

ng-alain15-example/micro1/src/app/layout/passport/passport.component.ts

 import { Component, Inject, OnInit } from '@angular/core';
 import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
+import { environment } from '@env/environment';
 
 @Component({
   selector: 'layout-passport',
@@ -7,6 +8,7 @@ import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
   styleUrls: ['./passport.component.less']
 })
 export class LayoutPassportComponent implements OnInit {
+  baseUrl = environment.api.baseUrl;
   links = [
     {
       title: '帮助',

ng-alain15-example/micro1/src/app/routes/dashboard/v1/v1.component.html

@@ -156,7 +156,7 @@
       </ng-template>
       <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md bg-grey-lighter-h point" *ngFor="let item of todoData">
         <div nz-col [nzSpan]="4" class="text-center">
-          <nz-avatar [nzSrc]="'./assets/tmp/img/' + item.avatar + '.png'"></nz-avatar>
+          <nz-avatar [nzSrc]="baseUrl + 'assets/tmp/img/' + item.avatar + '.png'"></nz-avatar>
         </div>
         <div nz-col [nzSpan]="20">
           <strong>{{ item.name }}</strong>
@@ -169,7 +169,7 @@
     <nz-card nzTitle="Todo lists" [nzBordered]="false" class="ant-card__body-nopadding">
       <div nz-row [nzJustify]="'center'" [nzAlign]="'middle'" class="py-sm pr-md bg-grey-lighter-h point" *ngFor="let item of todoData">
         <div nz-col [nzSpan]="4" class="text-center">
-          <nz-avatar [nzSrc]="'./assets/tmp/img/' + item.avatar + '.png'"></nz-avatar>
+          <nz-avatar [nzSrc]="baseUrl + 'assets/tmp/img/' + item.avatar + '.png'"></nz-avatar>
         </div>
         <div nz-col [nzSpan]="18">
           <strong>{{ item.name }}</strong>

ng-alain15-example/micro1/src/app/routes/dashboard/v1/v1.component.ts

@@ -4,6 +4,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, OnInit,
 import type { Chart } from '@antv/g2';
 import { OnboardingService } from '@delon/abc/onboarding';
 import { _HttpClient } from '@delon/theme';
+import { environment } from '@env/environment';
 import { NzSafeAny } from 'ng-zorro-antd/core/types';
 
 @Component({
@@ -12,6 +13,7 @@ import { NzSafeAny } from 'ng-zorro-antd/core/types';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DashboardV1Component implements OnInit {
+  baseUrl = environment.api.baseUrl;
   todoData = [
     {
       completed: true,

ng-alain15-example/micro1/src/app/routes/extras/settings/settings.component.html

@@ -71,7 +71,7 @@
         </nz-col>
         <nz-col [nzSpan]="8">
           <h4>Profile picture</h4>
-          <img src="./assets/tmp/img/avatar.jpg" style="width: 100%" />
+          <img src="{{baseUrl}}assets/tmp/img/avatar.jpg" style="width: 100%" />
           <nz-upload nzAction="https://jsonplaceholder.typicode.com/posts/" class="d-block mt-md text-center">
             <button nz-button>Upload new picture</button>
           </nz-upload>

ng-alain15-example/micro1/src/app/routes/extras/settings/settings.component.ts

 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, Validators } from '@angular/forms';
+import { environment } from '@env/environment';
 import { NzMessageService } from 'ng-zorro-antd/message';
 
 @Component({
@@ -7,6 +8,7 @@ import { NzMessageService } from 'ng-zorro-antd/message';
   templateUrl: './settings.component.html'
 })
 export class ExtrasSettingsComponent implements OnInit {
+  baseUrl = environment.api.baseUrl;
   active = 1;
   profileForm = this.fb.nonNullable.group({
     name: ['', Validators.compose([Validators.required, Validators.pattern(`^[-_a-zA-Z0-9]{4,20}$`)])],

ng-alain15-example/micro1/src/app/routes/style/gridmasonry/gridmasonry.component.html

@@ -213,7 +213,7 @@
 <h3 class="my-md">Masonry with any kind of element</h3>
 <div class="row-masonry row-masonry-xl-8 row-masonry-lg-5 row-masonry-md-4 row-masonry-sm-3 row-masonry-xs-2">
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg1.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg1.jpg" alt="" />
   </div>
   <div class="col-masonry">
     <div class="box-placeholder">
@@ -227,19 +227,19 @@
     </div>
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg2.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg2.jpg" alt="" />
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg3.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg3.jpg" alt="" />
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg4.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg4.jpg" alt="" />
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg5.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg5.jpg" alt="" />
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg6.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg6.jpg" alt="" />
   </div>
   <div class="col-masonry">
     <div class="box-placeholder">
@@ -264,10 +264,10 @@
     </div>
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg7.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg7.jpg" alt="" />
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg8.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg8.jpg" alt="" />
   </div>
   <div class="col-masonry">
     <div class="box-placeholder">
@@ -281,9 +281,9 @@
     </div>
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg9.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg9.jpg" alt="" />
   </div>
   <div class="col-masonry">
-    <img src="assets/tmp/img/bg10.jpg" alt="" />
+    <img src="{{baseUrl}}assets/tmp/img/bg10.jpg" alt="" />
   </div>
 </div>

ng-alain15-example/micro1/src/app/routes/style/gridmasonry/gridmasonry.component.ts

 import { Component } from '@angular/core';
+import { environment } from '@env/environment';
 
 @Component({
   selector: 'app-gridmasonry',
   templateUrl: './gridmasonry.component.html',
   styleUrls: ['./gridmasonry.component.less']
 })
-export class GridMasonryComponent {}
+export class GridMasonryComponent {
+  baseUrl = environment.api.baseUrl;
+}

ng-alain15-example/micro1/src/app/routes/widgets/widgets/widgets.component.ts

 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
 import { G2MiniBarData } from '@delon/chart/mini-bar';
 import { _HttpClient } from '@delon/theme';
+import { environment } from '@env/environment';
 import { NzMessageService } from 'ng-zorro-antd/message';
 
 @Component({
@@ -10,6 +11,7 @@ import { NzMessageService } from 'ng-zorro-antd/message';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class WidgetsComponent implements OnInit {
+  baseUrl = environment.api.baseUrl;
   data: G2MiniBarData[] = [];
   smallData: G2MiniBarData[] = [];
   todoData: Array<{ completed: boolean; avatar: string; name: string; content: string }> = [