pip-webui
Version:
HTML5 UI for LOB applications
111 lines (88 loc) • 4.58 kB
HTML
<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"><pip-date pip-time-mode="past" ng-model="specialDate">
</pip-date>
</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"><pip-date ng-model="specialDate" ng-disabled="true">
</pip-date>
</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"><pip-time-range-edit pip-start-date="startDate" pip-end-date="endDate">
</pip-time-range-edit>
</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"><pip-time-range pip-start-date="startDate" pip-end-date="endDate" pip-rebind="true">
</pip-time-range>
</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"><pip-time-range-edit pip-start-date="startDate" pip-end-date="endDate" ng-disabled="true">
</pip-time-range-edit>
</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"><pip-date-range pip-date-range-type="daily" ng-model="daily">
</pip-date-range>
</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"><pip-date-range pip-date-range-type="weekly" ng-model="weekly">
</pip-date-range>
</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"><pip-date-range pip-date-range-type="monthly" ng-model="monthly">
</pip-date-range>
</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"><pip-date-range pip-date-range-type="yearly" ng-model="yearly">
</pip-date-range>
</code>
</pre>