mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-18 14:22:35 +00:00
6747610771
+ Added: New logo to the various pages + Fixed: Mobile zoom is not disabled + Fixed: Profile timeline mobile order is not correct + Fixed: Quickpanel focusses to the form elements causing it to scroll on mobile devices when opened + Various demo page mobile fixes
73 lines
1.9 KiB
HTML
73 lines
1.9 KiB
HTML
<md-list class="date" cdk-focus-region-start>
|
|
|
|
<h3 md-subheader cdk-focus-init>
|
|
<span>Today</span>
|
|
</h3>
|
|
|
|
<div class="secondary-text mat-display-1 mb-0 p-16">
|
|
<div class="mb-12">
|
|
{{date | date:'EEEE'}}
|
|
</div>
|
|
<div fxLayout="row" fxLayoutAlign="start start">
|
|
<span> {{date | date:'d'}}</span>
|
|
<span class="mat-subheading-1">th</span>
|
|
<span> {{date | date:'MMMM'}}</span>
|
|
</div>
|
|
</div>
|
|
</md-list>
|
|
|
|
<md-divider cdk-focus-region-end></md-divider>
|
|
|
|
<md-list>
|
|
<h3 md-subheader>
|
|
<span>Events</span>
|
|
</h3>
|
|
|
|
<md-list-item *ngFor="let event of events">
|
|
<h3 md-line>{{event.title}}</h3>
|
|
<p md-line class="secondary-text">{{event.detail}}</p>
|
|
</md-list-item>
|
|
</md-list>
|
|
|
|
<md-divider></md-divider>
|
|
|
|
<md-list>
|
|
<h3 md-subheader>
|
|
<span>Notes</span>
|
|
</h3>
|
|
|
|
<md-list-item *ngFor="let note of notes">
|
|
<h3 md-line>{{note.title}}</h3>
|
|
<p md-line class="secondary-text">{{note.detail}}</p>
|
|
</md-list-item>
|
|
</md-list>
|
|
|
|
<md-divider></md-divider>
|
|
|
|
<md-list>
|
|
<h3 md-subheader>
|
|
<span>Quick Settings</span>
|
|
</h3>
|
|
|
|
<md-list-item>
|
|
<md-slide-toggle fxFlex class="mat-primary" [(ngModel)]="settings.notify" aria-label="Notifications"
|
|
labelPosition="before">
|
|
<h3>Notifications</h3>
|
|
</md-slide-toggle>
|
|
</md-list-item>
|
|
|
|
<md-list-item>
|
|
<md-slide-toggle fxFlex class="mat-accent" [(ngModel)]="settings.cloud" aria-label="Cloud"
|
|
labelPosition="before">
|
|
<h3>Cloud Sync</h3>
|
|
</md-slide-toggle>
|
|
</md-list-item>
|
|
|
|
<md-list-item>
|
|
<md-slide-toggle fxFlex class="mat-warn" [(ngModel)]="settings.retro" aria-label="Retro Thrusters"
|
|
labelPosition="before">
|
|
<h3>Retro Thrusters</h3>
|
|
</md-slide-toggle>
|
|
</md-list-item>
|
|
</md-list>
|