mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
improve mobile login,home and settings styles
This commit is contained in:
Mario Romano
@@ -1,112 +1,150 @@
|
||||
<div class="p-10">
|
||||
<h1>Demo App</h1>
|
||||
<p>Demo Application for Alfresco Angular 2 Components</p>
|
||||
|
||||
<h2>Featured demos</h2>
|
||||
Some of the areas will require diffent authentication providers.
|
||||
See details for each component.
|
||||
You may be automatically redirected to Login screen.
|
||||
|
||||
|
||||
<h3><a href="" routerLink="/files">DocumentList</a></h3>
|
||||
<div>
|
||||
Demonstrates multiple Alfresco ECM components used together:
|
||||
<!-- 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>
|
||||
Document List (
|
||||
<a href="https://www.npmjs.com/package/ng2-alfresco-documentlist" target="_blank">ng2-alfresco-documentlist</a>
|
||||
)
|
||||
<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>
|
||||
Upload (
|
||||
<a href="https://www.npmjs.com/package/ng2-alfresco-upload" target="_blank">ng2-alfresco-upload</a>
|
||||
)
|
||||
<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>
|
||||
Context Menu (
|
||||
<a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
|
||||
)
|
||||
<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>
|
||||
DataTable (
|
||||
<a href="https://www.npmjs.com/package/ng2-alfresco-datatable" target="_blank">ng2-alfresco-datatable</a>
|
||||
)
|
||||
<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>
|
||||
<p>
|
||||
Authentication provider: ECM
|
||||
</p>
|
||||
|
||||
<h3><a href="" routerLink="/activiti">Activiti</a></h3>
|
||||
<div>
|
||||
Demonstrates multiple Alfresco BPM components used together:
|
||||
<ul>
|
||||
<li>
|
||||
App List (
|
||||
<a href="https://www.npmjs.com/package/ng2-activiti-tasklist" target="_blank">ng2-activiti-tasklist</a>
|
||||
)
|
||||
</li>
|
||||
<li>
|
||||
Task List (
|
||||
<a href="https://www.npmjs.com/package/ng2-activiti-tasklist" target="_blank">ng2-activiti-tasklist</a>
|
||||
)
|
||||
</li>
|
||||
<li>
|
||||
Process List (
|
||||
<a href="https://www.npmjs.com/package/ng2-activiti-processlist" target="_blank">ng2-activiti-processlist</a>
|
||||
)
|
||||
</li>
|
||||
<li>
|
||||
Form (
|
||||
<a href="https://www.npmjs.com/package/ng2-activiti-form" target="_blank">ng2-activiti-form</a>
|
||||
)
|
||||
</li>
|
||||
<li>
|
||||
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>
|
||||
DataTable (
|
||||
<a href="https://www.npmjs.com/package/ng2-alfresco-datatable" target="_blank">ng2-alfresco-datatable</a>
|
||||
)
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>
|
||||
Authentication provider: BPM
|
||||
</p>
|
||||
|
||||
<h3><a href="" routerLink="/datatable">DataTable</a></h3>
|
||||
<p>TODO: summary</p>
|
||||
<p>
|
||||
Authentication provider: any
|
||||
</p>
|
||||
|
||||
<h3><a href="" routerLink="/uploader">Uploader</a></h3>
|
||||
<p>TODO: summary</p>
|
||||
<p>
|
||||
Authentication provider: ECM
|
||||
</p>
|
||||
|
||||
<h3><a href="" routerLink="/login">Login</a></h3>
|
||||
<p>TODO: summary</p>
|
||||
<p>
|
||||
Authentication provider: none
|
||||
</p>
|
||||
|
||||
<h3><a href="" routerLink="/webscript">Webscript</a></h3>
|
||||
<p>TODO: summary</p>
|
||||
<p>
|
||||
Authentication provider: ECM
|
||||
</p>
|
||||
|
||||
<h3><a href="" routerLink="/tag">Tag</a></h3>
|
||||
<p>TODO: summary</p>
|
||||
<p>
|
||||
Authentication provider: ECM
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user