@@ -105,30 +105,55 @@ export default {
105105 i18n,
106106 template: `
107107 <div>
108- <b-row class="expanded-row">
109- <b-col sm="6">
110- <b-input-group-form-input id="input-license-group-name" :label="$t('message.name')" input-group-size="mb-3"
111- required="true" type="text" v-model="name" lazy="true" autofocus="true"
112- v-debounce:750ms="updateLicenseGroup" :debounce-events="'keyup'" />
113- </b-col>
114- <b-col sm="6">
115- </b-col>
116- </b-row>
117- <b-row class="expanded-row">
118- <b-col sm="12">
119- <b-form-group :label="this.$t('message.licenses')">
120- <div class="list-group">
121- <span v-for="license in licenses">
122- <actionable-list-group-item :value="license.name" :delete-icon="true" v-on:actionClicked="removeLicense(license)"/>
123- </span>
124- <actionable-list-group-item :add-icon="true" v-on:actionClicked="$root.$emit('bv::show::modal', 'selectLicenseModal')"/>
108+ <b-row class="expanded-row">
109+ <b-col sm="6">
110+ <b-input-group-form-input id="input-license-group-name" :label="$t('message.name')" input-group-size="mb-3"
111+ required="true" type="text" v-model="name" lazy="true" autofocus="true"
112+ v-debounce:750ms="updateLicenseGroup" :debounce-events="'keyup'" />
113+ </b-col>
114+ <b-col sm="6">
115+ </b-col>
116+ </b-row>
117+ <b-row class="expanded-row">
118+ <b-col sm="12">
119+ <b-form-group>
120+ <div>
121+ <div class="font-weight-bold mb-2">
122+ <b-row>
123+ <b-col md="8">{{$t('message.name')}}</b-col>
124+ <b-col md="3">{{$t('message.spdx_license_id')}}</b-col>
125+ <b-col md="1"></b-col>
126+ </b-row>
127+ </div>
128+ <div v-for="license in licenses" :key="license.uuid" class="mb-2">
129+ <b-row class="align-items-center">
130+ <b-col md="8" class="d-flex align-items-center">{{ license.name }}</b-col>
131+ <b-col md="3" class="d-flex align-items-center text-muted">
132+ <a
133+ v-if="license.licenseId"
134+ :href="'/portfolio/licenses/' + encodeURIComponent(license.licenseId)"
135+ >
136+ {{ license.licenseId }}
137+ </a>
138+ <span v-else>-</span>
139+ </b-col>
140+ <b-col md="1" class="d-flex align-items-center justify-content-end">
141+ <b-button size="sm" variant="outline-danger" @click="removeLicense(license)">
142+ <span class="fa fa-trash"></span>
143+ </b-button>
144+ </b-col>
145+ </b-row>
146+ </div>
147+ <div>
148+ <actionable-list-group-item :add-icon="true" v-on:actionClicked="$root.$emit('bv::show::modal', 'selectLicenseModal')" />
149+ </div>
150+ </div>
151+ </b-form-group>
152+ <div style="text-align:right">
153+ <b-button variant="outline-danger" @click="deleteLicenseGroup">{{ $t('message.delete_license_group') }}</b-button>
125154 </div>
126- </b-form-group>
127- <div style="text-align:right">
128- <b-button variant="outline-danger" @click="deleteLicenseGroup">{{ $t('message.delete_license_group') }}</b-button>
129- </div>
130- </b-col>
131- </b-row>
155+ </b-col>
156+ </b-row>
132157 <select-license-modal v-on:selection="updateLicenseSelection" />
133158 </div>
134159 ` ,
0 commit comments