aircox/aircox_streamer/templates/aircox_streamer/streamer.html
2024-04-19 15:06:23 +02:00

43 lines
1.5 KiB
HTML

{% extends "aircox/dashboard/base.html" %}
{% load i18n static %}
{% block title %}{% translate "Streamer monitor" %}{% endblock %}
{% block content-container %}
{{ block.super }}
<div class="container">
<a-streamer api-url="{% url "streamer:api:streamer-list" %}">
<template v-slot="{streamer,streamers,sources,fetchStreamers,Sound}">
<div class="navbar toolbar">
<div class="navbar-start">
<span class="navbar-item control">
<button class="button">
<span class="icon is-small">
<span class="fas fa-sync"></span>
</span>
<span>{% translate "Reload" %}</span>
</button>
</span>
</div>
<div class="navbar-end">
<div class="control navbar-item">
<select onchange="selectStreamer" class="select"
title="{% translate "Select a station" %}"
aria-label="{% translate "Select a station" %}">
<option v-for="streamer of streamers" :value="streamer.id">[[ streamer.data.name ]]</option>
</select>
</div>
</div>
</div>
<div v-if="streamer">
<template v-for="source in sources">
{% include "aircox_streamer/source_item.html" %}
</template>
</div>
</template>
</a-streamer>
</div>
{% endblock %}