Base solution for your next web application
Starts in:
01 DAYS
01 HRS
01 MIN
01 SEC

Activities of "OriAssurant"

If you seed the languages into the tenant database AbpLanguages table (make sure you populate the TenantId column as well) and then clear the AbpZeroLanguages cache you'll get what you're looking for.

Prerequisites

Please answer the following questions before submitting an issue. YOU MAY DELETE THE PREREQUISITES SECTION.

  • What is your product version?
  • What is your product type (Angular or MVC)? : ANGULAR
  • What is product framework type (.net framework or .net core)? : .NET CORE

Hi , We tried to reach you previously for this issue and you suggested to use the below code in AppPreBoostrap.ts file . But not sure we tried to change the Browser to use canada format but it still showed US Data format. I site is is in prod and we need your help urgently.

let locale = window.navigator.language; moment.locale(locale); (window as any).moment.locale(locale);

    I  have attached the entire code code from our AppPreBoostrap.ts file.  Please help ...
    
    
    import { UtilsService } from '@abp/utils/utils.service';
import { CompilerOptions, NgModuleRef, Type } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppAuthService } from '@app/shared/common/auth/app-auth.service';
import { AppConsts } from '@shared/AppConsts';
import { SubdomainTenancyNameFinder } from '@shared/helpers/SubdomainTenancyNameFinder';
import * as moment from 'moment-timezone';
import * as _ from 'lodash';
import { UrlHelper } from './shared/helpers/UrlHelper';
import { XmlHttpRequestHelper } from '@shared/helpers/XmlHttpRequestHelper';
import { DynamicResourcesHelper } from '@shared/helpers/DynamicResourcesHelper';
import { environment } from './environments/environment';
import { LocaleMappingService } from '@shared/locale-mapping.service';

