{"type":"doc","content":[{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Problem statement","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"For the adaptors to experience the collections which are part of knowLG building block there is a need to build a player which will render them, So there is a need to build a collection player which supports all types of collections.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Since the knowLG portal is built using the angular framework we will design the player as a component and each is responsible for taking the input data and rendering and also providing the output event for the same.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Design","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"f8ee93a9-b225-4d04-a2c0-ba93527de6d2"}}]}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":946,"id":"a1998348-73ab-4362-ae78-1451c4d7d8d9","collection":"contentId-3177349121","type":"file","height":930}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Below provides the interfaces for each component that needs to be implemented","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"<","type":"text"},{"text":"sb-collection-player","type":"text","marks":[{"type":"strong"}]},{"text":" [collection]=””>","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"<","type":"text"},{"text":"sb-collection-header ","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"[name]=””","type":"text"}]},{"type":"paragraph","content":[{"text":" [metadata]=”<['string': ‘’]>” />","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"<","type":"text"},{"text":"sb-collection-renderer","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"[hierarchy]=”collection-hierarchy” ","type":"text"}]},{"type":"paragraph","content":[{"text":"(selectedContent)=”renderContent($event)” />","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"<","type":"text"},{"text":"sb-toc-item ","type":"text","marks":[{"type":"strong"}]},{"text":"….> - This should be used from the common consumption components which renders the hierarchy.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"<","type":"text"},{"text":"sb-content-info","type":"text","marks":[{"type":"strong"}]},{"text":" [content]=”content”>","type":"text"}]},{"type":"paragraph","content":[{"text":"<","type":"text"},{"text":"sb-collection-info","type":"text","marks":[{"type":"strong"}]},{"text":" [collection]=””>","type":"text"}]},{"type":"paragraph"}],"version":1}

Browser not supported