project started, some html and js files added, showing events and users work communicating with server api

www/templates/event.html

@@ -0,0 +1,24 @@
+<ion-view view-title="Event">
+  <ion-content>
+      <a class="item item-avatar" ng-href="#/app/users/{{event.user._id}}">
+        <img ng-src="{{event.user.img}}">
+        <h2>{{event.user.username}}</h2>
+        <p>{{event.user.description}}</p>
+    </a>
+        <a class="item">
+          <h2>{{event.title}}</h2>
+          <p>{{event.description}}</p>
+          <p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
+        </a>
+
+      <div class="item item-image">
+        <img ng-src="{{event.img}}">
+      </div>
+
+    <div class="item">
+        <h2>Map</h2>
+    </div>
+
+    <leaflet width="100%" height="40%" markers="markers" center="center" tiles="tiles" id="map-simple-map"></leaflet>
+  </ion-content>
+</ion-view>

www/templates/events.html

@@ -0,0 +1,17 @@
+<ion-view view-title="Events">
+  <ion-content>
+      <ion-refresher
+        pulling-text="{{'Pull_to_refresh' | translate}}..."
+        on-refresh="doRefresh()">
+      </ion-refresher>
+
+    <a class="item item-thumbnail-left" href="#/app/events/{{event._id}}"
+    ng-repeat="event in events">
+      <img ng-src="{{event.img}}">
+      <div class="badge item-note">{{event.user.username}}</div>
+      <h2>{{event.title}}</h2>
+      <p>{{event.description}}</p>
+      <p>{{event.date | date: 'HH:mm, dd/MM/yyyy'}}</p>
+    </a>
+  </ion-content>
+</ion-view>

www/templates/menu.html

@@ -0,0 +1,39 @@
+<ion-side-menus enable-menu-with-back-views="false">
+  <ion-side-menu-content>
+    <ion-nav-bar class="bar-stable">
+      <ion-nav-back-button>
+      </ion-nav-back-button>
+
+      <ion-nav-buttons side="left">
+        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
+        </button>
+      </ion-nav-buttons>
+    </ion-nav-bar>
+    <ion-nav-view name="menuContent"></ion-nav-view>
+  </ion-side-menu-content>
+
+  <ion-side-menu side="left">
+    <ion-header-bar class="bar-stable">
+      <h1 class="title">Left</h1>
+    </ion-header-bar>
+    <ion-content>
+      <ion-list>
+        <ion-item menu-close href="#/app/events">
+          Events
+        </ion-item>
+        <ion-item menu-close href="#/app/users">
+          Users
+        </ion-item>
+        <ion-item menu-close href="#/app/search">
+          Search
+        </ion-item>
+        <ion-item menu-close href="#/app/settings">
+          Settings
+        </ion-item>
+        <ion-item menu-close href="#/app/login">
+          User login
+        </ion-item>
+      </ion-list>
+    </ion-content>
+  </ion-side-menu>
+</ion-side-menus>

www/templates/tabs.html

@@ -0,0 +1,22 @@
+<!--
+Create tabs with an icon and label, using the tabs-positive style.
+Each tab's child <ion-nav-view> directive will have its own
+navigation history that also transitions its views in and out.
+-->
+<!-- tabs-color-active-balanced -->
+<!--<ion-tabs class="tabs-icon-top tabs-color-active-balanced">
+
+  <ion-tab title="Events" icon-off="ion-calendar" icon-on="ion-calendar" href="#/app/events">
+    <ion-nav-view name="tab-events"></ion-nav-view>
+  </ion-tab>
+
+  <ion-tab title="People" icon-off="ion-person-stalker" icon-on="ion-person-stalker" href="#/app/users">
+    <ion-nav-view name="tab-users"></ion-nav-view>
+  </ion-tab>
+
+  <ion-tab title="Settings" icon-off="ion-ios-gear" icon-on="ion-ios-gear" href="#/app/settings">
+    <ion-nav-view name="tab-settings"></ion-nav-view>
+  </ion-tab>
+
+</ion-tabs>
+-->

www/templates/user.html

@@ -0,0 +1,20 @@
+<ion-view view-title="User">
+  <ion-content>
+      <div class="item item-avatar">
+        <img ng-src="{{user.img}}">
+        <div class="o_pullRight">
+            <span class="badge badge-balanced">
+                Following
+            </span>
+        </div>
+        <h2>{{user.username}}</h2>
+        <p>{{user.email}}</p>
+      </div>
+      <div class="item item-body">
+        asdf asdflk jasdfljashd fljkas dflka shdfklasd {{user.description}}
+      </div>
+
+          <leaflet width="100%" height="40%" markers="markers" center="center"
+          tiles="tiles" id="map-simple-map"></leaflet>
+  </ion-content>
+</ion-view>

www/templates/users.html

@@ -0,0 +1,18 @@
+<ion-view view-title="Users">
+  <ion-content>
+      <ion-refresher
+        pulling-text="{{'Pull_to_refresh' | translate}}..."
+        on-refresh="doRefresh()">
+      </ion-refresher>
+    <ion-list><!-- item-remove-animate -->
+      <ion-item class="item-avatar item-icon-right"
+      ng-repeat="user in users" type="item-text-wrap" href="#/app/users/{{user._id}}">
+        <img ng-src="{{user.img}}">
+        <h2>{{user.username}}</h2>
+        <p>{{user.email}}</p>
+
+        <span class="badge badge-balanced">Following</span>
+      </ion-item>
+    </ion-list>
+  </ion-content>
+</ion-view>