66
77{% block content %}
88< form method ="POST " id ="role_form ">
9- < div class ="d-sm-flex align-items-center justify-content-between mb-4 ">
10- < h2 > {% trans 'Roles & Permissions' %}</ h2 >
9+ {% csrf_token %}
10+ < div class ="d-sm-flex align-items-center justify-content-between my-3 ">
11+ < h1 class ="text-gray-800 m-0 "> {% trans 'Roles & Permissions' %}</ h1 >
1112< a href ="{% if object %}{{ object.get_absolute_url }}{% else %}{% url 'permafrost:roles-manage' %}{% endif %} " class ="btn btn-success btn-outline ml-auto "> {% trans 'Cancel' %}</ a >
1213< button type ="submit " class ="btn btn-success ml-1 ">
1314 {% if object %}
@@ -17,34 +18,95 @@ <h2> {% trans 'Roles & Permissions' %}</h2>
1718 {% endif %}
1819</ button >
1920</ div >
20- {% csrf_token %}
2121 < div class ="card ">
2222 < div class ="card-header py-3 d-flex flex-row align-items-center justify-content-between ">
23- < h6 class ="m-0 text-primary font-weight-bold ">
23+ < h3 class ="m-0 text-primary font-weight-bold ">
2424 {% if object %}
2525 {% trans 'Edit Permissions' %}: {{ form.initial.name }}
2626 {% else %}
2727 {% trans 'Create Role' %}
2828 {% endif %}
29- </ h6 >
29+ </ h3 >
3030 </ div >
3131 < div class ="card-body ">
3232 {{ form.non_field_errors }}
33- {% for field in form %}
34- < div class ="fieldWrapper form-group " aria-required ={% if field.field.required %} "true"{% else %}"false"{% endif %}>
35- {{ field.label_tag }}{% if field.field.required %}< span class ="required "> *</ span > {% endif %}
33+ < div class ="form-row ">
34+ < div class ="form-group col-12 col-md-4 ">
35+ < label for ="{{ form.name.id_for_label }} ">
36+ {{ form.name.label }}
37+ </ label >
38+ {% if form.name.required %}< span class ="required "> *</ span > {% endif %}
39+ < input
40+ name ="{{ form.name.name }} "
41+ type ="text "
42+ id ="{{form.name.id_for_label}} "
43+ class ="form-control{% if form.name.errors %} is-invalid{% endif %} "
44+ placeholder ="{{ form.name.help_text }} " value ="{{form.instance.name}} " >
3645
37- {{ field }}
46+ {% if form.name.errors %}
47+ < div class ="invalid-feedback ">
48+ {% for error in form.name.errors %}
49+ {{ error }}
50+ {% endfor %}
51+ </ div >
52+ {% endif %}
53+
54+ </ div >
55+ </ div >
56+ < div class ="form-row ">
57+ < div class ="form-group col ">
58+ < label for ="{{ form.description.id_for_label }} ">
59+ {{ form.description.label }}
60+ </ label >
61+ {% if form.description.required %}< span class ="required "> *</ span > {% endif %}
62+ < input
63+ name ="{{ form.description.name }} "
64+ type ="text " id ="{{ form.description.id_for_label }} "
65+ class ="form-control{% if form.name.errors %} is-invalid{% endif %} "
66+ placeholder ="{{ form.description.help_text }} "
67+ {% if form.instance.description %}
68+ value ="{{form.instance.description}} "
69+ {% else %}
70+ value =""
71+ {% endif %} >
72+
73+ {% if form.description.errors %}
74+ < div class ="invalid-feedback ">
75+ {% for error in form.description.errors %}
76+ {{ error }}
77+ {% endfor %}
78+ </ div >
79+ {% endif %}
80+ </ div >
81+ </ div >
82+ < div class ="form-row ">
83+ < div class ="form-group col-12 col-md-4 ">
84+ < label for ="{{ form.description.id_for_label }} ">
85+ {{ form.description.label }}
86+ </ label >
87+ {% if form.description.required %}< span class ="required "> *</ span > {% endif %}
3888
39- {% if field.help_text %}
40- < p class ="help "> {{ field.help_text|safe }}</ p >
89+ {{ form.category }}
90+
91+ {% if form.description.errors %}
92+ < div class ="invalid-feedback ">
93+ {% for error in form.description.errors %}
94+ {{ error }}
95+ {% endfor %}
96+ </ div >
4197 {% endif %}
98+ </ div >
99+ </ div >
100+ <!-- {% for field in form %}
101+ <div class="fieldWrapper form-group" aria-required={% if field.field.required %}"true"{% else %}"false"{% endif %}>
102+ {{ field.label_tag }}{% if field.field.required %}<span class="required">*</span>{% endif %}
103+ {{ field }}
42104 {{ field.errors }}
43105 </div>
44- {% endfor %}
45- </ div >
46- < div class ="card-footer ">
106+ {% endfor %} -->
107+
47108 </ div >
109+
48110 </ div >
49111</ form >
50112{% endblock %}
0 commit comments