bartosz/mleczarnia-kuzma-zamowienia-ui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Some changes

Browse Source
This commit is contained in:
Patryk Binkowski
2024-07-01 17:29:57 +02:00
parent 15271a873b
commit 673eb10b7b
7 changed files with 53 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/MainForm.vue
View File

@@ -88,8 +88,8 @@ function setConfirmationModal(event : Event) {
v-bind:dark = "isDarkTheme"/>
</div>
</div>
<button class="button is-info mt-5">Submit</button>
<button class="button is-info mt-5 ml-3" @click="setConfirmationModal">Potwierdź</button>
<button class="button is-info mt-5">Zapisz</button>
<button class="button is-success mt-5 ml-3" @click="setConfirmationModal">Potwierdź</button>
</div>
</div>
<div v-for="category in categories" :key="category.Kod">
@@ -105,6 +105,7 @@ function setConfirmationModal(event : Event) {
type="text"
placeholder="Kwota"
v-model="product.Twr_Cena"
v-bind:class="{ 'is-success has-background-light': product.Quantity != undefined && product.Quantity as unknown as string != '' }"
/>
</div>
</div>
@@ -115,20 +116,21 @@ function setConfirmationModal(event : Event) {
type="text"
placeholder="Kwota"
v-model="product.Twr_CenaZ"
v-bind:class="{ 'is-success has-background-light': product.Quantity != undefined && product.Quantity as unknown as string != '' }"
/>
</div>
</div>
<div class="column">
<div class="field has-addons">
<p class="control">
<span class="select is-small">
<span class="select is-small" v-bind:class="{ 'is-success has-background-light': product.Quantity != undefined }">
<select v-model="product.ChosenOption" readonly>
<option v-for="option in product.Options" :key="option">{{ option }}</option>
</select>
</span>
</p>
<p class="control is-expanded">
<input class="input is-small" type="text" placeholder="Ilość" v-model="product.Quantity">
<input class="input is-small" type="text" placeholder="Ilość" v-model="product.Quantity" v-bind:class="{ 'is-success': product.Quantity != undefined }">
</p>
</div>
</div>
@@ -139,10 +141,10 @@ function setConfirmationModal(event : Event) {
</div>
<div class="columns mt-1 is-variable is-mobile">
<div class = "column is-6">
<button class="button is-info is-fullwidth is-large">Submit</button>
<button class="button is-info is-fullwidth is-large">Zapisz</button>
</div>
<div class = "is-large column is-6 ml-3">
<button class="button is-info is-fullwidth is-large" @click="showConfirmationModal = true">Potwierdź</button>
<button class="button is-success is-fullwidth is-large" @click="showConfirmationModal = true">Potwierdź</button>
</div>
</div>
</form>