page_form: some fields horizontal

This commit is contained in:
bkfox 2024-03-20 01:55:36 +01:00
parent d293eb4a00
commit 21f856e731
4 changed files with 13 additions and 7 deletions

File diff suppressed because one or more lines are too long

View File

@ -2,6 +2,11 @@
{% load static i18n humanize honeypot aircox %} {% load static i18n humanize honeypot aircox %}
{% block page_form %} {% block page_form %}
<a-modal ref="sound-edit-modal" title="{% translate "Edit sound" %}">
<template #default>
</template>
</a-modal>
<a-episode :page="{title: &quot;{{ object.title }}&quot;, podcasts: {{ object.sounds|json }}}"> <a-episode :page="{title: &quot;{{ object.title }}&quot;, podcasts: {{ object.sounds|json }}}">
<template v-slot="{podcasts,page}"> <template v-slot="{podcasts,page}">
{{ block.super }} {{ block.super }}

View File

@ -60,10 +60,10 @@
{% block page_form %} {% block page_form %}
{% csrf_token %} {% csrf_token %}
{% for field in form %} {% for field in form %}
<div class="field"> {% if field.name == "cover" %}
{% if field.name == "cover" %} <input type="hidden" name="{{ field.name }}" value="{{ field.value }}" ref="cover-input"/>
<input type="hidden" name="{{ field.name }}" value="{{ field.value }}" ref="cover-input"/> {% else %}
{% else %} <div class="field {% if field.name != "content" %}is-horizontal{% endif %}">
<label class="label">{{ field.label }}</label> <label class="label">{{ field.label }}</label>
<div class="control clear-unset"> <div class="control clear-unset">
{% if field.name == "pub_date" %} {% if field.name == "pub_date" %}
@ -75,8 +75,8 @@
{{ field }} {{ field }}
{% endif %} {% endif %}
</div> </div>
{% endif %}
</div> </div>
{% endif %}
{% if field.errors %} {% if field.errors %}
<p class="help is-danger">{{ field.errors }}</p> <p class="help is-danger">{{ field.errors }}</p>
{% endif %} {% endif %}

View File

@ -37,9 +37,10 @@
<span class="fas fa-pause" v-if="playing"></span> <span class="fas fa-pause" v-if="playing"></span>
<span class="fas fa-play" v-else></span> <span class="fas fa-play" v-else></span>
</button> </button>
<!--
<div class="media-cover" v-if="current && current.data.cover"> <div class="media-cover" v-if="current && current.data.cover">
<img :src="current.data.cover" class="cover" /> <img :src="current.data.cover" class="cover" />
</div> </div> -->
<div :class="['a-player-bar-content', loaded && duration ? 'has-progress' : '']"> <div :class="['a-player-bar-content', loaded && duration ? 'has-progress' : '']">
<slot name="content" :loaded="loaded" :live="live" :current="current"></slot> <slot name="content" :loaded="loaded" :live="live" :current="current"></slot>
</div> </div>