You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							281 lines
						
					
					
						
							6.2 KiB
						
					
					
				
			
		
		
	
	
							281 lines
						
					
					
						
							6.2 KiB
						
					
					
				<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
<head>
 | 
						|
	<meta charset="UTF-8">
 | 
						|
	<title>Edit Recipe • YOPA</title>
 | 
						|
	<script src="../static/bundle.js"></script>
 | 
						|
	<link rel="stylesheet" href="../static/style.css">
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
 | 
						|
<header class="navbar mb-2 mt-2">
 | 
						|
	<section class="navbar-section">
 | 
						|
		<a href="/" class="navbar-brand text-bold mr-2">
 | 
						|
			Yopa
 | 
						|
		</a>
 | 
						|
		<a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a>
 | 
						|
	</section>
 | 
						|
	<section class="navbar-section">
 | 
						|
		YOPA is the best
 | 
						|
	</section>
 | 
						|
</header>
 | 
						|
 | 
						|
<div id="edit-object-form"></div>
 | 
						|
 | 
						|
<script>
 | 
						|
  onLoad(() => {
 | 
						|
    window.app = Yopa.editObjectForm({
 | 
						|
      "model_id": 0,
 | 
						|
      // this is objects that can be chosen as related
 | 
						|
      "objects": [
 | 
						|
        {
 | 
						|
          "id": 11,
 | 
						|
          "model": 2,
 | 
						|
          "name": "Lemon"
 | 
						|
        },
 | 
						|
        {
 | 
						|
          "id": 12,
 | 
						|
          "model": 2,
 | 
						|
          "name": "Custard"
 | 
						|
        }
 | 
						|
      ],
 | 
						|
      // schema, possibly restricted to the relevant entries
 | 
						|
      "schema": {
 | 
						|
        "obj_models": [
 | 
						|
          {
 | 
						|
            "id": 2,
 | 
						|
            "name": "Ingredient"
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "id": 0,
 | 
						|
            "name": "Recipe"
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "id": 1,
 | 
						|
            "name": "Book"
 | 
						|
          }
 | 
						|
        ],
 | 
						|
        "prop_models": [
 | 
						|
          {
 | 
						|
            "data_type": "Integer",
 | 
						|
            "default": {
 | 
						|
              "Integer": 0
 | 
						|
            },
 | 
						|
            "id": 13,
 | 
						|
            "multiple": false,
 | 
						|
            "name": "Number",
 | 
						|
            "object": 0,
 | 
						|
            "optional": true
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "data_type": "String",
 | 
						|
            "default": {
 | 
						|
              "String": ""
 | 
						|
            },
 | 
						|
            "id": 17,
 | 
						|
            "multiple": true,
 | 
						|
            "name": "MultiString",
 | 
						|
            "object": 0,
 | 
						|
            "optional": false
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "data_type": "Integer",
 | 
						|
            "default": {
 | 
						|
              "Integer": 0
 | 
						|
            },
 | 
						|
            "id": 7,
 | 
						|
            "multiple": false,
 | 
						|
            "name": "page",
 | 
						|
            "object": 6,
 | 
						|
            "optional": true
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "data_type": "String",
 | 
						|
            "default": {
 | 
						|
              "String": ""
 | 
						|
            },
 | 
						|
            "id": 18,
 | 
						|
            "multiple": true,
 | 
						|
            "name": "OptiMultiString",
 | 
						|
            "object": 0,
 | 
						|
            "optional": true
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "data_type": "Boolean",
 | 
						|
            "default": {
 | 
						|
              "Boolean": false
 | 
						|
            },
 | 
						|
            "id": 14,
 | 
						|
            "multiple": false,
 | 
						|
            "name": "Bool",
 | 
						|
            "object": 0,
 | 
						|
            "optional": false
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "data_type": "String",
 | 
						|
            "default": {
 | 
						|
              "String": ""
 | 
						|
            },
 | 
						|
            "id": 15,
 | 
						|
            "multiple": false,
 | 
						|
            "name": "String",
 | 
						|
            "object": 0,
 | 
						|
            "optional": false
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "data_type": "Decimal",
 | 
						|
            "default": {
 | 
						|
              "Decimal": 0.0
 | 
						|
            },
 | 
						|
            "id": 16,
 | 
						|
            "multiple": false,
 | 
						|
            "name": "Float",
 | 
						|
            "object": 0,
 | 
						|
            "optional": false
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "data_type": "String",
 | 
						|
            "default": {
 | 
						|
              "String": ""
 | 
						|
            },
 | 
						|
            "id": 10,
 | 
						|
            "multiple": false,
 | 
						|
            "name": "qty",
 | 
						|
            "object": 9,
 | 
						|
            "optional": true
 | 
						|
          }
 | 
						|
        ],
 | 
						|
        "rel_models": [
 | 
						|
          {
 | 
						|
            "id": 6,
 | 
						|
            "multiple": true,
 | 
						|
            "name": "book reference",
 | 
						|
            "object": 0,
 | 
						|
            "optional": true,
 | 
						|
            "reciprocal_name": "recipes",
 | 
						|
            "related": 1
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "id": 8,
 | 
						|
            "multiple": true,
 | 
						|
            "name": "related recipe",
 | 
						|
            "object": 0,
 | 
						|
            "optional": true,
 | 
						|
            "reciprocal_name": "related recipe",
 | 
						|
            "related": 0
 | 
						|
          },
 | 
						|
          {
 | 
						|
            "id": 9,
 | 
						|
            "multiple": true,
 | 
						|
            "name": "ingredient",
 | 
						|
            "object": 0,
 | 
						|
            "optional": true,
 | 
						|
            "reciprocal_name": "recipes",
 | 
						|
            "related": 2
 | 
						|
          }
 | 
						|
        ]
 | 
						|
      },
 | 
						|
 | 
						|
      "object": {
 | 
						|
        "id": 19,
 | 
						|
        "model": 0,
 | 
						|
        "name": "Custard with lemon",
 | 
						|
        "values": {
 | 
						|
          "14": [{
 | 
						|
            "id": 25,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "Boolean": true
 | 
						|
            }
 | 
						|
          }],
 | 
						|
          "17": [{
 | 
						|
            "id": 21,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "String": "Bla"
 | 
						|
            }
 | 
						|
          }, {
 | 
						|
            "id": 22,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "String": "Ble"
 | 
						|
            }
 | 
						|
          }, {
 | 
						|
            "id": 23,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "String": "Bli"
 | 
						|
            }
 | 
						|
          }],
 | 
						|
          "15": [{
 | 
						|
            "id": 26,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "String": "Bla"
 | 
						|
            }
 | 
						|
          }],
 | 
						|
          "16": [{
 | 
						|
            "id": 27,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "Decimal": 15.6
 | 
						|
            }
 | 
						|
          }],
 | 
						|
          "13": [{
 | 
						|
            "id": 20,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "Integer": 15
 | 
						|
            }
 | 
						|
          }],
 | 
						|
          "18": [{
 | 
						|
            "id": 24,
 | 
						|
            "object": 19,
 | 
						|
            "value": {
 | 
						|
              "String": "sdfsfsdfsdf"
 | 
						|
            }
 | 
						|
          }]
 | 
						|
        },
 | 
						|
        "relations": {
 | 
						|
          "6": [],
 | 
						|
          "8": [],
 | 
						|
          "9": [
 | 
						|
            {
 | 
						|
              "id": 28,
 | 
						|
              "object": 19,
 | 
						|
              "model": 9,
 | 
						|
              "related": 11,
 | 
						|
              "values": {
 | 
						|
                "10": [{
 | 
						|
                  "id": 29,
 | 
						|
                  "object": 28,
 | 
						|
                  // model:10
 | 
						|
                  "value": {
 | 
						|
                    "String": "1"
 | 
						|
                  }
 | 
						|
                }],
 | 
						|
              }
 | 
						|
            }, {
 | 
						|
              "id": 30,
 | 
						|
              "object": 19,
 | 
						|
              "model": 9,
 | 
						|
              "related": 12,
 | 
						|
              "values": {
 | 
						|
                "10": [{
 | 
						|
                  "id": 31,
 | 
						|
                  "object": 30,
 | 
						|
                  // model:10
 | 
						|
                  "value": {
 | 
						|
                    "String": "2"
 | 
						|
                  }
 | 
						|
                }],
 | 
						|
              }
 | 
						|
            }
 | 
						|
          ],
 | 
						|
        },
 | 
						|
      }
 | 
						|
    })
 | 
						|
  });
 | 
						|
</script>
 | 
						|
</body>
 | 
						|
</html>
 | 
						|
 |