Copy environment

Danger report

<div class="danger-report  ">
    <div class="h-container">
        <div class="grid">
            <div class="grid__col grid__col--sm-10 grid__col--left-gutter-sm-2 grid__col--right-gutter-sm-2 danger-report__form-container">
                <div class="danger-report__form">
                    <div class="danger-report__title-container">
                        <h4 class="danger-report__form-title">
                            <div class="logo  danger-report__icon">
                                <img src="" alt="" class="logo__img">
                            </div>
                            <h4 class="danger-report__form-title">Täida vorm ja päästa elu!</h4>
                        </h4>
                    </div>
                    <form class="danger-report__form">

                        <div class=" danger-report__form-field">

                            <div class="textfield textfield--required select">
                                <label class="textfield__label select__label" for="">
        Vali ettevõte
    </label>
                                <div class="textfield__inner">
                                    <select name="" id="" class="textfield__input select__input">
                    <option
                value="1"
                            >Option 1</option>
                    <option
                value="2"
                 selected             >Option 2</option>
                    <option
                value="3"
                            >Option 3</option>
                    <option
                value="4"
                            >Option 4</option>
            </select>
                                    <svg class="icon textfield--required select__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow-down"></use>
</svg>

                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">

                            <div class="textfield textfield--required">
                                <label class="textfield__label " for="">
        Kuupäev ja kellaaeg
    </label>
                                <div class="textfield__inner">
                                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">

                            <div class="textfield textfield--required">
                                <label class="textfield__label " for="">
        Ohtliku olukorra asukoht
    </label>
                                <div class="textfield__inner">
                                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">

                            <div class="textfield textfield--required select">
                                <label class="textfield__label select__label" for="">
        Ohtliku olukorra liik
    </label>
                                <div class="textfield__inner">
                                    <select name="" id="" class="textfield__input select__input">
                    <option
                value="1"
                            >Option 1</option>
                    <option
                value="2"
                 selected             >Option 2</option>
                    <option
                value="3"
                            >Option 3</option>
                    <option
                value="4"
                            >Option 4</option>
            </select>
                                    <svg class="icon textfield--required select__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow-down"></use>
