Skip to content

Commit

Permalink
example layout for ESPD Request
Browse files Browse the repository at this point in the history
  • Loading branch information
dragos-eu committed Jun 5, 2024
1 parent 7356e9e commit 2e53c9d
Show file tree
Hide file tree
Showing 9 changed files with 420 additions and 71 deletions.
47 changes: 47 additions & 0 deletions ESPD/examples/ESPDdownload.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
Vue.component('ESPDdownload',{
data(){
return {
show: true
}
},

emits: ['updateESPDDoc'],

methods: {
updateESPDDoc() {
this.$emit('updateESPDDoc',{
})
}
},

template: `
<template>
<b-conatiner>
<b-row>
<b-col>
<div>
<h6>Finish</h6>
</div>
</b-col>
</b-row>
<b-row>
<b-col>
<div class="accordion" role="tablist">
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-1 variant="info">A. Save ESPD</b-button>
</b-card-header>
<b-collapse id="accordion-1" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
</div>
</b-col>
</b-row>
</b-container>
</template>
`

})
2 changes: 1 addition & 1 deletion ESPD/examples/espd.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
"context":["actor"]
},
"procedure":{
"info":["buyer"]
"context":["publication", "procurer", "procurement_procedure"]
},
"exclusion_criteria":{
"convictions": ["crime-org", "corruption", "fraud", "terr-offenct", "finan-laund", "human-traffic"],
Expand Down
79 changes: 79 additions & 0 deletions ESPD/examples/exclusionGrounds.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
Vue.component('exclusionGrounds', {
data(){
return {
show: true
}
},

emits: ['updateESPDDoc'],

methods: {
updateESPDDoc() {
this.$emit('updateESPDDoc',{
})
}
},

template: `
<template>
<b-conatiner>
<b-row>
<b-col>
<div>
<h6>Part III: Exclusion grounds</h6>
</div>
</b-col>
</b-row>
<b-row>
<b-col>
<div class="accordion" role="tablist">
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-1 variant="info">A: Grounds relating to criminal convictions</b-button>
</b-card-header>
<b-collapse id="accordion-1" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-2 variant="info">B: Grounds relating to the payment of taxes or social security contributions </b-button>
</b-card-header>
<b-collapse id="accordion-2" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-3 variant="info">C: Grounds relating to insolvency, conflicts of interests or professional misconduct</b-button>
</b-card-header>
<b-collapse id="accordion-3" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-4 variant="info">D: Purely national exclusion grounds</b-button>
</b-card-header>
<b-collapse id="accordion-4" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
</div>
</b-col>
</b-row>
</b-container>
</template>
`
})
107 changes: 101 additions & 6 deletions ESPD/examples/procedureComponent.js
Original file line number Diff line number Diff line change
@@ -1,10 +1,47 @@
Vue.component('procedureComponent',{
data(){
return{
received_notice_number:'',
OJS_notice_number: '',
OJS_URL: '',
national_official_journal:'',
procurer:{
name:'',
country:'',
website: '',
vat: '',
city: '',
street_and_number:'',
postcode:'',
contact_person: '',
telephone: '',
fax: '',
email:''
},
procedure:{
type: '',
title: '',
short_description: '',
file_reference: '',
number_of_lots: 0
},
show: true
}
},
emits: ['updateESPDDoc'],

methods: {
updateESPDDoc() {
this.$emit('updateESPDDoc',{
received_notice_number: this.received_notice_number,
OJS_notice_number: this.OJS_notice_number,
OJS_URL: this.OJS_URL,
national_official_journal: this.national_official_journal,
procurer: this.procurer,
procedure: this.procedure
})
}
},
template: `
<template>
<b-conatiner>
Expand All @@ -20,33 +57,91 @@ Vue.component('procedureComponent',{
<div class="accordion" role="tablist">
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-1 variant="info">Information about publication</b-button>
<b-button block v-b-toggle.accordion-1 variant="info">A. Information about publication</b-button>
</b-card-header>
<b-collapse id="accordion-1" accordion="my-accordion" role="tabpanel">
<b-card-body>
<b-card-text>I start opened because <code>visible</code> is <code>true</code></b-card-text>
<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="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="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="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="national_official_journal"></b-form-input>
</b-form-group>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-2 variant="info">Identity of the procurer</b-button>
<b-button block v-b-toggle.accordion-2 variant="info">B. Identity of the procurer</b-button>
</b-card-header>
<b-collapse id="accordion-2" accordion="my-accordion" role="tabpanel">
<b-card-body>
<b-card-text>work in progress</b-card-text>
<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-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-input id="inp-cacountry" v-model="procurer.country"></b-form-input>
</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-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-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-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-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-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-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-group>
<b-form-group id="flds-fax" label-cols-sm="4" label-cols-lg="3" description="Please specify Procurer's contact FAX" label="FAX" label-for="inp-fax">
<b-form-input id="inp-fax" v-model="procurer.fax"></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-group>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-3 variant="info">Information about the procurement procedure</b-button>
<b-button block v-b-toggle.accordion-3 variant="info">C. Information about the procurement procedure</b-button>
</b-card-header>
<b-collapse id="accordion-3" accordion="my-accordion" role="tabpanel">
<b-card-body>
<b-card-text>work in progress</b-card-text>
<b-form-group id="flds-ptype" label-cols-sm="4" label-cols-lg="3" description="Select the Type of procedure." label="Type of procedure" label-for="inp-ptype">
<b-form-input id="inp-ptype" v-model="procedure.type"></b-form-input>
</b-form-group>
<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-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-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-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=0></b-form-input>
</b-form-group>
</b-card-body>
</b-collapse>
</b-card>
Expand Down
80 changes: 80 additions & 0 deletions ESPD/examples/selectionCriteria.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
Vue.component('selectionCriteria',{
data(){
return {
show: true
}
},

emits: ['updateESPDDoc'],

methods: {
updateESPDDoc() {
this.$emit('updateESPDDoc',{
})
}
},

template: `
<template>
<b-conatiner>
<b-row>
<b-col>
<div>
<h6>Part IV: Selection criteria</h6>
</div>
</b-col>
</b-row>
<b-row>
<b-col>
<div class="accordion" role="tablist">
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-1 variant="info">A: Suitability</b-button>
</b-card-header>
<b-collapse id="accordion-1" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-2 variant="info">B: Economic and financial standing</b-button>
</b-card-header>
<b-collapse id="accordion-2" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-3 variant="info">C: Technical and professional ability</b-button>
</b-card-header>
<b-collapse id="accordion-3" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
<b-card no-body class="mb-1">
<b-card-header header-tag="header" class="p-1" role="tab">
<b-button block v-b-toggle.accordion-4 variant="info">D: Quality assurance schemes and environmental management standards</b-button>
</b-card-header>
<b-collapse id="accordion-4" accordion="my-accordion" role="tabpanel">
<b-card-body>
</b-card-body>
</b-collapse>
</b-card>
</div>
</b-col>
</b-row>
</b-container>
</template>
`

})
Loading

0 comments on commit 2e53c9d

Please sign in to comment.