.

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.1/

Upload File :

Current File : /var/www/html/formeditor/v0.0.1/index.php

<!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>

  </style>
</head>

<body>
  <script src="./absol/absol_form.js?time=<?php echo time()?>"></script>
  <script>
    var layoutEditor = new absol.form.LayoutEditor();
    layoutEditor.addConstructor(absol.form.TextInput);
    layoutEditor.addConstructor(absol.form.DateInput);
    layoutEditor.getView().addStyle({
      width: 'calc(100vw - 40px)', height: 'calc(100vh - 40px)', border: 'solid 1px black',
      'margin-top': '30px', 'margin-left': '30px'
    }).addTo(document.body);
    layoutEditor.start();
    layoutEditor.setData({
      tag: 'RelativeLayout',
      children: [
        {
          tag: 'TextInput',
          style: {
            top: 10,
            left: 20,
            width: 160,
            height: 40,
            hAlign: 'left'

          },
          attributes: {
            value: "align: left, top"
          }
        },
        {
          tag: 'TextInput',
          style: {
            top: 10,
            right: 20,
            hAlign: 'right',
            vAlign: 'top'

          },
          attributes: {
            value: "align: right, top"
          }
        },

        {
          tag: 'TextInput',
          style: {
            right: 80,
            left: 90,
            bottom: 100,
            top: 300,
            hAlign: 'fixed',
            vAlign: 'fixed'

          },
          attributes: {
            value: "fixed parent's width, height"
          }
        },
        {
          tag: 'TextInput',
          style: {
            right: 20,
            left: 10,
            bottom: 10,
            height: 80,
            hAlign: 'fixed',
            vAlign: 'bottom'

          },
          attributes: {
            value: "fixed parent's width; align: bottom"
          }
        },
        {
          tag: 'TextInput',
          style: {
            bottom: 400,
            right: 20,
            width: 400,
            height: 100,
            hAlign: 'right',
            vAlign: 'bottom'

          },
          attributes: {
            value: "align: right, bottom"
          }
        },
        {
          tag: 'DateInput',
          style: {
            vAlign: 'top',
            top: 100,
            hAlign: 'center',
            width: 200
          },
          attributes: {
            value: new Date(2019, 9, 20)
          }
        },
        {
          tag: 'TextInput',
          style: {
            vAlign: 'center',
            height: 200,
            hAlign: 'center',
            width: 200
          },
          attributes: {
            value: "align: center, center"
          }
        }
      ]
    });

  </script>
</body>

</html>

VaKeR 2022