display placeholders for custom widgets (#3886)

modules/@apostrophecms/widget-type/index.js

@@ -161,8 +161,18 @@ module.exports = {
           ...self.getWidgetsBundles(`${widget.type}-widget`)
         };
 
+        const clonedWidget = { ...widget };
+
+        if (widget.aposPlaceholder === true) {
+          self.schema.forEach(field => {
+            if (!widget[field.name] && field.placeholder !== undefined) {
+              clonedWidget[field.name] = field.placeholder;
+            }
+          });
+        }
+
         return self.render(req, self.template, {
-          widget: widget,
+          widget: clonedWidget,
           options: options,
           manager: self,
           contextOptions: _with

test/modules/placeholder-page/index.js

@@ -0,0 +1,19 @@
+module.exports = {
+  extend: '@apostrophecms/page-type',
+  options: {
+    label: 'Placeholder Test Page'
+  },
+  fields: {
+    add: {
+      main: {
+        type: 'area',
+        label: 'Main',
+        options: {
+          widgets: {
+            placeholder: {}
+          }
+        }
+      }
+    }
+  }
+};

test/modules/placeholder-page/views/page.html

@@ -0,0 +1,3 @@
+<h2>Placeholder Test Page</h2>
+
+{% area data.page, 'main' %}

test/modules/placeholder-widget/index.js

@@ -0,0 +1,36 @@
+module.exports = {
+  extend: '@apostrophecms/widget-type',
+  options: {
+    label: 'Placeholder Test Widget',
+    initialModal: false
+  },
+  fields: {
+    add: {
+      string: {
+        type: 'string',
+        label: 'String',
+        placeholder: 'String PLACEHOLDER'
+      },
+      integer: {
+        type: 'integer',
+        label: 'Integer',
+        placeholder: 0
+      },
+      float: {
+        type: 'float',
+        label: 'Float',
+        placeholder: 0.1
+      },
+      date: {
+        type: 'date',
+        label: 'Date',
+        placeholder: 'YYYY-MM-DD'
+      },
+      time: {
+        type: 'time',
+        label: 'Time',
+        placeholder: 'HH:MM:SS'
+      }
+    }
+  }
+};

test/modules/placeholder-widget/views/widget.html

@@ -0,0 +1,5 @@
+<ul>
+{% for key, val in data.widget %}
+  <li>{{ data.widget._id }} - {{ key }}: {{ val }}</li>
+{% endfor %}
+</ul>