export class AppPreBootstrap {

static run(appRootUrl: string, callback: () => void, resolve: any, reject: any): void {
    AppPreBootstrap.getApplicationConfig(appRootUrl, () => {
        if (UrlHelper.isInstallUrl(location.href)) {
            AppPreBootstrap.loadAssetsForInstallPage(callback);
            return;
        }

        const queryStringObj = UrlHelper.getQueryParameters();

        if (queryStringObj.redirect && queryStringObj.redirect === 'TenantRegistration') {
            if (queryStringObj.forceNewRegistration) {
                new AppAuthService().logout();
            }

            location.href = AppConsts.appBaseUrl + '/account/select-edition';
        } else if (queryStringObj.impersonationToken) {
            AppPreBootstrap.impersonatedAuthenticate(queryStringObj.impersonationToken, queryStringObj.tenantId, () => { AppPreBootstrap.getUserConfiguration(callback); });
        } else if (queryStringObj.switchAccountToken) {
            AppPreBootstrap.linkedAccountAuthenticate(queryStringObj.switchAccountToken, queryStringObj.tenantId, () => { AppPreBootstrap.getUserConfiguration(callback); });
        } else {
            AppPreBootstrap.getUserConfiguration(callback);
        }
    });
}

static bootstrap<TM>(moduleType: Type<TM>, compilerOptions?: CompilerOptions | CompilerOptions[]): Promise<NgModuleRef<TM>> {
    return platformBrowserDynamic().bootstrapModule(moduleType, compilerOptions);
}

private static getApplicationConfig(appRootUrl: string, callback: () => void) {
    let type = 'GET';
    let url = appRootUrl + 'assets/' + environment.appConfig;
    let customHeaders = [
        {
            name: 'Abp.TenantId',
            value: abp.multiTenancy.getTenantIdCookie() + ''
        }];

    XmlHttpRequestHelper.ajax(type, url, customHeaders, null, (result) => {
        const subdomainTenancyNameFinder = new SubdomainTenancyNameFinder();
        let tenancyName = subdomainTenancyNameFinder.getCurrentTenancyNameOrNull(result.appBaseUrl);
        //Custom changes for Okta Host widget--106375
        if(tenancyName.toLowerCase().includes("host"))    {tenancyName="Default"; }
        // CUSTOM ADDITION HERE
        let getTenantIdURL = result.remoteServiceBaseUrl + '/api/services/app/Account/IsTenantAvailable';
        let getTenantIdData = {tenancyName: tenancyName};

        XmlHttpRequestHelper.ajax('POST', getTenantIdURL, null, JSON.stringify(getTenantIdData), (tenantResult) => {
          
            abp.multiTenancy.setTenantIdCookie(tenantResult.result.tenantId);
            AppConsts.appBuildNumber = result.appBuildNumber;
            AppConsts.appBaseUrlFormat = result.appBaseUrl;
            AppConsts.remoteServiceBaseUrlFormat = result.remoteServiceBaseUrl;
            AppConsts.localeMappings = result.localeMappings;
            AppConsts.azureCdnUrl=result.azureCdnUrl;
            if (tenancyName == null) {
                AppConsts.appBaseUrl = result.appBaseUrl.replace(AppConsts.tenancyNamePlaceHolderInUrl + '.', '');
                //AppConsts.remoteServiceBaseUrl = result.remoteServiceBaseUrl.replace(AppConsts.tenancyNamePlaceHolderInUrl + '.', '');
            } else {
                AppConsts.appBaseUrl = result.appBaseUrl.replace(AppConsts.tenancyNamePlaceHolderInUrl, tenancyName);
                //AppConsts.remoteServiceBaseUrl = result.remoteServiceBaseUrl.replace(AppConsts.tenancyNamePlaceHolderInUrl, tenancyName);
            }
            AppConsts.remoteServiceBaseUrl = result.remoteServiceBaseUrl;

            callback();
        });
    });
}

private static getCurrentClockProvider(currentProviderName: string): abp.timing.IClockProvider {
    if (currentProviderName === 'unspecifiedClockProvider') {
        return abp.timing.unspecifiedClockProvider;
    }

    if (currentProviderName === 'utcClockProvider') {
        return abp.timing.utcClockProvider;
    }

    return abp.timing.localClockProvider;
}

private static impersonatedAuthenticate(impersonationToken: string, tenantId: number, callback: () => void): void {
    abp.multiTenancy.setTenantIdCookie(tenantId);
    const cookieLangValue = abp.utils.getCookieValue('Abp.Localization.CultureName');

    let requestHeaders = {
        '.AspNetCore.Culture': ('c=' + cookieLangValue + '|uic=' + cookieLangValue),
        'Abp.TenantId': abp.multiTenancy.getTenantIdCookie()
    };

    XmlHttpRequestHelper.ajax(
        'POST',
        AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/ImpersonatedAuthenticate?impersonationToken=' + impersonationToken,
        requestHeaders,
        null,
        (response) => {
            let result = response.result;
            abp.auth.setToken(result.accessToken);
            AppPreBootstrap.setEncryptedTokenCookie(result.encryptedAccessToken);
            location.search = '';
            callback();
        }
    );
}

private static linkedAccountAuthenticate(switchAccountToken: string, tenantId: number, callback: () => void): void {
    abp.multiTenancy.setTenantIdCookie(tenantId);
    const cookieLangValue = abp.utils.getCookieValue('Abp.Localization.CultureName');

    let requestHeaders = {
        '.AspNetCore.Culture': ('c=' + cookieLangValue + '|uic=' + cookieLangValue),
        'Abp.TenantId': abp.multiTenancy.getTenantIdCookie()
    };

    XmlHttpRequestHelper.ajax(
        'POST',
        AppConsts.remoteServiceBaseUrl + '/api/TokenAuth/LinkedAccountAuthenticate?switchAccountToken=' + switchAccountToken,
        requestHeaders,
        null,
        (response) => {
            let result = response.result;
            abp.auth.setToken(result.accessToken);
            AppPreBootstrap.setEncryptedTokenCookie(result.encryptedAccessToken);
            location.search = '';
            callback();
        }
    );
}

private static getUserConfiguration(callback: () => void): any {
    const cookieLangValue = abp.utils.getCookieValue('Abp.Localization.CultureName');
    const token = abp.auth.getToken();

    let requestHeaders = {
        '.AspNetCore.Culture': ('c=' + cookieLangValue + '|uic=' + cookieLangValue),
        'Abp.TenantId': abp.multiTenancy.getTenantIdCookie(),
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods': 'GET,PUT,POST'
    };

    if (token) {
        requestHeaders['Authorization'] = 'Bearer ' + token;
    }

    return XmlHttpRequestHelper.ajax('GET', AppConsts.remoteServiceBaseUrl + '/api/services/app/UiCustomizationSettings/GetAll', requestHeaders, null, (response) => {
        let result = JSON.parse(response).result;
        _.merge(abp, result);

        abp.clock.provider = this.getCurrentClockProvider(result.clock.provider);

        let locale =  window.navigator.language;
        moment.locale(locale);
        (window as any).moment.locale(locale);

        if (abp.clock.provider.supportsMultipleTimezone) {
            moment.tz.setDefault(abp.timing.timeZoneInfo.iana.timeZoneId);
            (window as any).moment.tz.setDefault(abp.timing.timeZoneInfo.iana.timeZoneId);
        } else {
            moment.fn.toJSON = function () {
                return this.locale('en').format();
            };
            moment.fn.toISOString = function () {
                return this.locale('en').format();
            };
        }

        abp.event.trigger('abp.dynamicScriptsInitialized');

        AppConsts.noDirectAccessWorkflowPages = JSON.parse(abp.setting.get('App.UiManagement.Workflow.NoDirectAccessPages'));
        AppConsts.recaptchaSiteKey = abp.setting.get('Recaptcha.SiteKey');
        AppConsts.subscriptionExpireNootifyDayCount = parseInt(abp.setting.get('App.TenantManagement.SubscriptionExpireNotifyDayCount'));

        DynamicResourcesHelper.loadResources(callback);
    });
}

private static setEncryptedTokenCookie(encryptedToken: string) {
    new UtilsService().setCookieValue(AppConsts.authorization.encrptedAuthTokenName,
        encryptedToken,
        new Date(new Date().getTime() + 365 * 86400000), //1 year
        abp.appPath
    );
}

private static loadAssetsForInstallPage(callback) {
    abp.setting.values['App.UiManagement.Theme'] = 'default';
    abp.setting.values['default.App.UiManagement.ThemeColor'] = 'default';

    DynamicResourcesHelper.loadResources(callback);
}
}

