You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.4 KiB
62 lines
1.4 KiB
Vue.component('owncast-footer', { |
|
props: { |
|
appVersion: { |
|
type: String, |
|
default: '0.1', |
|
}, |
|
}, |
|
|
|
template: ` |
|
<footer class="flex"> |
|
<span> |
|
<a href="${URL_OWNCAST}" target="_blank">About Owncast</a> |
|
</span> |
|
<span>Version {{appVersion}}</span> |
|
</footer> |
|
`, |
|
}); |
|
|
|
|
|
Vue.component('stream-tags', { |
|
props: ['tags'], |
|
template: ` |
|
<ul |
|
class="tag-list flex" |
|
v-if="this.tags.length" |
|
> |
|
<li class="tag rounded-sm text-gray-100 bg-gray-700" |
|
v-for="tag in this.tags" |
|
v-bind:key="tag" |
|
> |
|
{{tag}} |
|
</li> |
|
</ul> |
|
`, |
|
}); |
|
|
|
Vue.component('user-details', { |
|
props: ['logo', 'platforms', 'summary', 'tags'], |
|
template: ` |
|
<div class="user-content"> |
|
<div |
|
class="user-image rounded-full bg-white" |
|
v-bind:style="{ backgroundImage: 'url(' + logo + ')' }" |
|
> |
|
<img |
|
class="logo visually-hidden" |
|
alt="Logo" |
|
v-bind:src="logo"> |
|
</div> |
|
<div class="user-content-header border-b border-gray-500 border-solid"> |
|
<h2 class="font-semibold"> |
|
About <span class="streamer-name text-indigo-600"> |
|
<slot></slot> |
|
</span> |
|
</h2> |
|
<social-list v-bind:platforms="platforms"></social-list> |
|
<div class="stream-summary" v-html="summary"></div> |
|
<stream-tags v-bind:tags="tags"></stream-tags> |
|
</div> |
|
</div> |
|
`, |
|
});
|
|
|