Lx4U-book/docs/common.js
2021-05-18 21:03:04 +03:00

52 lines
1.3 KiB
JavaScript

Vue.component('package-info', {
props: {
package: Object,
showsbu: Boolean,
showsbu2: Boolean,
},
computed: {
priorityName: function () {
switch (this.package.priority) {
case 'important': return 'Важный';
case 'required': return 'Необходимый';
case 'optional': return 'Необязательный';
}
return '';
},
},
template: `
<div class="pkg">
<p>{{ package.description }}</p>
<p class="pkg-desc">
Ссылка для скачивания: <a :href="package.url"><b>{{ package.url }}</b></a>
<br />
Текущая версия: <b>{{ package.version }}</b>
<br />
Домашняя страница: <a :href="package.homeUrl"><b>{{ package.homeUrl }}</b></a>
<br />
Важность: <b>{{ priorityName }}</b>
<br />
Размер архива: <b>{{ package.size }} Mb</b>
<span v-if="showsbu">
<br />
<span v-if="package.sbu">Приблизительное время сборки: <b>{{ package.sbu }} SBU</b></span>
</span>
<span v-if="showsbu2">
<br />
<span v-if="package.sbu2">Приблизительное время сборки: <b>{{ package.sbu2 }} SBU</b></span>
</span>
</p>
<slot></slot>
</div>`,
});
Vue.component('warn', {
template: `
<div class="warn-description">
<slot></slot>
</div>
`,
});