.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+.idea

.idea/workspace.xml

@@ -1,7 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="b17f0c7b-7b15-4e2a-9434-f5f9847c8e3b" name="Default" comment="" />
+    <list default="true" id="b17f0c7b-7b15-4e2a-9434-f5f9847c8e3b" name="Default" comment="">
+      <change beforePath="$PROJECT_DIR$/ZipTeamOrange/.idea/compiler.xml" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ZipTeamOrange/.idea/encodings.xml" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ZipTeamOrange/.idea/uiDesigner.xml" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ZipTeamOrange/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/ZipTeamOrange/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/ZipTeamOrange/Middleteir.uml" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ZipTeamOrange/src/main/java/ZipTeamOrange/ZipTeamOrangeApplication.java" beforeDir="false" afterPath="$PROJECT_DIR$/ZipTeamOrange/src/main/java/ZipTeamOrange/ZipTeamOrangeApplication.java" afterDir="false" />
+    </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="TRACKING_ENABLED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -9,9 +16,29 @@
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="ZipTeamOrangeApplication.java" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/ZipTeamOrange/src/main/java/ZipTeamOrange/ZipTeamOrangeApplication.java">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="90">
+              <caret line="7" column="4" lean-forward="true" selection-start-line="7" selection-start-column="4" selection-end-line="7" selection-end-column="4" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
   <component name="Git.Settings">
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/ZipTeamOrange/src/main/java/ZipTeamOrange/ZipTeamOrangeApplication.java" />
+      </list>
+    </option>
+  </component>
   <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
   <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
   <component name="JsGulpfileManager">
@@ -21,7 +48,7 @@
   <component name="NodePackageJsonFileManager">
     <packageJsonPaths />
   </component>
-  <component name="ProjectFrameBounds">
+  <component name="ProjectFrameBounds" extendedState="6">
     <option name="x" value="442" />
     <option name="y" value="115" />
     <option name="width" value="1280" />
@@ -32,7 +59,6 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
-      <pane id="PackagesPane" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -40,12 +66,64 @@
               <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
               <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+              <item name=".mvn" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="main" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="main" type="462c0819:PsiDirectoryNode" />
+              <item name="java" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="main" type="462c0819:PsiDirectoryNode" />
+              <item name="java" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ZipTeam" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ZipTeam" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="main" type="462c0819:PsiDirectoryNode" />
+              <item name="java" type="462c0819:PsiDirectoryNode" />
+              <item name="ZipTeamOrange" type="462c0819:PsiDirectoryNode" />
+              <item name="user" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
           <select />
         </subPane>
       </pane>
       <pane id="AndroidView" />
       <pane id="Scope" />
+      <pane id="PackagesPane" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -127,14 +205,16 @@
       <updated>1531074219472</updated>
       <workItem from="1531074221218" duration="56000" />
       <workItem from="1531074452837" duration="81000" />
+      <workItem from="1531695315706" duration="69000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="137000" />
+    <option name="totallyTimeSpent" value="206000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="442" y="115" width="1280" height="709" extended-state="0" />
+    <frame x="0" y="31" width="1280" height="709" extended-state="6" />
+    <editor active="true" />
     <layout>
       <window_info anchor="right" id="Palette" order="3" />
       <window_info anchor="bottom" id="TODO" order="6" />
@@ -149,7 +229,7 @@
       <window_info anchor="bottom" id="Terminal" order="7" />
       <window_info id="Capture Tool" order="2" />
       <window_info id="Designer" order="2" />
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.25" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.2536349" />
       <window_info anchor="right" id="Database" order="3" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
@@ -171,6 +251,15 @@
   <component name="VcsContentAnnotationSettings">
     <option name="myLimit" value="2678400000" />
   </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/ZipTeamOrange/src/main/java/ZipTeamOrange/ZipTeamOrangeApplication.java">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="90">
+          <caret line="7" column="4" lean-forward="true" selection-start-line="7" selection-start-column="4" selection-end-line="7" selection-end-column="4" />
+        </state>
+      </provider>
+    </entry>
+  </component>
   <component name="masterDetails">
     <states>
       <state key="ArtifactsStructureConfigurable.UI">

README.md

