73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
|
export default {
|
||
|
|
props: {
|
||
|
|
scope: {
|
||
|
|
type: String,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
|
||
|
|
count: {
|
||
|
|
type: Object,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
|
||
|
|
paths: {
|
||
|
|
type: Object,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
$(document).trigger('init.scrolling-tabs');
|
||
|
|
},
|
||
|
|
|
||
|
|
template: `
|
||
|
|
<ul class="nav-links scrolling-tabs">
|
||
|
|
<li
|
||
|
|
class="js-pipelines-tab-all"
|
||
|
|
:class="{ 'active': scope === 'all'}">
|
||
|
|
<a :href="paths.allPath">
|
||
|
|
All
|
||
|
|
<span class="badge js-totalbuilds-count">
|
||
|
|
{{count.all}}
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="js-pipelines-tab-pending"
|
||
|
|
:class="{ 'active': scope === 'pending'}">
|
||
|
|
<a :href="paths.pendingPath">
|
||
|
|
Pending
|
||
|
|
<span class="badge">
|
||
|
|
{{count.pending}}
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="js-pipelines-tab-running"
|
||
|
|
:class="{ 'active': scope === 'running'}">
|
||
|
|
<a :href="paths.runningPath">
|
||
|
|
Running
|
||
|
|
<span class="badge">
|
||
|
|
{{count.running}}
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="js-pipelines-tab-finished"
|
||
|
|
:class="{ 'active': scope === 'finished'}">
|
||
|
|
<a :href="paths.finishedPath">
|
||
|
|
Finished
|
||
|
|
<span class="badge">
|
||
|
|
{{count.finished}}
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="js-pipelines-tab-branches"
|
||
|
|
:class="{ 'active': scope === 'branches'}">
|
||
|
|
<a :href="paths.branchesPath">Branches</a>
|
||
|
|
</li>
|
||
|
|
<li class="js-pipelines-tab-tags"
|
||
|
|
:class="{ 'active': scope === 'tags'}">
|
||
|
|
<a :href="paths.tagsPath">Tags</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
`,
|
||
|
|
};
|