import { experimentOn } from '@islavi/ng2-component-lab'; import { ChecklistItemModel } from "../../src/angular/checklist/models/ChecklistItem"; import { ChecklistModel } from "../../src/angular/checklist/models/Checklist"; const styleCode = 'h5{color:red;} pre{background-color: #d1d1d1; padding: 10px;}'; const checklistValuesExample1 = []; const checkListExample1: ChecklistModel = new ChecklistModel(checklistValuesExample1, [new ChecklistItemModel('apple'), new ChecklistItemModel('banana'), new ChecklistItemModel('orange')]); const checklistValuesExample2 = []; const checkListExample2: ChecklistModel = new ChecklistModel(checklistValuesExample2, [new ChecklistItemModel('apple', false, false, null, 0), new ChecklistItemModel('banana', false, false, null, 1), new ChecklistItemModel('orange', false, false, null, 2)]); const checklistValuesExample3 = []; const checkListExample3: ChecklistModel = new ChecklistModel(checklistValuesExample3, [new ChecklistItemModel('apple', false, true), new ChecklistItemModel('banana'), new ChecklistItemModel('orange', false, true)]); const checklistValuesExample4 = []; const checkListExample4: ChecklistModel = new ChecklistModel(checklistValuesExample4, [new ChecklistItemModel('apple', true, true), new ChecklistItemModel('banana', true), new ChecklistItemModel('orange')]); const checklistValuesExample5 = []; const innerChecklistValues = []; const checkListExample5: ChecklistModel = new ChecklistModel(checklistValuesExample5, [new ChecklistItemModel('apple', false, false, new ChecklistModel(innerChecklistValues, [new ChecklistItemModel('red'), new ChecklistItemModel('green'), new ChecklistItemModel('yellow')])), new ChecklistItemModel('banana'), new ChecklistItemModel('orange')]); const checklistFirstLevelValuesExample6 = []; const checklistSecondLevelValuesExample6 = []; const checklistThirdLevelValuesExample6 = []; const checkListExample6: ChecklistModel = new ChecklistModel(checklistFirstLevelValuesExample6, [new ChecklistItemModel('1', false, false, new ChecklistModel(checklistSecondLevelValuesExample6, [new ChecklistItemModel('1.1'), new ChecklistItemModel('1.2', false, false, new ChecklistModel(checklistThirdLevelValuesExample6, [new ChecklistItemModel('1.2.1'), new ChecklistItemModel('1.2.2'), new ChecklistItemModel('1.2.3')])), new ChecklistItemModel('1.3')])), new ChecklistItemModel('2'), new ChecklistItemModel('3')]); export default experimentOn('Checklist') .group("Checklist",[ { id: 'checklist', showSource: true, context: { checklistModel: checkListExample1, checklistValues: checklistValuesExample1 }, styles: [styleCode], title: 'Checklist', description: `
`, template: ` Selected values: {{checklistValues.toString()}}The checklistModel parameter:
const checklistValues = []; const checklistModel: ChecklistModel = new ChecklistModel(checklistValues, [new ChecklistItemModel('apple'), new ChecklistItemModel('banana'), new ChecklistItemModel('orange')]);
`, template: ` Selected values: {{checklistValues.toString()}}The checklistModel parameter:
const checklistValues = []; const checklistModel: ChecklistModel = new ChecklistModel(checklistValues, [new ChecklistItemModel('apple', false, false, null, 0), new ChecklistItemModel('banana', false, false, null, 1), new ChecklistItemModel('orange', false, false, null, 2)]);
`, template: ` Selected values: {{checklistValues.toString()}}The checklistModel parameter:
const checklistValues = []; const checklistModel: ChecklistModel = new ChecklistModel(checklistValues, [new ChecklistItemModel('apple', false, true), new ChecklistItemModel('banana'), new ChecklistItemModel('orange', false, true)]);
`, template: ` Selected values: {{checklistValues.toString()}}The checklistModel parameter:
const checklistValues = []; const checklistModel: ChecklistModel = new ChecklistModel(checklistValues, [new ChecklistItemModel('apple', true, true), new ChecklistItemModel('banana', true), new ChecklistItemModel('orange')]);
`, template: `The checklistModel parameter:
const checklistValues = []; const innerChecklistValues = []; const checklistModel: ChecklistModel = new ChecklistModel(checklistValues, [new ChecklistItemModel('apple', false, false,new ChecklistModel(innerChecklistValues,[new ChecklistItemModel('red'), new ChecklistItemModel('green'), new ChecklistItemModel('yellow')])), new ChecklistItemModel('banana'), new ChecklistItemModel('orange')]);
`, template: `The checklistModel parameter:
const checklistFirstLevelValues = []; const checklistSecondLevelValues = []; const checklistThirdLevelValues = []; const checklistModel: ChecklistModel = new ChecklistModel(checklistFirstLevelValues, [new ChecklistItemModel('1', false, false, new ChecklistModel(checklistSecondLevelValues, [new ChecklistItemModel('1.1'), new ChecklistItemModel('1.2', false, false, new ChecklistModel(checklistThirdLevelValues, [new ChecklistItemModel('1.2.1'), new ChecklistItemModel('1.2.2'), new ChecklistItemModel('1.2.3')])), new ChecklistItemModel('1.3')])), new ChecklistItemModel('2'), new ChecklistItemModel('3')]);