Activities of "muhammedaltug"

Hello,

This documentation is for version 2.9. Please check up-to-date documents

Hello,

What is your version and what is your UI type?

Hello

The last version of lepton-x supported with ABP version 5.3 is 1.0.0-beta.3. You can install it with the following command

yarn add @abp/ng.theme.lepton-x@1.0.0-beta.3 

Angular version 14 is supported by ABP 6.0 version

Hello,

Can you send your environment file?

Hello,

Can you modify your app.component.ts with following

import { DynamicLayoutComponent, eLayoutType, RouterEvents } from '@abp/ng.core';
import { AfterViewInit, Component, RendererFactory2, ViewChild } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <abp-loader-bar></abp-loader-bar>
    <abp-dynamic-layout></abp-dynamic-layout>
  `,
})
export class AppComponent implements AfterViewInit {
  @ViewChild(DynamicLayoutComponent, { static: false }) dynamicLayout: DynamicLayoutComponent;

  constructor(private rendererFactory: RendererFactory2, private routerEvents: RouterEvents) {}

  ngAfterViewInit(): void {
    const navigationEnd$ = this.routerEvents.getNavigationEvents('End');
    navigationEnd$.subscribe(() => {
      if (this.dynamicLayout.layoutKey === eLayoutType.empty) {
        this.rendererFactory
          .createRenderer(document.body, null)
          .addClass(document.body, 'empty-layout');
      } else {
        this.rendererFactory
          .createRenderer(document.body, null)
          .removeClass(document.body, 'empty-layout');
      }
    });
  }
}

And please add the following style to your style file

.empty-layout {
  padding-top: 0;
}

Hello,

Can you send your environment file?

Can you send .well-known/openid-configuration endpoint's response?

Hello,

I opened an internal issue about this bug. Thanks for reporting.

For now, you can change abp-lookup-component with yours.

  • Create folder named my-lookup and create a file inside this folder named my-lookup-input.module.ts
    import { CoreModule } from '@abp/ng.core';
    import { ThemeSharedModule } from '@abp/ng.theme.shared';
    import { NgModule } from '@angular/core';
    import { CommercialUiModule } from '@volo/abp.commercial.ng.ui';
    import { MyLookupInputComponent } from './my-lookup-input.component';
    
    @NgModule({
      declarations: [MyLookupInputComponent],
      imports: [ThemeSharedModule, CoreModule, CommercialUiModule],
      exports: [MyLookupInputComponent],
    })
    export class MyLookupInputModule {}
    
  • Create a file named my-lookup-input.component.ts
    import { Component } from '@angular/core';
    import { LookupInputComponent } from '@volo/abp.commercial.ng.ui';
    
    @Component({
      selector: 'my-lookup-input',
      templateUrl: './my-lookup-input.component.html',
    })
    export class MyLookupInputComponent extends LookupInputComponent {}
    
  • Create a file named my-lookup-input.component.html
    <div class="input-group">
      <input
        [id]="cid"
        type="text"
        class="form-control"
        disabled
        [ngModel]="selectedName"
        [class.input-validation-error]="isInvalid"
      />
      <button
        *ngIf="pickButton.show"
        [disabled]="pickButton.disabled"
        class="btn btn-info"
        type="button"
        (click)="onClickPick()"
      >
        {{ { key: '::Pick', defaultValue: 'Pick' } | abpLocalization }}
      </button>
      <button
        *ngIf="clearButton.show"
        [disabled]="clearButton.disabled"
        class="btn btn-danger"
        type="button"
        (click)="onClickClear()"
      >
        <i class="fa fa-times"></i>
      </button>
    </div>
    
    <abp-modal [(visible)]="isModalVisible">
      <ng-template #abpHeader>
        <h3>{{ { key: '::Pick', defaultValue: 'Pick' } | abpLocalization }}</h3>
      </ng-template>
    
      <ng-template #abpBody>
        <abp-lookup-table
          [getFn]="getFn"
          [lookupNameProp]="lookupNameProp"
          (pick)="pick($event)"
        ></abp-lookup-table>
      </ng-template>
    
      <ng-template #abpFooter>
        <button type="button" class="btn btn-secondary" abpClose>
          {{ 'AbpUi::Cancel' | abpLocalization }}
        </button>
      </ng-template>
    </abp-modal>
    
    
  • Import MyLookupInputModule to your module's imports array
  • Change abp-lookup-input to my-lookup-input

Hello,

You can use the following code as an example

    <select
    class="form-select form-control"
  >
    <option
      *ngFor="let option of contactTypeOptions; trackBy: track.by('value')"
      [ngValue]="option.value"
    >
      {{ '::Enum:ContactType.' + option.key | abpLocalization }}
    </option>
  </select>

Hello,

Sorry for the late response.

The top menu feature of lepton x will be available in the next versions.

Hello

Can you send the response of the https://localhost:44987/api/abp/api-definition endpoint request?

Showing 101 to 110 of 254 entries
Made with ❤️ on ABP v9.1.0-preview. Updated on November 01, 2024, 05:35