</svg>

                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">

                            <div class="textfield textfield--required textarea">
                                <label class="textfield__label " for="">
        Ohtliku olukorra kirjeldus (kirjeldage mis, kus, millal, kes ja miks)
    </label>
                                <div class="textfield__inner">
                                    <textarea class="textfield__input textarea__input     " type="text" id="" name=""></textarea>

                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">

                            <div class="textfield textfield--required textarea">
                                <label class="textfield__label " for="">
        Ettevõetud meetmed (kui rakendati parandusmeetmeid, siis milliseid?)
    </label>
                                <div class="textfield__inner">
                                    <textarea class="textfield__input textarea__input     " type="text" id="" name=""></textarea>

                                </div>
                            </div>
                        </div>
                        <p class="danger-report__form-small-title">Ohtlikust olukorrast teatas (soovitav, kuid mittekohustuslik)</p>
                        <div class=" danger-report__form-field">

                            <div class="textfield">
                                <label class="textfield__label " for="">
        Nimi ja perekonnanimi
    </label>
                                <div class="textfield__inner">
                                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">

                            <div class="textfield">
                                <label class="textfield__label " for="">
        Amet
    </label>
                                <div class="textfield__inner">
                                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">

                            <div class="textfield">
                                <label class="textfield__label " for="">
        E-post (jäetud e-posti aadressile tulevad automaatsed teavitused ohuolukorra staatusest):
    </label>
                                <div class="textfield__inner">
                                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                                </div>
                            </div>
                        </div>
                        <div class=" danger-report__form-field">
                            <div class="upload  ">
                                <label for="" class="upload__label">
        <span class="upload__text">Pilt ohust:</span>
        <div class="link upload__link">
            vali pilt
        </div>
        <span class="upload__files">
         </span>
    </label>
                                <input type="file" class="upload__input" id="" name="" />
                            </div>
                        </div>
                        <div class="danger-report__button">
                            <button type="button" class="button button--block ">
                    <span class="button__text">saada</span>
                            <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>
            </span>
            </button>
                        </div>
                    </form>

                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-8 grid__col--gutter-xs-2 grid__col--gutter-sm-0 grid__col--top-gutter-sm-4 danger-report__textfield-container">
                <div class="text">
                    <p>Süsteem võimaldab enneaegselt probleemidele reageerides ennetada tööõnnetuste toimumist. Ettevõttes ohuolukordade süsteemi juurutades ja kasutades saame töökeskkonna paremaks muutmises kaasata kõiki töötajaid.</p>
                    <p>Ohtlik olukord on situatsioon, mille tõttu võis või võib VKG töötaja, alltöövõtja või külastaja tervis saada viga. Kui märkad midagi, mida peab parandama, siis anna meile sellest kindlasti teada! Ohtlikest olukordadest teavitamine
                        on parim viis, kuidas saad SINA kaasa aidata toimumata tööõnnetuste ennetamises ja vältimises. Töökeskkonnaspetsialistid saavad tänu ohuolukordadest teavitamisele võtta vastu meetmed, et muuta töökeskkonda turvalisemaks.</p>
                    <p>Iga ohuolukorda võetakse tõsiselt, leitakse selle põhjused ning lahendus.</p>
                </div>
            </div>
        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "danger-report",
    "button": {
      "icon": "arrow",
      "text": "saada"
    },
    "title": "<h4 class=\"danger-report__form-title\">Täida vorm ja päästa elu!</h4>",
    "icon": "play",
    "sections": [
      {
        "fields": [
          {
            "type": "select",
            "info": {
              "label": "Vali ettevõte",
              "options": [
                {
                  "name": "Option 1",
                  "value": "1"
                },
                {
                  "name": "Option 2",
                  "value": "2",
                  "isSelected": true
                },
                {
                  "name": "Option 3",
                  "value": "3"
                },
                {
                  "name": "Option 4",
                  "value": "4"
                }
              ]
            },
            "modifier": "textfield--required",
            "id": "field-1",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "Kuupäev ja kellaaeg"
            },
            "modifier": "textfield--required",
            "id": "field-2",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "Ohtliku olukorra asukoht"
            },
            "modifier": "textfield--required",
            "id": "field-3",
            "class": null
          },
          {
            "type": "select",
            "info": {
              "label": "Ohtliku olukorra liik",
              "options": [
                {
                  "name": "Option 1",
                  "value": "1"
                },
                {
                  "name": "Option 2",
                  "value": "2",
                  "isSelected": true
                },
                {
                  "name": "Option 3",
                  "value": "3"
                },
                {
                  "name": "Option 4",
                  "value": "4"
                }
              ]
            },
            "modifier": "textfield--required",
            "id": "field-4",
            "class": null
          },
          {
            "type": "textarea",
            "info": {
              "label": "Ohtliku olukorra kirjeldus (kirjeldage mis, kus, millal, kes ja miks)"
            },
            "modifier": "textfield--required",
            "id": "field-5",
            "class": null
          },
          {
            "type": "textarea",
            "info": {
              "label": "Ettevõetud meetmed (kui rakendati parandusmeetmeid, siis milliseid?)"
            },
            "modifier": "textfield--required",
            "id": "field-6",
            "class": null
          }
        ]
      },
      {
        "title": "<p class=\"danger-report__form-small-title\">Ohtlikust olukorrast teatas (soovitav, kuid mittekohustuslik)</p>",
        "fields": [
          {
            "type": "textfield",
            "info": {
              "label": "Nimi ja perekonnanimi"
            },
            "modifier": null,
            "id": "field-7",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "Amet"
            },
            "modifier": null,
            "id": "field-8",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "E-post (jäetud e-posti aadressile tulevad automaatsed teavitused ohuolukorra staatusest):"
            },
            "modifier": null,
            "id": "field-9",
            "class": null
          },
          {
            "type": "upload",
            "info": {
              "label": "Pilt ohust:",
              "text": "vali pilt"
            },
            "modifier": null,
            "id": "field-10",
            "class": null
          }
        ]
      }
    ],
    "text": "<p>Süsteem võimaldab enneaegselt probleemidele reageerides ennetada tööõnnetuste toimumist. Ettevõttes ohuolukordade süsteemi juurutades ja kasutades saame töökeskkonna paremaks muutmises kaasata kõiki töötajaid.</p> <p>Ohtlik olukord on situatsioon, mille tõttu võis või võib VKG töötaja, alltöövõtja või külastaja tervis saada viga. Kui märkad midagi, mida peab parandama, siis anna meile sellest kindlasti teada! Ohtlikest olukordadest teavitamine on parim viis, kuidas saad SINA kaasa aidata toimumata tööõnnetuste ennetamises ja vältimises. Töökeskkonnaspetsialistid saavad tänu ohuolukordadest teavitamisele võtta vastu meetmed, et muuta töökeskkonda turvalisemaks.</p><p>Iga ohuolukorda võetakse tõsiselt, leitakse selle põhjused ning lahendus.</p>"
  }
}