Update styling on portfolio admin page, update portfolio form to include description

This commit is contained in:
leigh-mil
2019-12-23 14:53:52 -05:00
parent 86913ec738
commit 667554dba4
6 changed files with 44 additions and 44 deletions

View File

@@ -1,43 +1,43 @@
{% extends "portfolios/base.html" %}
{% from "components/pagination.html" import Pagination %}
{% from "components/text_input.html" import TextInput %}
{% from 'components/save_button.html' import SaveButton %}
{% from 'components/sticky_cta.html' import StickyCTA %}
{% from "components/text_input.html" import TextInput %}
{% block portfolio_content %}
{{ StickyCTA(text="Settings") }}
<div v-cloak class="portfolio-admin portfolio-content">
<div class="panel">
<div class="panel__content">
{% if user_can(permissions.EDIT_PORTFOLIO_NAME) %}
<base-form inline-template>
<form method="POST" action="{{ url_for('portfolios.edit', portfolio_id=portfolio.id) }}" autocomplete="false">
{{ portfolio_form.csrf_token }}
<div class='form-row'>
<div class='form-col form-col--half'>
{{ TextInput(portfolio_form.name, validation="portfolioName", optional=False) }}
</div>
<div class='edit-portfolio-name action-group'>
{{ SaveButton(text='Save', additional_classes='usa-button-big') }}
</div>
</div>
</form>
</base-form>
{% else %}
<div>
<div class='admin-title'>
{{ "portfolios.admin.portfolio_name" | translate }}
<!-- max width of this section is 460px -->
<section class="form-container__half">
<h3>Portfolio name and component</h3>
{% if user_can(permissions.EDIT_PORTFOLIO_NAME) %}
<base-form inline-template>
<form method="POST" action="{{ url_for('portfolios.edit', portfolio_id=portfolio.id) }}" autocomplete="false">
{{ portfolio_form.csrf_token }}
{{ TextInput(portfolio_form.name, validation="portfolioName", optional=False) }}
{{ TextInput(portfolio_form.description, paragraph=True) }}
<div class='edit-portfolio-name action-group'>
{{ SaveButton(text='Save Changes', additional_classes='usa-button-big') }}
</div>
</form>
</base-form>
{% else %}
<div>
<div class='admin-title'>
{{ "portfolios.admin.portfolio_name" | translate }}
</div>
</div>
<div>
<div class='admin-content'>
{{ portfolio.name }}
</div>
<div>
<div class='admin-content'>
{{ portfolio.name }}
</div>
{% endif %}
</div>
{% endif %}
<div class='defense-row'>
<div>
@@ -54,7 +54,9 @@
</div>
</div>
</div>
</div>
</section>
<hr>
{% if user_can(permissions.VIEW_PORTFOLIO_POC) %}
{% include "portfolios/fragments/primary_point_of_contact.html" %}