Changeset 2130576

Timestamp:

07/30/2019 05:42:02 AM (6 years ago)

Author:

sagarprajapati

Message:

Screenshot and block.json added

Location:

card-block/trunk

Files:

• css/blocks.editor.build.css (modified) (1 diff)
• css/blocks.style.build.css (modified) (1 diff)
• js/block.build.js (modified) (1 diff)
• js/block.js (modified) (1 diff)
• js/editor.scss (modified) (1 diff)
• js/style.scss (modified) (1 diff)

card-block/trunk/css/blocks.editor.build.css

@@ -1 @@
-.container{border:1px solid #ccc;padding:1rem}.button-container{text-align:center;padding:22% 0;background:#f1f1f1;border:1px solid #ccc;border-radius:2px;margin:0 0 1.2rem 0}.heading{font-size:1.5rem;font-weight:600}.image{height:15.7rem;width:100%;object-fit:cover}
+.container{border:1px solid #ccc;padding:1rem}.button-container{text-align:center;padding:22% 0;background:#f1f1f1;border:1px solid #ccc;border-radius:2px;margin:0 0 1.2rem 0}.heading{font-size:1.5rem;font-weight:600}.image{height:15.7rem;object-fit:cover}

card-block/trunk/css/blocks.style.build.css

@@ -1 @@
-.card{border:1px solid #ccc;padding:1rem}.button-container{text-align:center;padding:22% 0;background:#f1f1f1;border:1px solid #ccc;border-radius:2px;margin:0 0 1.2rem 0}.heading{font-size:1.5rem;font-weight:600}.image{height:15.7rem;width:100%;object-fit:cover}
+.card{border:1px solid #ccc;padding:1rem}.button-container{text-align:center;padding:22% 0;background:#f1f1f1;border:1px solid #ccc;border-radius:2px;margin:0 0 1.2rem 0}.heading{font-size:1.5rem;font-weight:600}.image{height:15.7rem;object-fit:cover}

card-block/trunk/js/block.build.js

@@ -91 +91 @@
   !*** ./js/block.js ***!
   \*********************/
-/*! no exports provided */
+/*! exports provided: metadata, name */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.scss */ \"./js/style.scss\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_scss__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./editor.scss */ \"./js/editor.scss\");\n/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_editor_scss__WEBPACK_IMPORTED_MODULE_1__);\nvar _wp$editor=wp.editor,RichText=_wp$editor.RichText,MediaUpload=_wp$editor.MediaUpload,PlainText=_wp$editor.PlainText,registerBlockType=wp.blocks.registerBlockType,Button=wp.components.Button;// Import our CSS files\nregisterBlockType('card-block/main',{title:'Card',icon:'heart',category:'common',attributes:{title:{source:'text',selector:'.card__title'},body:{type:'array',source:'children',selector:'.card__body'},imageAlt:{attribute:'alt',selector:'.card__image'},imageUrl:{attribute:'src',selector:'.card__image'}},edit:function f(a){var b=a.attributes,c=a.className,d=a.setAttributes,e=function(a){return b.imageUrl?wp.element.createElement('img',{src:b.imageUrl,onClick:a,className:'image'}):wp.element.createElement('div',{className:'button-container'},wp.element.createElement(Button,{onClick:a,className:'button button-large'},'Pick an image'))};return wp.element.createElement('div',{className:'container'},wp.element.createElement(MediaUpload,{onSelect:function b(a){d({imageAlt:a.alt,imageUrl:a.url})},type:'image',value:b.imageID,render:function c(a){var b=a.open;return e(b)}}),wp.element.createElement(PlainText,{onChange:function b(a){return d({title:a})},value:b.title,placeholder:'Your card title',className:'heading'}),wp.element.createElement(RichText,{onChange:function b(a){return d({body:a})},value:b.body,multiline:'p',placeholder:'Your card text',formattingControls:['bold','italic','underline'],isSelected:b.isSelected}))},save:function c(a){var b=a.attributes;return wp.element.createElement('div',{className:'card'},function c(a,b){// No alt set, so let's hide it from screen readers\nreturn a?b?wp.element.createElement('img',{className:'card__image',src:a,alt:b}):wp.element.createElement('img',{className:'card__image',src:a,alt:'',\"aria-hidden\":'true'}):null}(b.imageUrl,b.imageAlt),wp.element.createElement('div',{className:'card__content'},wp.element.createElement('h3',{className:'card__title'},b.title),wp.element.createElement('div',{className:'card__body'},b.body)))}});\n\n//# sourceURL=webpack:///./js/block.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"name\", function() { return name; });\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.scss */ \"./js/style.scss\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_scss__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./editor.scss */ \"./js/editor.scss\");\n/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_editor_scss__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./block.json */ \"./js/block.json\");\nvar _block_json__WEBPACK_IMPORTED_MODULE_2___namespace = /*#__PURE__*/__webpack_require__.t(/*! ./block.json */ \"./js/block.json\", 1);\n/* harmony reexport (default from named exports) */ __webpack_require__.d(__webpack_exports__, \"metadata\", function() { return _block_json__WEBPACK_IMPORTED_MODULE_2__; });\nvar _wp$editor=wp.editor,RichText=_wp$editor.RichText,MediaUpload=_wp$editor.MediaUpload,PlainText=_wp$editor.PlainText,registerBlockType=wp.blocks.registerBlockType,Button=wp.components.Button;// Import our CSS files\nvar name=_block_json__WEBPACK_IMPORTED_MODULE_2__.name;registerBlockType('card-block/main',{title:'Card',icon:'heart',category:'common',attributes:{title:{source:'text',selector:'.card__title'},body:{type:'array',source:'children',selector:'.card__body'},imageAlt:{attribute:'alt',selector:'.card__image'},imageUrl:{attribute:'src',selector:'.card__image'}},edit:function f(a){var b=a.attributes,c=a.className,d=a.setAttributes,e=function(a){return b.imageUrl?wp.element.createElement('img',{src:b.imageUrl,onClick:a,className:'image'}):wp.element.createElement('div',{className:'button-container'},wp.element.createElement(Button,{onClick:a,className:'button button-large'},'Pick an image'))};return wp.element.createElement('div',{className:'container'},wp.element.createElement(MediaUpload,{onSelect:function b(a){d({imageAlt:a.alt,imageUrl:a.url})},type:'image',value:b.imageID,render:function c(a){var b=a.open;return e(b)}}),wp.element.createElement(PlainText,{onChange:function b(a){return d({title:a})},value:b.title,placeholder:'Your card title',className:'heading'}),wp.element.createElement(RichText,{onChange:function b(a){return d({body:a})},value:b.body,multiline:'p',placeholder:'Your card text',formattingControls:['bold','italic','underline'],isSelected:b.isSelected}))},save:function c(a){var b=a.attributes;return wp.element.createElement('div',{className:'card'},function c(a,b){// No alt set, so let's hide it from screen readers\nreturn a?b?wp.element.createElement('img',{className:'card__image',src:a,alt:b}):wp.element.createElement('img',{className:'card__image',src:a,alt:'',\"aria-hidden\":'true'}):null}(b.imageUrl,b.imageAlt),wp.element.createElement('div',{className:'card__content'},wp.element.createElement('h3',{className:'card__title'},b.title),wp.element.createElement('div',{className:'card__body'},b.body)))}});\n\n//# sourceURL=webpack:///./js/block.js?");
+
+/***/ }),
+
+/***/ "./js/block.json":
+/*!***********************!*\
+  !*** ./js/block.json ***!
+  \***********************/
+/*! exports provided: name, category, attributes, default */
+/***/ (function(module) {
+
+eval("module.exports = JSON.parse(\"{\\\"name\\\":\\\"card-block/main\\\",\\\"category\\\":\\\"common\\\",\\\"attributes\\\":{\\\"title\\\":{\\\"source\\\":\\\"text\\\",\\\"selector\\\":\\\".card__title\\\"},\\\"body\\\":{\\\"type\\\":\\\"array\\\",\\\"source\\\":\\\"children\\\",\\\"selector\\\":\\\".card__body\\\"},\\\"imageAlt\\\":{\\\"attribute\\\":\\\"alt\\\",\\\"selector\\\":\\\".card__image\\\"},\\\"imageUrl\\\":{\\\"attribute\\\":\\\"src\\\",\\\"selector\\\":\\\".card__image\\\"}}}\");\n\n//# sourceURL=webpack:///./js/block.json?");
 
 /***/ }),

card-block/trunk/js/block.js

@@ -6 +6 @@
 import './style.scss';
 import './editor.scss';
+
+import metadata from './block.json';
+const { name } = metadata;
+
+export { metadata, name };
 
 registerBlockType('card-block/main', {

card-block/trunk/js/editor.scss

@@ -29 +29 @@
 .image {
   height: 15.7rem;
-  width: 100%;
   object-fit: cover;
 }

card-block/trunk/js/style.scss

@@ -29 +29 @@
 .image {
   height: 15.7rem;
-  width: 100%;
   object-fit: cover;
 }