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

Styling for edit member modal

Browse Source
This commit is contained in:
leigh-mil 2019-09-16 11:38:47 -04:00
parent 2deaea98aa
commit 303d89088b
3 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
styles/sections/_application_edit.scss
View File

@ -24,7 +24,8 @@
} }
} }
#modal--add-app-mem { #modal--add-app-mem,
.form-content--app-mem {
text-align: left; text-align: left;
input[type="checkbox"] + label::before { input[type="checkbox"] + label::before {
@ -98,11 +99,19 @@
margin-top: $gap; margin-top: $gap;
margin-left: $gap; margin-left: $gap;
} }
.form-row {
margin: 0;
}
} }
&__head { &__head {
font-weight: $font-bold; font-weight: $font-bold;
} }
hr {
margin: 0.5em;
}
} }
.form-row { .form-row {

4
templates/fragments/applications/member_perms_form_fields.html
View File

@ -1,7 +1,7 @@
{% from "components/checkbox_input.html" import CheckboxInput %} {% from "components/checkbox_input.html" import CheckboxInput %}
{% macro MemberPermsFields(app_perms_form, env_roles_form, new=False, member_role_id=None) %} {% macro MemberPermsFields(app_perms_form, env_roles_form, new=False, member_role_id=None) %}
<div class=""> <div class="form-content--app-mem">
<h4>{{ "portfolios.applications.members.form.project_perms" | translate }}</h4> <h4>{{ "portfolios.applications.members.form.project_perms" | translate }}</h4>
<div class="application-perms"> <div class="application-perms">
{% if new %} {% if new %}
@ -18,7 +18,7 @@
{{ CheckboxInput(app_perms_form.perms_env_mgmt, classes="input__inline-fields", key=env_mgmt, id=env_mgmt) }} {{ CheckboxInput(app_perms_form.perms_env_mgmt, classes="input__inline-fields", key=env_mgmt, id=env_mgmt) }}
{{ CheckboxInput(app_perms_form.perms_del_env, classes="input__inline-fields", key=del_env, id=del_env) }} {{ CheckboxInput(app_perms_form.perms_del_env, classes="input__inline-fields", key=del_env, id=del_env) }}
</div> </div>
<div class="environment-roles-new"> <div class="environment_roles environment-roles-new">
<h4>{{ "portfolios.applications.members.form.env_access" | translate }}</h4> <h4>{{ "portfolios.applications.members.form.env_access" | translate }}</h4>
<hr> <hr>
{% for environment_data in env_roles_form %} {% for environment_data in env_roles_form %}

9
templates/portfolios/applications/settings.html
View File

@ -122,14 +122,21 @@
{% endif %} {% endif %}
{% for member in members %} {% for member in members %}
{% set modal_name = "edit_member-{}".format(loop.index) %} {% set modal_name = "edit_member-{}".format(loop.index) %}
{% call Modal(modal_name, dismissable=True) %} {% call Modal(modal_name) %}
<div class="modal__form--header">
<h1>{{ Icon('avatar') }} {{ member.user_name }}</h1>
<hr>
</div>
<form id='{{ modal_name }}' method="POST" action="{{ url_for('applications.update_member', application_id=application.id, application_role_id=member.role_id) }}"> <form id='{{ modal_name }}' method="POST" action="{{ url_for('applications.update_member', application_id=application.id, application_role_id=member.role_id) }}">
{{ member.form.csrf_token }} {{ member.form.csrf_token }}
{{ MemberPermsFields(app_perms_form=member.form, env_roles_form=member.form.environment_roles, member_role_id=member.role_id) }} {{ MemberPermsFields(app_perms_form=member.form, env_roles_form=member.form.environment_roles, member_role_id=member.role_id) }}
<div class="action-group">
<input <input
type="submit" type="submit"
class='action-group__action usa-button' class='action-group__action usa-button'
value='Update'> value='Update'>
<a class='action-group__action usa-button usa-button-secondary' v-on:click="closeModal('{{ modal_name }}')">{{ "common.cancel" | translate }}</a>
</div>
</form> </form>
{% endcall %} {% endcall %}
{% endfor %} {% endfor %}