Skip to content

Instantly share code, notes, and snippets.

@zopyx
Created January 25, 2018 15:26
Show Gist options
  • Save zopyx/3bb49dc693f1e5695ce66a63baa83dea to your computer and use it in GitHub Desktop.
Save zopyx/3bb49dc693f1e5695ce66a63baa83dea to your computer and use it in GitHub Desktop.
var VueFormGenerator = window.VueFormGenerator;
var vm = new Vue({
el: "#app",
components: {
"vue-form-generator": VueFormGenerator.component
},
methods: {
prettyJSON: function(json) {
if (json) {
json = JSON.stringify(json, undefined, 4);
json = json.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
var cls = "number";
if (/^"/.test(match)) {
if (/:$/.test(match)) {
cls = "key";
} else {
cls = "string";
}
} else if (/true|false/.test(match)) {
cls = "boolean";
} else if (/null/.test(match)) {
cls = "null";
}
return "<span class=\"" + cls + "\">" + match + "</span>";
});
}
}
},
data: {
model: {
lat: 40,
lng: 30,
address: "Dudweiler",
},
schema: {
fields: [
{
type: "staticMap",
label: "Map",
model: "address",
visible: true,
staticMapOptions: {
lat: "lat",
lng: "lng",
zoom: 6,
sizeX:640,
sizeY:640,
scale: 1,
format:"png",
language:"FR-fr"
}
},
]
},
formOptions: {
validateAfterLoad: true,
validateAfterChanged: true
}
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment