working on timetable view

src/src/pages/programme/programme.html

@@ -5,10 +5,166 @@
   <ion-navbar>
     <ion-title>Programm</ion-title>
   </ion-navbar>
-
 </ion-header>
 
 
 <ion-content padding>
+<ion-slides>
+  <ion-slide>
+    <h1>Slide 1</h1>
+    <ion-grid>
+      <ion-row align-items-start>
+        <ion-col>17:00-18:00</ion-col>
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+      </ion-row>
+    <ion-row align-items-start>
+       <ion-col>18:30-19:15</ion-col>
+
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>19:45-20:30</ion-col>
+
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>21:00-21:45</ion-col>
+
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>22:15-23:00</ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>23:30-00:15</ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>00:45-01:30</ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>02:00-02:45</ion-col>
+    </ion-row>
+    </ion-grid>
+
+  </ion-slide>
+
+  <ion-slide>
+    <h1>Slide 2</h1>
+    <ion-grid>
+      <ion-row align-items-start>
+        <ion-col>17:00-18:00</ion-col>
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+      </ion-row>
+    <ion-row align-items-start>
+       <ion-col>18:30-19:15</ion-col>
+
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>19:45-20:30</ion-col>
+
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>21:00-21:45</ion-col>
+
+        <ion-col> <ion-card>
+    <ion-card-header>
+      1Card Header
+    </ion-card-header>
+    <ion-card-content>
+      geschwurbel nccn acoihc oqoc  qpoch cpoqohc qüo ü qoicjhqü coiq jcü
+      coihiqj cüqoicj  +qcojqocäöqj c+qp c cq+ciqjc qjc+qp cjeq+  +qcjqpcj
+    </ion-card-content>
+  </ion-card>
+  </ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>22:15-23:00</ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>23:30-00:15</ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>00:45-01:30</ion-col>
+    </ion-row>
+     <ion-row>
+       <ion-col>02:00-02:45</ion-col>
+    </ion-row>
+    </ion-grid>
+
+  </ion-slide>
+
+
+  <ion-slide>
+    <h1>Slide 2</h1>
+  </ion-slide>
+  <ion-slide>
+    <h1>Slide 3</h1>
+  </ion-slide>
+</ion-slides>
 
 </ion-content>

src/src/pages/programme/programme.scss

 page-programme {
 
+ion-slides { height: initial; }
 }

src/src/pages/programme/programme.ts

@@ -13,7 +13,7 @@ import { IonicPage, NavController, NavParams } from 'ionic-angular';
   templateUrl: 'programme.html',
 })
 export class Programme {
-
+  room: string = "1";
   constructor(public navCtrl: NavController, public navParams: NavParams) {
   }