alfresco-ng2-components/demo-shell-ng2/app/components/home/home.component.html

<!-- DOCUMENT LIST-->
<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
        <div class="mdl-card__title mdl-card--expand" routerLink="/files">
            <h2 class="mdl-card__title-text"><i class="material-icons">dvr</i> DocumentList - ECM</h2>
        </div>
    <div class="mdl-card__supporting-text">
        Demonstrates multiple Alfresco ECM components used together to show the files of you ECM instance :
        <ul>
            <li>
                <i class="material-icons">brightness_1</i> Comunication with the Rest Api and core services
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
            <li>
                <i class="material-icons">dvr</i> Document List
                <a href="https://www.npmjs.com/package/ng2-alfresco-documentlist" target="_blank">ng2-alfresco-documentlist</a>
            </li>
            <li>
                <i class="material-icons">file_upload</i> Upload
                <a href="https://www.npmjs.com/package/ng2-alfresco-upload" target="_blank">ng2-alfresco-upload</a>
            </li>
            <li>
                <i class="material-icons">view_module</i> DataTable
                <a href="https://www.npmjs.com/package/ng2-alfresco-datatable" target="_blank">ng2-alfresco-datatable</a>
            </li>
        </ul>
    </div>
</div>


<!-- ACTIVITI-->
<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
        <div class="mdl-card__title mdl-card--expand" routerLink="/activiti">
            <h2 class="mdl-card__title-text"><i class="material-icons">apps</i> Activiti - BPM</h2>
        </div>
    <div class="mdl-card__supporting-text">
        Demonstrates multiple Alfresco BPM components used together to show your BPM prorcess and tasks:
        <ul>
            <li>
                <i class="material-icons">brightness_1</i> Comunication with the Rest Api and core services
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
            <li>
                <i class="material-icons">view_module</i> App List
                <a href="https://www.npmjs.com/package/ng2-activiti-tasklist" target="_blank">ng2-activiti-apps</a>
            </li>
            <li>
                <i class="material-icons">view_headline</i> Task List
                <a href="https://www.npmjs.com/package/ng2-activiti-tasklist" target="_blank">ng2-activiti-tasklist</a>
            </li>
            <li>
                <i class="material-icons">view_headline</i> Process List
                <a href="https://www.npmjs.com/package/ng2-activiti-processlist" target="_blank">ng2-activiti-processlist</a>
            </li>
            <li>
                <i class="material-icons">view_quilt</i> Form
                <a href="https://www.npmjs.com/package/ng2-activiti-form" target="_blank">ng2-activiti-form</a>
            </li>
            <li>
                <i class="material-icons">pie_chart</i> Analytics
                <a href="https://www.npmjs.com/package/ng2-activiti-analytics" target="_blank">ng2-activiti-analytics</a>,
                <a href="https://www.npmjs.com/package/ng2-activiti-diagrams" target="_blank">ng2-activiti-diagrams</a>
            </li>
            <li>
                <i class="material-icons">view_module</i> DataTable
                <a href="https://www.npmjs.com/package/ng2-alfresco-datatable" target="_blank">ng2-alfresco-datatable</a>
            </li>
        </ul>
    </div>
</div>


<!-- DATATABLE-->
<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
        <div class="mdl-card__title mdl-card--expand" routerLink="/datatable">
            <h2 class="mdl-card__title-text"><i class="material-icons">view_module</i> DataTable-ECM&BPM</h2>
        </div>
    <div class="mdl-card__supporting-text">
        Basic table component:
        <ul>
            <li>
                <i class="material-icons">brightness_1</i> Comunication with the Rest Api and core services
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </div>
</div>

<!-- UPLOADER-->
<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
        <div class="mdl-card__title mdl-card--expand" routerLink="/uploader">
            <h2 class="mdl-card__title-text"><i class="material-icons">file_upload</i> Uploader - ECM</h2>
        </div>
    <div class="mdl-card__supporting-text">
        Basic table uploader component for the ECM and BPM:
        <ul>
            <li>
                <i class="material-icons">brightness_1</i> Comunication with the Rest Api and core services
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </div>
</div>

<!-- LOGIN-->
<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
        <div class="mdl-card__title mdl-card--expand" routerLink="/login">
            <h2 class="mdl-card__title-text"><i class="material-icons">account_circle</i> Login - ECM & BPM</h2>
        </div>
    <div class="mdl-card__supporting-text">
        Login component for the ECM and BPM:
        <ul>
            <li>
                <i class="material-icons">brightness_1</i> Comunication with the Rest Api and core services
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </div>
</div>

<!-- WEBSCRIPT-->
<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
    <div class="mdl-card__title mdl-card--expand" routerLink="/webscript">
        <h2 class="mdl-card__title-text"><i class="material-icons">extension</i> Webscript - ECM</h2>
    </div>
    <div class="mdl-card__supporting-text">
        Shows and create webscripts in your ECM instance:
        <ul>
            <li>
                <i class="material-icons">brightness_1</i> Comunication with the Rest Api and core services
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </div>
</div>

<!-- TAG-->
<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
        <div class="mdl-card__title mdl-card--expand" routerLink="/tag">
            <h2 class="mdl-card__title-text"><i class="material-icons">local_offer</i> Tag - ECM</h2>
        </div>
    <div class="mdl-card__supporting-text">
        Shows and add tags to the node of your ECM instance:
        <ul>
            <li>
                <i class="material-icons">brightness_1</i> Comunication with Rest
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </div>
</div>