Also in the prime ng grid i am adding the date format like this for the column

<ng-template pTemplate="body" let-record="$implicit"> <tr [ngClass]="record.selected && !isShow ? 'validated' :(record.scannedByotherUser && !isShow ? 'validatedByOthers' : '')"> <td ngFor="let col of shipOutCols" [hidden]="!col.isVisible"> {{col.field.includes('Time') || col.field.includes('Date') ? ** (record[col.field] | momentFormat:'L LTS'):record[col.field]}}* </td>

THIS WORKS FINE - it gets correct language but does not change the date format as per the country setting .. Please advice

let locale = window.navigator.language; moment.locale(locale); (window as any).moment.locale(locale);

thanks for your answer. But the module you are saying will inherit the same theme for all the components in the account folder. I need a different theme specifially for this page. -- so is it fine if i create a new folder in the src folder and since i will need the language-switch component .. Can i move it to the src root folder or somwhere in a shared folder so it can be used by my other page ?

If you populate the AbpLanguages table in the Tenant database and make sure you populate the TenantId column, then you'll be able to disable specific languages just for that tenant (the Edit and Delete options will appear in the drop down you provided a screenshot of).

You may need to clear the AbpZeroLanguages cache after doing this, I cannot recall.

We have 12 tenants in our instance and use this approach successfully.

Hi Aspnetzero support folks ,

product version :

  • product type: Angular
  • product framework type: .net core

CAn you please help me ?

I need to create a page that can be accessed without going through the application login.

  • Page should allow user to change languages
  • Page should have a Recaptcha (part of aspnetzero library)
  • Page should be able to use aspnetzero localization
  • Verify that client custom .css works on the page**

Quick question regarding the closure of this issue- Did this change find its way back into one of the 8.x versions ASP.NET Zero? Thanks

