Skip to content

Commit

Permalink
Adding platforms to products in UI AlmaLinux/build-system#359
Browse files Browse the repository at this point in the history
  • Loading branch information
bklvsky committed Oct 25, 2024
1 parent 2974cf3 commit 14dc759
Show file tree
Hide file tree
Showing 2 changed files with 104 additions and 1 deletion.
99 changes: 98 additions & 1 deletion src/pages/ProductDetails.vue
Original file line number Diff line number Diff line change
Expand Up @@ -161,20 +161,75 @@
<div v-if="userAuthenticated()">
<q-separator />

<q-card-actions class="row justify-end q-gutter-sm q-pr-sm">
<q-card-actions class="row justify-between q-gutter-md q-pr-md">
<q-btn
@click="enablePlatforms()"
color="primary"
style="width: 30%"
:loading="loadingPlatform"
no-caps
>
Add platforms
</q-btn>
<q-skeleton type="circle" v-if="loadingPage" />
<q-btn
v-else
color="negative"
icon="delete"
round
@click="confirm = true"
:disable="loadingPlatform"
:loading="loading"
>
<q-tooltip> Delete product </q-tooltip>
</q-btn>
</q-card-actions>
</div>
<div v-if="platformsEnabled">
<q-card-section>
<q-select
v-model="platformsToAdd"
multiple
use-chips
clearable
style="max-width: 80%"
:options="platforms"
option-value="id"
option-label="name"
hint="Select platforms*"
label="Add platforms to the product"
>
<template v-slot:option="scope">
<q-item v-bind="scope.itemProps">
<q-item-section>
<q-item-label>
{{ scope.opt.name }}
</q-item-label>
<q-item-label caption>{{
scope.opt.arch_list.join(', ')
}}</q-item-label>
</q-item-section>
</q-item>
</template>
</q-select>
<q-card-actions align="right">
<q-btn
color="primary"
style="width: 30%"
:loading="loadingPlatform"
:disable="!platformsToAdd.length"
label="Add to product"
@click="addPlatforms()"
no-caps
>
<template v-slot:loading>
<q-spinner class="on-left" />
Loading...
</template>
</q-btn>
</q-card-actions>
</q-card-section>
</div>
</q-card>
</div>
</div>
Expand Down Expand Up @@ -231,6 +286,9 @@
doc: false,
loadingPage: false,
loading: false,
loadingPlatform: false,
platformsEnabled: false,
platformsToAdd: [],
// mockPackages: [
// { name: 'alsa-sof-firmware', version: '#1.9.3-4.el8_6'},
// { name: 'cheese', version: '#3.28.0-4.el8_6'},
Expand Down Expand Up @@ -261,8 +319,22 @@
created() {
this.loadProduct(this.productId)
},
computed: {
platforms() {
const allPlatforms = this.$store.state.platforms.platforms
const productPlatformIds = this.product.platforms.map(
(platform) => platform.id
)
return allPlatforms.filter(
(platform) => !productPlatformIds.includes(platform.id)
)
},
},
methods: {
copyToClipboard: copyToClipboard,
enablePlatforms() {
this.platformsEnabled = this.platformsEnabled ? false : true
},
userAuthenticated() {
return this.$store.getters.isAuthenticated
},
Expand All @@ -286,6 +358,31 @@
})
})
},
addPlatforms() {
this.loadingPlatform = true
this.$api
.post(
`products/${this.productId}/add_platforms/`,
this.platformsToAdd
)
.then((response) => {
this.loadingPlatform = false
this.platformsEnabled = false
this.platformsToAdd = []
this.loadProduct(this.productId)
})
.catch((error) => {
this.loadingPlatform = false
this.platformsEnabled = false
this.platformsToAdd = []
console.log(error)
Notify.create({
message: `${error.response.data.detail}`,
type: 'negative',
actions: [{label: 'Dismiss', color: 'white', handler: () => {}}],
})
})
},
deleteProduct() {
this.loading = true
this.$api
Expand Down
6 changes: 6 additions & 0 deletions src/router/routes.js
Original file line number Diff line number Diff line change
Expand Up @@ -181,6 +181,12 @@ const routes = [
path: '/product/:productId',
component: () => import('pages/ProductDetails.vue'),
props: true,
beforeEnter(to, from, next) {
store
.dispatch('platforms/loadPlatformList')
.then(next())
.catch(next())
},
},
{
path: '/product/new/',
Expand Down

0 comments on commit 14dc759

Please sign in to comment.