@@ -105,30 +105,55 @@ export default {
105
105
i18n,
106
106
template: `
107
107
<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>
125
154
</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>
132
157
<select-license-modal v-on:selection="updateLicenseSelection" />
133
158
</div>
134
159
` ,
0 commit comments