@@ -45,3 +45,5 @@ Add image attachments, emojis. Document attachments, with download.
 
 Mobile app interface
 
+<a href="https://git.zipcode.rocks/hallinanc/ZipTeam/src/branch/dev/ZipTeamOrange/Middleteir.uml"> UML </a>
+

ZipTeamOrange-ionic-UI/.editorconfig

@@ -0,0 +1,17 @@
+# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

ZipTeamOrange-ionic-UI/.sourcemaps/0.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/sign-up/sign-up.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAyC;AACO;AACT;AAUvC;IAAA;IAA+B,CAAC;IAAnB,gBAAgB;QAR5B,uEAAQ,CAAC;YACR,YAAY,EAAE;gBACZ,4DAAU;aACX;YACD,OAAO,EAAE;gBACP,sEAAe,CAAC,QAAQ,CAAC,4DAAU,CAAC;aACrC;SACF,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAA;AAAH","file":"0.js","sourcesContent":["import { NgModule } from '@angular/core';\nimport { IonicPageModule } from 'ionic-angular';\nimport { SignUpPage } from './sign-up';\n\n@NgModule({\n  declarations: [\n    SignUpPage,\n  ],\n  imports: [\n    IonicPageModule.forChild(SignUpPage),\n  ],\n})\nexport class SignUpPageModule {}\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/sign-up/sign-up.module.ts"],"sourceRoot":""}

ZipTeamOrange-ionic-UI/.sourcemaps/1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/firstPage/first.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAyC;AACO;AACZ;AAUpC;IAAA;IAA8B,CAAC;IAAlB,eAAe;QAR3B,uEAAQ,CAAC;YACR,YAAY,EAAE;gBACZ,yDAAS;aACV;YACD,OAAO,EAAE;gBACP,sEAAe,CAAC,QAAQ,CAAC,yDAAS,CAAC;aACpC;SACF,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAAA;AAAH","file":"1.js","sourcesContent":["import { NgModule } from '@angular/core';\nimport { IonicPageModule } from 'ionic-angular';\nimport { FirstPage } from './first';\n\n@NgModule({\n  declarations: [\n    FirstPage,\n  ],\n  imports: [\n    IonicPageModule.forChild(FirstPage),\n  ],\n})\nexport class FirstPageModule {}\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/firstPage/first.module.ts"],"sourceRoot":""}

ZipTeamOrange-ionic-UI/.sourcemaps/2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pages/chat/chat.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAyC;AACO;AACd;AAUlC;IAAA;IAA6B,CAAC;IAAjB,cAAc;QAR1B,uEAAQ,CAAC;YACR,YAAY,EAAE;gBACZ,uDAAQ;aACT;YACD,OAAO,EAAE;gBACP,sEAAe,CAAC,QAAQ,CAAC,uDAAQ,CAAC;aACnC;SACF,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAAA;AAAH","file":"2.js","sourcesContent":["import { NgModule } from '@angular/core';\nimport { IonicPageModule } from 'ionic-angular';\nimport { ChatPage } from './chat';\n\n@NgModule({\n  declarations: [\n    ChatPage,\n  ],\n  imports: [\n    IonicPageModule.forChild(ChatPage),\n  ],\n})\nexport class ChatPageModule {}\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/chat/chat.module.ts"],"sourceRoot":""}

ZipTeamOrange-ionic-UI/config.xml

