pip-webui/pip-webui-documents/samples/document_list_sample/document-list.html

HTML5 UI for LOB applications

<h2 class="text-title tm0 bm24">{{ 'DOCUMENT_LIST' | translate }}</h2>

<h3 class="text-subhead2">{{ 'COLLAPSED' | translate }}</h3>

<pip-document-list pip-documents="documents"
                   pip-rebind="true"
                   pip-collapse="true"
                   ng-disabled="documentListDisabled">
</pip-document-list>

<div>
    <md-button class="lm0 md-raised md-accent flat" ng-click="documentListDisabled = !documentListDisabled">
        <span>{{documentListDisabled ? 'Enable': 'Disable'}}</span>
    </md-button>
</div>

<pre class="text-body1 color-window-bg p16">
<h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3>
<code class="language-markup">&lt;<strong>pip-document-list</strong> pip-documents="documents"
                   pip-rebind="true"
                   pip-collapse="true"
                   ng-disabled="documentListDisabled"&gt;
&lt;/<strong>pip-document-list</strong>&gt;
</code>
</pre>

<md-divider class="tm8 pip-list-divider"></md-divider>

<h3 class="text-subhead2">{{ 'COLLAPSED' | translate }} {{ 'WITH_ICON' | translate }}</h3>

<pip-document-list pip-documents="documents"
                   pip-document-icon="true"
                   pip-rebind="true"
                   pip-collapse="true"
                   ng-disabled="documentListDisabledIcon">
</pip-document-list>

<div>
    <md-button class="lm0 md-raised md-accent flat" ng-click="documentListDisabledIcon = !documentListDisabledIcon">
        <span>{{documentListDisabledIcon ? 'Enable': 'Disable'}}</span>
    </md-button>
</div>

<pre class="text-body1 color-window-bg p16">
<h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3>
<code class="language-markup">&lt;<strong>pip-document-list</strong> pip-documents="documents"
                <strong>pip-document-icon="true"</strong>
                pip-rebind="true"
                pip-collapse="true"
                ng-disabled="documentListDisabled"&gt;
&lt;/<strong>pip-document-list</strong>&gt;
</code>
        </pre>