LHJ-149 Lahjoitin blocks to dynamic WIP

fame-lahjoitukset.php

@@ -7,7 +7,7 @@
 /**
  * Plugin Name:       Lahjoitin
  * Description:       Wordpress plugin for Fame lahjoitukset system.
- * Version:           1.1.1
+ * Version:           1.1.2
  * Requires at least: 6.7
  * Requires PHP:      8.3
  * Author:            Fame Helsinki

src/Blocks/contact-form/block.json

@@ -9,130 +9,44 @@
 	"parent": ["famehelsinki/donation-form"],
 	"example": {},
 	"attributes": {
-		"showLegend": {
-			"type": "boolean",
-			"default": true
-		},
-		"legend": {
-			"type": "string",
-			"source": "text",
-			"selector": "legend.fame-form__legend",
-			"default": "Contacts"
-		},
-		"contact": {
-			"type": "boolean",
-			"source": "attribute",
-			"selector": ".fame-form__group--required:has(input[name=\"email\"])",
-			"attribute": "class",
-			"default": false
-		},
-		"showAddress": {
-			"type": "boolean",
-			"source": "attribute",
-			"selector": "input[name=\"address\"]",
-			"attribute": "name",
-			"default": true
-		},
-		"showPhone": {
-			"type": "boolean",
-			"source": "attribute",
-			"selector": "input[name=\"phone\"]",
-			"attribute": "name",
-			"default": true
-		},
-		"first_name_label": {
-			"type": "string",
-			"source": "html",
-			"selector": ".fame-form__label[for=\"contact-first_name\"]",
-			"default": "First name"
-		},
-		"last_name_label": {
-			"type": "string",
-			"source": "html",
-			"selector": ".fame-form__label[for=\"contact-last_name\"]",
-			"default": "Last name"
-		},
-		"name_help": {
-			"type": "string",
-			"source": "html",
-			"selector": "#contact-name-help",
-			"default": ""
-		},
-		"email_label": {
-			"type": "string",
-			"source": "html",
-			"selector": ".fame-form__label[for=\"contact-email\"]",
-			"default": "Email"
-		},
-		"email_help": {
-			"type": "string",
-			"source": "html",
-			"selector": "#contact-email-help",
-			"default": ""
-		},
-		"address_label": {
-			"type": "string",
-			"source": "html",
-			"selector": ".fame-form__label[for=\"contact-address\"]",
-			"default": "Address"
-		},
-		"address_help": {
-			"type": "string",
-			"source": "html",
-			"selector": "#contact-address-help",
-			"default": ""
-		},
-		"city_label": {
-			"type": "string",
-			"source": "html",
-			"selector": ".fame-form__label[for=\"contact-city\"]",
-			"default": "City"
-		},
-		"city_postal_code_help": {
-			"type": "string",
-			"source": "html",
-			"selector": "#contact-city_postal_code-help",
-			"default": "City"
-		},
-		"postal_code_label": {
-			"type": "string",
-			"source": "html",
-			"selector": ".fame-form__label[for=\"contact-postal_code\"]",
-			"default": "Postal code"
-		},
-		"postal_code_help": {
-			"type": "string",
-			"source": "html",
-			"selector": "#contact-postal_code-help",
-			"default": "Postal code"
-		},
-		"phone_label": {
-			"type": "string",
-			"source": "html",
-			"selector": ".fame-form__label[for=\"contact-phone\"]",
-			"default": "Phone"
-		},
-		"phone_help": {
-			"type": "string",
-			"source": "html",
-			"selector": "#contact-phone-help",
-			"default": ""
-		}
+		"showLegend": { "type": "boolean", "default": true },
+		"legend": { "type": "string", "default": "Contacts" },
+
+		"contact": { "type": "boolean", "default": false },
+		"showAddress": { "type": "boolean", "default": true },
+		"showPhone": { "type": "boolean", "default": true },
+
+		"first_name_label": { "type": "string", "default": "First name" },
+		"last_name_label": { "type": "string", "default": "Last name" },
+		"name_help": { "type": "string", "default": "" },
+
+		"email_label": { "type": "string", "default": "Email" },
+		"email_help": { "type": "string", "default": "" },
+
+		"address_label": { "type": "string", "default": "Address" },
+		"address_help": { "type": "string", "default": "" },
+
+		"city_label": { "type": "string", "default": "City" },
+		"city_postal_code_help": { "type": "string", "default": "City" },
+
+		"postal_code_label": { "type": "string", "default": "Postal code" },
+		"postal_code_help": { "type": "string", "default": "Postal code" },
+
+		"phone_label": { "type": "string", "default": "Phone" },
+		"phone_help": { "type": "string", "default": "" },
+
+		"show": { "type": "boolean", "default": true },
+		"legendAlign": { "type": "string", "default": "left" }
 	},
 	"supports": {
 		"multiple": false,
-		"color": {
-			"background": false,
-			"text": true
-		},
+		"color": { "background": false, "text": true },
 		"html": false,
-		"typography": {
-			"fontSize": true
-		}
+		"typography": { "fontSize": true }
 	},
 	"icon": "id",
 	"textdomain": "fame_lahjoitukset",
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
-	"style": "file:./style-index.css"
+	"render": "file:./render.php"
 }

src/Blocks/contact-form/edit.css

@@ -1,9 +1,6 @@
 .contact-form .fame-form__fake-input {
 	border: var(--form-element-border);
 	padding: var(--form-element-padding);
-
-	/* This is pretty ugly, should set line height
-	 * somewhere, so this should be 1em * line-height */
 	height: 1.7em;
 }
 
@@ -14,4 +11,3 @@
 .fame-form__help {
 	font-size: 14px !important;
 }
-