Skip to content

Commit

Permalink
formatting to small ESPD form inputs
Browse files Browse the repository at this point in the history
  • Loading branch information
@dragos-eu
dragos-eu committed Nov 25, 2024
1 parent 643a251 commit a7a9398
Show file tree
Hide file tree
Showing 3 changed files with 60 additions and 63 deletions.
6 changes: 3 additions & 3 deletions ESPD/examples/startComponent.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,15 +106,15 @@ Vue.component("startComponent", {
<b-collapse id="accordion-st1" visible accordion="my-accordion" role="tabpanel">
<b-card-body>
<b-form-group id="fieldset-espd" label-cols-sm="4" label-cols-lg="3" description="Select ESPD version" label="ESPD version" label-for="sel-espd">
<b-form-select id="sel-espd" v-model="exp.espd_version" :options="versions" @change="selectVersion($event)"></b-form-select>
<b-form-select size="sm" id="sel-espd" v-model="exp.espd_version" :options="versions" @change="selectVersion($event)"></b-form-select>
</b-form-group>
<b-form-group id="fieldset-role" label-cols-sm="4" label-cols-lg="3" description="Select your role" label="Select your role" label-for="sel-role">
<b-form-select id="sel-role" v-model="exp.role" :options="role_opt"></b-form-select>
<b-form-select size="sm" id="sel-role" v-model="exp.role" :options="role_opt"></b-form-select>
</b-form-group>
<b-form-group id="fieldset-country" label-cols-sm="4" label-cols-lg="3" description="Select your country" label="Country" label-for="sel-country">
<b-form-select id="sel-country" v-model="exp.country" :options="country_list"></b-form-select>
<b-form-select size="sm" id="sel-country" v-model="exp.country" :options="country_list"></b-form-select>
</b-form-group>
</b-card-body>
</b-collapse>
Expand Down
82 changes: 41 additions & 41 deletions ESPD/model/espd_common.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,16 +32,16 @@ Vue.component("PI-SA", {
template: `
<div>
<b-form-group id="flds-ron" label-cols-sm="4" label-cols-lg="3" description="Please specify the received notice number." label="Received notice number" label-for="inp-received_notice_number">
<b-form-input id="inp-received_notice_number" v-model="publication.received_notice_number"></b-form-input>
<b-form-input size="sm" id="inp-received_notice_number" v-model="publication.received_notice_number"></b-form-input>
</b-form-group>
<b-form-group id="flds-ojs_number" label-cols-sm="4" label-cols-lg="3" description="[][][][]/S [][][]-[][][][][][]." label="Notice number in the OJS" label-for="inp-OJS_notice_number">
<b-form-input id="inp-OJS_notice_number" v-model="publication.OJS_notice_number"></b-form-input>
<b-form-input size="sm" id="inp-OJS_notice_number" v-model="publication.OJS_notice_number"></b-form-input>
</b-form-group>
<b-form-group id="flds-ojs_url" label-cols-sm="4" label-cols-lg="3" description="Please specify the OJS URL." label="OJS URL" label-for="inp-OJS_url">
<b-form-input id="inp-OJS_url" v-model="publication.OJS_URL"></b-form-input>
<b-form-input size="sm" id="inp-OJS_url" v-model="publication.OJS_URL"></b-form-input>
</b-form-group>
<b-form-group id="flds-noj" label-cols-sm="4" label-cols-lg="3" description="Please specify the national government official journal number" label="National Official Journal" label-for="inp-noj">
<b-form-input id="inp-noj" v-model="publication.national_official_journal"></b-form-input>
<b-form-input size="sm" id="inp-noj" v-model="publication.national_official_journal"></b-form-input>
</b-form-group>
</div>
`
Expand Down Expand Up @@ -93,35 +93,35 @@ Vue.component("PI-SB", {
template: `
<div>
<b-form-group id="flds-caname" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's name" label="Official name" label-for="inp-caname">
<b-form-input id="inp-caname" v-model="procurer.name"></b-form-input>
<b-form-input size="sm" id="inp-caname" v-model="procurer.name"></b-form-input>
</b-form-group>
<b-form-group id="flds-cacountry" label-cols-sm="4" label-cols-lg="3" description="Procurer's country." label="Country" label-for="inp-cacountry">
<b-form-select id="inp-cacountry" v-model="procurer.country" :options="country_list"></b-form-select>
<b-form-select size="sm" id="inp-cacountry" v-model="procurer.country" :options="country_list"></b-form-select>
</b-form-group>
<b-form-group id="flds-caweb" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's URL (if applicable)" label="Website" label-for="inp-caweb">
<b-form-input id="inp-caweb" v-model="procurer.website"></b-form-input>
<b-form-input size="sm" id="inp-caweb" v-model="procurer.website"></b-form-input>
</b-form-group>
</b-form-group>
<b-form-group id="flds-cavat" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's V.A.T number (if applicable)" label="V.A.T number" label-for="inp-cavat">
<b-form-input id="inp-cavat" v-model="procurer.vat"></b-form-input>
<b-form-input size="sm" id="inp-cavat" v-model="procurer.vat"></b-form-input>
</b-form-group>
<b-form-group id="flds-cacity" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's city" label="City" label-for="inp-cacity">
<b-form-input id="inp-cacity" v-model="procurer.city"></b-form-input>
<b-form-input size="sm" id="inp-cacity" v-model="procurer.city"></b-form-input>
</b-form-group>
<b-form-group id="flds-castreetandnumber" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's street and number" label="Street and Number" label-for="inp-castreetandnumber">
<b-form-input id="inp-castreetandnumber" v-model="procurer.street_and_number"></b-form-input>
<b-form-input size="sm" id="inp-castreetandnumber" v-model="procurer.street_and_number"></b-form-input>
</b-form-group>
<b-form-group id="flds-capostcode" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's post code" label="Post code" label-for="inp-capostcode">
<b-form-input id="inp-capostcode" v-model="procurer.postcode"></b-form-input>
<b-form-input size="sm" id="inp-capostcode" v-model="procurer.postcode"></b-form-input>
</b-form-group>
<b-form-group id="flds-contactperson" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's contact person" label="Contact person" label-for="inp-contactperson">
<b-form-input id="inp-contactperson" v-model="procurer.contact_person"></b-form-input>
<b-form-input size="sm" id="inp-contactperson" v-model="procurer.contact_person"></b-form-input>
</b-form-group>
<b-form-group id="flds-catelephone" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's contact phone" label="Telephone" label-for="inp-catelephone">
<b-form-input id="inp-catelephone" v-model="procurer.telephone"></b-form-input>
<b-form-input size="sm" id="inp-catelephone" v-model="procurer.telephone"></b-form-input>
</b-form-group>
<b-form-group id="flds-caemail" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's contact email" label="E-mail" label-for="inp-caemail">
<b-form-input id="inp-caemail" v-model="procurer.email"></b-form-input>
<b-form-input size="sm" id="inp-caemail" v-model="procurer.email"></b-form-input>
</b-form-group>
</div>
`
Expand Down Expand Up @@ -154,16 +154,16 @@ Vue.component("PI-SC", {
template: `
<div>
<b-form-group id="flds-ptitle" label-cols-sm="4" label-cols-lg="3" description="Procurement procedure title." label="Title" label-for="inp-ptitle">
<b-form-input id="inp-ptitle" v-model="procedure.title"></b-form-input>
<b-form-input size="sm" id="inp-ptitle" v-model="procedure.title"></b-form-input>
</b-form-group>
<b-form-group id="flds-pshort_description" label-cols-sm="4" label-cols-lg="3" description="Please specify procurement procedure short description." label="Short description" label-for="inp-pshort_description">
<b-form-input id="inp-pshort_description" v-model="procedure.short_description"></b-form-input>
<b-form-input size="sm" id="inp-pshort_description" v-model="procedure.short_description"></b-form-input>
</b-form-group>
<b-form-group id="flds-pfile_reference" label-cols-sm="4" label-cols-lg="3" description="File reference number attributed by the contracting authority or contracting entity (if applicable)" label="File reference number" label-for="inp-pfile_reference">
<b-form-input id="inp-pfile_reference" v-model="procedure.file_reference"></b-form-input>
<b-form-input size="sm" id="inp-pfile_reference" v-model="procedure.file_reference"></b-form-input>
</b-form-group>
<b-form-group id="flds-pnumber_of_lots" label-cols-sm="4" label-cols-lg="3" description="Number of lots (if applicable)" label="Number of lots" label-for="inp-pnumber_of_lots">
<b-form-input id="inp-pnumber_of_lots" v-model="procedure.number_of_lots" type="number" min=1></b-form-input>
<b-form-input size="sm" id="inp-pnumber_of_lots" v-model="procedure.number_of_lots" type="number" min=1></b-form-input>
</b-form-group>
</div>
`
Expand Down Expand Up @@ -202,35 +202,35 @@ Vue.component("PII-SA", {
template: `
<div>
<b-form-group id="flds-eoname" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's name" label="Official name" label-for="inp-eoname">
<b-form-input id="inp-eoname" v-model="seller.name"></b-form-input>
<b-form-input size="sm" id="inp-eoname" v-model="seller.name"></b-form-input>
</b-form-group>
<b-form-group id="flds-eocountry" label-cols-sm="4" label-cols-lg="3" description="Seller's Country." label="Country" label-for="inp-eocountry">
<b-form-select id="inp-eocountry" v-model="seller.country" :options="country_list"></b-form-select>
<b-form-select size="sm" id="inp-eocountry" v-model="seller.country" :options="country_list"></b-form-select>
</b-form-group>
<b-form-group id="flds-eoweb" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's URL (if applicable)" label="Website" label-for="inp-eoweb">
<b-form-input id="inp-eoweb" v-model="seller.website"></b-form-input>
<b-form-input size="sm" id="inp-eoweb" v-model="seller.website"></b-form-input>
</b-form-group>
</b-form-group>
<b-form-group id="flds-eovat" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's V.A.T number (if applicable)" label="V.A.T number" label-for="inp-eovat">
<b-form-input id="inp-eovat" v-model="seller.vat"></b-form-input>
<b-form-input size="sm" id="inp-eovat" v-model="seller.vat"></b-form-input>
</b-form-group>
<b-form-group id="flds-eocity" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's city" label="City" label-for="inp-eocity">
<b-form-input id="inp-eocity" v-model="seller.city"></b-form-input>
<b-form-input size="sm" id="inp-eocity" v-model="seller.city"></b-form-input>
</b-form-group>
<b-form-group id="flds-eostreetandnumber" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's street and number" label="Street and Number" label-for="inp-eostreetandnumber">
<b-form-input id="inp-eostreetandnumber" v-model="seller.street_and_number"></b-form-input>
<b-form-input size="sm" id="inp-eostreetandnumber" v-model="seller.street_and_number"></b-form-input>
</b-form-group>
<b-form-group id="flds-eopostcode" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's post code" label="Post code" label-for="inp-eopostcode">
<b-form-input id="inp-eopostcode" v-model="seller.postcode"></b-form-input>
<b-form-input size="sm" id="inp-eopostcode" v-model="seller.postcode"></b-form-input>
</b-form-group>
<b-form-group id="flds-eontactperson" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's contact person" label="Contact person" label-for="inp-eontactperson">
<b-form-input id="inp-eontactperson" v-model="seller.contact_person"></b-form-input>
<b-form-input size="sm" id="inp-eontactperson" v-model="seller.contact_person"></b-form-input>
</b-form-group>
<b-form-group id="flds-eotelephone" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's contact phone" label="Telephone" label-for="inp-eotelephone">
<b-form-input id="inp-eotelephone" v-model="seller.telephone"></b-form-input>
<b-form-input size="sm" id="inp-eotelephone" v-model="seller.telephone"></b-form-input>
</b-form-group>
<b-form-group id="flds-eoemail" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's contact email" label="E-mail" label-for="inp-eoemail">
<b-form-input id="inp-eoemail" v-model="seller.email"></b-form-input>
<b-form-input size="sm" id="inp-eoemail" v-model="seller.email"></b-form-input>
</b-form-group>
</div>
`
Expand Down Expand Up @@ -272,44 +272,44 @@ Vue.component("PII-SB", {
template: `
<div>
<b-form-group id="flds-poaname" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative name" label="First Name" label-for="inp-poaname">
<b-form-input id="inp-poaname" v-model="poa.name"></b-form-input>
<b-form-input size="sm" size="sm" id="inp-poaname" v-model="poa.name"></b-form-input>
</b-form-group>
<b-form-group id="flds-poafname" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative family name" label="Last Name" label-for="inp-poafname">
<b-form-input id="inp-poafname" v-model="poa.familyname"></b-form-input>
<b-form-input size="sm" id="inp-poafname" v-model="poa.familyname"></b-form-input>
</b-form-group>
<b-form-group id="flds-poadateofbirth" label-cols-sm="4" label-cols-lg="3" description="Seller's representative date of birth." label="Date of Birth" label-for="inp-poadateofbirth">
<b-form-input id="inp-poadateofbirth" type='date' v-model="poa.dateofbirth"></b-form-input>
<b-form-input size="sm" id="inp-poadateofbirth" type='date' v-model="poa.dateofbirth"></b-form-input>
</b-form-group>
<b-form-group id="flds-poaplaceofbirth" label-cols-sm="4" label-cols-lg="3" description="Seller's representative place of birth." label="Place of Birth" label-for="inp-poaplaceofbirth">
<b-form-input id="inp-poaplaceofbirth" v-model="poa.placeofbirth"></b-form-input>
<b-form-input size="sm" id="inp-poaplaceofbirth" v-model="poa.placeofbirth"></b-form-input>
</b-form-group>
<b-form-group id="flds-poacountry" label-cols-sm="4" label-cols-lg="3" description="Seller's representative Country." label="Country" label-for="inp-poacountry">
<b-form-select id="inp-poacountry" v-model="poa.country" :options="country_list"></b-form-select>
<b-form-select size="sm" id="inp-poacountry" v-model="poa.country" :options="country_list"></b-form-select>
</b-form-group>
<b-form-group id="flds-poaweb" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative URL (if applicable)" label="Website" label-for="inp-poaweb">
<b-form-input id="inp-poaweb" v-model="poa.website"></b-form-input>
<b-form-input size="sm" id="inp-poaweb" v-model="poa.website"></b-form-input>
</b-form-group>
</b-form-group>
<b-form-group id="flds-poarole" label-cols-sm="4" label-cols-lg="3" description="Position/Acting in the capacity of" label="Role" label-for="inp-poarole">
<b-form-input id="inp-poarole" v-model="poa.role"></b-form-input>
<b-form-input size="sm" id="inp-poarole" v-model="poa.role"></b-form-input>
</b-form-group>
<b-form-group id="flds-poacity" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative city" label="City" label-for="inp-poacity">
<b-form-input id="inp-poacity" v-model="poa.city"></b-form-input>
<b-form-input size="sm" id="inp-poacity" v-model="poa.city"></b-form-input>
</b-form-group>
<b-form-group id="flds-poastreetandnumber" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative street and number" label="Street and Number" label-for="inp-poastreetandnumber">
<b-form-input id="inp-poastreetandnumber" v-model="poa.street_and_number"></b-form-input>
<b-form-input size="sm" id="inp-poastreetandnumber" v-model="poa.street_and_number"></b-form-input>
</b-form-group>
<b-form-group id="flds-poapostcode" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative post code" label="Post code" label-for="inp-poapostcode">
<b-form-input id="inp-poapostcode" v-model="poa.postcode"></b-form-input>
<b-form-input size="sm" id="inp-poapostcode" v-model="poa.postcode"></b-form-input>
</b-form-group>
<b-form-group id="flds-poatelephone" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative contact phone" label="Telephone" label-for="inp-poatelephone">
<b-form-input id="inp-poatelephone" v-model="poa.telephone"></b-form-input>
<b-form-input size="sm" id="inp-poatelephone" v-model="poa.telephone"></b-form-input>
</b-form-group>
<b-form-group id="flds-poaemail" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative contact email" label="E-mail" label-for="inp-poaemail">
<b-form-input id="inp-poaemail" v-model="poa.email"></b-form-input>
<b-form-input size="sm" id="inp-poaemail" v-model="poa.email"></b-form-input>
</b-form-group>
<b-form-group id="flds-poadetails" label-cols-sm="4" label-cols-lg="3" description="Please specify Seller's representative detailed information (if needed)" label="Detailed information" label-for="inp-poadetails">
<b-form-input id="inp-poadetails" v-model="poa.details"></b-form-input>
<b-form-input size="sm" id="inp-poadetails" v-model="poa.details"></b-form-input>
</b-form-group>
</div>
`
Expand Down
Loading

0 comments on commit a7a9398

Please sign in to comment.