loke/hackaton-toscana-mobility
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Aggiunto layout home

Browse source
This commit is contained in:
Lorenzo Iovino 2016-01-29 19:10:26 +01:00
parent 48d68db6b0
commit 314cefdc70
19 changed files with 705 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

22
hackatonApp/www/home-categories.json Normal file
View file

@ -0,0 +1,22 @@
[
{
"id":"booking",
"title":"Prenota",
"image":"img/feeds/news.jpg"
},
{
"id":"addticketwithphoto",
"title":"Aggiungi un biglietto",
"image":"img/feeds/sports.jpg"
},
{
"id":"shop",
"title":"Spendi i crediti",
"image":"img/feeds/business.jpg"
},
{
"id":"ranks",
"title":"Classifica",
"image":"img/feeds/entertainment.jpg"
}
]

BIN
hackatonApp/www/img/icons/park2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
hackatonApp/www/img/laura.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 23 KiB

84
hackatonApp/www/js/app.js
View file

@ -238,15 +238,6 @@ angular.module('your_app_name', [
})
//OTHERS
.state('app.settings', {
url: "/settings",
views: {
'menuContent': {
templateUrl: "views/app/settings.html",
controller: 'SettingsCtrl'
}
}
})
.state('app.forms', {
url: "/forms",
@ -276,6 +267,81 @@ angular.module('your_app_name', [
}
})
.state('app.allTickets', {
url: "/allTickets",
views: {
'menuContent': {
templateUrl: "views/app/allTickets.html",
controller: 'AllTicketsCtrl'
}
}
})
.state('app.settings', {
url: "/settings",
views: {
'menuContent': {
templateUrl: "views/app/settings.html",
controller: 'SettingsCtrl'
}
}
})
.state('app.booking', {
url: "/booking",
views: {
'menuContent': {
templateUrl: "views/app/booking.html",
controller: 'BookingCtrl'
}
}
})
.state('app.addTicketWithPhoto', {
url: "/addTicketWithPhoto",
views: {
'menuContent': {
templateUrl: "views/app/addTicketWithPhoto.html",
controller: 'AddTicketWithPhotoCtrl'
}
}
})
.state('app.shop', {
url: "/shop",
views: {
'menuContent': {
templateUrl: "views/app/shop.html",
controller: 'ShopCtrl'
}
}
})
.state('app.ranks', {
url: "/ranks",
views: {
'menuContent': {
templateUrl: "views/app/ranks.html",
controller: 'RanksCtrl'
}
}
})
.state('app.home', {
url: "/home",
views: {
'menuContent': {
templateUrl: "views/app/home.html",
controller: 'HomeCtrl'
}
}
})
.state('app.category', {
url: "/category/:categoryId",
views: {
'menuContent': {
templateUrl: "views/app/category.html",
controller: 'CategoryCtrl'
}
}
})
;
// if none of the above states are matched, use this as the fallback

92
hackatonApp/www/js/controllers.js
View file

@ -7,10 +7,17 @@ angular.module('your_app_name.controllers', [])
// APP
.controller('AppCtrl', function($scope, $ionicConfig) {
$scope.user={};
$scope.user.name="Laura";
$scope.user.surname="Rossi";
$scope.user.email="laura.rossi@email.it";
$scope.user.telephone="3477608470";
$scope.user.picture="img/laura.jpg";
$scope.user.score="15463";
})
//LOGIN
.controller('LoginCtrl', function($scope, $state, $templateCache, $q, $rootScope) {
/*.controller('LoginCtrl', function($scope, $state, $templateCache, $q, $rootScope) {
$scope.doLogIn = function(){
$state.go('app.feeds-categories');
};
@ -27,9 +34,26 @@ angular.module('your_app_name.controllers', [])
$scope.selected_tab = data.title;
});
})
})*/
.controller('LoginCtrl', function($scope, $state, $templateCache, $q, $rootScope) {
$scope.doLogIn = function(){
$state.go('app.home');
};
.controller('SignupCtrl', function($scope, $state) {
$scope.user = {};
$scope.user.email = "tuaemail@dominio.com";
$scope.user.pin = "12345";
// We need this for the form validation
$scope.selected_tab = "";
$scope.$on('my-tabs-changed', function (event, data) {
$scope.selected_tab = data.title;
});
})
/*.controller('SignupCtrl', function($scope, $state) {
$scope.user = {};
$scope.user.email = "john@doe.com";
@ -37,16 +61,35 @@ angular.module('your_app_name.controllers', [])
$scope.doSignUp = function(){
$state.go('app.feeds-categories');
};
})*/
.controller('SignupCtrl', function($scope, $state) {
$scope.user = {};
$scope.user.email = "tuaemail@dominio.com";
$scope.doSignUp = function(){
$state.go('app.home');
};
})
.controller('ForgotPasswordCtrl', function($scope, $state) {
/*.controller('ForgotPasswordCtrl', function($scope, $state) {
$scope.recoverPassword = function(){
$state.go('app.feeds-categories');
};
$scope.user = {};
})*/
.controller('ForgotPasswordCtrl', function($scope, $state) {
$scope.recoverPassword = function(){
//$state.go('app.home');
alert("non implementato");
};
$scope.user = {};
})
.controller('RateApp', function($scope) {
$scope.rateApp = function(){
if(ionic.Platform.isIOS()){
@ -216,6 +259,8 @@ angular.module('your_app_name.controllers', [])
});
})
//this method brings posts for a source provider
.controller('FeedEntriesCtrl', function($scope, $stateParams, $http, FeedList, $q, $ionicLoading, BookMarkService) {
$scope.feed = [];
@ -461,5 +506,44 @@ angular.module('your_app_name.controllers', [])
window.plugins.socialsharing.share(null, null, $scope.images);
};
})
.controller('BookingCtrl', function($scope, $http) {
})
.controller('RanksCtrl', function($scope, $http) {
})
.controller('ShopCtrl', function($scope, $http) {
console.log("icic");
})
.controller('BookingCtrl', function($scope, $http) {
})
.controller('AddTicketWithCtrl', function($scope, $http) {
})
.controller('AllTicketsCtrl', function($scope, $http) {
})
.controller('HomeCtrl', function($scope, $http) {
$scope.home_categories = [];
$http.get('home-categories.json').success(function(response) {
$scope.home_categories = response;
});
console.log("HOME");
})
.controller('CategoryCtrl', function($scope, $http, $stateParams) {
$scope.category_sources = [];
$scope.categoryId = $stateParams.categoryId;
$http.get('home-categories.json').success(function(response) {
var category = _.find(response, {id: $scope.categoryId});
$scope.categoryTitle = category.title;
$scope.category_sources = category.home_sources;
});
})
.controller('HomeEntriesCtrl', function($scope, $stateParams, $http, $q, $ionicLoading) {
$scope.home = [];
var categoryId = $stateParams.categoryId,
sourceId = $stateParams.sourceId;
})
;

1
hackatonApp/www/js/factories.js
View file

@ -209,4 +209,5 @@ angular.module('your_app_name.factories', [])
};
})
;

2
hackatonApp/www/js/services.js
View file

@ -224,4 +224,6 @@ angular.module('your_app_name.services', [])
})
;

35
hackatonApp/www/views/app/addTicketWithPhoto.html Normal file
View file

@ -0,0 +1,35 @@
<ion-view class="bookmarks-view">
<ion-nav-title>
<span>Bookmarks</span>
</ion-nav-title>
<ion-content>
<div ng-if="(bookmarks.wordpress.length == 0 && bookmarks.feeds.length == 0)" class="row bookmarks-container">
<div class="col col-center">
<div class="empty-results">
<i class="icon ion-bookmark"></i>
<h3 class="no-bookmarks">There's nothing here yet. Start exploring!</h3>
</div>
</div>
</div>
<ul ng-if="(bookmarks.wordpress.length > 0 || bookmarks.feeds.length > 0)" class="bookmarks-list">
<div ng-if="bookmarks.feeds.length > 0" class="item item-divider">
Feeds Bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.feeds">
<a ng-click=goToFeedPost(bookmark.link)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
<div ng-if="bookmarks.wordpress.length > 0" class="item item-divider">
Wordpress bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.wordpress">
<a ng-click=goToWordpressPost(bookmark.id)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
</ul>
</ion-content>
</ion-view>

38
hackatonApp/www/views/app/allTickets.html Normal file
View file

@ -0,0 +1,38 @@
<ion-view class="bookmarks-view">
<ion-nav-buttons side="left">
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-nav-title>
<span>Bookmarks</span>
</ion-nav-title>
<ion-content>
<div ng-if="(bookmarks.wordpress.length == 0 && bookmarks.feeds.length == 0)" class="row bookmarks-container">
<div class="col col-center">
<div class="empty-results">
<i class="icon ion-bookmark"></i>
<h3 class="no-bookmarks">There's nothing here yet. Start exploring!</h3>
</div>
</div>
</div>
<ul ng-if="(bookmarks.wordpress.length > 0 || bookmarks.feeds.length > 0)" class="bookmarks-list">
<div ng-if="bookmarks.feeds.length > 0" class="item item-divider">
Feeds Bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.feeds">
<a ng-click=goToFeedPost(bookmark.link)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
<div ng-if="bookmarks.wordpress.length > 0" class="item item-divider">
Wordpress bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.wordpress">
<a ng-click=goToWordpressPost(bookmark.id)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
</ul>
</ion-content>
</ion-view>

35
hackatonApp/www/views/app/booking.html Normal file
View file

@ -0,0 +1,35 @@
<ion-view class="bookmarks-view">
<ion-nav-title>
<span>Bookmarks</span>
</ion-nav-title>
<ion-content>
<div ng-if="(bookmarks.wordpress.length == 0 && bookmarks.feeds.length == 0)" class="row bookmarks-container">
<div class="col col-center">
<div class="empty-results">
<i class="icon ion-bookmark"></i>
<h3 class="no-bookmarks">There's nothing here yet. Start exploring!</h3>
</div>
</div>
</div>
<ul ng-if="(bookmarks.wordpress.length > 0 || bookmarks.feeds.length > 0)" class="bookmarks-list">
<div ng-if="bookmarks.feeds.length > 0" class="item item-divider">
Feeds Bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.feeds">
<a ng-click=goToFeedPost(bookmark.link)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
<div ng-if="bookmarks.wordpress.length > 0" class="item item-divider">
Wordpress bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.wordpress">
<a ng-click=goToWordpressPost(bookmark.id)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
</ul>
</ion-content>
</ion-view>

48
hackatonApp/www/views/app/category.html Normal file
View file

@ -0,0 +1,48 @@
<ion-view class="settings-view">
<ion-nav-title>
<span>Settings</span>
</ion-nav-title>
<ion-content>
<ul class="list">
<div class="item item-divider">TOGGLE</div>
<ion-toggle ng-model="airplaneMode" toggle-class="toggle-assertive">Airplane Mode</ion-toggle>
<ion-toggle ng-model="wifi" toggle-class="toggle-positive">Wi-Fi</ion-toggle>
<ion-toggle ng-model="bluetooth" toggle-class="toggle-calm">Bluetooth</ion-toggle>
<ion-toggle ng-model="personalHotspot" toggle-class="toggle-dark">Personal Hotspot</ion-toggle>
<div class="item item-divider">CHECKBOXES</div>
<ion-checkbox ng-model="checkOpt1">Option 1</ion-checkbox>
<ion-checkbox ng-model="checkOpt2">Option 2</ion-checkbox>
<ion-checkbox ng-model="checkOpt3">Option 3</ion-checkbox>
<div class="item item-divider">RADIO</div>
<ion-radio ng-model="radioChoice" ng-value="'A'">Choose A</ion-radio>
<ion-radio ng-model="radioChoice" ng-value="'B'">Choose B</ion-radio>
<ion-radio ng-model="radioChoice" ng-value="'C'">Choose C</ion-radio>
<div class="item item-divider">RANGES</div>
<div class="range">
<i class="icon ion-volume-low"></i>
<input type="range" name="volume">
<i class="icon ion-volume-high"></i>
</div>
<div class="item range range-positive">
<i class="icon ion-ios-sunny-outline"></i>
<input type="range" name="volume" min="0" max="100" value="33">
<i class="icon ion-ios-sunny"></i>
</div>
<div class="item item-divider"></div>
<button class="button button-block button-assertive" ng-click="showLogOutMenu()">
Logout
</button>
</ul>
</ion-content>
</ion-view>

34
hackatonApp/www/views/app/home-entries.html Normal file
View file

@ -0,0 +1,34 @@
<ion-view class="home-entries-view">
<ion-nav-title>
<span>{{sourceTitle}}</span>
</ion-nav-title>
<ion-content>
<!-- Refresh to get the new posts -->
<ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()">
</ion-refresher>
<div class="entries-list">
<div ng-repeat="entry in home.entries" class="list card entry-item">
<div class="entry-heading item item-text-wrap">
<h2 class="entry-title" ng-bind-html="entry.title | rawHtml"></h2>
<p class="entry-author">
Published <span>{{ entry.publishedDate | parseDate | amTimeAgo }}</span>
</p>
</div>
<div class="entry-content item item-text-wrap">
<p class="entry-excerpt" dynamic-anchor-fix ng-bind-html="entry.contentSnippet | rawHtml"></p>
<div class="entry-actions row">
<div class="actions col col-center col-66">
<a class="button button-icon icon ion-bookmark" ng-click="bookmarkPost(entry)"></a>
</div>
<div class="read-more col col-center col-33" dynamic-anchor-fix>
<a class="button button-small button-block button-assertive" ng-href="{{entry.link}}">
Read more
</a>
</div>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>

29
hackatonApp/www/views/app/home.html Normal file
View file

@ -0,0 +1,29 @@
<ion-view class="homes-categories-view">
<ion-nav-buttons side="left">
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-nav-title>
<span>Home</span>
</ion-nav-title>
<ion-content>
<div class="list card">
<div class="item item-thumbnail-left">
<img src="">
<h2>Punti {{user.score}}</h2>
<p>dkdkdk</p>
</div>
</div>
<div class="row categories-list">
<div ng-repeat="category in home_categories" class="col col-50">
<a class="home-category" ui-sref="app.category({categoryId: (category.id | slugify)})">
<pre-img ratio="_1_1" helper-class="square-image">
<img class="category-image" ng-src="{{category.image}}" spinner-on-load>
</pre-img>
<div class="category-bg"></div>
<span class="category-title">{{category.title}}</span>
</a>
</div>
</div>
</ion-content>
</ion-view>

35
hackatonApp/www/views/app/ranks.html Normal file
View file

@ -0,0 +1,35 @@
<ion-view class="bookmarks-view">
<ion-nav-title>
<span>Bookmarks</span>
</ion-nav-title>
<ion-content>
<div ng-if="(bookmarks.wordpress.length == 0 && bookmarks.feeds.length == 0)" class="row bookmarks-container">
<div class="col col-center">
<div class="empty-results">
<i class="icon ion-bookmark"></i>
<h3 class="no-bookmarks">There's nothing here yet. Start exploring!</h3>
</div>
</div>
</div>
<ul ng-if="(bookmarks.wordpress.length > 0 || bookmarks.feeds.length > 0)" class="bookmarks-list">
<div ng-if="bookmarks.feeds.length > 0" class="item item-divider">
Feeds Bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.feeds">
<a ng-click=goToFeedPost(bookmark.link)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
<div ng-if="bookmarks.wordpress.length > 0" class="item item-divider">
Wordpress bookmarks
</div>
<li class="bookmark-item" ng-repeat="bookmark in bookmarks.wordpress">
<a ng-click=goToWordpressPost(bookmark.id)>
<h2 class="post-title" ng-bind-html="bookmark.title | rawHtml"></h2>
<p class="post-date">Posted <span class="post-time" am-time-ago="bookmark.date"></span></p>
</a>
</li>
</ul>
</ion-content>
</ion-view>

50
hackatonApp/www/views/app/shop.html Normal file
View file

@ -0,0 +1,50 @@
<ion-view class="settings-view">
<ion-nav-buttons side="left">
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-nav-title>
<span>Settings</span>
</ion-nav-title>
<ion-content>
<ul class="list">
<div class="item item-divider">TOGGLE</div>
<ion-toggle ng-model="airplaneMode" toggle-class="toggle-assertive">Airplane Mode</ion-toggle>
<ion-toggle ng-model="wifi" toggle-class="toggle-positive">Wi-Fi</ion-toggle>
<ion-toggle ng-model="bluetooth" toggle-class="toggle-calm">Bluetooth</ion-toggle>
<ion-toggle ng-model="personalHotspot" toggle-class="toggle-dark">Personal Hotspot</ion-toggle>
<div class="item item-divider">CHECKBOXES</div>
<ion-checkbox ng-model="checkOpt1">Option 1</ion-checkbox>
<ion-checkbox ng-model="checkOpt2">Option 2</ion-checkbox>
<ion-checkbox ng-model="checkOpt3">Option 3</ion-checkbox>
<div class="item item-divider">RADIO</div>
<ion-radio ng-model="radioChoice" ng-value="'A'">Choose A</ion-radio>
<ion-radio ng-model="radioChoice" ng-value="'B'">Choose B</ion-radio>
<ion-radio ng-model="radioChoice" ng-value="'C'">Choose C</ion-radio>
<div class="item item-divider">RANGES</div>
<div class="range">
<i class="icon ion-volume-low"></i>
<input type="range" name="volume">
<i class="icon ion-volume-high"></i>
</div>
<div class="item range range-positive">
<i class="icon ion-ios-sunny-outline"></i>
<input type="range" name="volume" min="0" max="100" value="33">
<i class="icon ion-ios-sunny"></i>
</div>
<div class="item item-divider"></div>
<button class="button button-block button-assertive" ng-click="showLogOutMenu()">
Logout
</button>
</ul>
</ion-content>
</ion-view>

35
hackatonApp/www/views/app/side-menu.html
View file

@ -3,10 +3,7 @@
<ion-nav-bar class="bar app-top-bar">
<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>
@ -14,26 +11,38 @@
<ion-side-menu side="left" class="main-menu" expose-aside-when="large">
<ion-content>
<ion-list>
<ion-item class="heading-item item item-avatar" nav-clear menu-close ui-sref="app.profile">
<ion-item class="heading-item item item-avatar" nav-clear menu-close ui-sref="#">
<div class="user-image-container">
<pre-img ratio="_1_1" helper-class="rounded-image">
<img class="user-image" ng-src="https://s3.amazonaws.com/uifaces/faces/twitter/brynn/128.jpg" spinner-on-load>
<img class="user-image" ng-src="{{user.picture}}" spinner-on-load>
</pre-img>
</div>
<h2 class="greeting">Hi Brynn</h2>
<p class="message">Welcome back</p>
<h2 class="greeting">Ciao {{user.name}}.</h2>
<p class="message">Bentornata!</p>
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close ui-sref="app.bookmarks">
<ion-item class="item-icon-left" menu-close ui-sref="app.allTickets">
<i class="icon ion-pricetags"></i>
<h2 class="menu-text">Tutti i biglietti</h2>
</ion-item>
<ion-item class="item-icon-left" menu-close ui-sref="app.settings">
<i class="icon ion-gear-a"></i>
<h2 class="menu-text">Impostazioni</h2>
</ion-item>
<ion-item class="item-icon-left" menu-close ui-sref="#">
<i class="icon ion-power"></i>
<h2 class="menu-text">Logout</h2>
</ion-item>
<!-- <ion-item class="item-icon-left" nav-clear menu-close ui-sref="app.bookmarks">
<i class="icon ion-bookmark"></i>
<h2 class="menu-text">Saved for later</h2>
<h2 class="menu-text">Tutti i biglietti!</h2>
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close ui-sref="app.feeds-categories">
<i class="icon ion-radio-waves"></i>
<h2 class="menu-text">Feeds</h2>
<h2 class="menu-text">Impostazioni</h2>
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close ui-sref="app.wordpress">
<i class="icon ion-social-wordpress"></i>
<h2 class="menu-text">Wordpress</h2>
<h2 class="menu-text">Logout</h2>
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close ui-sref="app.layouts">
<i class="icon ion-wand"></i>
@ -50,7 +59,7 @@
<ion-item class="item-icon-left" nav-clear menu-close ui-sref="app.settings">
<i class="icon ion-gear-a"></i>
<h2 class="menu-text">Settings</h2>
</ion-item>
</ion-item>-->
</ion-list>
</ion-content>