add new components

src/app/components/generative-activity/generative-activity.component.html

@@ -0,0 +1,55 @@
+<ion-card  class="bg_white connect-card" >
+  <ion-card-header>
+<!--    <ion-card-title>Card Title</ion-card-title>-->
+    <ion-card-subtitle>Select Activity</ion-card-subtitle>
+  </ion-card-header>
+
+  <ion-card-content>
+    <div class="select_box" >
+          <ion-select
+                  aria-label="Select"
+                  [(ngModel)]="select_gen"
+                  (ionChange)="genChange()"
+                  interface="action-sheet"
+                  placeholder="Select Activity">
+            <ion-select-option   *ngFor="let item of generativeOptions" value="{{item.uid}}">{{item.title}}</ion-select-option>
+          </ion-select>
+    </div>
+    <div style="width: 100%; text-align: right; margin-top: 10px;">
+      <ion-button
+              shape="round"
+              [disabled]="isDisabled"
+              size="small"
+              fill="solid">Next</ion-button>
+    </div>
+  </ion-card-content>
+</ion-card>
+
+
+<!--<ion-card  class="bg_white connect-card" >-->
+<!--  <ion-card-header>-->
+<!--    <ion-card-title>Card Title</ion-card-title>-->
+<!--    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+<!--  </ion-card-header>-->
+
+<!--  <ion-card-content>-->
+<!--    Here's a small text description for the card content. Nothing more, nothing less.-->
+<!--  </ion-card-content>-->
+
+<!--  <ion-button fill="clear">Action 1</ion-button>-->
+<!--  <ion-button fill="clear">Action 2</ion-button>-->
+<!--</ion-card>-->
+
+<!--<ion-card  class="bg_white connect-card" >-->
+<!--  <ion-card-header>-->
+<!--    <ion-card-title>Card Title</ion-card-title>-->
+<!--    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+<!--  </ion-card-header>-->
+
+<!--  <ion-card-content>-->
+<!--    Here's a small text description for the card content. Nothing more, nothing less.-->
+<!--  </ion-card-content>-->
+
+<!--  <ion-button fill="clear">Action 1</ion-button>-->
+<!--  <ion-button fill="clear">Action 2</ion-button>-->
+<!--</ion-card>-->