src.stories.pages.layout.page.stories.ts Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of ui Show documentation
There is a newer version: 2.9.0
import { Meta, moduleMetadata, Story } from '@storybook/angular';
import { ParentComponent } from '@core/components/parent/parent.component';
import { InfoService, LinkifierService, LoginService } from '@core/services';
import { Observable, of } from 'rxjs';
import { Authorization, Linkifier, User } from '@model';
import { TranslateModule } from '@ngx-translate/core';
import { TranslateTestingModule } from '../../app/testing/translate-testing.module';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { ChutneyLeftMenuComponent } from '@shared/components/layout/left-menu/chutney-left-menu.component';
import { ChutneyMainHeaderComponent } from '@shared/components/layout/header/chutney-main-header.component';
import { RouterModule, Routes } from '@angular/router';
import { intersection } from '@shared/tools';

const mockLoginService = {
    hasAuthorization(authorization: Array | Authorization = [], u: User = null): boolean {
        return true
    },
    isAuthenticated(): boolean {
        return true
    },
    getUser(): Observable {
        return of(new User('user_id', 'username', 'firstname'))
    }
};

const mocklinkifierService = {
    loadLinkifiers(): Observable> {
        return of([]);
    }
};

const mockInfoService = {
    getVersion(): Observable {
        return of('fake.version');
    },
    getApplicationName(): Observable {
        return of('app-name');
    }
};

const routes: Routes = [
    {
        path: '', component: ParentComponent, children: [
            {path: '', component: ChutneyMainHeaderComponent, outlet: 'header'},
            {path: '', component: ChutneyLeftMenuComponent, outlet: 'left-side-bar'}
        ]
    }
];

export default {
    title: 'Pages/Layout',
    component: ParentComponent,
    decorators: [
        moduleMetadata({
            imports: [
                RouterModule.forRoot(routes, {
                    useHash: true,
                    enableTracing: false,
                    relativeLinkResolution: 'legacy'
                }), TranslateModule, TranslateTestingModule],
            providers: [
                {provide: LoginService, useValue: mockLoginService},
                {provide: LinkifierService, useValue: mocklinkifierService},
                {provide: InfoService, useValue: mockInfoService}
            ],
            schemas: [CUSTOM_ELEMENTS_SCHEMA]
        })
    ]
} as Meta;

const Template: Story = (args) => ({
    props: args,
});

export const Default = Template.bind({});
Default.args = {
    // args are taken from component level args.
};

export const AdminAccess = Template.bind({});
AdminAccess.decorators = [
    moduleMetadata({
           providers: [
               {
                   provide: LoginService, useValue: {
                       ...mockLoginService,
                       hasAuthorization(authorization: Array | Authorization = [], u: User = null): boolean {
                           return !authorization.length || intersection([Authorization.ADMIN_ACCESS], [...authorization]).length > 0;
                       }
                   }
               }
           ]
       })
];

export const UserAccess = Template.bind({});
UserAccess.decorators = [
    moduleMetadata({
        providers: [
            {
                provide: LoginService, useValue: {
                    ...mockLoginService,
                    hasAuthorization(authorization: Array | Authorization = [], u: User = null): boolean {
                        return !authorization.length || intersection([Authorization.CAMPAIGN_READ, Authorization.GLOBAL_VAR_READ, Authorization.SCENARIO_READ], [...authorization]).length > 0;
                    }
                }
            }
        ]
    })
];