Issue #37. [Ionic 1.2] - New slide box

Author: genna

app/scripts/app.js

@@ -17,6 +17,7 @@ angular.module('starter', [
 	'supermodular.menu',
 	'supermodular.elements',
 	'supermodular.popover-menu',
+	'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>
@@ -34,6 +35,10 @@ <h1 class="title">Left</h1>
 					<i class="icon ion-android-checkbox-outline"></i>
 					Elements
 				</ion-item>
+				<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>
 					Map

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

@@ -0,0 +1,31 @@
+(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++) {
+				items.push({
+					image: 'images/cards/face-' + i + '.jpg' 
+				});
+			}
+			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'
+						}
+					}
+				});
+		});
+})();