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

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>