Merge pull request #254 from nextcloud/dropdown_options

Dropdown options for social media and instant messaging updated, placeholders changed to username

.gitignore

@@ -4,3 +4,4 @@ js/public
 js/vendor
 coverage
 npm-debug.log
+package-lock.json

js/services/vCardProperties.js

@@ -91,15 +91,15 @@ angular.module('contactsApp')
 		impp: {
 			multiple: true,
 			readableName: t('contacts', 'Instant messaging'),
-			template: 'text',
+			template: 'username',
 			defaultValue: {
 				value:[''],
-				meta:{type:['HOME']}
+				meta:{type:['SKYPE']}
 			},
 			options: [
-				{id: 'HOME', name: t('contacts', 'Home')},
-				{id: 'WORK', name: t('contacts', 'Work')},
-				{id: 'OTHER', name: t('contacts', 'Other')}
+				{id: 'IRC', name:  'IRC'},
+				{id: 'SKYPE', name:'Skype'},
+				{id: 'TELEGRAM', name:'Telegram'}
 			]
 		},
 		tel: {
@@ -124,14 +124,19 @@ angular.module('contactsApp')
 		'X-SOCIALPROFILE': {
 			multiple: true,
 			readableName: t('contacts', 'Social network'),
-			template: 'text',
+			template: 'username',
 			defaultValue: {
 				value:[''],
 				meta:{type:['facebook']}
 			},
 			options: [
 				{id: 'FACEBOOK', name: 'Facebook'},
+				{id: 'GOOGLEPLUS', name: 'Google+'},
+				{id: 'INSTAGRAM', name: 'Instagram'},
+				{id: 'LINKEDIN', name: 'LinkedIn'},
+				{id: 'PINTEREST', name: 'Pinterest'},
 				{id: 'TWITTER', name: 'Twitter'}
+
 			]
 
 		}

templates/detailItems/username.html

@@ -0,0 +1,11 @@
+<select ng-if="ctrl.availableOptions.length > 0" ng-model="ctrl.type" ng-model-options="{ debounce: 500 }" ng-change="ctrl.changeType(ctrl.type)">
+	<option ng-repeat="option in ctrl.availableOptions" value="{{option.id}}">{{option.name}}</option>
+</select>
+<label ng-if="ctrl.availableOptions.length === 0" for="details-{{ctrl.name}}-{{ctrl.index}}">{{ctrl.meta.readableName}}</label>
+<input type="text" id="details-{{ctrl.name}}-{{ctrl.index}}" name="{{ctrl.name}}"
+	   ng-model="ctrl.data.value" ng-model-options="{ debounce: 500 }"
+	   ng-change="ctrl.model.updateContact()" value=""
+	   placeholder="Username"
+	   focus-expression="$parent.ctrl.focus === ctrl.name"
+/>
+<button ng-click="ctrl.deleteField()" class="icon-delete" title="{{ctrl.t.delete}}"></button>