.

VaKeR CYBER ARMY

Server : Apache/2.4.41 (Ubuntu)
System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory : /var/www/html/formeditor/v0.0.2/

Upload File :

Current File : /var/www/html/formeditor/v0.0.2/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF8" />
  <title>FormEditor</title>
  <link rel="stylesheet" href="//cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css">
  <style>
    html,
    body,
    :root {
      padding: 0;
      margin: 0;
      /* height: 100%; */
      height: 99.1%;
      width: 100%;
      border: none;
    }

    .form-editor-container {
      margin: 10px;
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      box-sizing: border-box;
    }

    .form-editor-container>.as-form-editor {
      width: 100%;
      height: 100%;
    }
  </style>
</head>

<body>
  <script src="./absol/absol_form.js?"></script>
  <div class="form-editor-container"></div>
  <script>
    //\"([^\s]+)\"\s*:
    //\n$1 :
    var dataIndex = 1;
    var data = true && JSON.parse(localStorage.getItem('form-data') || 'false');
    if (!data || dataIndex != data.dataIndex) {
      data = {
        dataIndex: dataIndex,
        tag: "RelativeLayout",
        style: {
          left: 0,
          right: 0,
          top: 0,
          bottom: 0,
          height: 800,
          width: 900,
          vAlign: "top",
          hAlign: "left"
        },
        children: [{
          tag: "TextInput",
          attributes: {
            value: "align: left, top"
          },
          style: {
            left: 95,
            right: 0,
            top: 10,
            bottom: 0,
            height: 30,
            width: 252,
            hAlign: "left"
          }
        }, {
          tag: "Label",
          attributes: {
            text: "label-text"
          },
          style: {
            left: 23,
            top: 19,
            bottom: 0,
            hAlign: "left"
          }
        }, {
          tag: "Label",
          attributes: {
            text: "label-text-center"
          },
          style: {
            left: 400,
            right: 0,
            top: 28,
            bottom: 0,
            hAlign: "center"
          }
        }, {
          tag: "NumberInput",
          attributes: {
            value: 9911
          },
          style: {
            left: 26,
            right: 0,
            top: 65,
            bottom: 0,
            height: 40,
            width: 312,
            hAlign: "left"
          }
        }, {
          tag: "TextInput",
          attributes: {
            value: "align: right, top"
          },
          style: {
            left: 0,
            right: 36,
            top: 23,
            bottom: 0,
            height: 36,
            width: 332,
            hAlign: "right",
            vAlign: "top"
          }
        }, {
          tag: "TextArea",
          attributes: {
            value: "fixed parent's width, height"
          },
          style: {
            left: 66,
            right: 104,
            top: 158,
            bottom: 550,
            height: 30,
            width: 69,
            hAlign: "fixed",
            vAlign: "fixed"
          }
        }, {
          tag: "TextInput",
          attributes: {
            value: "fixed parent's width; align: bottom"
          },
          style: {
            left: 132,
            right: 167,
            top: 0,
            bottom: 10,
            height: 129,
            width: 69,
            hAlign: "fixed",
            vAlign: "bottom"
          }
        }, {
          tag: "TextInput",
          attributes: {
            value: "align: right, bottom"
          },
          style: {
            left: 0,
            right: 20,
            top: 0,
            bottom: 304,
            height: 196,
            width: 304,
            hAlign: "right",
            vAlign: "bottom"
          }
        }, {
          tag: "DateInput",
          attributes: {
            value: "2019-10-19T17:00:00.000Z"
          },
          style: {
            left: 0,
            right: 0,
            top: 100,
            bottom: 0,
            height: 30,
            width: 200,
            vAlign: "top",
            hAlign: "center"
          }
        }, {
          tag: "TextInput",
          attributes: {
            value: "align: center, center"
          },
          style: {
            left: 0,
            right: 0,
            top: 0,
            bottom: 0,
            height: 200,
            width: 200,
            vAlign: "center",
            hAlign: "center"
          }
        }]
      };
    }
    var mFormEditor = new absol.form.FormEditor();
    mFormEditor.getView().addTo(absol.$('.form-editor-container'));
    mFormEditor.start();
    mFormEditor.setData(data);
    mFormEditor.on('change', function () {
      localStorage.setItem('form-data', JSON.stringify(Object.assign({ dataIndex: dataIndex }, this.getData())));
    });


  </script>
</body>

</html>

VaKeR 2022