52 lines
1.1 KiB
Vue
52 lines
1.1 KiB
Vue
<script>
|
|
import tooltip from '../../vue_shared/directives/tooltip';
|
|
|
|
export default {
|
|
props: {
|
|
artifacts: {
|
|
type: Array,
|
|
required: true,
|
|
},
|
|
},
|
|
directives: {
|
|
tooltip,
|
|
},
|
|
};
|
|
</script>
|
|
<template>
|
|
<div
|
|
class="btn-group"
|
|
role="group">
|
|
<button
|
|
v-tooltip
|
|
class="dropdown-toggle btn btn-default build-artifacts js-pipeline-dropdown-download"
|
|
title="Artifacts"
|
|
data-placement="top"
|
|
data-toggle="dropdown"
|
|
aria-label="Artifacts">
|
|
<i
|
|
class="fa fa-download"
|
|
aria-hidden="true">
|
|
</i>
|
|
<i
|
|
class="fa fa-caret-down"
|
|
aria-hidden="true">
|
|
</i>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-align-right">
|
|
<li v-for="artifact in artifacts">
|
|
<a
|
|
rel="nofollow"
|
|
download
|
|
:href="artifact.path">
|
|
<i
|
|
class="fa fa-download"
|
|
aria-hidden="true">
|
|
</i>
|
|
<span>Download {{artifact.name}} artifacts</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|