Merge commit 'b1d8e7b08a4ed44325b1148e765b8e5c34e79046'

Conflicts:
	app/scripts/app.js
	app/scripts/menu/menu.html

Author: skounis

app/scripts/app.js

@@ -18,6 +18,7 @@ angular.module('starter', [
 	'supermodular.elements',
 	'supermodular.popover-menu',
 	'supermodular.native-scrolling',
+	'supermodular.new-slide-box',
 	'gMaps',
 	'ngCordova'
 ])

app/scripts/menu/menu.html

@@ -1,5 +1,6 @@
 <ion-side-menus enable-menu-with-back-views="false">
-	<ion-side-menu-content>
+	<ion-side-menu-content
+		edge-drag-threshold="true">
 		<ion-nav-bar class="bar-stable">
 			<ion-nav-back-button>
 			</ion-nav-back-button>
@@ -37,6 +38,9 @@ <h1 class="title">Left</h1>
 				<ion-item nav-clear menu-close class="item-icon-left" href="#/app/native-scrolling">
 					<i class="icon ion-ios-list-outline"></i>
 					Native scrolling
+				<ion-item nav-clear menu-close class="item-icon-left" href="#/app/new-slide-box">
+					<i class="icon ion-arrow-swap"></i>
+					New slide box
 				</ion-item>
 				<ion-item nav-clear menu-close class="item-icon-left" href="#/app/map">
 				<i class="icon ion-map"></i>

app/scripts/new-slide-box/new-slide-box.controller.js

@@ -0,0 +1,40 @@
+(function() {
+	'use strict';
+
+	angular
+		.module('supermodular.new-slide-box')
+		.controller('NewSlideBoxController', NewSlideBoxController);
+
+	NewSlideBoxController.$inject = [];
+
+	/* @ngInject */
+	function NewSlideBoxController() {
+		var vm = angular.extend(this, {
+			items: getItems(),
+			options: {
+				loop: true
+			}
+		});
+
+		// ********************************************************************
+
+		function getItems() {
+			var items = [];
+			for (var i = 1;i <= 7;i++) {
+				//
+				// Local stored images
+				//
+				// items.push({
+				// 	image: 'images/cards/face-' + i + '.jpg'
+				// });
+				//
+				// Online images
+				//
+				items.push({
+					image: 'http://lorempixel.com/786/1024/nightlife/' + i + '/'
+				});
+			}
+			return items;
+		}
+	}
+})();

app/scripts/new-slide-box/new-slide-box.html

@@ -0,0 +1,9 @@
+<ion-view view-title="New slide box">
+	<ion-content>
+		<ion-slides options="vm.options">
+			<ion-slide-page ng-repeat="item in vm.items">
+				<img ng-src="{{item.image}}">
+			</ion-slide-page>
+		</ion-slides>
+	</ion-content>
+</ion-view>

app/scripts/new-slide-box/new-slide-box.module.js

@@ -0,0 +1,21 @@
+(function() {
+	'use strict';
+
+	angular
+		.module('supermodular.new-slide-box', [
+			'ionic',
+			'supermodular.common'
+		])
+		.config(function($stateProvider) {
+			$stateProvider
+				.state('app.new-slide-box', {
+					url: '/new-slide-box',
+					views: {
+						'menuContent': {
+							templateUrl: 'scripts/new-slide-box/new-slide-box.html',
+							controller: 'NewSlideBoxController as vm'
+						}
+					}
+				});
+		});
+})();