From 63c1258e58eb72d6219f7f89e60ec2346894ebb9 Mon Sep 17 00:00:00 2001
From: Sander van de Graaf <mail@svdgraaf.nl>
Date: Thu, 3 Aug 2017 08:31:28 +0200
Subject: [PATCH] Add hide_avatars setting, which will, well, hide avatars

---
 app/css/app.css                  | 11 ++++++++++-
 app/partials/bookmarks/list.html |  8 ++++----
 app/partials/settings.html       | 22 +++++++++++++++++++++-
 3 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/app/css/app.css b/app/css/app.css
index 0732dbd..02007e2 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -14,6 +14,15 @@ html {
   text-align: center;
 }
 
+.list .item.item-button-right {
+  padding-right: 45px;
+}
+
+.list .item.item-no-avatar {
+  padding: 10px;
+  padding-right: 45px;
+}
+
 .icon-spin {
   -webkit-animation: spin 2s infinite linear;
   -moz-animation: spin 2s infinite linear;
@@ -46,4 +55,4 @@ html {
   to {
     transform: rotate(360deg);
   }
-}
\ No newline at end of file
+}
diff --git a/app/partials/bookmarks/list.html b/app/partials/bookmarks/list.html
index c2e139e..d99f31c 100644
--- a/app/partials/bookmarks/list.html
+++ b/app/partials/bookmarks/list.html
@@ -10,15 +10,15 @@
 		/>
 	</label>
 	<a
-		class="item item-avatar item-button-right"
-		ng-class="{active: $index == position}"
+		class="item item-button-right"
+		ng-class="{active: $index == position, 'item-avatar': $settings.hide_avatars == false, 'item-no-avatar': $settings.hide_avatars}"
 		ng-click="getToken(bookmark)"
 		ng-repeat="bookmark in bookmarks.bookmarks
 		          |byNameOrAccountNumber:query
 		          |orderBy:orderProp"
 	>
-		<img ng-if="!gravatar(bookmark)" ng-src="{{bookmark.avatar_url}}" />
-		<img ng-if="gravatar(bookmark)" gravatar-src="bookmark.avatar_url || bookmark.name" />
+		<img ng-if="!gravatar(bookmark) && !$settings.hide_avatars" ng-src="{{bookmark.avatar_url}}" />
+		<img ng-if="gravatar(bookmark) && !$settings.hide_avatars" gravatar-src="bookmark.avatar_url || bookmark.name" />
 		<h2>{{bookmark.name}}</h2>
 		<p>{{bookmark.account_number}}/{{bookmark.role_name}}</p>
 		<button
diff --git a/app/partials/settings.html b/app/partials/settings.html
index eb8f150..0ab1249 100644
--- a/app/partials/settings.html
+++ b/app/partials/settings.html
@@ -5,7 +5,7 @@
 				<img class="full-image" src="dist/img/sentia.png" />
 			</div>
 		</div>
-		
+
 		<div class="card">
 			<div class="item item-divider">Locksmith</div>
 
@@ -138,6 +138,26 @@
 		</div>
 	</form>
 
+	<div class="card">
+		<div class="item item-divider">Interface</div>
+
+		<div
+			class="item item-toggle"
+		>
+			Hide avatars
+				<label class="toggle toggle-balanced">
+				<input
+						type="checkbox"
+					ng-model="$settings.hide_avatars"
+				/>
+				<div class="track">
+					<div class="handle"></div>
+				</div>
+			</label>
+		</div>
+
+	</div>
+
 
 	<p>&nbsp;</p>
 </ion-content>