-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #41 from ng-girls/ng-conf-v2
Ng conf v2: add internal view
- Loading branch information
Showing
34 changed files
with
451 additions
and
31 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,63 @@ | ||
// Define @font-face rules for Roboto Light | ||
@font-face { | ||
font-family: 'Roboto'; | ||
src: local('Roboto Light'), local('Roboto-Light'), | ||
url('/assets/font/roboto/Roboto-Light.woff2') format('woff2'), | ||
url('/assets/font/roboto/Roboto-Light.woff') format('woff'); | ||
font-weight: 300; | ||
font-style: normal; | ||
} | ||
|
||
// Define @font-face rules for Roboto Medium | ||
@font-face { | ||
font-family: 'Roboto'; | ||
src: local('Roboto Medium'), local('Roboto-Medium'), | ||
url('/assets/font/roboto/Roboto-Medium.woff2') format('woff2'), | ||
url('/assets/font/roboto/Roboto-Medium.woff') format('woff'); | ||
font-weight: 500; | ||
font-style: normal; | ||
} | ||
|
||
// Define @font-face rules for Roboto Regular | ||
@font-face { | ||
font-family: 'Roboto'; | ||
src: local('Roboto'), local('Roboto-Regular'), | ||
url('/assets/font/roboto/Roboto-Regular.woff2') format('woff2'), | ||
url('/assets/font/roboto/Roboto-Regular.woff') format('woff'); | ||
font-weight: 400; | ||
font-style: normal; | ||
} | ||
|
||
// Usage example: | ||
$my-custom-typography-config: mat.define-typography-config( | ||
$headline: mat.define-typography-level(34px, 48px, 300, 'Roboto'), // Light | ||
$title: mat.define-typography-level(20px, 32px, 500, 'Roboto'), // Medium | ||
$body-1: mat.define-typography-level(16px, 32px, 400, 'Roboto'), // Regular | ||
); | ||
|
||
/* fallback */ | ||
@font-face { | ||
font-family: 'Material Icons'; | ||
font-style: normal; | ||
font-weight: 400; | ||
src: url('/assets/font/material-design-icons/MaterialIcons-Regular.woff2') format('woff2'); | ||
// src: url(https://fonts.gstatic.com/s/materialicons/v141/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); | ||
} | ||
|
||
.material-icons { | ||
font-family: 'Material Icons'; | ||
font-weight: normal; | ||
font-style: normal; | ||
font-size: 24px; | ||
line-height: 1; | ||
letter-spacing: normal; | ||
text-transform: none; | ||
display: inline-block; | ||
white-space: nowrap; | ||
word-wrap: normal; | ||
direction: ltr; | ||
-webkit-font-feature-settings: 'liga'; | ||
-webkit-font-smoothing: antialiased; | ||
} | ||
|
||
@include mat.core($my-custom-typography-config); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
import { Injectable } from '@angular/core'; | ||
import { Resolve } from '@angular/router'; | ||
import { Observable } from 'rxjs'; | ||
import { EventService } from './event.service'; // Update this import with the correct event service | ||
|
||
@Injectable({ providedIn: 'root' }) | ||
export class EventResolver implements Resolve<Event[]> { | ||
constructor(private eventService: EventService) {} | ||
|
||
resolve(): Observable<Event[]> { | ||
return this.eventService.getEvents(); // Assuming getEvents() returns an Observable of events | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,106 @@ | ||
<div class="event-container" *ngIf="(event$ | async) as event" id="event"> | ||
<div class="header-row"> | ||
<div class="event-title"> | ||
<h1>{{ event.title }}</h1> | ||
<h2>{{ event.city }}, {{event.state }}</h2> | ||
<div *ngIf="isAuthenticated"> | ||
<!-- Add authenticated user content here --> | ||
<p>Welcome to: </p> | ||
<h1>{{event.title}}</h1> | ||
<div class="upcoming-events mt-30"> | ||
<h2>Basics</h2> | ||
</div> | ||
<div class="infos"> | ||
<table> | ||
<tr *ngFor="let info of event.timetable?.infos"> | ||
<td> | ||
{{info.key}} | ||
</td> | ||
|
||
<td *ngIf="!info.link"> {{info.text}}</td> | ||
<td *ngIf="info.link"> <a href="{{info.link}}">{{info.text}}</a></td> | ||
</tr> | ||
</table> | ||
<div *ngIf="event.timetable?.basics?.floorplan" class="floorplan"> | ||
<img width="400" src="{{event.timetable?.basics?.floorplan}}"> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<p [innerHTML]="event.announcement"></p> | ||
<div class="upcoming-events mt-30"> | ||
<h2>Your Instructors</h2> | ||
</div> | ||
<div class="team-members"> | ||
<div *ngFor="let member of team" class="team-member"> | ||
<div style="background-image: url(assets/team/{{member.image}})" class="member-image"></div> | ||
<h2 class="member-name">{{ member.name }}</h2> | ||
</div> | ||
</div> | ||
|
||
|
||
<div class="event-timetable-wrapper"> | ||
<div class="event-timetable"> | ||
<p>Tentative schedule </p> | ||
<p>{{event.timetable?.basics.timezone}}</p> | ||
<table> | ||
<tr *ngFor="let dateItem of event.timetable?.dates"> | ||
<td>{{dateItem.time}}</td> | ||
<td>{{dateItem.text}}</td> | ||
</tr> | ||
</table> | ||
</div> | ||
</div> | ||
|
||
<div class="call-for-action"> | ||
<a *ngIf="event.applicationForm" [href]="event.applicationForm" target="_blank"> | ||
<button mat-raised-button color="primary">{{event.applicationButton || "Apply for the workshop"}} </button> | ||
|
||
</a> | ||
<a *ngIf="event.mentorsForm" [href]="event.mentorsForm" target="_blank"> | ||
<button mat-raised-button color="primary">{{event.mentorsButton || "Call for mentors" }}</button> | ||
</a> | ||
<div class="upcoming-events mt-30"> | ||
<h2>Groups</h2> | ||
</div> | ||
<div class="groups"> | ||
<div *ngFor="let group of event.timetable?.groups; let groupIndex = index" class="group-item"> | ||
<h2 class="member-name">Group {{groupIndex + 1}}</h2> | ||
<div class="team-members"> | ||
<div *ngFor="let member of group.mentor" class="team-member team-member--small"> | ||
<div style="background-image: url({{member.image}})" class="member-image"></div> | ||
<h2 class="member-name">{{ member.firstname }}</h2> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
</div> | ||
|
||
<div class="upcoming-events mt-30"> | ||
<h2>Sponsors</h2> | ||
</div> | ||
<div class="sponsors"> | ||
<a *ngFor="let sponsor of event.sponsors" [href]="sponsor.link" target="_blank" class="logo"> | ||
<img [src]="sponsor.logo"> | ||
</a> | ||
</div> | ||
</div> | ||
|
||
<div class="sponsors"> | ||
<a *ngFor="let sponsor of event.sponsors" [href]="sponsor.link" target="_blank" class="logo"> | ||
<img [src]="sponsor.logo"> | ||
</a> | ||
<!-- If the user is not authenticated or doesn't have access, show a message or redirect --> | ||
<div *ngIf="!isAuthenticated"> | ||
<p>You are not authorized to view this page.</p> | ||
<div class="header-row"> | ||
<div class="event-title"> | ||
<h1>{{ event.title }}</h1> | ||
<h2>{{ event.city }}, {{event.state }}</h2> | ||
</div> | ||
</div> | ||
|
||
<p [innerHTML]="event.announcement"></p> | ||
|
||
<div class="call-for-action"> | ||
<a [href]="event.applicationForm" target="_blank"> | ||
<button mat-raised-button color="primary">{{event.applicationButton || "Apply for the workshop"}} </button> | ||
|
||
</a> | ||
<a [href]="event.mentorsForm" target="_blank"> | ||
<button mat-raised-button color="primary">{{event.mentorsButton || "Call for mentors" }}</button> | ||
</a> | ||
</div> | ||
|
||
<div class="sponsors"> | ||
<a *ngFor="let sponsor of event.sponsors" [href]="sponsor.link" target="_blank" class="logo"> | ||
<img [src]="sponsor.logo"> | ||
</a> | ||
</div> | ||
</div> | ||
|
||
|
||
</div> |
Oops, something went wrong.