import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
    import { ActionFabComponent } from './action-fab/action-fab.component';
    import { FloatBtnComponent } from '~/app/float-btn.component';
    import { PatientActionBarComponent } from './patient-action-bar/patient-action-bar.component';
    import { PatientTopHeaderComponent } from './patinet-top-header-component';


    @NgModule({
        declarations: [
            ActionFabComponent,
            FloatBtnComponent,
            PatientActionBarComponent,
            PatientTopHeaderComponent
        ],
        imports: [
        ],
        exports: [
            PatientActionBarComponent,
            PatientTopHeaderComponent
        ],
        schemas: [
            NO_ERRORS_SCHEMA
        ],
        entryComponents: [
            ActionFabComponent
        ],
        providers: [],
    })
    export class PatientSharedModule

import { DatePipe } from '@angular/common';
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
import { NativeScriptCommonModule } from 'nativescript-angular/common';
import { NativeScriptFormsModule } from 'nativescript-angular/forms';
import { NativeScriptUIAutoCompleteTextViewModule } from 'nativescript-ui-autocomplete/angular/autocomplete-directives';
import { NativeScriptUIChartModule } from 'nativescript-ui-chart/angular/chart-directives';
import { NativeScriptUIListViewModule } from 'nativescript-ui-listview/angular/listview-directives';
import { ActionService } from '~/app/services/action/action.service';
import { AppNotificationService } from '~/app/services/app-notification-service';
import { ChartService } from '~/app/services/chart/chart.service';
import { sharedModule } from '../shared-mudule';
import { ActionRoutingModule } from './action-routing-module';
import { ActionComponent } from './action/action.component';
import { DoctorOrdersComponent } from './doctor-orders/doctor-orders.component';
import { PatientSharedModule } from './patient-shared.module';

@NgModule({
    imports: [
        NativeScriptCommonModule,
        NativeScriptUIListViewModule,
        NativeScriptUIChartModule,
        NativeScriptFormsModule,
        ReactiveFormsModule,
        sharedModule,
        PatientSharedModule,
        NativeScriptFormsModule,
        ActionRoutingModule,
        NativeScriptUIAutoCompleteTextViewModule
    ],
    declarations: [
        ActionComponent,
        DoctorOrdersComponent,


    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ],
    providers: [
        DatePipe,
        ChartService,
        ActionService,
        AppNotificationService
    ],
    entryComponents: [
        DoctorOrdersComponent,


    ]
})
export class ActionModule {
    constructor() {
        console.log('action module initiated');
    }
}

<patient-action-bar [patientName]='patientName'></patient-action-bar>
<GridLayout rows="*" columns="*" height="100%" width="100%">
    <ActivityIndicator [busy]="isLoading" class="indicator"></ActivityIndicator>  <RL:Ripple row="0" rippleColor="#fff" style="margin-top: 2px;">
                <GridLayout class="float-btn-cat" (tap)="doctorOrderButtonClicked"
                    [class.button-clicked]="doctorOrderButtonClicked">
                    <Label class="fas float-btn-cat-text-fawesome" (tap)="selectDoctorOrder()" text="&#xf0f0;"
                        [style.color]="doctorOrderButtonClicked ? '#FF8910' : '#FFFFFF'"></Label>
                </GridLayout>
            </RL:Ripple>
        </GridLayout>
    </StackLayout>
</GridLayout>