blob: c4e2724eaf8d918f35e34a9930dc9936217582f0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
import React from 'react';
import {storiesOf, action} from '@kadira/storybook';
import {select, withKnobs} from '@kadira/storybook-addon-knobs';
import CatalogItemDetails from './CatalogItemDetails.jsx';
import {FinalizedLicenseModelFactory} from 'test-utils/factories/licenseModel/LicenseModelFactories.js';
import {statusEnum} from 'nfvo-components/panel/versionController/VersionControllerConstants.js';
const stories = storiesOf('CatalogTiles', module);
stories.addDecorator(withKnobs);
const types = [
'license-model-type',
'software-product-type'
];
function selectType() {
return select('Item type' , types, types[0]);
}
let vlm = FinalizedLicenseModelFactory.build({name: 'Test-VLM'});
let unclockedVlm = {...vlm, status: statusEnum.CHECK_OUT_STATUS};
stories
.add('preview', () => (
<div className='catalog-view'>
<div className='catalog-list'>
<div className='catalog-items'>
<CatalogItemDetails catalogItemData={vlm} catalogItemTypeClass={selectType()} onSelect={action('onSelect')} onMigrate={action('onMigrate')}/>
<CatalogItemDetails catalogItemData={unclockedVlm} catalogItemTypeClass={selectType()} onSelect={action('onSelect')} onMigrate={action('onMigrate')}/>
</div>
</div>
</div>
));
|