<div class="new-wine">

    <div class="form-item ">
        <label for="b58c338b-c642-e5e2-dea4-e8204fd61f93">
            Producer

        </label>
        <input type="text" id="b58c338b-c642-e5e2-dea4-e8204fd61f93" value="">
    </div>
    <div class="form-item ">
        <label for="363a878a-ba88-ded8-5840-e69d09f61d9e">
            Wine name

        </label>
        <input type="text" id="363a878a-ba88-ded8-5840-e69d09f61d9e" value="">
    </div>
    <div class="form-item ">
        <label for="760e42d2-b82e-a5e3-e7d7-275b02beb26b">
            Country

        </label>
        <input type="text" id="760e42d2-b82e-a5e3-e7d7-275b02beb26b" value="">
    </div>
    <div class="form-item ">
        <label for="5b7cfeca-2450-1f45-9d44-698fefb5b5fc">
            Region

        </label>
        <input type="text" id="5b7cfeca-2450-1f45-9d44-698fefb5b5fc" value="">
    </div>
    <div class="form-item ">
        <label for="1b5b307e-07bb-da2f-2caa-1fed66b1c6c2">
            District

        </label>
        <input type="text" id="1b5b307e-07bb-da2f-2caa-1fed66b1c6c2" value="">
    </div>
    <div class="form-item ">
        <label for="2fc1daab-3a91-fe00-c3bb-36381803a7b6">
            Vintage

        </label>
        <input type="text" id="2fc1daab-3a91-fe00-c3bb-36381803a7b6" value="">
    </div>
    <div class="form-item ">
        <label for="53c86880-b944-ccc3-6fbd-d364ed961e6e">
            Bottle size

        </label>
        <input type="text" id="53c86880-b944-ccc3-6fbd-d364ed961e6e" value="">
    </div>
    <div class="form-item ">
        <label for="ee5526e8-a5dc-bfe1-c405-5d24f41c9ebf">
            Bottles/case

        </label>
        <input type="text" id="ee5526e8-a5dc-bfe1-c405-5d24f41c9ebf" value="">
    </div>
    <div class="form-item ">
        <label for="3828891e-08c5-c3f2-a7c7-e0e1fa8297fd">
            Bottles in wine cellar

        </label>
        <input type="text" id="3828891e-08c5-c3f2-a7c7-e0e1fa8297fd" value="">
    </div>
    <div class="form-item ">
        <label for="fe0119b9-c491-a3e6-f34c-c6327ad4c0ff">
            Supplier

        </label>
        <input type="text" id="fe0119b9-c491-a3e6-f34c-c6327ad4c0ff" value="">
    </div>
    <div class="form-item ">
        <label for="78017611-1d4e-4631-44d7-036f4b3f132b">
            Purchase Price per bottle(ex VAT)

        </label>
        <input type="text" id="78017611-1d4e-4631-44d7-036f4b3f132b" value="">
    </div>
    <div class="form-item ">
        <label for="94a871f7-01b4-3f67-b37b-45bb38582de1">
            Price per bottle in winelist (ex VAT)

        </label>
        <input type="text" id="94a871f7-01b4-3f67-b37b-45bb38582de1" value="">
    </div>

</div>
<div class="new-wine">

  {{#each input-fields}}
    {{#unless id}}
      {{> @form-item-input id=(random)}}
    {{else}}
      {{> @form-item-input}}
    {{/unless}}
  {{/each}}

</div>
{
  "input-fields": [
    {
      "label": "Producer"
    },
    {
      "label": "Wine name"
    },
    {
      "label": "Country"
    },
    {
      "label": "Region"
    },
    {
      "label": "District"
    },
    {
      "label": "Vintage"
    },
    {
      "label": "Bottle size"
    },
    {
      "label": "Bottles/case"
    },
    {
      "label": "Bottles in wine cellar"
    },
    {
      "label": "Supplier"
    },
    {
      "label": "Purchase Price per bottle(ex VAT)"
    },
    {
      "label": "Price per bottle in winelist (ex VAT)"
    }
  ],
  "submit-button": {
    "text": "Save wine"
  }
}
  • Content:
    /**
     * New wine form
     */
    
    @media screen {
    
      .new-wine {
        max-width: 20rem;
      }
    
      .new-wine > .form-item + .form-item {
        margin-top: 1em;
      }
    }
    
  • URL: /components/raw/new-wine-form/new-wine-form.css
  • Filesystem Path: components/03_organisms/new-wine-form/new-wine-form.css
  • Size: 151 Bytes

No notes defined.