96 www/js/list-near-me-controller.js
View file
@@ -1,7 +1,23 @@
angular.module('starter.listNearMe', [])

.controller('nearMeCtrl', function($scope, $state,$cordovaGeolocation,geoFire,global,FBURL) {

.controller('nearMeCtrl', function($scope, $state,$cordovaGeolocation,$timeout,ionicMaterialMotion,ionicMaterialInk,geoFire,global,FBURL) {


$scope.$parent.showHeader();
$scope.$parent.clearFabs();
$scope.isExpanded = true;
$scope.$parent.setExpanded(true);
$scope.$parent.setHeaderFab('right');
$scope.$on('applyEffect',function(e){
$timeout(function() {
ionicMaterialMotion.fadeSlideIn({
selector: '.animate-fade-slide-in .item'
});
}, 200);

// Activate ink for controller
ionicMaterialInk.displayEffect();
});
$scope.$on('$ionicView.beforeEnter', function() {

$scope.$root.hideTabsOnThisPage = false;
@@ -49,12 +65,18 @@ angular.module('starter.listNearMe', [])
var listItem=snap.val();
listItem.$id=key;
listItem.dis=parseFloat(distance.toFixed(2), 10);
$scope.listDetail.push(listItem);
console.log(listItem);
listexist[key]='1';
if(!$scope.$$phase) {
$scope.$digest();
}
var nearbyListUserRef=new Firebase(FBURL+"/users/"+uid+"/avatar");
nearbyListUserRef.once('value',function(snap){
console.log(snap.val());
listItem.avatar=snap.val();
$scope.listDetail.push(listItem);

listexist[key]='1';
if(!$scope.$$phase) {
$scope.$digest();
}
});

}
});
//$state.go($state.current, {}, {reload: true});
@@ -111,8 +133,29 @@ angular.module('starter.listNearMe', [])

})

.controller('nearMeCtrlEdit', function($scope, $state,$stateParams,$firebaseObject,FBURL) {

.controller('nearMeCtrlEdit', function($scope, $state,$stateParams,$firebaseObject,$timeout,ionicMaterialMotion,ionicMaterialInk,FBURL,myListFirebase,authData) {
$scope.$parent.showHeader();
$scope.$parent.clearFabs();
$scope.isExpanded = false;
$scope.$parent.setExpanded(false);
$scope.$parent.setHeaderFab(false);

// Set Motion
$timeout(function() {
ionicMaterialMotion.slideUp({
selector: '.slide-up'
});
}, 300);

$timeout(function() {
ionicMaterialMotion.fadeSlideInRight({
startVelocity: 3000
});
}, 700);

// Set Ink
ionicMaterialInk.displayEffect();

$scope.$on('$ionicView.beforeEnter', function() {

$scope.$root.hideTabsOnThisPage = true;
@@ -153,15 +196,34 @@ angular.module('starter.listNearMe', [])


}
}).controller('FriendsCtrl', function($scope,$timeout,ionicMaterialMotion,ionicMaterialInk) {
$timeout(function() {
$scope.isExpanded = true;
}, 300);
$scope.downLoad=function(){
var ref = new Firebase(FBURL);
ref.child('users/'+authData.uid+'/myLists').orderByChild('ListDownloadId')
.startAt($stateParams.$id)
.endAt($stateParams.$id)
.once('value', function(snap) {

if(snap.hasChildren())
{
console.log('exist ');
}
else
{
var downloadItem = $stateParams;
downloadItem.share=false;
downloadItem.ListDownloadId=$stateParams.$id;
delete downloadItem.$id;
myListFirebase.$add(downloadItem);
}
});

// Set Motion
ionicMaterialMotion.fadeSlideInRight();
}
}).controller('FriendsCtrl', function($scope,$timeout,ionicMaterialMotion,ionicMaterialInk) {

// Set Ink
$scope.$parent.clearFabs();
$timeout(function() {
$scope.$parent.hideHeader();
}, 0);
ionicMaterialInk.displayEffect();
})

40 www/js/login-controllers.js
View file
@@ -19,6 +19,7 @@ angular.module('starter.controllers', [])
function authDataCallback(authData) {
if (authData) {
console.log("User " + authData.uid + " is logged in with " + authData.provider);
$scope.setInfo(authData);
$state.go('tab.myList');
} else {
console.log("User is logged out");
@@ -40,7 +41,18 @@ angular.module('starter.controllers', [])
console.error(error);
});
};

$scope.facebookLogin = function scopeLogin() {
Auth.loginWithFacebook()
.then(function(authData){
console.log('We are logged in!', authData);
//add user to data base
afterLogIn(authData);

})
.catch(function(error) {
console.error(error);
});
};
//if user logs in
function afterLogIn(authData)
{
@@ -53,20 +65,35 @@ angular.module('starter.controllers', [])
function userExistsCallback(exists,authData) {
if (exists) {
$scope.setInfo(authData);
$state.go('tab.myList');
} else {

console.log("user doesnt exist");
console.log("wtf");
console.log('info',getName(authData),getEmail(authData),getImage(authData));

itemRef.child("users").child(authData.uid).set({
provider: authData.provider,
name: getName(authData),
email: getEmail(authData),
avatar: getImage(authData)
});

$state.go('tab.myList');
},onComplete);
$scope.setInfo(authData);
var onComplete = function(error) {
if (error) {
console.log('Synchronization failed');
} else {
//$state.go('tab.myList');
}

}

}
// Logs a user out

};
// Same as the previous example, except we will also log a message
// when the data has finished synchronizing
$scope.logout = Auth.logout;

// detect changes in authentication state
@@ -76,6 +103,7 @@ angular.module('starter.controllers', [])
// });

function getName(authData) {
console.log('get name');
switch(authData.provider) {
case 'google':
return authData.google.displayName;
@@ -87,7 +115,7 @@ angular.module('starter.controllers', [])
}

function getEmail(authData) {
console.log(authData.google.email);

switch(authData.provider) {
case 'google':
return authData.google.email;
@@ -99,7 +127,7 @@ angular.module('starter.controllers', [])
}

function getImage(authData) {
console.log(authData.google.email);

switch(authData.provider) {
case 'google':
return authData.google.profileImageURL;
40 www/js/my-list-controllers.js
View file
@@ -1,31 +1,19 @@
angular.module('starter.myList', ['google.places'])
.directive('myPostRepeatDirective', function($timeout) {

return{
restrict: 'A',
link:function(scope, element, attr) {

if (scope.$last){
// iteration is complete, do whatever post-processing
// is necessary
scope.$emit('applyEffect');


}
}
};
})
.controller('myListCtrl', function($scope, $state,$ionicListDelegate, $ionicModal, $ionicPopup, $timeout,$firebaseObject,ionicMaterialInk, ionicMaterialMotion,$cordovaGeolocation, $cordovaKeyboard, FBURL,authData, global, myListFirebase, tables,friendList) {
.controller('myListCtrl', function($scope, $state,$ionicListDelegate,$location,$ionicModal, $ionicPopup, $timeout,$firebaseObject,ionicMaterialInk, ionicMaterialMotion,$cordovaGeolocation, $cordovaKeyboard, FBURL,authData, global, myListFirebase, tables,friendList) {
//$scope.$parent.showHeader();
$scope.isExpanded = true;
$scope.$parent.clearFabs();
$scope.$parent.setHeaderFab('right');
$scope.$on('applyEffect',function(e){
// Set Motion


console.log('triggered');
$timeout(function() {
$scope.isExpanded = true;
}, 100);
ionicMaterialMotion.fadeSlideInRight();
$timeout(function(){

// Set Ink
ionicMaterialInk.displayEffect();
ionicMaterialMotion.ripple();
ionicMaterialInk.displayEffect();
},0);
});


@@ -417,6 +405,7 @@ $scope.goToEditListPage = function(list){
$scope.placeList = currListItem.places;
$scope.listName= currListItem.ListName;
$scope.tags=currListItem.tags;
$scope.publicList=currListItem.share;
if($scope.placeList==null)
{
$scope.placeList=[];
@@ -526,13 +515,14 @@ $scope.goToEditListPage = function(list){
}
else
{

//this is edit
var item= myListFirebase.$getRecord($stateParams.$id);
console.log('scope'+$scope.ListName);
item.ListName=name;
item.places=currListItem.places;
item.tags=currListItem.tags;
item.share=true;
item.share=publicList;
item.creater_name=myName;

myListFirebase.$save(item)
.then(function(ref) {
4 www/js/services.js
View file
@@ -91,11 +91,11 @@ angular.module('starter.services', [])
return $firebaseArray(myListsRef);
}])
//global item list base on friendlist
.factory('friendList', ['$firebaseArray', function($firebaseArray) {
.factory('friendList', ['$firebaseObject', function($firebaseObject) {
var ref = new Firebase('https://sggo.firebaseio.com/');
var authData = ref.getAuth();
console.log(authData.uid);
var myListsRef = new Firebase('https://sggo.firebaseio.com/users/'+authData.uid+'/friendList');
return $firebaseArray(myListsRef);
return $firebaseObject(myListsRef);
}]);
;
83 www/js/tabCtrl.js
View file
@@ -0,0 +1,83 @@
angular.module('starter.tabCtrl',[])
.controller('tabCtrl', function($scope, $ionicModal, $ionicPopover, $timeout) {
// Form data for the login modal
$scope.isExpanded = false;
$scope.hasHeaderFabLeft = false;
$scope.hasHeaderFabRight = false;

var navIcons = document.getElementsByClassName('ion-navicon');
for (var i = 0; i < navIcons.length; i++) {
navIcons.addEventListener('click', function() {
this.classList.toggle('active');
});
}

////////////////////////////////////////
// Layout Methods
////////////////////////////////////////

$scope.hideNavBar = function() {
document.getElementsByTagName('ion-nav-bar')[0].style.display = 'none';
};

$scope.showNavBar = function() {
document.getElementsByTagName('ion-nav-bar')[0].style.display = 'block';
};

$scope.noHeader = function() {
var content = document.getElementsByTagName('ion-content');
for (var i = 0; i < content.length; i++) {
if (content[i].classList.contains('has-header')) {
content[i].classList.toggle('has-header');
}
}
};

$scope.setExpanded = function(bool) {
$scope.isExpanded = bool;
};

$scope.setHeaderFab = function(location) {
var hasHeaderFabLeft = false;
var hasHeaderFabRight = false;

switch (location) {
case 'left':
hasHeaderFabLeft = true;
break;
case 'right':
hasHeaderFabRight = true;
break;
}

$scope.hasHeaderFabLeft = hasHeaderFabLeft;
$scope.hasHeaderFabRight = hasHeaderFabRight;
};

$scope.hasHeader = function() {
var content = document.getElementsByTagName('ion-content');
for (var i = 0; i < content.length; i++) {
if (!content[i].classList.contains('has-header')) {
content[i].classList.toggle('has-header');
}
}

};

$scope.hideHeader = function() {
$scope.hideNavBar();
$scope.noHeader();
};

$scope.showHeader = function() {
$scope.showNavBar();
$scope.hasHeader();
};

$scope.clearFabs = function() {
var fabs = document.getElementsByClassName('button-fab');
if (fabs.length && fabs.length > 1) {
fabs[0].remove();
}
};
})
30 www/templates/loginPage.html
View file
@@ -1,17 +1,31 @@
<ion-view class="welcome-view" cache-view="false" hide-nav-bar="true">
<img class="blurry-img" src="img/151011_Riposte_Nova__006_F2_670.jpg" />
<ion-content scroll="false" class="" style="background-color: transparent;">
<ion-content style="background: url(img/login.jpg) center; background-size: cover;">
<div class="hero no-header flat">
<div class="content">
<div class="app-icon"></div>
<h1>Thronester</h1>
</div>
</div>
<div class="list">
<ion-md-input ng-model='lemail' placeholder="email" highlight-color="balanced" type="text"></ion-md-input>
<ion-md-input ng-model='lpassword' placeholder="Password" highlight-color="energized" type="password"></ion-md-input>
</div>
<div class="padding">
<button class="button button-full button-assertive ink" ng-click="logIn(lemail,lpassword)">Login</button>
</div>
<div class="button-bar social-login">
<button class="button button-small button-border icon-left ion-social-google button-assertive-900" ng-click="googleLogin()">Google+</button>
<button class="button button-small button-border icon-left ion-social-facebook button-positive-900" ng-click="facebookLogin()">Facebook</button>
</div>
</ion-content>
<!-- <ion-content scroll="false" class="" style="background-color: transparent;">
<div class="top-content row">
<div class="app-copy col col-center">
<h1 class="app-title" style="margin-top: 15vh; color: white; font-family: 'Julius Sans One', sans-serif;">Caboodle</h1>
<div class="row centerRow" style="margin-top: 10vh;">
<!--
<img src="img/chicken.png" class="col col-30"/>
<img src="img/hamburger.png" class="col col-30"/>
<img src="img/hotdog.png" class="col col-30"/>
-->
</div>
</div>
</div>
@@ -30,7 +44,7 @@ <h1 class="app-title" style="margin-top: 15vh; color: white; font-family: 'Juliu
<section ng-include="'views/partials/legal-notice.html'"></section>
</div>
</div>
</ion-content>
</ion-content> -->
</ion-view>


28 www/templates/tab-account.html
View file
@@ -1,9 +1,31 @@
<ion-view view-title="Account" cache-view="false">
<ion-content>

<ion-content ng-class="{expanded:$scope.isExpanded}">
<div class="hero slide-up" style="background-image: url('img/profile-bg.jpg');">
<div class="content">
<div class="avatar" style="background-image: url('{{avatar.$value}}');"></div>
<h3><a class="light">{{myName}}</a></h3>
</div>
</div>
<div class="list">
<a class="item item-icon-right" href="#" ng-click="linkToPassword();">
Change Password
<i class="icon ion-ios-arrow-right"></i>
</a>
<a class="item item-icon-right" href="#" ng-click="linkToChangeAvatar();">
Change Avatar
<i class="icon ion-ios-arrow-right"></i>
</a>
</div>
<a class="button button-assertive button-block button-outline" ng-click="showLogOutMenu()">
Log Out
</a>
</ion-content>

<!-- <ion-content>
<div class="topOfAccountPage" style="background-color: whitesmoke;">
<div class="row" style="padding-bottom: 15px; padding-top: 15px;">
<div class="col col-center" style=""><img src="{{avatar.$value}}" style="width: 90px; display: block; margin: 0 auto; border-radius: 50%; border: 3px double rgb(127, 197, 195);"></div>
<!-- <div class="col">1<br>2<br>3<br> 4<br>1<br>2<br>3<br> 4<br></div>-->
</div>
<div class="row"><h4 style="margin: 0 auto; display: table; padding-bottom: 15px;">Collin Partee</h4></div>
<div class="row">
@@ -28,5 +50,5 @@
</a>
</ion-content>
</ion-content> -->
</ion-view>
80 www/templates/tab-editListNearMe.html
View file
@@ -12,37 +12,54 @@
</ion-header-bar>
-->


<ion-nav-buttons side="left">
<button class="button button-icon icon ion-ios-arrow-left" style="color: white;" ng-click="goBackAndShowTabBar();$ionicGoBack(); ">
Back
</button>
</ion-nav-buttons>
<ion-content scroll="false" style="">
<div class="hover" style="border-bottom: 2px solid black;">
<ion-content ng-class="{expanded:$scope.isExpanded}">
<div class="hero slide-up" style="background-image: url('img/profile-bg.jpg');">
<div class="content">
<div class="avatar" style="background-image: url('{{nearByListItem.avatar}}');"></div>
<h3><a class="light">{{nearByListItem.ListName}}</a></h3>
<h4>Created By : {{nearByListItem.creater_name}}</h4>
</div>
<!-- <button class="button button-icon {{heartClass}} likeButton" ng-click="likeThisList();"><span class="numOfLikes" style="padding: 5px; font-size: medium;">{{likes.$value || 0}}</span></button>
<button class="button button-icon ion-arrow-down-a downloadButton" ng-click="downLoad()">
<span class="numDownLoads" style="padding: 5px; font-size: medium;">13</span>
</button>
<div class="row" style="background-color: whitesmoke;">
<div class="col col-80" style="margin: 0 auto;">
<button class="button" ng-click="goToSpin()" style="width: 100%;">Spin</button>
</div>
</div> -->
</div>

<div class="tabs tabs-dark tabs-icon-top static">
<a ng-click="downLoad()" class="tab-item">
<i class="icon ion-arrow-graph-up-right"></i> Download
</a>
<a ng-click="likeThisList();" class="tab-item">
<i class="icon ion-android-people"></i> Like
</a>
</div>

<!-- <div class="hover" style="border-bottom: 2px solid black;">
<div class="row row-center" style="background-color: whitesmoke;">
<div class="" style="margin: 0 auto;" >
<h4>{{nearByListItem.ListName}}</h4>
<h5>Created By : {{nearByListItem.creater_name}}</h5>
</div>
</div>
<button class="button button-icon {{heartClass}} likeButton" ng-click="likeThisList();"><span class="numOfLikes" style="padding: 5px; font-size: medium;">{{likes.$value || 0}}</span></button>
<button class="button button-icon ion-arrow-down-a downloadButton">
</div> -->
<!-- <button class="button button-icon {{heartClass}} likeButton" ng-click="likeThisList();"><span class="numOfLikes" style="padding: 5px; font-size: medium;">{{likes.$value || 0}}</span></button>
<button class="button button-icon ion-arrow-down-a downloadButton" ng-click="downLoad()">
<span class="numDownLoads" style="padding: 5px; font-size: medium;">13</span>
</button>

<div class="row" style="background-color: whitesmoke;">
<div class="col col-80" style="margin: 0 auto;">
<!--
<button class="button icon-left {{heartClass}}" ng-click="likeThisList();" style="">Like</button>
<button class="button icon-left ion-arrow-down-a" style="">Download</button>
-->


<button class="button" ng-click="goToSpin()" style="width: 100%;">Spin</button>
</div>
</div>
</button> -->
<!--
<div class="row" style="background-color: whitesmoke;">
<div class="col col-20 col-offset-33">
@@ -56,22 +73,21 @@ <h5>Created By : {{nearByListItem.creater_name}}</h5>
</div>
-->

</div>

<ion-scroll style="height: 65%; padding-bottom: 10px;">
<div class="list">
<div class="item item-thumbnail-left" ng-repeat="items in nearByListItem.places track by $index">
<img src="img/steak.JPG" />
<span class="item-text-wrap">{{items.name}}</span><br>
<span class="item-text-wrap">{{items.vicinity}}</span><br>
<i class="ion-ios-star"></i>
<i class="ion-ios-star"></i>
<i class="ion-ios-star-half"></i>
<i class="ion-ios-star-outline"></i>
<i class="ion-ios-star-outline"></i>
<div class="list animate-fade-slide-in-right" ng-repeat="items in nearByListItem.places track by $index">
<a class="item item-avatar item-icon-right">
<img src="img/steak.JPG" />
<span class="item-text-wrap">{{items.name}}</span><br>
<span class="item-text-wrap">{{items.vicinity}}</span><br>
<i class="ion-ios-star"></i>
<i class="ion-ios-star"></i>
<i class="ion-ios-star-half"></i>
<i class="ion-ios-star-outline"></i>
<i class="ion-ios-star-outline"></i>
</a>

</div>
</div>
</ion-scroll>


</ion-content>
6 www/templates/tab-friendList.html
View file
@@ -7,13 +7,13 @@
</ion-nav-buttons>
<ion-content>
<ion-list class="list">
<ion-item ng-repeat="friend in friendList" class="item item-avatar">
<img src="{{friend.avatar}}" />
<ion-item ng-repeat="(k,v) in friendList" class="item item-avatar">
<img src="{{v.avatar}}" />
<div style="padding: 16px 49px 16px 72px;">
{{friend.name}}
<p>Macy's Systems and Technology</p>
</div>
<ion-option-button class="button button-assertive" ng-click="deleteFriend(friend)">
<ion-option-button class="button button-assertive" ng-click="deleteFriend(v)">
delete
</ion-option-button>
</ion-item>
51 www/templates/tab-friends.html
View file
@@ -1,38 +1,21 @@
<ion-view view-title="Friends">
<ion-content ng-class="{expanded:isExpanded}">
<div class="content has-header">
<div class="list animate-fade-slide-in-right">
<a href="#/app/profile" class="item item-avatar item-icon-right">
<img src="img/jon-snow.jpg">
<h2>Jon Snow</h2>
<p>Da illest illegitimate</p>
<i class="icon ion-chatbubble muted"></i>
</a>
<a href="#/app/profile" class="item item-avatar item-icon-right">
<img src="img/daenerys.jpg">
<h2>Daenerys Targaryen</h2>
<p>Dragon mommy</p>
<i class="icon ion-chatbubble muted"></i>
</a>
<a href="#/app/profile" class="item item-avatar item-icon-right">
<img src="img/arya.jpg">
<h2>Arya Stark</h2>
<p>Is Chuck Norris' fear</p>
<i class="icon ion-chatbubble muted"></i>
</a>
<a href="#/app/profile" class="item item-avatar item-icon-right">
<img src="img/sansa.jpg">
<h2>Sansa Stark</h2>
<p>&amp; Joffrey <strike>sitting</strike> sat in a tree</p>
<i class="icon ion-chatbubble muted"></i>
</a>
<a href="#/app/profile" class="item item-avatar item-icon-right">
<img src="img/tyrion.jpg">
<h2>Tyrion Lannister</h2>
<p>B.A.M.F. imp</p>
<i class="icon ion-chatbubble muted"></i>
</a>
<ion-view view-title="Login" align-title="left">
<ion-content style="background: url(img/login.jpg) center; background-size: cover;">
<div class="hero no-header flat">
<div class="content">
<div class="app-icon"></div>
<h1>Thronester</h1>
</div>
</div>
<div class="list">
<ion-md-input placeholder="Username" highlight-color="balanced" type="text"></ion-md-input>
<ion-md-input placeholder="Password" highlight-color="energized" type="password"></ion-md-input>
</div>
<div class="padding">
<button ui-sref="app.profile" class="button button-full button-assertive ink">Login</button>
</div>
<div class="button-bar social-login">
<button class="button button-small button-border icon-left ion-social-google button-assertive-900">Google+</button>
<button class="button button-small button-border icon-left ion-social-facebook button-positive-900">Facebook</button>
</div>
</ion-content>
</ion-view>
24 www/templates/tab-listNearMe.html
View file
@@ -1,5 +1,5 @@
<!--<link href="css/tab-myList-css.css" rel="stylesheet" />-->
<ion-view view-title="Lists Near Me" cache-view="false">
<ion-view view-title="Lists Near Me" cache-view="false" class="animate-fade-slide-in">
<ion-content style="background-color: whitesmoke;">
<div class="list" style="margin-bottom: 0;">
<div class="item item-input-inset">
@@ -19,8 +19,23 @@
</ion-item>
</ion-list>
-->
<div class="item card-item" ng-repeat="list in listDetail | filter:search_bar | orderBy: 'dis' track by $index" ng-click="goToEditListNearMe(list); hideTabsOnNextPage(true);" my-post-repeat-directive='mylist'>
<div class="card stable-bg ink ink-dark">
<div class="item item-avatar item-s-wrap">
<span class="avatar" style="background-image: url('{{list.avatar}}');"></span>
<strong>{{list.creater_name}} : </strong>{{list.ListName}}
<div class="card-footer text-right">
<i class="icon ion-chatbubbles positive"></i> 6
<i class="icon ion-heart assertive"></i> {{list.likes}}
<div class="pull-left">
{{list.dis}} km
</div>
</div>
</div>
</div>
</div>

<ion-list style="background-color: whitesmoke;">
<!-- <ion-list style="background-color: whitesmoke;">
<ion-item ng-repeat="list in listDetail | filter:search_bar | orderBy: 'dis' track by $index" class="item" ng-click="goToEditListNearMe(list); hideTabsOnNextPage(true);" style="margin: 3px 0; padding: 0; position: relative; height: 20vh;">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);">
@@ -41,10 +56,7 @@ <h2 style="overflow: visible;">{{list.ListName}}</h2>
</div>
</div>
<span class="timestamp" style="float:right; font-size: small; margin-bottom: -10px; margin-top: -5px;">{{list.dis}} km</span>
<!-- <img src="img/list-item1.jpg" class="tileImage" style="" />-->
</ion-item>
</ion-list>

{{myplace}}
</ion-list> -->
</ion-content>
</ion-view>
63 www/templates/tab-myList.html
View file
@@ -1,25 +1,25 @@
<!--<link href="css/tab-myList-css.css" rel="stylesheet" />-->
<ion-view view-title="My Lists" hide-nav-bar="true" cache-view="false" style="background-color: whitesmoke;">
<ion-view view-title="My Lists" hide-nav-bar="false" cache-view="false">
<!--
<ion-nav-buttons side="right">
<button class="button button-icon icon ion-plus-round" style="color: white;" ng-click="openListDetail()">
</button>
</ion-nav-buttons>
-->
<ion-header-bar class="bar-stable item-input-inset" ng-init="showInputBar = false; didStartEditing = false;">
<!-- <ion-header-bar class="bar-stable item-input-inset" ng-init="showInputBar = false; didStartEditing = false;">
<!--
<button class="button button-icon icon ion-ios-arrow-left" style="color: white;" ng-click="goBackAndShowTabBar(); $ionicGoBack();" ng-hide="showInputBar">
Back
</button>
-->
<div class="title" style="color:white;">
Add Item
</div>
</ion-header-bar>
</ion-header-bar> -->
<!--
<ion-content ng-class="{expanded:isExpanded}">
<div class="content has-header">
@@ -34,7 +34,7 @@ <h2>Jon Snow</h2>
</div>
</ion-content>
-->
<ion-content style="background-color: whitesmoke;">
<ion-content ng-class="{expanded:isExpanded}">
<!--
<div class="list animate-fade-slide-in-right">
<a href="#/app/profile" class="item item-avatar item-icon-right">
@@ -45,31 +45,28 @@ <h2>Jon Snow</h2>
</a>
</div>
-->
<!-- <ion-list>-->

<ion-list class="animate-ripple" >
<!-- style="margin: 3px auto; padding-bottom: 0; position: relative; height: 20vh;-->

<ion-item class="item-icon-right item-avatar" ng-repeat="list in myLists track by $index" my-post-repeat-directive='mylist' ng-click="goToEditListPage(list);">
<!-- <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);">-->
<div ng-repeat="list in myLists track by $index" class="list animate-fade-slide-in-right" my-post-repeat-directive='mylist' >

<div ng-click="goToEditListPage(list);" class="item item-avatar item-icon-right">
<div class="item-avatar item-icon-right ">
<img src="img/steak.jpg">
<h2>{{list.ListName}}</h2>
<p ng-repeat='tag in list.tags' style="">#{{tag.text}}</p>
</div>
</div>

<!--

</div>

<ion-option-button class="button-positive" ng-click="shareListWithFriends(list)">
Share
</ion-option-button>
<ion-option-button class="button-assertive" ng-click="deleteList(list)">
Delete
</ion-option-button>
-->
Share
</ion-option-button>
<ion-option-button class="button-assertive" ng-click="deleteList(list)">
Delete
</ion-option-button>
</ion-item>

<!-- <img src="img/tile4.jpg" class="tileImage" style="" />-->
<!-- </ion-list>-->
</ion-list>
<!--
<ion-list>
<ion-item ng-repeat="list in myLists track by $index" class="item item-thumbnail-left" ng-click="goToEditListPage(list);" style="margin: 5px 0; border-top: 3px solid cadetblue; padding-bottom: 0;">
@@ -106,21 +103,15 @@ <h2>{{list.ListName}}</h2>
</ion-list>
-->
<ion-list class="shared-lists">
<ion-item ng-repeat="(k,v) in myTableLists track by $index" class="item tileBackground" ng-click="goToEditListPage(k);" style="margin: 3px auto; padding-bottom: 0; position: relative; height: 20vh;">
<ion-item ng-repeat="(k,v) in myTableLists track by $index" class="item-icon-right item-avatar" ng-click="goToEditListPage(k);" my-post-repeat-directive='mylist'>
<i class="icon ion-ios-people right-side" style="color: black;"></i>

<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);">
<div class="row" style="padding-bottom: 15px;">
<div class="" style="margin: 0 auto;">
<h2 style="font-size: larger;">{{v.ListName}}</h2>
</div>
</div>
<div class="row">
<div class="" style="margin: 0 auto;">
<p ng-repeat='tag in v.tags'>#{{tag.text}}</p>
</div>
</div>
</div>
<div class="item-avatar item-icon-right ">
<img src="img/steak.jpg">
<h2>{{v.ListName}}</h2>
<p ng-repeat='tag in v.tags' style="">#{{tag.text}}</p>

</div>

<ion-option-button class="button-assertive" ng-click="deleteTable(k)">
Delete