feature(theme-basic): generalize button component

npm/ng-packs/packages/theme-basic/src/lib/components/change-password/change-password.component.html

@@ -27,8 +27,12 @@
     <button type="button" class="btn btn-secondary" #abpClose>
       {{ 'AbpIdentity::Cancel' | abpLocalization }}
     </button>
-    <button type="button" class="btn btn-primary" (click)="onSubmit()">
-      <i class="fa fa-check mr-1"></i> <span>{{ 'AbpIdentity::Save' | abpLocalization }}</span>
-    </button>
+    <abp-button
+      [requestType]="['POST']"
+      requestURLContainSearchValue="change-password"
+      iconClass="fa fa-check"
+      (click)="onSubmit()"
+      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button
+    >
   </ng-template>
 </abp-modal>

npm/ng-packs/packages/theme-basic/src/lib/components/profile/profile.component.html

@@ -6,7 +6,7 @@
     <form *ngIf="form" [formGroup]="form" novalidate>
       <div class="form-group">
         <label for="username">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}</label
-        ><span> * </span><input type="text" id="username" class="form-control" formControlName="userName" autofocus/>
+        ><span> * </span><input type="text" id="username" class="form-control" formControlName="userName" autofocus />
       </div>
       <div class="row">
         <div class="col col-md-6">
@@ -36,8 +36,12 @@
     <button #abpClose type="button" class="btn btn-secondary">
       {{ 'AbpIdentity::Cancel' | abpLocalization }}
     </button>
-    <button type="button" class="btn btn-primary" (click)="onSubmit()">
-      <i class="fa fa-check mr-1"></i> <span>{{ 'AbpIdentity::Save' | abpLocalization }}</span>
-    </button>
+    <abp-button
+      [requestType]="['PUT']"
+      requestURLContainSearchValue="my-profile"
+      iconClass="fa fa-check"
+      (click)="onSubmit()"
+      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button
+    >
   </ng-template>
 </abp-modal>