dsg
Copy This
<template>
  <div class="page no-toolbar" data-name="waste-add">
    <div class="navbar">
      <div class="navbar-bg"></div>
      <div class="navbar-inner">
        <div class="left">
          <a class="link back">
          <i class="icon icon-back"></i>
          </a>
        </div>
        <div class="middle">
          <div class="header-logo"><img src="assets/img/logo-dark.png" /></div>
        </div>
        <div class="right">
          <a href="#" class="top-right-action" id="submit-waste-add-form">
          Save
          </a>
        </div>
      </div>
    </div>
    <div class="page-content">
      <form id="WasteAddForm">
        <div class="block-title">Waste Image</div>
        <div class="list list-strong-ios list-dividers-ios inset-ios">
          <div class="custom-file-upload" id="fileUpload">
            <input type="file" id="fileuploadInput" name="waste_image" />
            <label for="fileuploadInput">
            <span>
            <i class="icon f7-icons">cloud_upload</i>
            <small>Tap to Upload</small>
            </span>
            </label>
          </div>
        </div>
        <div class="list list-strong-ios list-dividers-ios inset-ios">
          <ul>

            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Weight/Quantity (kg)</div>
                <div class="item-input-wrap">
                  <input type="text" name="quantity" placeholder="Enter quantity" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Category</div>
                <div class="item-input-wrap">
                  <input type="text" name="category" placeholder="Enter category" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Location</div>
                <div class="item-input-wrap">
                  <input type="text" name="location" placeholder="Enter location address" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Description</div>
                <div class="item-input-wrap">
                  <textarea name="description" id="waste_description" placeholder="Enter description your waste" style="height:100px;"></textarea>
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </form>
    </div>
  </div>
</template>
Array
(
    [div] => Array
        (
            [class] => Array
                (
                    [0] => page no-toolbar
                    [1] => navbar
                    [2] => navbar-bg
                    [3] => navbar-inner
                    [4] => left
                    [5] => middle
                    [6] => header-logo
                    [7] => right
                    [8] => page-content
                    [9] => block-title
                    [10] => list list-strong-ios list-dividers-ios inset-ios
                    [11] => custom-file-upload
                    [12] => list list-strong-ios list-dividers-ios inset-ios
                    [13] => item-inner
                    [14] => item-title item-label
                    [15] => item-input-wrap
                    [16] => item-inner
                    [17] => item-title item-label
                    [18] => item-input-wrap
                    [19] => item-inner
                    [20] => item-title item-label
                    [21] => item-input-wrap
                    [22] => item-inner
                    [23] => item-title item-label
                    [24] => item-input-wrap
                )

            [data-name] => Array
                (
                    [0] => waste-add
                )

            [id] => Array
                (
                    [0] => fileUpload
                )

        )

    [a] => Array
        (
            [class] => Array
                (
                    [0] => link back
                    [1] => top-right-action
                )

            [href] => Array
                (
                    [0] => #
                )

            [id] => Array
                (
                    [0] => submit-waste-add-form
                )

        )

    [form] => Array
        (
            [id] => Array
                (
                    [0] => WasteAddForm
                )

        )

    [input] => Array
        (
            [type] => Array
                (
                    [0] => file
                    [1] => text
                    [2] => text
                    [3] => text
                )

            [id] => Array
                (
                    [0] => fileuploadInput
                )

            [name] => Array
                (
                    [0] => waste_image
                    [1] => quantity
                    [2] => category
                    [3] => location
                )

            [placeholder] => Array
                (
                    [0] => Enter quantity
                    [1] => Enter category
                    [2] => Enter location address
                )

        )

    [textarea] => Array
        (
            [name] => Array
                (
                    [0] => description
                )

            [id] => Array
                (
                    [0] => waste_description
                )

            [placeholder] => Array
                (
                    [0] => Enter description your waste
                )

            [style] => Array
                (
                    [0] => height:100px;
                )

        )

)
Add JS Function Name