@@ -0,0 +1,84 @@
+<?xml version='1.0' encoding='utf-8'?>
+<widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+    <name>ionic-ZipTeamOrange</name>
+    <description>An awesome Ionic/Cordova app.</description>
+    <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
+    <content src="index.html" />
+    <access origin="*" />
+    <allow-intent href="http://*/*" />
+    <allow-intent href="https://*/*" />
+    <allow-intent href="tel:*" />
+    <allow-intent href="sms:*" />
+    <allow-intent href="mailto:*" />
+    <allow-intent href="geo:*" />
+    <preference name="ScrollEnabled" value="false" />
+    <preference name="android-minSdkVersion" value="19" />
+    <preference name="BackupWebStorage" value="none" />
+    <preference name="SplashMaintainAspectRatio" value="true" />
+    <preference name="FadeSplashScreenDuration" value="300" />
+    <preference name="SplashShowOnlyFirstTime" value="false" />
+    <preference name="SplashScreen" value="screen" />
+    <preference name="SplashScreenDelay" value="3000" />
+    <platform name="android">
+        <allow-intent href="market:*" />
+        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
+        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
+        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
+        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
+        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
+        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
+        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
+        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
+        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
+        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
+        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
+        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
+        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
+        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
+        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
+        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
+        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
+        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
+    </platform>
+    <platform name="ios">
+        <allow-intent href="itms:*" />
+        <allow-intent href="itms-apps:*" />
+        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
+        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
+        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
+        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
+        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
+        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
+        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
+        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
+        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
+        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
+        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
+        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
+        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
+        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
+        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
+        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
+        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
+        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
+        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
+        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
+        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
+        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
+        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
+        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
+        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
+        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
+        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
+        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
+        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
+        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
+        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
+        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
+    </platform>
+    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
+    <plugin name="cordova-plugin-device" spec="2.0.2" />
+    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
+    <plugin name="cordova-plugin-ionic-webview" spec="1.1.19" />
+    <plugin name="cordova-plugin-ionic-keyboard" spec="2.0.5" />
+</widget>

ZipTeamOrange-ionic-UI/ionic.config.json

@@ -0,0 +1,8 @@
+{
+  "name": "ionic-ZipTeamOrange",
+  "app_id": "",
+  "type": "ionic-angular",
+  "integrations": {
+    "cordova": {}
+  }
+}

ZipTeamOrange-ionic-UI/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "ionic-ZipTeamOrange",
+  "version": "0.0.1",
+  "author": "Ionic Framework",
+  "homepage": "http://ionicframework.com/",
+  "private": true,
+  "scripts": {
+    "clean": "ionic-app-scripts clean",
+    "build": "ionic-app-scripts build",
+    "lint": "ionic-app-scripts lint",
+    "ionic:build": "ionic-app-scripts build",
+    "ionic:serve": "ionic-app-scripts serve"
+  },
+  "dependencies": {
+    "@angular/animations": "5.2.11",
+    "@angular/common": "5.2.11",
+    "@angular/compiler": "5.2.11",
+    "@angular/compiler-cli": "5.2.11",
+    "@angular/core": "5.2.11",
+    "@angular/forms": "5.2.11",
+    "@angular/http": "5.2.11",
+    "@angular/platform-browser": "5.2.11",
+    "@angular/platform-browser-dynamic": "5.2.11",
+    "@ionic-native/core": "4.9.1",
+    "@ionic-native/splash-screen": "4.9.1",
+    "@ionic-native/status-bar": "4.9.1",
+    "@ionic/storage": "2.1.3",
+    "bootstrap": "^4.0.0-alpha.6",
+    "ionic-angular": "3.9.2",
+    "ionicons": "3.0.0",
+    "ng-socket-io": "^0.2.4",
+    "rxjs": "5.5.11",
+    "sw-toolbox": "3.6.0",
+    "zone.js": "0.8.26"
+  },
+  "devDependencies": {
+    "@ionic/app-scripts": "3.1.10",
+    "typescript": "~2.6.2"
+  },
+  "description": "An Ionic project"
+}

ZipTeamOrange-ionic-UI/resources/README.md

@@ -0,0 +1,8 @@
+These are Cordova resources. You can replace icon.png and splash.png and run
+`ionic cordova resources` to generate custom icons and splash screens for your
+app. See `ionic cordova resources --help` for details.
+
+Cordova reference documentation:
+
+- Icons: https://cordova.apache.org/docs/en/latest/config_ref/images.html
+- Splash Screens: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

ZipTeamOrange-ionic-UI/src/Classes/Chat.ts

@@ -0,0 +1,9 @@
+import { Message } from "./Messsage";
+import { User } from "./user";
+
+export class Chat{
+    id: number;
+    name: String;
+    private messages: Message[];
+    private users: User[];
+}

ZipTeamOrange-ionic-UI/src/Classes/Messsage.ts

@@ -0,0 +1,9 @@
+import { Chat } from "./Chat";
+import { User } from "./user";
+
+export class Message{
+    id: number;
+    message: String;
+    private chat: Chat;
+    private user: User;
+}

