Merge pull request #797 from dod-ccpo/moar-style-updates
Moar style updates
This commit is contained in:
dandds
GitHub
commit
6d31e09716
@ -1 +1 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15 16H1c-.552 0-1-.447-1-1V1c0-.552.448-1 1-1h10v2H2v12h12V5h2v10c0 .553-.447 1-1 1zM5 12c-.256 0-.512-.098-.707-.293-.391-.391-.391-1.023 0-1.414l10-10c.391-.391 1.023-.391 1.414 0s.391 1.023 0 1.414l-10 10C5.512 11.902 5.256 12 5 12z"/></svg>
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="edit" class="svg-inline--fa fa-edit fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 315 B After Width: | Height: | Size: 735 B |
@ -1 +1 @@
|
|||||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM8 2C4.691 2 2 4.691 2 8s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6zm-.081 10.972c-.274 0-.513-.086-.717-.259-.204-.173-.306-.415-.306-.726 0-.276.099-.508.296-.696.198-.188.44-.283.727-.283.283 0 .521.095.714.283.193.188.289.42.289.696 0 .307-.101.548-.303.723-.202.175-.435.262-.7.262zM4.634 5.773c0-.416.137-.837.411-1.264.274-.427.673-.781 1.198-1.061.525-.28 1.138-.42 1.838-.42.651 0 1.225.117 1.723.351.498.234.883.553 1.155.956.271.403.407.841.407 1.313 0 .373-.078.699-.232.979-.155.28-.339.522-.552.726-.214.204-.596.546-1.148 1.028-.153.136-.275.255-.367.358-.092.103-.16.197-.205.282-.045.086-.08.171-.105.257-.024.085-.061.235-.111.45-.085.455-.352.683-.801.683-.233 0-.43-.075-.589-.224-.159-.149-.239-.37-.239-.663 0-.368.059-.687.175-.956.117-.269.272-.506.465-.709.193-.204.453-.446.781-.726.287-.245.494-.43.622-.555.128-.125.236-.264.323-.417.088-.153.132-.32.132-.499 0-.351-.134-.646-.401-.887s-.611-.361-1.033-.361c-.494 0-.857.121-1.091.364-.233.243-.431.601-.592 1.074-.153.495-.442.742-.869.742-.251 0-.463-.086-.636-.259-.173-.173-.259-.36-.259-.562z" fill-rule="nonzero"/></svg>
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" class="svg-inline--fa fa-question-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 872 B |
@ -1 +1 @@
|
|||||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8zm0 14c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6 2.691 6 6 6zm0-8c.552 0 1 .447 1 1v4.436c0 .552-.448 1-1 1s-1-.448-1-1V7c0-.553.448-1 1-1zm0-3c.26 0 .52.11.71.29.18.19.29.45.29.71 0 .271-.11.521-.29.71-.38.37-1.05.37-1.42 0C7.11 4.521 7 4.26 7 4c0-.26.11-.52.29-.71.19-.18.45-.29.71-.29z" fill-rule="nonzero"/></svg>
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" class="svg-inline--fa fa-info-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 541 B After Width: | Height: | Size: 641 B |
@ -1 +0,0 @@
|
|||||||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus-circle" class="svg-inline--fa fa-plus-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 516 B |
@ -1 +1 @@
|
|||||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M6.966 6.992V1.009C6.988.417 7.322-.052 8.091.005c.505.074.884.488.903 1.004v5.966c2.049-.012 4.096-.002 6.143.073 1.031.113 1.292 1.968-.074 2.017H8.994v6.037c-.039 1.076-1.98 1.313-2.028 0V9.065H.898c-1.076-.039-1.313-1.972 0-2.02 2.022 0 4.045-.031 6.068-.053z" fill-rule="nonzero"/></svg>
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus-circle" class="svg-inline--fa fa-plus-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 452 B After Width: | Height: | Size: 516 B |
@ -1 +1 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.098 16H4.902c-1.029 0-1.884-.772-1.987-1.798L2.095 6H1c-.552 0-1-.448-1-1s.448-1 1-1h2c.514 0 .944.389.995.9l.91 9.103L11.098 14l.907-9.1c.051-.511.481-.9.995-.9h2c.553 0 1 .448 1 1s-.447 1-1 1h-1.095l-.82 8.202C12.982 15.227 12.129 16 11.098 16zm-.993-12.553L9.382 2H6.618l-.723 1.447-1.79-.894 1-2C5.275.214 5.621 0 6 0h4c.379 0 .725.214.895.553l1 2-1.79.894zM2 4h12v2H2z"/></svg>
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"></path></svg>
|
||||||
|
Before Width: | Height: | Size: 456 B After Width: | Height: | Size: 597 B |
@ -12,11 +12,6 @@
|
|||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.accordion-table-list {
|
|
||||||
display: table;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.accordion-table__head {
|
.accordion-table__head {
|
||||||
padding: $gap ($gap * 2);
|
padding: $gap ($gap * 2);
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
@ -42,10 +37,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.accordion-table__item-content {
|
.accordion-table__item-content {
|
||||||
padding-top: $gap * 2;
|
padding: ($gap * 2);
|
||||||
padding-right: $gap;
|
|
||||||
padding-left: $gap * 2;
|
|
||||||
padding-bottom: $gap * 3;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion-table__items {
|
.accordion-table__items {
|
||||||
@ -128,29 +120,27 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#application-members {
|
.application-list {
|
||||||
.accordion-table {
|
.accordion-table {
|
||||||
.accordion-table__item-content, .accordion-table__head {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
& > span {
|
|
||||||
flex-grow: 3;
|
|
||||||
display: flex;
|
|
||||||
flex-basis: 0;
|
|
||||||
|
|
||||||
&.icon-link {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-basis: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.accordion-table__item__toggler {
|
.accordion-table__item__toggler {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-table__item-content {
|
||||||
|
.icon-link {
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#application-environments {
|
||||||
|
.row {
|
||||||
|
& > .col:first-child {
|
||||||
|
flex-grow: 5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -32,6 +32,7 @@
|
|||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
@include icon-color($color-blue);
|
@include icon-color($color-blue);
|
||||||
|
margin: 0 ($gap * 0.5) 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portfolio-breadcrumbs__home {
|
.portfolio-breadcrumbs__home {
|
||||||
|
|||||||
@ -5,6 +5,10 @@
|
|||||||
|
|
||||||
.usa-input {
|
.usa-input {
|
||||||
margin: 0 ($gap * 4) 0 0;
|
margin: 0 ($gap * 4) 0 0;
|
||||||
|
flex-grow: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.application-edit__env-list-item-block {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -81,5 +81,5 @@
|
|||||||
url_for("portfolios.create_member", portfolio_id=portfolio.id),
|
url_for("portfolios.create_member", portfolio_id=portfolio.id),
|
||||||
[step_one, step_two],
|
[step_one, step_two],
|
||||||
button_text=("portfolios.admin.add_new_member" | translate),
|
button_text=("portfolios.admin.add_new_member" | translate),
|
||||||
button_icon="plus-circle-solid",
|
button_icon="plus",
|
||||||
) }}
|
) }}
|
||||||
|
|||||||
@ -132,5 +132,5 @@
|
|||||||
url_for("applications.create_member", application_id=application.id),
|
url_for("applications.create_member", application_id=application.id),
|
||||||
[step_one, step_two],
|
[step_one, step_two],
|
||||||
button_text=("portfolios.admin.add_new_member" | translate),
|
button_text=("portfolios.admin.add_new_member" | translate),
|
||||||
button_icon="plus-circle-solid",
|
button_icon="plus",
|
||||||
) }}
|
) }}
|
||||||
|
|||||||
@ -1,8 +0,0 @@
|
|||||||
{% from "components/text_input.html" import TextInput %}
|
|
||||||
|
|
||||||
{{ form.csrf_token }}
|
|
||||||
<p>
|
|
||||||
{{ "fragments.edit_application_form.explain" | translate }}
|
|
||||||
</p>
|
|
||||||
{{ TextInput(form.name) }}
|
|
||||||
{{ TextInput(form.description, paragraph=True) }}
|
|
||||||
@ -25,7 +25,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
<div class="application-list-item">
|
<div class="application-list-item application-list">
|
||||||
<header>
|
<header>
|
||||||
<div class="responsive-table-wrapper__header">
|
<div class="responsive-table-wrapper__header">
|
||||||
<div class='responsive-table-wrapper__title'>
|
<div class='responsive-table-wrapper__title'>
|
||||||
@ -39,8 +39,11 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="accordion-table accordion-table-list">
|
<div class="accordion-table accordion-table-list">
|
||||||
<div class="accordion-table__head">
|
<div class="accordion-table__head row">
|
||||||
<span>{{ "portfolios.applications.environments.name" | translate }}</span>
|
<div class="col col--grow">{{ "portfolios.applications.environments.name" | translate }}</div>
|
||||||
|
<div class="col col--grow">{{ "portfolios.applications.environments.edit_name" | translate }}</div>
|
||||||
|
<div class="col col--grow">{{ "common.delete" | translate }}</div>
|
||||||
|
<div class="col col--grow">{{ "common.members" | translate }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="accordion-table__items">
|
<ul class="accordion-table__items">
|
||||||
@ -51,10 +54,11 @@
|
|||||||
|
|
||||||
<toggler inline-template>
|
<toggler inline-template>
|
||||||
<li class="accordion-table__item">
|
<li class="accordion-table__item">
|
||||||
<div class="accordion-table__item-content">
|
<div class="accordion-table__item-content row">
|
||||||
<span>
|
<div class="col col--grow">
|
||||||
{{ env['name'] }}
|
{{ env['name'] }}
|
||||||
</span>
|
</div>
|
||||||
|
<div class="col col--grow">
|
||||||
<span class="icon-link">
|
<span class="icon-link">
|
||||||
{% set edit_environment_button %}
|
{% set edit_environment_button %}
|
||||||
{{ Icon('edit') }}
|
{{ Icon('edit') }}
|
||||||
@ -68,7 +72,13 @@
|
|||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
</span>
|
</span>
|
||||||
<span class="icon-link icon-link--large accordion-table__item__toggler">
|
</div>
|
||||||
|
<div class="col col--grow">
|
||||||
|
<span class="icon-link icon-link--danger">
|
||||||
|
{{ Icon('trash') }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="col col--grow icon-link icon-link--large accordion-table__item__toggler">
|
||||||
{% set open_members_button %}
|
{% set open_members_button %}
|
||||||
{{ "common.members" | translate }} ({{ member_count }}) {{ Icon('caret_down') }}
|
{{ "common.members" | translate }} ({{ member_count }}) {{ Icon('caret_down') }}
|
||||||
{% endset %}
|
{% endset %}
|
||||||
@ -84,7 +94,7 @@
|
|||||||
section_name="members"
|
section_name="members"
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% call ToggleSection(section_name="members") %}
|
{% call ToggleSection(section_name="members") %}
|
||||||
|
|||||||
@ -32,7 +32,7 @@
|
|||||||
<div class="sidenav__divider--small"></div>
|
<div class="sidenav__divider--small"></div>
|
||||||
<a class="sidenav__link sidenav__link--add" href="{{ url_for("task_orders.get_started") }}" title="Fund a New Portfolio">
|
<a class="sidenav__link sidenav__link--add" href="{{ url_for("task_orders.get_started") }}" title="Fund a New Portfolio">
|
||||||
<span class="sidenav__link-label">Fund a new portfolio</span>
|
<span class="sidenav__link-label">Fund a new portfolio</span>
|
||||||
{{ Icon("plus", classes="sidenav__link-icon icon--circle") }}
|
{{ Icon("plus", classes="sidenav__link-icon") }}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
{% if can_create_applications %}
|
{% if can_create_applications %}
|
||||||
<a class='icon-link' href='{{ url_for('applications.new', portfolio_id=portfolio.id) }}'>
|
<a class='icon-link' href='{{ url_for('applications.new', portfolio_id=portfolio.id) }}'>
|
||||||
{{ 'portfolios.applications.add_application_text' | translate }}
|
{{ 'portfolios.applications.add_application_text' | translate }}
|
||||||
{{ Icon("plus", classes="sidenav__link-icon icon--circle") }}
|
{{ Icon("plus", classes="sidenav__link-icon") }}
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -65,7 +65,7 @@
|
|||||||
<td class="add-member-link" colspan=4>
|
<td class="add-member-link" colspan=4>
|
||||||
<a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}">
|
<a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}">
|
||||||
Add A New Member
|
Add A New Member
|
||||||
{{ Icon('plus', classes='icon--circle') }}
|
{{ Icon('plus') }}
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
@ -37,7 +37,26 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endcall %}
|
{% endcall %}
|
||||||
|
|
||||||
{% include "fragments/applications/edit_application_form.html" %}
|
{{ form.csrf_token }}
|
||||||
|
<p>
|
||||||
|
{{ "fragments.edit_application_form.explain" | translate }}
|
||||||
|
</p>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-col form-col--two-thirds">
|
||||||
|
{{ TextInput(form.name) }}
|
||||||
|
</div>
|
||||||
|
<div class="form-col form-col--third">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-col form-col--two-thirds">
|
||||||
|
{{ TextInput(form.description, paragraph=True) }}
|
||||||
|
</div>
|
||||||
|
<div class="form-col form-col--third">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div> {# this extra div prevents this bug: https://www.pivotaltracker.com/story/show/160768940 #}
|
<div> {# this extra div prevents this bug: https://www.pivotaltracker.com/story/show/160768940 #}
|
||||||
<div v-cloak v-for="title in errors" :key="title">
|
<div v-cloak v-for="title in errors" :key="title">
|
||||||
@ -57,22 +76,29 @@
|
|||||||
<li v-for="(environment, i) in environments" class="application-edit__env-list-item">
|
<li v-for="(environment, i) in environments" class="application-edit__env-list-item">
|
||||||
<div class="usa-input">
|
<div class="usa-input">
|
||||||
<label :for="'environment_names-' + i">Environment Name</label>
|
<label :for="'environment_names-' + i">Environment Name</label>
|
||||||
<input type="text" :id="'environment_names-' + i" v-model="environment.name" placeholder="e.g. Development, Staging, Production"/>
|
<input type="text" :id="'environment_names-' + i" v-model="environment.name" placeholder="e.g. Development, Staging, Production"/> <input type="hidden" :name="'environment_names-' + i" v-model="environment.name"/>
|
||||||
<input type="hidden" :name="'environment_names-' + i" v-model="environment.name"/>
|
|
||||||
</div>
|
</div>
|
||||||
<button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class='application-edit__env-list-item__remover'>
|
<div class="application-edit__env-list-item-block">
|
||||||
|
<button v-on:click="removeEnvironment(i)" v-if="environments.length > 1" type="button" class="application-edit__env-list-item__remover">
|
||||||
{{ Icon('trash') }}
|
{{ Icon('trash') }}
|
||||||
<span>Remove</span>
|
<span>Remove</span>
|
||||||
</button>
|
</button>
|
||||||
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="block-list__footer">
|
<div class="block-list__footer">
|
||||||
<button v-on:click="addEnvironment" class="icon-link" tabindex="0" type="button">Add another environment</button>
|
<button
|
||||||
|
v-on:click="addEnvironment"
|
||||||
|
class="icon-link"
|
||||||
|
tabindex="0"
|
||||||
|
type="button">
|
||||||
|
{{ 'portfolios.applications.add_another_environment' | translate }}
|
||||||
|
{{ Icon("plus") }}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -72,7 +72,7 @@
|
|||||||
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
|
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
|
||||||
<a class='icon-link'>
|
<a class='icon-link'>
|
||||||
{{ "portfolios.applications.add_environment" | translate }}
|
{{ "portfolios.applications.add_environment" | translate }}
|
||||||
{{ Icon('plus-circle-solid') }}
|
{{ Icon('plus') }}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
{{ 'portfolios.applications.team_settings.subheading' | translate }}
|
{{ 'portfolios.applications.team_settings.subheading' | translate }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="member-list" id="application-members">
|
<section class="member-list application-list" id="application-members">
|
||||||
<div class='responsive-table-wrapper panel'>
|
<div class='responsive-table-wrapper panel'>
|
||||||
{% if g.matchesPath("application-members") %}
|
{% if g.matchesPath("application-members") %}
|
||||||
{% include "fragments/flash.html" %}
|
{% include "fragments/flash.html" %}
|
||||||
@ -43,22 +43,22 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="accordion-table accordion-table-list">
|
<div class="accordion-table accordion-table-list">
|
||||||
<div class="accordion-table__head">
|
<div class="accordion-table__head row">
|
||||||
<span>
|
<div class="col col--grow">
|
||||||
<span>
|
|
||||||
{{ "common.name" | translate }}
|
{{ "common.name" | translate }}
|
||||||
</span>
|
</div>
|
||||||
<span>
|
<div class="col col--grow">
|
||||||
{{ "portfolios.applications.team_settings.section.table.delete_access" | translate }}
|
{{ "portfolios.applications.team_settings.section.table.delete_access" | translate }}
|
||||||
</span>
|
</div>
|
||||||
<span>
|
<div class="col col--grow">
|
||||||
{{ "portfolios.applications.team_settings.section.table.environment_management" | translate }}
|
{{ "portfolios.applications.team_settings.section.table.environment_management" | translate }}
|
||||||
</span>
|
</div>
|
||||||
<span>
|
<div class="col col--grow">
|
||||||
{{ "portfolios.applications.team_settings.section.table.team_management" | translate }}
|
{{ "portfolios.applications.team_settings.section.table.team_management" | translate }}
|
||||||
</span>
|
</div>
|
||||||
</span>
|
<div class="col col--grow">
|
||||||
<span class="icon-link" />
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul class="accordion-table__items">
|
<ul class="accordion-table__items">
|
||||||
{% for member in application.members %}
|
{% for member in application.members %}
|
||||||
@ -67,20 +67,17 @@
|
|||||||
{% set user_permissions = user_info["permissions"] %}
|
{% set user_permissions = user_info["permissions"] %}
|
||||||
|
|
||||||
{% macro PermissionField(value) %}
|
{% macro PermissionField(value) %}
|
||||||
<span class="user-permission{% if "Edit" in value %} green{% endif %}">{{ value }}</span>
|
<div class="col col--grow user-permission{% if "Edit" in value %} green{% endif %}">{{ value }}</div>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
<toggler inline-template>
|
<toggler inline-template>
|
||||||
<li class="accordion-table__item">
|
<li class="accordion-table__item">
|
||||||
<div class="accordion-table__item-content">
|
<div class="accordion-table__item-content row">
|
||||||
<span>
|
<div class="col col--grow">{{ user.full_name }}</div>
|
||||||
{{ name }}
|
|
||||||
<span>{{ user.full_name }}</span>
|
|
||||||
{{ PermissionField(user_permissions["delete_access"]) }}
|
{{ PermissionField(user_permissions["delete_access"]) }}
|
||||||
{{ PermissionField(user_permissions["environment_management"]) }}
|
{{ PermissionField(user_permissions["environment_management"]) }}
|
||||||
{{ PermissionField(user_permissions["team_management"]) }}
|
{{ PermissionField(user_permissions["team_management"]) }}
|
||||||
</span>
|
<div class="col col--grow icon-link icon-link--large accordion-table__item__toggler">
|
||||||
<span class="icon-link icon-link--large accordion-table__item__toggler">
|
|
||||||
{% set open_html %}
|
{% set open_html %}
|
||||||
{{ "portfolios.applications.team_settings.environments" | translate }} ({{ user_info['environments'] | length }}) {{ Icon('caret_down') }}
|
{{ "portfolios.applications.team_settings.environments" | translate }} ({{ user_info['environments'] | length }}) {{ Icon('caret_down') }}
|
||||||
{% endset %}
|
{% endset %}
|
||||||
@ -96,7 +93,7 @@
|
|||||||
section_name="environments"
|
section_name="environments"
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% call ToggleSection(section_name="environments") %}
|
{% call ToggleSection(section_name="environments") %}
|
||||||
<ul>
|
<ul>
|
||||||
|
|||||||
@ -22,6 +22,7 @@ common:
|
|||||||
cancel: Cancel
|
cancel: Cancel
|
||||||
confirm: Confirm
|
confirm: Confirm
|
||||||
continue: Continue
|
continue: Continue
|
||||||
|
delete: Delete
|
||||||
delete_confirm: 'Please type the word DELETE to confirm:'
|
delete_confirm: 'Please type the word DELETE to confirm:'
|
||||||
edit: Edit
|
edit: Edit
|
||||||
hide: Hide
|
hide: Hide
|
||||||
@ -400,6 +401,7 @@ portfolios:
|
|||||||
applications:
|
applications:
|
||||||
add_application_text: Add a new application
|
add_application_text: Add a new application
|
||||||
add_environment: Add new environment
|
add_environment: Add new environment
|
||||||
|
add_another_environment: Add another environment
|
||||||
app_settings_text: App settings
|
app_settings_text: App settings
|
||||||
create_button_text: Create
|
create_button_text: Create
|
||||||
csp_console_text: CSP console
|
csp_console_text: CSP console
|
||||||
@ -411,6 +413,7 @@ portfolios:
|
|||||||
header: Are you sure you want to delete this application?
|
header: Are you sure you want to delete this application?
|
||||||
environments:
|
environments:
|
||||||
name: Name
|
name: Name
|
||||||
|
edit_name: Edit name
|
||||||
environments_description: Each environment created within an application is logically separated from one another for easier management and security.
|
environments_description: Each environment created within an application is logically separated from one another for easier management and security.
|
||||||
environments_heading: Application environments
|
environments_heading: Application environments
|
||||||
existing_application_title: '{application_name} Application Settings'
|
existing_application_title: '{application_name} Application Settings'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user