diff --git a/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.html b/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.html new file mode 100644 index 000000000..ae6f684c9 --- /dev/null +++ b/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.html @@ -0,0 +1,44 @@ + + \ No newline at end of file diff --git a/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.scss b/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.scss new file mode 100644 index 000000000..e04a901e0 --- /dev/null +++ b/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.scss @@ -0,0 +1,26 @@ +@import "styles/variables"; + +:host { + display: flex; + width: 100%; + height: 100%; + flex-direction: column; +} + +button { + position: relative; + z-index: 100; + top: 0; + right: 0; + opacity: 1; + padding: 1rem; + span { + color: #000000; + text-shadow: none; + } +} +.modal-body { + height: 100%; + padding: 10px; + border: 10px solid #fff; +} diff --git a/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.ts b/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.ts new file mode 100644 index 000000000..9a544bcf4 --- /dev/null +++ b/web/src/app/components/calendar-sync-manual/calendar-sync-manual.component.ts @@ -0,0 +1,22 @@ +import { Component, OnInit } from '@angular/core'; +import { BsModalRef } from 'ngx-bootstrap/modal'; + +@Component({ + selector: 'calendar-sync-manual', + templateUrl: './calendar-sync-manual.component.html', + styleUrls: ['./calendar-sync-manual.component.scss'] +}) +export class CalendarSyncManualComponent implements OnInit { + + title: string; + closeBtnName: string; + list: any[] = []; + + constructor( + public bsModalRef: BsModalRef + ) { } + + ngOnInit(): void { + } + +} diff --git a/web/src/app/views/events-view/events-view.component.html b/web/src/app/views/events-view/events-view.component.html index 804c67cd6..e88145735 100644 --- a/web/src/app/views/events-view/events-view.component.html +++ b/web/src/app/views/events-view/events-view.component.html @@ -9,6 +9,8 @@

Program činnosti

Kam se s námi vypravíš v příštích týdnech?
Info o , , a najdeš pod programem. +
+ Chceš, aby ti už žádná akce neutekla? Nastav si přímo do svého kalendáře.

diff --git a/web/src/app/views/events-view/events-view.component.ts b/web/src/app/views/events-view/events-view.component.ts index f0bfede0f..09bfd3b5c 100644 --- a/web/src/app/views/events-view/events-view.component.ts +++ b/web/src/app/views/events-view/events-view.component.ts @@ -4,6 +4,9 @@ import { TitleService } from "app/services/title.service"; import { ConfigService } from "app/services/config.service"; import { Observable } from "rxjs"; import { map } from "rxjs/operators"; +import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal'; + +import { CalendarSyncManualComponent } from "app/components/calendar-sync-manual/calendar-sync-manual.component"; @Component({ selector: 'events-view', @@ -15,9 +18,15 @@ export class EventsViewComponent implements OnInit { public canalFormUrl: Observable = this.configService.config.pipe(map(config => config.general.canalFormUrl)); public canalAttendeesUrl: Observable = this.configService.config.pipe(map(config => config.general.canalAttendeesUrl)); - constructor(private titleService: TitleService, private configService: ConfigService) { } + IcalManualRef:BsModalRef; + + constructor(private titleService: TitleService, private configService: ConfigService, private IcalManualService: BsModalService) { } ngOnInit() { this.titleService.setPageTitle("Program"); } -} + + OpenManualForIcal(){ + this.IcalManualRef = this.IcalManualService.show(CalendarSyncManualComponent, Object.assign({}, { class: 'gray modal-lg' })); + } +} \ No newline at end of file diff --git a/web/src/assets/img/Ical_Manual/Ical_Manual_Google.png b/web/src/assets/img/Ical_Manual/Ical_Manual_Google.png new file mode 100644 index 000000000..57fb302b4 Binary files /dev/null and b/web/src/assets/img/Ical_Manual/Ical_Manual_Google.png differ diff --git a/web/src/assets/img/Ical_Manual/Ical_Manual_Outlook.png b/web/src/assets/img/Ical_Manual/Ical_Manual_Outlook.png new file mode 100644 index 000000000..d9f02eb54 Binary files /dev/null and b/web/src/assets/img/Ical_Manual/Ical_Manual_Outlook.png differ diff --git a/web/src/assets/img/Ical_Manual/Ical_Manual_SimpleApp.png b/web/src/assets/img/Ical_Manual/Ical_Manual_SimpleApp.png new file mode 100644 index 000000000..ef21cdd7b Binary files /dev/null and b/web/src/assets/img/Ical_Manual/Ical_Manual_SimpleApp.png differ