ZipTeamOrange-ionic-UI/src/Classes/User.ts

@@ -0,0 +1,11 @@
+import { Message } from "./Messsage";
+import { Chat } from "./Chat";
+
+export class User{
+    id: number;
+    userName: String;
+    email: String;
+    password: String;
+    messages: Message[];
+    chats: Chat[];
+}

ZipTeamOrange-ionic-UI/src/app/app.component.ts

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import { Platform } from 'ionic-angular';
+import { StatusBar } from '@ionic-native/status-bar';
+import { SplashScreen } from '@ionic-native/splash-screen';
+
+import { TabsPage } from '../pages/tabs/tabs';
+
+@Component({
+  templateUrl: 'app.html'
+})
+export class MyApp {
+  rootPage:any = TabsPage;
+
+  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
+    platform.ready().then(() => {
+      // Okay, so the platform is ready and our plugins are available.
+      // Here you can do any higher level native things you might need.
+      statusBar.styleDefault();
+      splashScreen.hide();
+    });
+  }
+}

ZipTeamOrange-ionic-UI/src/app/app.html

@@ -0,0 +1 @@
+<ion-nav [root]="rootPage"></ion-nav>

ZipTeamOrange-ionic-UI/src/app/app.module.ts

@@ -0,0 +1,58 @@
+import { NgModule, ErrorHandler } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
+import { MyApp } from './app.component';
+
+
+import { AboutPage } from '../pages/about/about';
+import { ContactPage } from '../pages/contact/contact';
+import { HomePage } from '../pages/home/home';
+import { TabsPage } from '../pages/tabs/tabs';
+
+import { StatusBar } from '@ionic-native/status-bar';
+import { SplashScreen } from '@ionic-native/splash-screen';
+import { FirstPage } from '../pages/firstPage/first';
+import { SignUpPage } from '../pages/sign-up/sign-up';
+import { ApiServiceProvider } from '../providers/api-service/api-service';
+import { HttpClientModule } from '../../node_modules/@angular/common/http';
+import { AuthServiceProvider } from '../providers/auth-service/auth-service';
+import { MessageServiceProvider } from '../providers/message-service/message-service';
+import { ChatPage } from '../pages/chat/chat';
+
+@NgModule({
+  declarations: [
+    MyApp,
+    FirstPage,
+    AboutPage,
+    ContactPage,
+    HomePage,
+    TabsPage,
+    SignUpPage,
+    ChatPage
+  ],
+  imports: [
+    BrowserModule,
+    HttpClientModule,
+    IonicModule.forRoot(MyApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    MyApp,
+    FirstPage,
+    AboutPage,
+    ContactPage,
+    HomePage,
+    TabsPage,
+    SignUpPage,
+    ChatPage
+  ],
+  providers: [
+    StatusBar,
+    SplashScreen,
+    {provide: ErrorHandler, useClass: IonicErrorHandler},
+    ApiServiceProvider,
+    AuthServiceProvider,
+    MessageServiceProvider
+  ]
+})
+export class AppModule {}

ZipTeamOrange-ionic-UI/src/app/app.scss

@@ -0,0 +1,16 @@
+// http://ionicframework.com/docs/theming/
+
+
+// App Global Sass
+// --------------------------------------------------
+// Put style rules here that you want to apply globally. These
+// styles are for the entire app and not just one component.
+// Additionally, this file can be also used as an entry point
+// to import other Sass files to be included in the output CSS.
+//
+// Shared Sass variables, which can be used to adjust Ionic's
+// default Sass variables, belong in "theme/variables.scss".
+//
+// To declare rules for a specific mode, create a child rule
+// for the .md, .ios, or .wp mode classes. The mode class is
+// automatically applied to the <body> element in the app.

ZipTeamOrange-ionic-UI/src/app/main.ts

@@ -0,0 +1,5 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);

