From 95fdba9953e47667c4209cf7d3b18cd6562aa686 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A1ssio=20Zen?= <cassiozen@gmail.com>
Date: Thu, 18 Aug 2016 15:30:28 -0300
Subject: [PATCH] plugin fields have with distinct name and label

---
 example/index.html                                          | 6 +++---
 .../MarkdownControlElements/VisualEditor/BlockTypesMenu.js  | 2 +-
 src/components/Widgets/richText.js                          | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/example/index.html b/example/index.html
index 4389ed9d..5b7a299d 100644
--- a/example/index.html
+++ b/example/index.html
@@ -73,15 +73,15 @@
       id: "youtube",
       label: "Youtube",
       icon: 'video',
-      fields: ['video-id'],
+      fields: [{name: 'id', label: 'Youtube Video ID'}],
       pattern: /^{{<\s?youtube (\S+)\s?>}}/,
       fromBlock: function(match) {
         return {
-          "video-id": match[1]
+          id: match[1]
         };
       },
       toBlock: function(obj) {
-        return '{{< youtube ' + obj['video-id'] + ' >}}';
+        return '{{< youtube ' + obj.id + ' >}}';
       }
     })
   </script>
diff --git a/src/components/Widgets/MarkdownControlElements/VisualEditor/BlockTypesMenu.js b/src/components/Widgets/MarkdownControlElements/VisualEditor/BlockTypesMenu.js
index 9fb9d149..0855d40b 100644
--- a/src/components/Widgets/MarkdownControlElements/VisualEditor/BlockTypesMenu.js
+++ b/src/components/Widgets/MarkdownControlElements/VisualEditor/BlockTypesMenu.js
@@ -63,7 +63,7 @@ export default class BlockTypesMenu extends Component {
   handlePluginClick(e, plugin) {
     const data = {};
     plugin.fields.forEach(field => {
-      data[field] = window.prompt(field);
+      data[field.name] = window.prompt(field.label);
     });
     this.props.onClickPlugin(plugin.id, data);
   }
diff --git a/src/components/Widgets/richText.js b/src/components/Widgets/richText.js
index 0b8b6856..7879edb0 100644
--- a/src/components/Widgets/richText.js
+++ b/src/components/Widgets/richText.js
@@ -44,7 +44,7 @@ function processEditorPlugins(plugins) {
         <div {...props.attributes} className={className}>
           <div className="plugin_icon" contentEditable={false}><Icon type={plugin.icon}/></div>
           <div className="plugin_fields" contentEditable={false}>
-            { plugin.fields.map(field => `${field}: “${node.data.get(field)}”`) }
+            { plugin.fields.map(field => `${field.label}: “${node.data.get(field.name)}”`) }
           </div>