Here' the html file

**heres' the html file for the returnsmanagement/returns page **

<div> <div class="kt-subheader kt-grid__item"> <div class="kt-subheader__main"> <h3 class="kt-subheader__title"> <span>{{l("Returns")}} - {{ storeDisplayName }} </span> </h3> </div> </div>

&lt;div class=&quot;kt-content&quot;&gt;
    &lt;div class=&quot;kt-portlet kt-portlet--mobile&quot;&gt;
        &lt;div class=&quot;kt-portlet__body&quot;&gt;

            &lt;form class=&quot;kt-form&quot; autocomplete=&quot;off&quot;&gt;
                &lt;div&gt;
                    &lt;div class=&quot;row align-items-center&quot;&gt;
                        &lt;div class=&quot;col-xl-12&quot;&gt;
                            &lt;div class=&quot;form-group m-form__group align-items-center&quot;&gt;
                                &lt;div class=&quot;input-group&quot;&gt;
                                    &lt;input [(ngModel)]=&quot;filterText&quot; name=&quot;filterText&quot; autoFocus
                                        class=&quot;form-control m-input&quot; [placeholder]=&quot;l(&#39;ReturnsPageSearchText&#39;)&quot;
                                        type=&quot;text&quot;&gt;
                                    &lt;span class=&quot;input-group-btn&quot;&gt;
                                        &lt;button (click)=&quot;getReturnsData()&quot; class=&quot;btn btn-primary&quot; type=&quot;submit&quot;&gt;&lt;i
                                                class=&quot;flaticon-search-1&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                                    &lt;/span&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    
                &lt;/div&gt;
            &lt;/form&gt;


            &lt;div class=&quot;row align-items-center&quot;&gt;
                &lt;!--&lt;Primeng-Datatable-Start&gt;-->
                &lt;div class=&quot;primeng-datatable-container col-12 table-bordered&quot;
                    [busyIf]=&quot;primengTableHelper.isLoading&quot;&gt;
                    &lt;p-table #dataTable (onLazyLoad)=&quot;getReturnsData($event)&quot; [value]=&quot;primengTableHelper.records&quot;
                        rows=&quot;25&quot; [lazy]=&quot;true&quot; [scrollable]=&quot;true&quot; ScrollWidth=&quot;100%&quot;
                        [responsive]=&quot;primengTableHelper.isResponsive&quot;
                        [resizableColumns]=&quot;primengTableHelper.resizableColumns&quot; expandableRows=&quot;true&quot;
                        dataKey=&quot;orderHeaderId&quot; rowExpandMode=&quot;single&quot;&gt;

                        &lt;ng-template pTemplate=&quot;header&quot;&gt;
                            &lt;tr&gt;
                                &lt;th style=&quot;width: 35px&quot;&gt;
                                &lt;/th&gt;
                                &lt;th *ngFor=&quot;let col of returnOrderCols&quot; [pSortableColumn]=&quot;col.field&quot;
                                    [hidden]=&quot;col.isVisible == &#39;0&#39;&quot;&gt;
                                    {{col.header}}
                                    &lt;p-sortIcon [field]=&quot;col.field&quot; ariaLabel=&quot;Activate to sort&quot;&gt;&lt;/p-sortIcon&gt;
                                &lt;/th&gt;
                                &lt;th style=&quot;width: 150px&quot; pSortableColumn=&quot;trackingNumber&quot;&gt;
                                    {{l('TrackingNumber')}}
                                    &lt;p-sortIcon field=&quot;trackingNumber&quot;&gt;&lt;/p-sortIcon&gt;
                                &lt;/th&gt;
                                
                                &lt;th&gt;
                                    {{l('Actions')}}
                                &lt;/th&gt;
                            &lt;/tr&gt;


                        &lt;/ng-template&gt;
                        &lt;ng-template pTemplate=&quot;body&quot; let-expanded=&quot;expanded&quot; let-record=&quot;$implicit&quot;&gt;
                            &lt;tr&gt;
                                &lt;td style=&quot;width: 35px&quot;&gt;
                                    &lt;a href=&quot;#&quot; [pRowToggler]=&quot;record&quot; (click)=&quot;getReturnOrderDetail(record)&quot;&gt;
                                        &lt;i [ngClass]=&quot;expanded ? &#39;pi pi-chevron-down&#39; : &#39;pi pi-chevron-right&#39;&quot;&gt;&lt;/i&gt;
                                    &lt;/a&gt;
                                &lt;/td&gt;
                                &lt;td style=&quot;width:10px&quot; hidden=&quot;true&quot;&gt;
                                    &lt;span class=&quot;ui-column-title&quot;&gt; {{orderHeaderId}} &lt;/span&gt;
                                    {{record.orderHeaderId}}
                                &lt;/td&gt;
                                &lt;td style=&quot;width:10px&quot; hidden=&quot;true&quot;&gt;
                                    &lt;span class=&quot;ui-column-title&quot;&gt; {{orderHeaderId}} &lt;/span&gt;
                                    {{record.orderHeaderId}}
                                &lt;/td&gt;
                                &lt;td *ngFor=&quot;let col of returnOrderCols&quot;&gt;
                                    {{col.field.includes('Time') || col.field.includes('Date') ?  (record[col.field] | momentFormat:'L LTS'):record[col.field]}}
                                &lt;/td&gt;
                                &lt;td style=&quot;width:135px&quot;&gt;
                                        &lt;span class=&quot;ui-column-title&quot;&gt; {{TrackingNumber}} &lt;/span&gt;
                                         {{record.trackingNumber}}
                                                                   
                                  &lt;/td&gt;cmd
                                &lt;td&gt;                                        
                                    &lt;button class=&quot;btn btn-sm btn-icon btn-success&quot; [attr.title]=&quot;l(&#39;ShippingLabel&#39;)&quot;&gt;
                                        &lt;i [class]=&quot;l(&#39;ShippingLabelIcon&#39;)&quot; [attr.aria-label]=&quot;l(&#39;ShippingLabel&#39;)&quot;&gt;&lt;/i&gt;
                                    &lt;/button&gt;
                                    &lt;button  *ngIf=&quot;canPackageSlipPrint&quot; class=&quot;btn btn-sm btn-icon btn-success ml-lg-4 ml-md-2&quot; [attr.title]=&quot;l(&#39;PackageSlip&#39;)&quot; (click)=&quot;reprintPackageSlip(record.orderNumber)&quot;&gt;
                                        &lt;i [class]=&quot;l(&#39;PackageSlipIcon&#39;)&quot; [attr.aria-label]=&quot;l(&#39;PackageSlip&#39;)&quot;&gt;&lt;/i&gt;
                                    &lt;/button&gt;
                                    &lt;!-- &lt;button class=&quot;btn btn-sm btn-icon btn-danger&quot; [attr.title]=&quot;l(&#39;ReturnDetail&#39;)&quot;
                                    (click)=&quot;getReturnOrderDetail(record)&quot;&gt;
                                        &lt;i class=&quot;fa fa-sticky-note&quot; [attr.aria-label]=&quot;l(&#39;ReturnDetail&#39;)&quot;&gt;&lt;/i&gt;
                                    &lt;/button&gt;-->
                                &lt;/td&gt;

                                &lt;td [hidden]=&quot;true&quot;&gt;
                                    &lt;div class=&quot;btn-group dropdown&quot; dropdown container=&quot;body&quot;&gt;
                                        &lt;button class=&quot;dropdown-toggle btn btn-sm btn-primary&quot; dropdownToggle&gt;
                                            &lt;i class=&quot;fa fa-print&quot;&gt;&lt;/i&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt; {{l("Actions")}}
                                        &lt;/button&gt;

                                    &lt;/div&gt;
                                &lt;/td&gt;

                            &lt;/tr&gt;
                        &lt;/ng-template&gt;

                        &lt;ng-template pTemplate=&quot;rowexpansion&quot; let-expanded=&quot;expanded&quot; let-record=&quot;$implicit&quot;&gt;

                            &lt;div style=&quot;margin-left:50px;&quot;&gt;
                                &lt;p-table rowExpandMode=&quot;single&quot; [value]=&quot;detailResults&quot;&gt;
                                    &lt;ng-template pTemplate=&quot;header&quot;&gt;
                                        &lt;tr&gt;
                                            &lt;th style=&quot;width: 150px&quot; pSortableColumn=&quot;manufacturer&quot;&gt;
                                                {{l('Manufacturer')}}
                                                &lt;p-sortIcon field=&quot;manufacturer&quot;&gt;&lt;/p-sortIcon&gt;
                                            &lt;/th&gt;
                                            &lt;th style=&quot;width: 250px&quot; pSortableColumn=&quot;model&quot;&gt;
                                                {{l('Model')}}
                                                &lt;p-sortIcon field=&quot;model&quot;&gt;&lt;/p-sortIcon&gt;
                                            &lt;/th&gt;
                                            &lt;th style=&quot;width: 150px&quot; pSortableColumn=&quot;serialNumber&quot;&gt;
                                                {{l('SerialNumber')}}
                                                &lt;p-sortIcon field=&quot;serialNumber&quot;&gt;&lt;/p-sortIcon&gt;
                                            &lt;/th&gt;
                                            &lt;th style=&quot;width: 150px&quot; pSortableColumn=&quot;status&quot;&gt;
                                                {{l('Status')}}
                                                &lt;p-sortIcon field=&quot;status&quot;&gt;&lt;/p-sortIcon&gt;
                                            &lt;/th&gt;
                                            &lt;th style=&quot;width: 150px&quot; pSortableColumn=&quot;returnType&quot;&gt;
                                                {{l('ReturnType')}}
                                                &lt;p-sortIcon field=&quot;returnType&quot;&gt;&lt;/p-sortIcon&gt;
                                            &lt;/th&gt;
                                        &lt;/tr&gt;
                                    &lt;/ng-template&gt;
                                    &lt;ng-template pTemplate=&quot;body&quot; let-record&gt;
                                        &lt;tr&gt;
                                            &lt;td style=&quot;width:150px&quot;&gt;
                                                &lt;span class=&quot;ui-column-title&quot;&gt; {{l('Manufacturer')}}&lt;/span&gt;
                                                {{record.manufacturer}}
                                            &lt;/td&gt;

                                            &lt;td style=&quot;width:250px&quot;&gt;
                                                &lt;span class=&quot;ui-column-title&quot;&gt; {{l('Model')}}&lt;/span&gt;
                                                {{record.model}}
                                            &lt;/td&gt;

                                            &lt;td style=&quot;width:150px&quot;&gt;
                                                &lt;span class=&quot;ui-column-title&quot;&gt; {{l('SerialNumber')}}&lt;/span&gt;
                                                {{record.serialNumber}}
                                            &lt;/td&gt;
                                            &lt;td style=&quot;width:150px&quot;&gt;
                                                &lt;span class=&quot;ui-column-title&quot;&gt; {{l('Status')}}&lt;/span&gt;
                                                {{record.status}}
                                            &lt;/td&gt;
                                            &lt;td style=&quot;width:150px&quot;&gt;
                                                &lt;span class=&quot;ui-column-title&quot;&gt; {{l('ReturnType')}}&lt;/span&gt;
                                                {{record.returnType}}
                                            &lt;/td&gt;

                                        &lt;/tr&gt;
                                    &lt;/ng-template&gt;
                                &lt;/p-table&gt;
                            &lt;/div&gt;

                        &lt;/ng-template&gt;



                    &lt;/p-table&gt;
                    &lt;div class=&quot;primeng-no-data&quot; *ngIf=&quot;primengTableHelper.totalRecordsCount == 0&quot;&gt;
                        {{l('NoData')}}
                    &lt;/div&gt;
                    &lt;div class=&quot;primeng-paging-container&quot;&gt;
                        &lt;p-paginator [rows]=&quot;primengTableHelper.defaultRecordsCountPerPage&quot; #paginator
                            (onPageChange)=&quot;getReturnsData($event)&quot;
                            [totalRecords]=&quot;primengTableHelper.totalRecordsCount&quot;
                            [rowsPerPageOptions]=&quot;primengTableHelper.predefinedRecordsCountPerPage&quot;&gt;
                        &lt;/p-paginator&gt;
                        &lt;span class=&quot;total-records-count&quot;&gt;
                            {{l('TotalRecordsCount', primengTableHelper.totalRecordsCount)}}
                        &lt;/span&gt;
                    &lt;/div&gt;

                &lt;/div&gt;
                &lt;!--&lt;Primeng-Datatable-End&gt;-->

            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
 &lt;printLabelModal #shippinglabel filename=&quot;{{fileName}}&quot;&gt;&lt;/printLabelModal&gt;
&lt;div [busyIf]=&quot;scanIsLoading&quot; *ngIf=&quot;!!scanIsLoading&quot;&gt;&lt;/div&gt;

</div>

**Here's the .ts file **

import { Component, OnInit, Injector, ViewEncapsulation, ViewChild, Input, ElementRef, ChangeDetectorRef, AfterViewInit } from '@angular/core'; import { ShipOutCartStatusUpdateInput, PagedResultDtoOfCosmosDBTransactionEntity, ReturnOrderServiceProxy, ReturnItems, OrderHeaderDto, GetOrderHeaderForViewDto, GetReturnsForViewDto } from '@shared/service-proxies/service-proxies'; import { CreateOrEditShipOutCartDto, CreateReturnOrderInput, CreateReturnOrderDto } from '@shared/service-proxies/service-proxies'; import { ActivatedRoute, Router } from '@angular/router'; import { appModuleAnimation } from '@shared/animations/routerTransition'; import { Table } from 'primeng/components/table/table'; import { Paginator } from 'primeng/components/paginator/paginator'; import { LazyLoadEvent } from 'primeng/components/common/lazyloadevent'; import { FileDownloadService } from '@shared/utils/file-download.service'; import { AppSessionService } from '@shared/common/session/app-session.service'; import * as jsPDF from 'jspdf'; import { ShipmentsServiceProxy, ShipmentCustomerLookupTableDto } from '@shared/service-proxies/service-proxies'; import Swal from 'sweetalert2'; import * as _ from 'lodash'; import * as moment from 'moment'; import { AppComponentBase } from '@shared/common/app-component-base'; import { OrganizationUnitsComboboxService } from '@app/main/header/organization-units-combobox/organization-units-combobox.service'; import { formatDate } from '@angular/common'; import { PrintLabelModalComponent } from '../../shared/printLabel/printLabel-modal.component'; import { DisplayMessageComponent } from '@app/main/shared/displayMessage/displayMessage.component'; import { isNullOrUndefined } from 'util';

@Component({ templateUrl: './returns.component.html', encapsulation: ViewEncapsulation.None, styleUrls: ['./returns.component.css'] }) export class ReturnsComponent extends AppComponentBase implements OnInit { @ViewChild('dataTable', { static: true }) dataTable: Table; @ViewChild('paginator', { static: true }) paginator: Paginator; @ViewChild('shippinglabel', { static: false }) printLabelModal: PrintLabelModalComponent; @ViewChild('displayMessage', { static: true }) displayMessage: DisplayMessageComponent; storeDisplayName: string; isValid = true; scanIsLoading = false; refreshGrid = false; advancedFiltersAreShown = false; filterText = ''; orderNumberFilter = ''; referenceNumberFilter = ''; commentFilter = ''; isDeletedFilter = -1; maxCreationTimeFilter: moment.Moment; minCreationTimeFilter: moment.Moment; maxModificationTimeFilter: moment.Moment; minModificationTimeFilter: moment.Moment; organizationUnitDisplayNameFilter = ''; orderStatusNameFilter = ''; userNameFilter = ''; orderTypeCodeFilter = ''; trackingNumberFilter = ''; shipmentTrackingNumberFilter = ''; //start dynamic columns - will come from backend shipOutCols: any[]; returnOrderCols: any[]; detailResults: any; returnorderId = ''; orderNumber: string; fileName = ''; shippingResults: any; labelImage: string; lithiumImage: string; labelType: string; trackingNumber: string; carrierName: string; labelIsLoading: boolean; returnOrderRma: string; returnOrderDetail: any; organizationUnitId: number; canPackageSlipPrint = JSON.parse(abp.features.getValue('App.IncludePackageSlipInReturnOrder'));

constructor( injector: Injector, private _appSessionService: AppSessionService, private _fileDownloadService: FileDownloadService, private _shipmentsServiceProxy: ShipmentsServiceProxy, private _organizationUnitsComboboxService: OrganizationUnitsComboboxService, private _returnOrderService: ReturnOrderServiceProxy, private router: Router, private activatedRoute: ActivatedRoute ) { super(injector); }

nextFrame(): void { if (this._organizationUnitsComboboxService === undefined || this._organizationUnitsComboboxService.selectedOrganizationUnit === undefined) { abp.notify.info(this.l('LoadReturninformation')); setTimeout(() => this.nextFrame(), 1000); } else { this.storeDisplayName = this._organizationUnitsComboboxService.selectedOrganizationUnit.displayName; this.organizationUnitId = this._organizationUnitsComboboxService.selectedOrganizationUnit.id; this.initialize(); this._organizationUnitsComboboxService.events$.forEach(event => { this.storeDisplayName = event.displayName; this.organizationUnitId = event.id; this.getReturnsData(); }); } }

ngOnInit(): void { this.nextFrame(); }

initialize() { this._returnOrderService .getReturnOrdersGridColumnsByTenant() .subscribe((data: any) => { this.returnOrderCols = JSON.parse(JSON.stringify(data)); }); }

// initial loading of return orders data getReturnsData(event?: LazyLoadEvent) { if (this.primengTableHelper.shouldResetPaging(event)) { this.paginator.changePage(0); return; }

this.primengTableHelper.showLoadingIndicator();
this._returnOrderService.getAllReturnOrders(
  this.filterText,
  this.orderNumberFilter,
  this.referenceNumberFilter,
  this.orderStatusNameFilter,
  this.userNameFilter,
  this.trackingNumberFilter,
  this.shipmentTrackingNumberFilter,
  this.organizationUnitId,
  this.primengTableHelper.getSorting(this.dataTable),
  this.primengTableHelper.getSkipCount(this.paginator, event),
  this.primengTableHelper.getMaxResultCount(this.paginator, event)
).subscribe(result => {
  this.primengTableHelper.totalRecordsCount = result.totalCount;
  this.primengTableHelper.records = result.items;
  this.primengTableHelper.hideLoadingIndicator();
},
  err => { this.primengTableHelper.hideLoadingIndicator(); }
);

}

getReturnOrderDetail(getReturns: GetReturnsForViewDto): void { this.primengTableHelper.showLoadingIndicator(); this.detailResults = []; this._returnOrderService.getReturnOrderDetails(getReturns.orderHeaderId) .subscribe(result => { this.detailResults = result; this.primengTableHelper.hideLoadingIndicator(); }, err => { this.primengTableHelper.hideLoadingIndicator(); } ); }

showPopup(warningMsg: string) { const swalWithCustomLogic = Swal.mixin({ onOpen: () => { document.body.className = document.body.className.replace("swal2-toast-shown swal2-shown", ''); }, onClose: () => { document.body.className = document.body.className + " swal2-toast-shown swal2-shown"; } });

swalWithCustomLogic.fire({
  text: warningMsg,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'OK',
  allowOutsideClick: false
}).then((result) => {
  if (result.value) {
  }
});

}

}

How to get the information stored in these caches given below ? we dont use redis. Is there an api which is exposed where i need to pass in a parameter ?

these are the most important caches:

Assurant.Majestic.AlpConfiguration.ALPConfigurationCache AbpApplicationSettingsCache AbpUserSettingsCache AbpZeroTenantFeatures AbpTenantSettingsCache OrgUnit Caches OrganizationUnitInformation Language Caches AbpZeroMultiTenantLocalizationDictionaryCache

any updates please ? we have this issue in our production

Showing 11 to 20 of 152 entries