ZipTeamOrange-ionic-UI/src/index.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <title>Ionic App</title>
+  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+
+  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
+  <link rel="manifest" href="manifest.json">
+  <meta name="theme-color" content="#4e8ef7">
+
+  <!-- add to homescreen for ios -->
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+  <!-- cordova.js required for cordova apps (remove if not needed) -->
+  <script src="cordova.js"></script>
+
+  <!-- un-comment this code to enable service worker
+  <script>
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.register('service-worker.js')
+        .then(() => console.log('service worker installed'))
+        .catch(err => console.error('Error', err));
+    }
+  </script>-->
+
+  <link href="build/main.css" rel="stylesheet">
+
+</head>
+<body>
+
+  <!-- Ionic's root component and where the app will load -->
+  <ion-app></ion-app>
+
+  <!-- The polyfills js is generated during the build process -->
+  <script src="build/polyfills.js"></script>
+
+  <!-- The vendor js is generated during the build process
+       It contains all of the dependencies in node_modules -->
+  <script src="build/vendor.js"></script>
+
+  <!-- The main bundle js is generated during the build process -->
+  <script src="build/main.js"></script>
+
+</body>
+</html>

ZipTeamOrange-ionic-UI/src/manifest.json

@@ -0,0 +1,13 @@
+{
+  "name": "Ionic",
+  "short_name": "Ionic",
+  "start_url": "index.html",
+  "display": "standalone",
+  "icons": [{
+    "src": "assets/imgs/logo.png",
+    "sizes": "512x512",
+    "type": "image/png"
+  }],
+  "background_color": "#4e8ef7",
+  "theme_color": "#4e8ef7"
+}

ZipTeamOrange-ionic-UI/src/pages/about/about.html

@@ -0,0 +1,11 @@
+<ion-header>
+  <ion-navbar>
+    <ion-title>
+      About
+    </ion-title>
+  </ion-navbar>
+</ion-header>
+
+<ion-content padding>
+
+</ion-content>

ZipTeamOrange-ionic-UI/src/pages/about/about.scss

@@ -0,0 +1,3 @@
+page-about {
+
+}

ZipTeamOrange-ionic-UI/src/pages/about/about.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+  selector: 'page-about',
+  templateUrl: 'about.html'
+})
+export class AboutPage {
+
+  constructor(public navCtrl: NavController) {
+
+  }
+
+}

ZipTeamOrange-ionic-UI/src/pages/chat/chat.html

@@ -0,0 +1,25 @@
+<!--
+  Generated template for the ChatPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>chatPage</ion-title>
+  </ion-navbar>
+
+</ion-header>
+<!-- *ngFor="let m of msg">{{ m }} -->
+
+<ion-content padding >
+  <div *ngFor="let m of msg">
+    {{ m.message }}
+  </div>
+
+  <form  #test1="ngForm" ng-submit="send(test1.value)">
+    <ion-textarea  type="text" name="message" [(ngModel)]="test" ></ion-textarea>
+    <button ion-button (click)="send(test1.value)"(click)="getMessages()">send</button>
+  </form>
+</ion-content>

ZipTeamOrange-ionic-UI/src/pages/chat/chat.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { ChatPage } from './chat';
+
+@NgModule({
+  declarations: [
+    ChatPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(ChatPage),
+  ],
+})
+export class ChatPageModule {}

ZipTeamOrange-ionic-UI/src/pages/chat/chat.scss

@@ -0,0 +1,3 @@
+page-chat {
+
+}

ZipTeamOrange-ionic-UI/src/pages/chat/chat.ts

