pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1117 from dod-ccpo/app-settings-styling_part-3

Browse Source 
App settings styling - delete app panel
This commit is contained in:
leigh-mil 2019-10-17 12:59:31 -04:00 committed by GitHub
commit 09f718b1d3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 21 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/components/_portfolio_layout.scss
View File

@ -272,10 +272,6 @@
padding-top: 0;
}
input#delete-application {
margin-top: $gap * 3;
}
li.accordion-table__item__expanded {
height: auto;
}

6
styles/elements/_buttons.scss
View File

@ -22,12 +22,12 @@ button,
.button-danger-outline,
input[type="button"].button-danger-outline {
color: $color-red;
background-color: $color-red-lightest;
box-shadow: inset 0 0 0 1px $color-red;
background-color: $color-white;
box-shadow: inset 0 0 0 2px $color-red;
&:hover {
color: white;
background-color: $color-red-darkest;
box-shadow: inset 0 0 0 1px $color-red-darkest;
box-shadow: inset 0 0 0 2px $color-red-darkest;
}
}

39
templates/applications/settings.html
View File

@ -65,8 +65,6 @@
user_can_create_environment=user_can(permissions.CREATE_ENVIRONMENT)
) }}
<hr>
{% if user_can(permissions.DELETE_APPLICATION) %}
{% set env_count = application.environments | length %}
{% if env_count == 1 %}
@ -75,27 +73,22 @@
{% set pluralized_env = "environments" %}
{% endif %}
<div class='subheading'>
<h3>
{{ "portfolios.applications.delete.subheading" | translate }}
</div>
<div class="panel">
<div class="panel__content">
<div class="form-row">
<div class="form-col form-col--two-thirds">
{{ "portfolios.applications.delete.panel_text" | translate({"name": application.name, "env_count": env_count , "pluralized_env": pluralized_env}) | safe }}
</div>
<div class="form-col form-col--third">
<div class="usa-input">
<input
id="delete-application"
type="button"
v-on:click="openModal('delete-application')"
class='usa-button button-danger-outline'
value="{{ 'portfolios.applications.delete.button' | translate }}"
>
</div>
</div>
</h3>
<div class="form-row">
<div class="form-col form-col--two-thirds">
{{ "portfolios.applications.delete.text" | translate({"application_name": application.name}) | safe }}
</div>
<div class="form-col form-col--third">
<div class="usa-input">
<input
id="delete-application"
type="button"
v-on:click="openModal('delete-application')"
class='usa-button--outline button-danger-outline'
value="{{ 'portfolios.applications.delete.button' | translate }}"
>
</div>
</div>
</div>
@ -122,6 +115,8 @@
{% endcall %}
{% endif %}
<hr>
{% if user_can(permissions.VIEW_APPLICATION_ACTIVITY_LOG) %}
{% include "fragments/audit_events_log.html" %}
{{ Pagination(audit_events, url=url_for('applications.settings', application_id=application.id)) }}

2
translations.yaml
View File

@ -361,7 +361,7 @@ portfolios:
message: You will lose access to this application and all environments will be removed from the CSP. Your reporting and activity will still be accessible.
button: Delete application
header: Are you sure you want to delete this application?
panel_text: 'Deleting {name} will delete this application along with all {env_count} {pluralized_env}. <strong>This cannot be undone.</strong>'
text: "If you delete {application_name}, all environments will be gone forever.<br>This action can not be undone."
subheading: Delete Application
enter_env_name: "Enter environment name:"
environments: