UNPKG

pip-webui

Version:

HTML5 UI for LOB applications

111 lines (88 loc) 4.58 kB
<h2 class="text-title tm0 bm24">{{:: 'DATE' | translate}}:</h2> <pip-date pip-time-mode="past" ng-model="specialDate" > </pip-date> <p class="text-body1 tm16 bm16">{{:: 'VALUE' | translate }}: {{ specialDate || 'NULL' }}</p> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-date pip-time-mode="past" ng-model="specialDate"&gt; &lt;/pip-date&gt; </code> </pre> <h3 class="text-subhead2">{{:: 'DISABLED' | translate }} </h3> <pip-date ng-model="specialDate" ng-disabled="true"> </pip-date> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-date ng-model="specialDate" ng-disabled="true"&gt; &lt;/pip-date&gt; </code> </pre> <md-divider class="tm8 pip-list-divider"></md-divider> <h2 class="text-title tm24 bm24">{{:: 'TIME_EDIT_TIME_VIEW' | translate }}:</h2> <pip-time-range-edit pip-start-date="startDate" pip-end-date="endDate"></pip-time-range-edit> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-time-range-edit pip-start-date="startDate" pip-end-date="endDate"&gt; &lt;/pip-time-range-edit&gt; </code> </pre> <pip-time-range pip-start-date="startDate" pip-end-date="endDate" pip-rebind="true"></pip-time-range> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-time-range pip-start-date="startDate" pip-end-date="endDate" pip-rebind="true"&gt; &lt;/pip-time-range&gt; </code> </pre> <h3 class="text-subhead2">{{:: 'DISABLED' | translate }}</h3> <pip-time-range-edit pip-start-date="startDate" pip-end-date="endDate" ng-disabled="true"></pip-time-range-edit> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-time-range-edit pip-start-date="startDate" pip-end-date="endDate" ng-disabled="true"&gt; &lt;/pip-time-range-edit&gt; </code> </pre> <md-divider class="tm8 pip-list-divider"></md-divider> <h2 class="text-title tm24 bm24">{{:: 'DATE_RANGE' | translate }}:</h2> <h3 class="text-subhead2">{{:: 'DAILY' | translate }}: </h3> <pip-date-range pip-date-range-type="daily" ng-model="daily"></pip-date-range> <p class="text-body1 tm16 bm16">{{:: 'VALUE' | translate }}: {{ daily }}</p> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-date-range pip-date-range-type="daily" ng-model="daily"&gt; &lt;/pip-date-range&gt; </code> </pre> <md-divider class="tm8 pip-list-divider"></md-divider> <h3 class="text-subhead2">{{:: 'WEEKLY' | translate}}: </h3> <pip-date-range pip-date-range-type="weekly" ng-model="weekly"></pip-date-range> <p class="text-body1 tm16 bm16">{{:: 'VALUE' | translate }}: {{ weekly }}</p> <md-button class="lm0 md-raised md-accent flat" ng-click="onNextWeek()"> {{:: 'NEXT_WEEK' | translate }} </md-button> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-date-range pip-date-range-type="weekly" ng-model="weekly"&gt; &lt;/pip-date-range&gt; </code> </pre> <md-divider class="tm8 pip-list-divider"></md-divider> <h3 class="text-subhead2">{{:: 'MONTHLY' | translate }}: </h3> <pip-date-range pip-date-range-type="monthly" ng-model="monthly"></pip-date-range> <p class="text-body1 tm16 bm16">{{:: 'VALUE' | translate }}: {{ monthly }}</p> <h3 class="text-subhead2">{{:: 'CODE' | translate}}</h3> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-date-range pip-date-range-type="monthly" ng-model="monthly"&gt; &lt;/pip-date-range&gt; </code> </pre> <md-divider class="tm8 pip-list-divider"></md-divider> <h3 class="text-subhead2">{{:: 'YEARLY' | translate}}: </h3> <pip-date-range pip-date-range-type="yearly" ng-model="yearly"></pip-date-range> <p class="text-body1 tm16 bm16">{{:: 'VALUE' | translate }}: {{ yearly }}</p> <pre class="text-body1 color-window-bg p16"> <h3 class="text-subhead2 m0">{{:: 'CODE' | translate}}</h3> <code class="language-markup">&lt;pip-date-range pip-date-range-type="yearly" ng-model="yearly"&gt; &lt;/pip-date-range&gt; </code> </pre>