support: Clean up class names in support views.

Updates the class name used for the sponsorship form container in
the remote support views to be more specific.

Adds a shared "support-form" class for the different forms in the
realm_details template.

Use the same CSS rule for current and next plan information sections.
This commit is contained in:
Lauryn Menard 2024-02-21 11:43:42 +01:00 committed by Tim Abbott
parent 6ee123be21
commit 16135fbac6
4 changed files with 22 additions and 33 deletions

View File

@ -33,7 +33,7 @@
</div>
<div class="realm-support-forms">
<div class="realm-form-container">
<form method="POST" class="support-realm-status-form">
<form method="POST" class="support-realm-status-form support-form">
<b>Status</b>:<br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
@ -43,14 +43,14 @@
</select>
<button type="submit" class="support-submit-button">Update</button>
</form>
<form method="POST" class="realm-subdomain-form">
<form method="POST" class="realm-subdomain-form support-form">
<b>New subdomain</b>:<br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
<input type="text" name="new_subdomain" required />
<button type="submit" class="support-submit-button">Update</button>
</form>
<form method="POST" class="realm-organization-type-form">
<form method="POST" class="realm-organization-type-form support-form">
<b>Org type</b>:<br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
@ -63,7 +63,7 @@
</select>
<button type="submit" class="support-submit-button">Update</button>
</form>
<form method="POST" class="support-plan-type-form">
<form method="POST" class="support-plan-type-form support-form">
<b>Plan type</b>:<br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
@ -76,7 +76,7 @@
</select>
<button type="submit" class="support-submit-button">Update</button>
</form>
<form method="POST" class="sponsorship-pending-form">
<form method="POST" class="sponsorship-pending-form support-form">
<b>Sponsorship pending</b>:<br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
@ -88,7 +88,7 @@
</form>
{% if plan_data[realm.id].customer and plan_data[realm.id].customer.sponsorship_pending %}
<form method="POST" class="approve-sponsorship-form">
<form method="POST" class="approve-sponsorship-form support-form">
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
<input type="hidden" name="approve_sponsorship" value="true" />
@ -99,7 +99,7 @@
</form>
{% endif %}
<form method="POST" class="support-discount-form">
<form method="POST" class="support-discount-form support-form">
<b>Discount (use 85 for nonprofits)</b>:<br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
@ -114,16 +114,14 @@
</div>
{% if plan_data[realm.id].current_plan %}
<div class="current-plan-container">
<div class="current-plan-details">
{% with %}
{% set plan_data = plan_data[realm.id] %}
{% set format_discount = format_discount %}
{% set dollar_amount = dollar_amount %}
{% include 'corporate/support/current_plan_details.html' %}
{% endwith %}
</div>
{% with %}
{% set plan_data = plan_data[realm.id] %}
{% set format_discount = format_discount %}
{% set dollar_amount = dollar_amount %}
{% include 'corporate/support/current_plan_details.html' %}
{% endwith %}
<form method="POST" class="billing-modality-form">
<form method="POST" class="billing-modality-form support-form">
<b>Billing collection method</b><br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
@ -134,7 +132,7 @@
<button type="submit" class="support-submit-button">Update</button>
</form>
<form method="POST" class="downgrade-plan-form">
<form method="POST" class="downgrade-plan-form support-form">
<b>Modify plan</b><br />
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />
@ -150,7 +148,7 @@
</div>
{% endif %}
<form method="POST" class="scrub-realm-form">
<form method="POST" class="scrub-realm-form support-form">
<h3>❌ Scrub realm</h3>
{{ csrf_input }}
<input type="hidden" name="realm_id" value="{{ realm.id }}" />

View File

@ -30,7 +30,7 @@
</div>
{% if remote_realm.plan_type != SPONSORED_PLAN_TYPE %}
<div class="sponsorship-container">
<div class="remote-support-sponsorship-container">
{% with %}
{% set sponsorship_data = support_data[remote_realm.id].sponsorship_data %}
{% set remote_id = remote_realm.id %}

View File

@ -69,7 +69,7 @@
</div>
{% if remote_server.plan_type != SPONSORED_PLAN_TYPE %}
<div class="sponsorship-container">
<div class="remote-support-sponsorship-container">
{% with %}
{% set sponsorship_data = remote_servers_support_data[remote_server.id].sponsorship_data %}
{% set remote_id = remote_server.id %}

View File

@ -279,18 +279,9 @@ tr.admin td:first-child {
top: -2px;
}
.scrub-realm-form,
.realm-organization-type-form,
.realm-subdomain-form,
.downgrade-plan-form,
.billing-modality-form,
.approve-sponsorship-form,
.current-plan-details,
.sponsorship-pending-form,
.support-plan-type-form,
.support-discount-form,
.support-realm-status-form,
.support-form,
.remote-form,
.next-plan-information,
.current-plan-information {
margin-bottom: 10px;
}
@ -401,7 +392,7 @@ tr.admin td:first-child {
.realm-form-container,
.next-plan-container,
.current-plan-container,
.sponsorship-container {
.remote-support-sponsorship-container {
border: 2px solid hsl(33deg 99% 60%);
border-radius: 4px;
padding: 10px;
@ -409,7 +400,7 @@ tr.admin td:first-child {
}
.realm-form-container,
.sponsorship-container {
.remote-support-sponsorship-container {
background-color: hsl(30deg 100% 96%);
}