├── .vs ├── ProjectSettings.json ├── VSWorkspaceState.json ├── json-editor │ ├── FileContentIndex │ │ ├── 2e70db0a-29d3-47c5-ad41-dd99f92ce9a3.vsidx │ │ ├── b336fc0d-243f-471c-83e4-6c023098c3e8.vsidx │ │ ├── ead74eeb-d7c0-4b45-bfc2-a0c2ae1c02e4.vsidx │ │ └── read.lock │ └── v17 │ │ └── .wsuo ├── jsonToForm │ ├── FileContentIndex │ │ ├── 26dc5dcb-725b-4124-99b3-b2357159418c.vsidx │ │ └── read.lock │ └── v17 │ │ └── .wsuo └── slnx.sqlite ├── LICENSE ├── README.md ├── demo.html ├── jquery └── jquery.min.js ├── jsonToForm ├── jsonToForm.css └── jsonToForm.js └── package-lock.json /.vs/ProjectSettings.json: -------------------------------------------------------------------------------- 1 | { 2 | "CurrentProjectSetting": null 3 | } -------------------------------------------------------------------------------- /.vs/VSWorkspaceState.json: -------------------------------------------------------------------------------- 1 | { 2 | "ExpandedNodes": [ 3 | "" 4 | ], 5 | "SelectedNode": "\\C:\\Workspace\\ToDoProjects\\jsonToForm", 6 | "PreviewInSolutionExplorer": false 7 | } -------------------------------------------------------------------------------- /.vs/json-editor/FileContentIndex/2e70db0a-29d3-47c5-ad41-dd99f92ce9a3.vsidx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/json-editor/FileContentIndex/2e70db0a-29d3-47c5-ad41-dd99f92ce9a3.vsidx -------------------------------------------------------------------------------- /.vs/json-editor/FileContentIndex/b336fc0d-243f-471c-83e4-6c023098c3e8.vsidx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/json-editor/FileContentIndex/b336fc0d-243f-471c-83e4-6c023098c3e8.vsidx -------------------------------------------------------------------------------- /.vs/json-editor/FileContentIndex/ead74eeb-d7c0-4b45-bfc2-a0c2ae1c02e4.vsidx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/json-editor/FileContentIndex/ead74eeb-d7c0-4b45-bfc2-a0c2ae1c02e4.vsidx -------------------------------------------------------------------------------- /.vs/json-editor/FileContentIndex/read.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/json-editor/FileContentIndex/read.lock -------------------------------------------------------------------------------- /.vs/json-editor/v17/.wsuo: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/json-editor/v17/.wsuo -------------------------------------------------------------------------------- /.vs/jsonToForm/FileContentIndex/26dc5dcb-725b-4124-99b3-b2357159418c.vsidx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/jsonToForm/FileContentIndex/26dc5dcb-725b-4124-99b3-b2357159418c.vsidx -------------------------------------------------------------------------------- /.vs/jsonToForm/FileContentIndex/read.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/jsonToForm/FileContentIndex/read.lock -------------------------------------------------------------------------------- /.vs/jsonToForm/v17/.wsuo: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/jsonToForm/v17/.wsuo -------------------------------------------------------------------------------- /.vs/slnx.sqlite: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mirshahreza/jsonToForm/f82a331c90d40470cc3717b3c3faacc35a8932af/.vs/slnx.sqlite -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Mohsen Mirshahreza 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | **Why jsonToForm** 2 | - Fast and easy to use. 3 | - RTL support : just add style (direction:rtl) to the place holder element. 4 | - It just depends on jQuery. 5 | - It can be use in tow mode : property grid(currently implemented) / normal form(road map). 6 | - Easy to customize css. 7 | - Supported inputs : text/checkbox/textarea/html/color/date/number/radio/select. 8 | - Validation support. 9 | - Additional text option for describing inputs. 10 | - Based on schema standard. 11 | 12 | **How to use** 13 | - A demo.html is included that describe the usage. 14 | 15 | **Options** 16 | - schema / default : {} / a json schema 17 | - value / default : {} / a json object 18 | - expandingLevel / default : -1 / tree levels that initially is expanded. by default all levels will be expanded 19 | - renderFirstLevel / default : false / indicates root element renders as a visual container or no 20 | - autoTrimValues / default : true / trims spaces automatically 21 | - indenting / default : 5 / number of spaces for each level of tree 22 | - treeExpandCollapseButton / default : true / show buttons to expand/collapse tree nodes 23 | - selectNullCaption / default : '' / caption for select elements when is null 24 | - selectNullCaption / default : 'null' / caption for radio elements when is null 25 | 26 | **Events** 27 | - afterValueChanged 28 | - afterWidgetCreated 29 | 30 | **Methods** 31 | - isValid() 32 | - getSchema() 33 | - getValue() 34 | - setValue(value) 35 | 36 | **Next step V1.1.1** 37 | - Defaults for schema / reset to default button 38 | - Validation by regular based on schema standards 39 | - Validation for array items based on schema standards 40 | 41 | **Road map** 42 | - Checkbox list (when node is simple array) 43 | - Including some important schemas like schema(for design another schema) / css 44 | - Including some important regulars like email/website/... 45 | - Layout option for switching between property grid mode and normal form 46 | - Auto complete source for inputs by connecting to other API 47 | - Additional item for object nodes 48 | 49 | 50 | **Similar projects** 51 | - https://github.com/jsonform/jsonform 52 | - https://jsonforms.io/ 53 | - https://github.com/jdorn/json-editor 54 | - https://github.com/plantain-00/schema-based-json-editor 55 | - https://github.com/codecombat/treema 56 | - https://json-schema-editor.tangramjs.com/ 57 | - https://github.com/yourtion/vue-json-ui-editor 58 | 59 | 60 | -------------------------------------------------------------------------------- /demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 228 | 229 | 236 | 237 | 238 |
226 |
227 |
  230 | json value : 231 |