@@ -0,0 +1,46 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { NgForm } from '../../../node_modules/@angular/forms';
+import { MessageServiceProvider } from '../../providers/message-service/message-service';
+import { Message } from '../../../node_modules/@angular/compiler/src/i18n/i18n_ast';
+
+/**
+ * Generated class for the ChatPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-chat',
+  templateUrl: 'chat.html',
+})
+export class ChatPage {
+  test: any;
+  msg: any;
+  messages: Message [];
+  constructor(public navCtrl: NavController, public navParams: NavParams, public messageApi: MessageServiceProvider) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad ChatPage');
+    this.getMessages();
+  }
+
+  send(createAccountInfo: NgForm){
+    console.log("clicked");
+    console.log(createAccountInfo)
+    this.messageApi.saveMessage(createAccountInfo).subscribe(console.log);
+    this.getMessages()
+  }
+
+  getMessages(){
+    this.messageApi.getMessages().subscribe(data => {
+      this.msg = data
+      console.log(data)
+    });
+    this.test = this.messageApi.getCurrentMessage();
+  }
+
+}

ZipTeamOrange-ionic-UI/src/pages/contact/contact.html

@@ -0,0 +1,17 @@
+<ion-header>
+  <ion-navbar>
+    <ion-title>
+      Contact
+    </ion-title>
+  </ion-navbar>
+</ion-header>
+
+<ion-content>
+  <ion-list>
+    <ion-list-header>Follow us on Twitter</ion-list-header>
+    <ion-item>
+      <ion-icon name="ionic" item-start></ion-icon>
+      @ionicframework
+    </ion-item>
+  </ion-list>
+</ion-content>

ZipTeamOrange-ionic-UI/src/pages/contact/contact.scss

@@ -0,0 +1,3 @@
+page-contact {
+
+}

ZipTeamOrange-ionic-UI/src/pages/contact/contact.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+  selector: 'page-contact',
+  templateUrl: 'contact.html'
+})
+export class ContactPage {
+
+  constructor(public navCtrl: NavController) {
+
+  }
+
+}

ZipTeamOrange-ionic-UI/src/pages/firstPage/first.html

@@ -0,0 +1,47 @@
+<!--
+  Generated template for the FirstPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+  <ion-navbar color="primary">
+    <button menuToggle ion- button icon-only>
+      <ion-icon name ="menu"></ion-icon>
+    </button>
+    <ion-title text-center>ZipTeamOrange</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+  <h4>Welcome to this page</h4>
+  <div class="login-box">
+    <form #registerForm="ngForm" ng-submit="loginButton(registerForm.value)" >
+      <ion-row>
+        <ion-col>
+          <ion-list inset>
+            <ion-item>
+              <ion-input type="text" placeholder="Username" name="userName" required [(ngModel)]="Username" ></ion-input>
+            </ion-item>
+            <ion-item>
+              <ion-input type="password" placeholder="Password" name="password" required [(ngModel)]="password"></ion-input>
+            </ion-item>
+          </ion-list>
+        </ion-col>
+      </ion-row>
+      <ion-row>
+        <ion-col class="signup-col">
+          <button ion-button class="submit-btn" full type="submit" [disabled]="!registerForm.form.valid" (click)="loginButton(registerForm.value)">Login</button>
+        </ion-col>
+      </ion-row>
+    </form>
+    <ion-row>
+      <ion-col color="secondary">
+        <button ion-button class="register-btn" block clear (click)="createAccount()">Create Account</button>
+      </ion-col>
+    </ion-row>
+  </div>
+  
+</ion-content>

ZipTeamOrange-ionic-UI/src/pages/firstPage/first.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { FirstPage } from './first';
+
+@NgModule({
+  declarations: [
+    FirstPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(FirstPage),
+  ],
+})
+export class FirstPageModule {}

ZipTeamOrange-ionic-UI/src/pages/firstPage/first.scss

@@ -0,0 +1,3 @@
+page-first {
+
+}

ZipTeamOrange-ionic-UI/src/pages/firstPage/first.ts

@@ -0,0 +1,51 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { SignUpPage } from '../sign-up/sign-up';
+import { AuthServiceProvider } from '../../providers/auth-service/auth-service';
+import { NgForm } from '@angular/forms';
+import { HomePage } from '../home/home';
+import { ChatPage } from '../chat/chat';
+
+/**
+ * Generated class for the FirstPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-first',
+  templateUrl: 'first.html',
+})
+export class FirstPage {
+
+  responseData: any;
+
+  constructor(public navCtrl: NavController, public navParams: NavParams, public authService: AuthServiceProvider) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad FirstPage');
+  }
+
+  loginButton(createAccountInfo: NgForm) {
+    this.authService.postData(createAccountInfo).then((result) => {
+      this.responseData = result;
+      console.log(createAccountInfo);
+      if(!this.responseData.createAccountInfo){
+        this.navCtrl.push(ChatPage);
+      }else{
+        console.log("check your info");
+      }
+      
+    }).catch(console.log);
+  }
+
+
+  createAccount(){
+    this.navCtrl.push(SignUpPage);
+    console.log("clicked");
+  }
+
+}

ZipTeamOrange-ionic-UI/src/pages/home/home.html

@@ -0,0 +1,17 @@
+<ion-header>
+  <ion-navbar>
+    <ion-title>Home</ion-title>
+  </ion-navbar>
+</ion-header>
+
+<ion-content padding>
+  <h2>Welcome to Ionic!</h2>
+  <p>
+    This starter project comes with simple tabs-based layout for apps
+    that are going to primarily use a Tabbed UI.
+  </p>
+  <p>
+    Take a look at the <code>src/pages/</code> directory to add or change tabs,
+    update any existing page or create new pages.
+  </p>
+</ion-content>

ZipTeamOrange-ionic-UI/src/pages/home/home.scss

@@ -0,0 +1,3 @@
+page-home {
+
+}

ZipTeamOrange-ionic-UI/src/pages/home/home.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+@Component({
+  selector: 'page-home',
+  templateUrl: 'home.html'
+})
+export class HomePage {
+
+  constructor(public navCtrl: NavController) {
+
+  }
+
+}

ZipTeamOrange-ionic-UI/src/pages/sign-up/sign-up.html

@@ -0,0 +1,44 @@
+<!--
+  Generated template for the SignUpPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+    <ion-navbar color="primary">
+      <ion-title>sign-up</ion-title>
+    </ion-navbar>
+  
+  </ion-header>
+  
+  
+  <ion-content padding>
+      <div class="signUp-box">
+      <form #registerForm="ngForm" ng-submit="save(registerForm.value)">
+        <ion-row>
+          <ion-col>
+            <ion-list inset>
+              <ion-item>
+                <ion-input type="text" placeholder="Username" name="userName" required [(ngModel)]="Username" ></ion-input>
+              </ion-item>
+              <ion-item>
+                  <ion-input type="text" placeholder="Email" name="email" required [(ngModel)]="Email" ></ion-input>
+                </ion-item>
+              <ion-item>
+                <ion-input type="password" placeholder="Password" name="password" required [(ngModel)]="password"></ion-input>
+              </ion-item>
+            </ion-list>
+          </ion-col>
+        </ion-row>
+        <ion-row>
+          <ion-col class="signup-col">
+            <button ion-button class="submit-btn" full type="submit" (click)="save(registerForm.value)" [disabled]="!registerForm.form.valid">Create Account</button>
+          </ion-col>
+        </ion-row>
+      </form>
+    
+    </div>
+  
+  </ion-content>
+  

ZipTeamOrange-ionic-UI/src/pages/sign-up/sign-up.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { SignUpPage } from './sign-up';
+
+@NgModule({
+  declarations: [
+    SignUpPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(SignUpPage),
+  ],
+})
+export class SignUpPageModule {}

ZipTeamOrange-ionic-UI/src/pages/sign-up/sign-up.scss

@@ -0,0 +1,3 @@
+page-sign-up {
+
+}

ZipTeamOrange-ionic-UI/src/pages/sign-up/sign-up.ts

@@ -0,0 +1,48 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams, ToastController } from 'ionic-angular';
+import { NgForm } from '@angular/forms';
+import { ApiServiceProvider } from '../../providers/api-service/api-service';
+``
+
+/**
+ * Generated class for the SignUpPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-sign-up',
+  templateUrl: 'sign-up.html',
+})
+export class SignUpPage {
+
+
+  user: any = {};
+  error: any;
+
+  constructor(public navCtrl: NavController, public navParams: NavParams, public apiProvider: ApiServiceProvider, public toastCtrl: ToastController) {
+  }
+
+  // ngOnInit(){
+  //   this.loadUsers();
+  // }
+
+  // loadUsers(){
+  //   this.apiProvider.getUsers().subscribe(data => this.user =data["_embedded"]["users"],
+  // err => {
+  //   console.log(err);
+  // });
+  // }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad SignUpPage');
+  }
+
+  save(createAccountInfo: NgForm) {
+  //  console.log(createAccountInfo)
+    this.apiProvider.save(createAccountInfo).subscribe(console.log)
+  }
+
+}