2020-07-21 12:09:30 +00:00
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
name: 'DependencyRow',
|
|
|
|
props: {
|
|
|
|
dependency: {
|
|
|
|
type: Object,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
showVersion() {
|
|
|
|
return Boolean(this.dependency.version_pattern);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<div class="gl-responsive-table-row">
|
|
|
|
<div class="table-section section-50">
|
2020-08-06 15:09:42 +00:00
|
|
|
<strong class="gl-text-body">{{ dependency.name }}</strong>
|
2020-07-21 12:09:30 +00:00
|
|
|
<span v-if="dependency.target_framework" data-testid="target-framework"
|
|
|
|
>({{ dependency.target_framework }})</span
|
|
|
|
>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div
|
|
|
|
v-if="showVersion"
|
2020-09-07 12:08:27 +00:00
|
|
|
class="table-section section-50 gl-display-flex gl-md-justify-content-end"
|
2020-07-21 12:09:30 +00:00
|
|
|
data-testid="version-pattern"
|
|
|
|
>
|
2020-08-06 15:09:42 +00:00
|
|
|
<span class="gl-text-body">{{ dependency.version_pattern }}</span>
|
2020-07-21 12:09:30 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|