From cbb02de464860008483398bafb03e405aa54331b Mon Sep 17 00:00:00 2001
From: Loic Blot <loic.blot@unix-experience.fr>
Date: Thu, 19 May 2016 22:01:09 +0200
Subject: [PATCH] Add first character to no photo mode. If no number # is the
 character

---
 js/public/app.js   | 11 +++++++++++
 templates/main.php |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/js/public/app.js b/js/public/app.js
index 081b0f0..e8e0dfb 100644
--- a/js/public/app.js
+++ b/js/public/app.js
@@ -50,6 +50,17 @@ app.filter('peerColor', function() {
 	};
 });
 
+app.filter('firstCharacter', function() {
+		return function(input) {
+			if (input.charAt(0) == '+') {
+				return '#';
+			}
+
+			return input.charAt(0);
+		};
+	});
+
+
 app.controller('OcSmsController', ['$scope', '$interval', '$timeout', '$compile',
 	function ($scope, $interval, $timeout, $compile) {
 		$scope.buttons = [
diff --git a/templates/main.php b/templates/main.php
index fd8584d..0563ac6 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -11,7 +11,7 @@ use \OCA\OcSms\Lib\CountryCodes;
 		<ul class="contact-list">
 			<li ng-repeat="contact in contacts" peer-label="{{ contact.label }}">
 				<div class="ocsms-plavatar" style="background-image: url('{{ contact.avatar }}');" ng-show="contact.avatar !== undefined"></div>
-				<div class="ocsms-plavatar" ng-show="contact.avatar === undefined" ng-style="{'background-color': (contact.label | peerColor)}"></div>
+				<div class="ocsms-plavatar" ng-show="contact.avatar === undefined" ng-style="{'background-color': (contact.label | peerColor)}">{{ contact.label | firstCharacter }}</div>
 				<a class="ocsms-plname" style="{{ contact.unread > 0 ? 'font-weight:bold;' : ''}}" mailbox-label="{{ contact.label }}" mailbox-navigation="{{ contact.nav }}" ng-click="loadConversation(contact);" href="#">{{ contact.label }}{{ contact.unread > 0 ? ' (' + contact.unread + ') ' : '' }}</a>
 			</li>
 		</ul>