232 | 
233 |                 Is Valid :
234 |                 
true
235 |
239 | 240 | 241 | 242 | 243 | -------------------------------------------------------------------------------- /jquery/jquery.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */ 2 | !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],E=C.document,r=Object.getPrototypeOf,s=t.slice,g=t.concat,u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.4.1",k=function(e,t){return new k.fn.init(e,t)},p=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;function d(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp($),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+$),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ne=function(e,t,n){var r="0x"+t-65536;return r!=r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(m.childNodes),m.childNodes),t[m.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&((e?e.ownerDocument||e:m)!==C&&T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!A[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&U.test(t)){(s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=k),o=(l=h(t)).length;while(o--)l[o]="#"+s+" "+xe(l[o]);c=l.join(","),f=ee.test(t)&&ye(e.parentNode)||e}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){A(t,!0)}finally{s===k&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[k]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:m;return r!==C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),m!==C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=k,!C.getElementsByName||!C.getElementsByName(k).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+k+"-]").length||v.push("~="),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",$)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e===C||e.ownerDocument===m&&y(m,e)?-1:t===C||t.ownerDocument===m&&y(m,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===C?-1:t===C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]===m?-1:s[r]===m?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if((e.ownerDocument||e)!==C&&T(e),d.matchesSelector&&E&&!A[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){A(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=p[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&p(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?k.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?k.grep(e,function(e){return e===n!==r}):"string"!=typeof n?k.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(k.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:L.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof k?t[0]:t,k.merge(this,k.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),D.test(r[1])&&k.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(k):k.makeArray(e,this)}).prototype=k.fn,q=k(E);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}k.fn.extend({has:function(e){var t=k(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?k.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;nx",y.noCloneChecked=!!me.cloneNode(!0).lastChild.defaultValue;var Te=/^key/,Ce=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ee=/^([^.]*)(?:\.(.+)|)/;function ke(){return!0}function Se(){return!1}function Ne(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ae(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ae(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Se;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return k().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=k.guid++)),e.each(function(){k.event.add(this,t,i,r,n)})}function De(e,i,o){o?(Q.set(e,i,!1),k.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Q.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(k.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Q.set(this,i,r),t=o(this,i),this[i](),r!==(n=Q.get(this,i))||t?Q.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Q.set(this,i,{value:k.event.trigger(k.extend(r[0],k.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Q.get(e,i)&&k.event.add(e,i,ke)}k.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.get(t);if(v){n.handler&&(n=(o=n).handler,i=o.selector),i&&k.find.matchesSelector(ie,i),n.guid||(n.guid=k.guid++),(u=v.events)||(u=v.events={}),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof k&&k.event.triggered!==e.type?k.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(R)||[""]).length;while(l--)d=g=(s=Ee.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=k.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=k.event.special[d]||{},c=k.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&k.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),k.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.hasData(e)&&Q.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(R)||[""]).length;while(l--)if(d=g=(s=Ee.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=k.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||k.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)k.event.remove(e,d+t[l],n,r,!0);k.isEmptyObject(u)&&Q.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=k.event.fix(e),u=new Array(arguments.length),l=(Q.get(this,"events")||{})[s.type]||[],c=k.event.special[s.type]||{};for(u[0]=s,t=1;t\x20\t\r\n\f]*)[^>]*)\/>/gi,qe=/\s*$/g;function Oe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&k(e).children("tbody")[0]||e}function Pe(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Re(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Me(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(Q.hasData(e)&&(o=Q.access(e),a=Q.set(t,o),l=o.events))for(i in delete a.handle,a.events={},l)for(n=0,r=l[i].length;n")},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=oe(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||k.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Vt,Gt=[],Yt=/(=)\?(?=&|$)|\?\?/;k.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Gt.pop()||k.expando+"_"+kt++;return this[e]=!0,e}}),k.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Yt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Yt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Yt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||k.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?k(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Gt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Vt=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Vt.childNodes.length),k.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=D.exec(e))?[t.createElement(i[1])]:(i=we([e],t,o),o&&o.length&&k(o).remove(),k.merge([],i.childNodes)));var r,i,o},k.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(k.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},k.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){k.fn[t]=function(e){return this.on(t,e)}}),k.expr.pseudos.animated=function(t){return k.grep(k.timers,function(e){return t===e.elem}).length},k.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=k.css(e,"position"),c=k(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=k.css(e,"top"),u=k.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,k.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},k.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){k.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===k.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===k.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=k(e).offset()).top+=k.css(e,"borderTopWidth",!0),i.left+=k.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-k.css(r,"marginTop",!0),left:t.left-i.left-k.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===k.css(e,"position"))e=e.offsetParent;return e||ie})}}),k.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;k.fn[t]=function(e){return _(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),k.each(["top","left"],function(e,n){k.cssHooks[n]=ze(y.pixelPosition,function(e,t){if(t)return t=_e(e,n),$e.test(t)?k(e).position()[n]+"px":t})}),k.each({Height:"height",Width:"width"},function(a,s){k.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){k.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return _(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?k.css(e,t,i):k.style(e,t,n,i)},s,n?e:void 0,n)}})}),k.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){k.fn[n]=function(e,t){return 0 v_max ? "false" : "true")); 72 | if (elm.attr("data-is-valid") == "false") return; 73 | } 74 | 75 | if (elm.hasClass("j-input-number")) { 76 | elm.attr("data-is-valid", (elm.val() > v_max ? "false" : "true")); 77 | if (elm.attr("data-is-valid") == "false") return; 78 | } 79 | } 80 | } 81 | if (elm.hasClass("j-input-email")) { 82 | let regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; // Regex validation for international number 83 | elm.attr("data-is-valid", (regex.test(elm.val()))); 84 | } 85 | if (elm.hasClass("j-input-tel")) { 86 | let regex = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/; // Regex validation for email 87 | elm.attr("data-is-valid", (regex.test(elm.val()))); 88 | } 89 | if (elm.hasClass("j-input-checkbox")) { 90 | elm.attr("data-is-valid", (v_required == "true" && elm.prop("checked") == false ? "false" : "true")); 91 | } 92 | if (elm.hasClass("j-input-radio")) { 93 | elm.parent().parent().find('input[type=radio]').each(function () { 94 | if ($(this).prop("checked")) { 95 | elm.parent().parent().attr("data-is-valid", "true"); 96 | } 97 | }); 98 | } 99 | 100 | if (elm.hasClass("j-input-html")) { 101 | let v = (elm.next(".j-input-html-div:first").text() == "") 102 | elm.next(".j-input-html-div:first").attr("data-is-valid", (v_required == "true" && v ? "false" : "true")); 103 | } 104 | } 105 | 106 | function isValid() { 107 | return renderPlace.find('[data-is-valid="false"]:first').length === 0; 108 | } 109 | 110 | function initEvents() { 111 | renderPlace.find(".j-ec").off("click").on("click", function () { toggleSubTree(this); }); 112 | renderPlace.find(".j-add-array-item").off("click").on("click", function () { addArrayItem($(this), true, null); }); 113 | renderPlace.find(".j-remove-array-item").off("click").on("click", function () { removeArrayItem($(this)); }); 114 | renderPlace.find(".j-input-text,.j-input-textarea,.j-input-date,.j-input-number,.j-input-email,.j-input-tel").off("keyup").on("keyup", function () { valueChanged($(this)) }); 115 | renderPlace.find(".j-input-checkbox,.j-input-radio,.j-input-select,.j-input-color,.j-input-date,.j-input-number,.j-input-html").off("change").on("change", function () { valueChanged($(this)) }); 116 | renderPlace.find(".j-input-html-div").off("keyup").on("keyup", function () { changeInput($(this)) }); 117 | renderPlace.find(".j-input-html").off("focus").on("focus", function () { $(this).parents("td:first").find(".j-input-html-div:first").focus(); }); 118 | } 119 | 120 | function changeInput(htmlDiv) { 121 | var i = htmlDiv.parents(":first").find("input:first"); 122 | i.val(htmlDiv.html()); 123 | valueChanged(i); 124 | } 125 | 126 | function removeArrayItem(arrItem) { 127 | var itemIndex = arrItem.attr("data-index"); 128 | var nodeToRemove = arrItem.parents("table:first"); 129 | var p = nodeToRemove.parents("td:first").attr("data-path"); 130 | eval('options["value"]' + p + '.splice(' + itemIndex + ',1);'); 131 | nodeToRemove.remove(); 132 | setValue(options["value"]); 133 | if (options["afterValueChanged"]) options["afterValueChanged"](options["value"], options["schema"]); 134 | } 135 | 136 | function addArrayItem(arrayContainer, needInitiations, itemIndex) { 137 | var tId = arrayContainer.attr("data-template-id"); 138 | var htmlTemplate = arrayTemplates[tId]["htmlTemplate"]; 139 | var dataTemplate = JSON.parse(JSON.stringify(arrayTemplates[tId]["dataTemplate"])); 140 | var dataPath = arrayContainer.parents("tr:first").next().find("td:first").attr("data-path"); 141 | if (V(options["value"], dataPath) == undefined || V(options["value"], dataPath) == null) { 142 | eval('options["value"]' + dataPath + "=[];"); 143 | } 144 | 145 | if (itemIndex == null) { 146 | var arrLen = null; 147 | eval('options["value"]' + dataPath + ".push(dataTemplate);"); 148 | eval('arrLen = options["value"]' + dataPath + ".length;"); 149 | itemIndex = arrLen - 1; 150 | } 151 | 152 | htmlTemplate = replaceAll(htmlTemplate, "$index$", itemIndex); 153 | arrayContainer.parents("tr:first").next().find("td:first").append(htmlTemplate); 154 | 155 | if (needInitiations) { 156 | initValuePathes(); 157 | initEvents(); 158 | } 159 | } 160 | 161 | function valueChanged(changedObject) { 162 | ensureDataPath(changedObject.attr("data-path")); 163 | let p = 'options["value"]' + changedObject.attr("data-path"); 164 | if (changedObject.prop("tagName").toLowerCase() == "input" && changedObject.prop("type").toLowerCase() == "checkbox") { 165 | p = p + "=" + (changedObject.prop("checked") == true ? "true" : "false") + ";"; 166 | } else { 167 | p = p + "='" + (options["autoTrimValues"] == "true" ? jsonEscape(changedObject.val()) : jsonEscape(changedObject.val())) + "';"; 168 | } 169 | 170 | if (changedObject.prop("tagName").toLowerCase() == "input" && changedObject.prop("type").toLowerCase() == "radio") { 171 | changedObject.parents("div").attr("data-is-valid", "true"); 172 | } 173 | eval(p); 174 | validateInput(changedObject); 175 | if (options["afterValueChanged"]) options["afterValueChanged"](options["value"], options["schema"]); 176 | } 177 | 178 | function renderSchemaNode(schemaNode, schemaName, requiredItems) { 179 | var nodeType = fixNU(schemaNode["type"], "string"); 180 | if (nodeType == "string" || nodeType == "number" || nodeType == "integer" || nodeType == "boolean" || nodeType == "email" || nodeType == "tel") 181 | return renderSimpleNode(schemaNode, schemaName, (requiredItems ? requiredItems.includes(schemaName) : false)); 182 | if (nodeType == "array") return renderArrayNode(schemaNode, schemaName); 183 | if (nodeType == "object") return renderObjectNode(schemaNode, schemaName); 184 | if (nodeType == "spacer") return renderSpacerNode(schemaNode, schemaName); 185 | return ""; 186 | } 187 | 188 | function renderSimpleNode(schemaNode, schemaName, isRequired) { 189 | let ContainerT = '$$$
'; 190 | let TitleT = '$$$'; 191 | let BodyT = '$$$'; 192 | let requiredAtt = "", requiredStar = "", inputBody = "", classAtt = ""; 193 | let additionalClass = " " + getUISetting(schemaNode, "class", ""); 194 | let nodeType = fixNU(schemaNode["type"], "string"); 195 | let hoverHint = getUISetting(schemaNode, "hoverHint", ""); 196 | let placeholderHint = getUISetting(schemaNode, "placeholderHint", ""); 197 | let inlineHint = getUISetting(schemaNode, "inlineHint", ""); 198 | let validationHint = getUISetting(schemaNode, "validationHint", ""); 199 | let dataValueNameAtt = ' data-value-name="' + schemaName + '" '; 200 | 201 | let disabledAttr = getUISetting(schemaNode, "disabled", false) === false ? "" : ` disabled="disabled" `; 202 | 203 | if (hoverHint != "") hoverHint = 'title="' + hoverHint + '"'; 204 | if (placeholderHint != "") placeholderHint = ' placeholder="' + placeholderHint + '" '; 205 | if (inlineHint != "") inlineHint = '
' + inlineHint + '
'; 206 | if (validationHint != "") validationHint = '
' + validationHint + '
'; 207 | if (isRequired) { 208 | requiredAtt = ' data-required="true" '; 209 | requiredStar = '  *'; 210 | } 211 | 212 | if (nodeType == "boolean") { 213 | classAtt = ' class="j-input j-input-checkbox' + additionalClass + '" '; 214 | inputBody = ''; 215 | } else { 216 | if (fixNU(schemaNode["enum"], "") == "") { 217 | var editor = getUISetting(schemaNode, "editor", "text"), htmlEditor = "", minAtt = "", maxAtt = "", patternAtt = ""; 218 | if (nodeType == "date") { editor = "date"; patternAtt = " \d{4}-\d{2}-\d{2}"; } 219 | if (nodeType == "email") editor = "email"; 220 | if (nodeType == "tel") editor = "tel"; 221 | if (nodeType == "number" || nodeType == "integer") editor = "number"; 222 | if (editor == "html") htmlEditor = '
'; 223 | minAtt = fixNU(schemaNode["minLength"], "") + fixNU(schemaNode["minimum"], ""); 224 | maxAtt = fixNU(schemaNode["maxLength"], "") + fixNU(schemaNode["maximum"], ""); 225 | if (minAtt != "") minAtt = ' data-min="' + minAtt + '" '; 226 | if (maxAtt != "") maxAtt = ' data-max="' + maxAtt + '" '; 227 | 228 | if (editor == "textarea") { 229 | classAtt = ' class="j-input j-input-textarea' + additionalClass + '" '; 230 | inputBody = ''; 231 | } else { 232 | classAtt = ' class="j-input j-input-' + editor + additionalClass + '" '; 233 | inputBody = (editor == "color" ? "  " : "") + '' + htmlEditor; 235 | } 236 | } else { 237 | var editor = getUISetting(schemaNode, "editor", "select"); 238 | classAtt = ' class="j-input j-input-' + editor + additionalClass + '" '; 239 | 240 | if (editor == "radio") { 241 | var nameAtt = ' name="rdo_' + schemaName + '" '; 242 | 243 | if (!isRequired) inputBody = '    '; 245 | 246 | jQuery.each(schemaNode["enum"], function (index) { 247 | inputBody += '    '; 249 | }); 250 | 251 | inputBody = `
${inputBody}
`; 252 | } 253 | 254 | if (editor == "select") { 255 | if (!isRequired) inputBody = ''; 256 | jQuery.each(schemaNode["enum"], function (index) { 257 | inputBody += ''; 258 | }); 259 | inputBody = '"; 260 | } 261 | } 262 | } 263 | 264 | BodyT = BodyT.replace("$$$", inputBody + validationHint + inlineHint); 265 | TitleT = TitleT.replace("$$$", getSpacer(level) + getEC('') + getTitle(schemaNode, schemaName) + requiredStar); 266 | return ContainerT.replace("$$$", TitleT + BodyT).replace("$hover-hint$", hoverHint); 267 | } 268 | 269 | function renderObjectNode(schemaNode, schemaName) { 270 | var ContainerT = '$$$
'; 271 | var TitleT = '$$$$inlinehint$'; 272 | var childClass = ((options["expandingLevel"] != -1 && level + 1 > options["expandingLevel"]) ? "j-collapsed" : ""); 273 | var ecBtn = (childClass == "j-collapsed" ? "e" : "c"); 274 | var properties = Object.keys(schemaNode["properties"]); 275 | var inlineHint = getUISetting(schemaNode, "inlineHint", ""); 276 | if (inlineHint != "") inlineHint = '' + inlineHint + ''; 277 | TitleT = TitleT.replace("$inlinehint$", inlineHint); 278 | var temp = ""; 279 | 280 | var BodyT = '$$$'; 281 | TitleT = TitleT.replace("$$$", getSpacer(level) + getEC(ecBtn) + getTitle(schemaNode, schemaName)); 282 | TitleT = (options["renderFirstLevel"] == "false" && level == 0 ? "" : TitleT); 283 | 284 | level = level + 1; 285 | properties.forEach(function (item, index, arr) { 286 | temp += renderSchemaNode(schemaNode["properties"][item.toString()], item.toString(), schemaNode["required"]); 287 | }); 288 | level = level - 1; 289 | return ContainerT.replace("$$$", TitleT + BodyT.replace("$$$", temp)); 290 | } 291 | 292 | function renderArrayNode(schemaNode, schemaName) { 293 | var ContainerT = '$$$
'; 294 | var TitleT = '$$$ $ArrTools$$inlinehint$'; 295 | var childClass = ((options["expandingLevel"] != -1 && level + 1 > options["expandingLevel"]) ? "j-collapsed" : ""); 296 | var ecBtn = (childClass == "j-collapsed" ? "e" : "c"); 297 | var itemTemplateId = schemaName + "_" + level; 298 | var BodyT = '$$$'; 299 | var inlineHint = getUISetting(schemaNode, "inlineHint", ""); 300 | if (inlineHint != "") inlineHint = '
' + inlineHint + '
'; 301 | TitleT = TitleT.replace("$$$", getSpacer(level) + getEC(ecBtn) + getTitle(schemaNode, schemaName)); 302 | TitleT = TitleT.replace("$ArrTools$", '[+]'); 303 | TitleT = TitleT.replace("$inlinehint$", inlineHint); 304 | 305 | var arrType = getArrayType(schemaNode); 306 | var itemDataTemplate = null, itemContainerT = null; 307 | var arrSchema = { "title": "", "type": arrType }; 308 | 309 | level++; 310 | if (arrType == "string" || arrType == "number" || arrType == "boolean" || arrType == "email" || arrType == "tel") { 311 | if (schemaNode["items"] && schemaNode["items"]["ui"]) arrSchema["ui"] = schemaNode["items"]["ui"]; 312 | if (schemaNode["items"] && schemaNode["items"]["enum"]) arrSchema["enum"] = schemaNode["items"]["enum"]; 313 | arrSchema["title"] = arrSchema["title"] + ' [$index$] X '; 314 | itemContainerT = renderSimpleNode(arrSchema, "$index$"); 315 | } 316 | 317 | if (arrType.startsWith("#")) { 318 | var r = "['" + replaceAll(arrType.replace('#/', ""), '/', "']['") + "']"; 319 | arrSchema = JSON.parse(JSON.stringify(V(options["schema"], r))); 320 | arrSchema["title"] = fixNU(arrSchema["title"], "") + ' [$index$] X '; 321 | itemContainerT = renderSchemaNode(arrSchema, "$index$"); 322 | } 323 | level--; 324 | 325 | arrayTemplates[itemTemplateId] = { "htmlTemplate": itemContainerT, "dataTemplate": itemDataTemplate }; 326 | return ContainerT.replace("$$$", TitleT + BodyT.replace("$$$", "")); 327 | } 328 | 329 | function renderSpacerNode(schemaNode, schemaName) { 330 | return `
${fixNU(schemaNode["title"], "")}
`; 331 | } 332 | 333 | function getTitle(schemaNode, schemaName) { 334 | return '"; 335 | } 336 | 337 | function getIdBasedDataPath(dataPath) { 338 | let n = replaceAll(dataPath, '][', '_'); 339 | n = n.replaceAll(n, '[', ''); 340 | n = n.replaceAll(n, ']', ''); 341 | n = n.replaceAll(n, '"', ''); 342 | n = n.replaceAll(n, "'", ''); 343 | return renderPlace.attr("id") + "_" + n; 344 | } 345 | 346 | function initValuePathes() { 347 | renderPlace.find("[data-value-name]").each(function () { 348 | var dp = generatePath($(this)); 349 | $(this).attr("data-path", dp); 350 | if (dp) { 351 | $(this).attr("id", getIdBasedDataPath(dp)); 352 | $(this).parents("table:first").find("label:first").attr("for", $(this).attr("id")); 353 | } 354 | }); 355 | } 356 | 357 | function generatePath(o) { 358 | var p = []; 359 | o.parents("[data-value-name]").each(function () { 360 | p.push("['" + $(this).attr("data-value-name") + "']"); 361 | }); 362 | var r = p.reverse().join("."); 363 | r = replaceAll(r, ".[", "["); 364 | r = replaceAll(r, "['']", ""); 365 | r = r + "['" + o.attr("data-value-name") + "']"; 366 | return r; 367 | } 368 | 369 | function setValue(v) { 370 | addArrayItemsToTheDOM(); 371 | renderPlace.find("input[data-path],select[data-path],textarea[data-path]").each(function () { 372 | if ($(this).prop("tagName").toLowerCase() == "input" && $(this).prop("type").toLowerCase() == "checkbox") { 373 | $(this).prop("checked", V(v, $(this).attr("data-path")) == true ? true : false); 374 | } else if ($(this).prop("tagName").toLowerCase() == "input" && $(this).prop("type").toLowerCase() == "radio") { 375 | $('[data-path="' + $(this).attr("data-path") + '"][value="' + V(v, $(this).attr("data-path")) + '"]').prop("checked", true); 376 | } else { 377 | if (options["autoTrimValues"] == "true") { 378 | var _temp = V(v, $(this).attr("data-path")); 379 | if (_temp) _temp = _temp; 380 | $(this).val(_temp); 381 | } else { 382 | $(this).val(V(v, $(this).attr("data-path"))); 383 | } 384 | if ($(this).hasClass("j-input-html")) { 385 | $(this).parents(":first").find(".j-input-html-div:first").html($(this).val()); 386 | } 387 | } 388 | }); 389 | options["value"] = v; 390 | } 391 | 392 | function addArrayItemsToTheDOM() { 393 | var arrayNodes = renderPlace.find('[data-array-loaded="false"]'); 394 | if (arrayNodes.length == 0) { 395 | initValuePathes(); 396 | return; 397 | } 398 | arrayNodes.each(function () { 399 | var addArrayItemBtn = $(this); 400 | var dataPath = addArrayItemBtn.parents("tr:first").next("tr").find("td:first").attr("data-path"); 401 | if (dataPath === undefined) { 402 | var o = addArrayItemBtn.parents("tr:first").next("tr").find("td:first"); 403 | o.attr("data-path", generatePath(o)); 404 | dataPath = addArrayItemBtn.parents("tr:first").next("tr").find("td:first").attr("data-path"); 405 | } 406 | var arr = null; 407 | eval('arr = options["value"]' + dataPath + ';'); 408 | if (arr) { 409 | arr.forEach(function (item, index, arr) { 410 | addArrayItem(addArrayItemBtn, false, index); 411 | }); 412 | } 413 | addArrayItemBtn.attr("data-array-loaded", "true"); 414 | }); 415 | 416 | addArrayItemsToTheDOM(); 417 | } 418 | 419 | function getValue() { 420 | return options["value"]; 421 | } 422 | 423 | function getSchema() { 424 | return options["schema"]; 425 | } 426 | 427 | function getUISetting(schemaNode, name, ifNU) { 428 | return (schemaNode["ui"] && schemaNode["ui"][name] ? schemaNode["ui"][name] : ifNU); 429 | } 430 | 431 | function getArrayType(schemaNode) { 432 | var type = (schemaNode["items"] != undefined && schemaNode["items"]["type"] != undefined ? schemaNode["items"]["type"] : ""); 433 | if (type == "") { 434 | type = (schemaNode["items"] != undefined && schemaNode["items"]["$ref"] != undefined ? schemaNode["items"]["$ref"] : "string"); 435 | } 436 | return type; 437 | } 438 | 439 | function ensureDataPath(dataPath) { 440 | var pathParts = replaceAll(dataPath, "][", "].[").split('.'); 441 | var pathCursor = ""; 442 | pathParts.forEach(function (item, index, arr) { 443 | pathCursor = pathCursor + item.toString(); 444 | if (V(options["value"], pathCursor) === undefined || V(options["value"], pathCursor) === null) { 445 | var phrase = 'options["value"]' + pathCursor + '={};'; 446 | eval(phrase); 447 | } 448 | }); 449 | } 450 | 451 | function V(o, p) { 452 | try { 453 | return eval("o" + p); 454 | } catch (e) { return null; } 455 | } 456 | 457 | function jsonEscape(str) { 458 | return str.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t"); 459 | } 460 | 461 | function getEC(ECType) { 462 | if (options["treeExpandCollapseButton"] != "true") return ""; 463 | if (ECType == "e") return '+  '; 464 | if (ECType == "c") return '-  '; 465 | return ''; 466 | } 467 | 468 | function toggleSubTree(btn) { 469 | var state = $(btn).text().trim(); 470 | if (state == "-") { collapseByECButton(btn); } else if (state == "+") { expandByECButton(btn); } 471 | } 472 | 473 | function expandByECButton(btn) { 474 | $(btn).text("-"); 475 | $(btn).parents("tr:first").next("tr").removeClass("j-collapsed"); 476 | } 477 | 478 | function collapseByECButton(btn) { 479 | $(btn).text("+"); 480 | $(btn).parents("tr:first").next("tr").addClass("j-collapsed"); 481 | } 482 | 483 | function getSpacer(number) { 484 | var spaces = ""; 485 | var n = number + (options["renderFirstLevel"] == "false" ? -1 : 0); 486 | for (i = 1; i < n * options["indenting"]; i++) { 487 | spaces += " "; 488 | } 489 | return '' + spaces + ''; 490 | } 491 | 492 | function fixNU(o, v) { 493 | return o || v; 494 | } 495 | 496 | function replaceAll(source, find, replace) { 497 | var str = source; 498 | return str.replace(new RegExp(find.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g'), replace); 499 | } 500 | 501 | 502 | } 503 | }(jQuery)); 504 | -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "lockfileVersion": 1 3 | } 4 | --------------------------------------------------------------------------------