Work in progress of placeholders for social profiles

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
nextcloud · Apr 22, 2020 · 2b213c6 · 2b213c6
1 parent 740c74e
commit 2b213c6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/src/components/Properties/PropertyText.vue b/src/components/Properties/PropertyText.vue
@@ -72,6 +72,7 @@
 				:class="{'property__value--with-ext': haveExtHandler}"
 				type="text"
 				class="property__value"
+				:placeholder="type"
 				@input="updateValue">
 
 			<!-- external link -->

diff --git a/src/models/rfcProps.js b/src/models/rfcProps.js
@@ -220,20 +220,20 @@ const properties = {
 			type: ['facebook'],
 		},
 		options: [
-			{ id: 'FACEBOOK', name: 'Facebook' },
-			{ id: 'GITHUB', name: 'GitHub' },
-			{ id: 'GOOGLEPLUS', name: 'Google+' },
-			{ id: 'INSTAGRAM', name: 'Instagram' },
-			{ id: 'LINKEDIN', name: 'LinkedIn' },
-			{ id: 'PINTEREST', name: 'Pinterest' },
-			{ id: 'QZONE', name: 'QZone' },
-			{ id: 'TUMBLR', name: 'Tumblr' },
-			{ id: 'TWITTER', name: 'Twitter' },
-			{ id: 'WECHAT', name: 'WeChat' },
-			{ id: 'YOUTUBE', name: 'YouTube' },
-			{ id: 'MASTODON', name: 'Mastodon' },
-			{ id: 'DIASPORA', name: 'Diaspora' },
-			{ id: 'OTHER', name: 'other Social Media' },
+			{ id: 'FACEBOOK', name: 'Facebook', placeholder: 'https://facebook.com/…' },
+			{ id: 'GITHUB', name: 'GitHub', placeholder: 'https://github.com/…' },
+			{ id: 'GOOGLEPLUS', name: 'Google+', placeholder: 'https://plus.google.com/…' },
+			{ id: 'INSTAGRAM', name: 'Instagram', placeholder: 'https://instagram.com/…' },
+			{ id: 'LINKEDIN', name: 'LinkedIn', placeholder: 'https://linkedin.com/…' },
+			{ id: 'PINTEREST', name: 'Pinterest', placeholder: 'https://pinterest.com/…' },
+			{ id: 'QZONE', name: 'QZone', placeholder: 'https://qzone.com/…' },
+			{ id: 'TUMBLR', name: 'Tumblr', placeholder: 'https://tumblr.com/…' },
+			{ id: 'TWITTER', name: 'Twitter', placeholder: 'https://twitter.com/…' },
+			{ id: 'WECHAT', name: 'WeChat', placeholder: 'https://wechat.com/…' },
+			{ id: 'YOUTUBE', name: 'YouTube', placeholder: 'https://youtube.com/…' },
+			{ id: 'MASTODON', name: 'Mastodon', placeholder: 'https://mastodon.social/…' },
+			{ id: 'DIASPORA', name: 'Diaspora', placeholder: 'https://joindiaspora.com/…' },
+			{ id: 'OTHER', name: 'Other social media', placeholder: 'https://example.com/…' },
 		],
 	},
 	relationship: {