MightyPork/yopa
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

wip new object editor form with a test html file

Browse Source
This commit is contained in:
MightyPork
2021-02-16 23:35:21 +01:00
parent b24a8b2805
commit 95381c1da3
11 changed files with 9853 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
yopa-web/resources/static/bundle.js
+9187 -1
View File
File diff suppressed because one or more lines are too long
yopa-web/resources/static/bundle.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
yopa-web/resources/static/style.css
+5
View File
@@ -207,3 +207,8 @@ label {
border: 1px dashed gray;
margin: 10px 0;
padding: 10px; }
.new-relation[data-v-760e133a] {
border: 1px dashed gray;
margin: 10px 0;
padding: 10px; }
yopa-web/resources/static/test_form.html
+270
View File
@@ -0,0 +1,270 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Edit Recipe &bull; YOPA</title>
<script src="bundle.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="content">
<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>
</div>
</body>
</html>