WIP: Implement profile editing
This commit is contained in:
Björn Fromme
@@ -3,8 +3,8 @@
|
||||
{{ stimulus_controller('ajax-modal') }}
|
||||
>
|
||||
<div class="absolute inset-0 w-full h-full bg-black/80" {{ stimulus_action('ajax-modal', 'hide', 'click') }}></div>
|
||||
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 shadow w-full max-w-xl">
|
||||
<div class="bg-white p-8">
|
||||
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-4 w-full max-w-xl">
|
||||
<div class="bg-white p-8 rounded-md">
|
||||
<div class="flex justify-between pb-4">
|
||||
<div class="text-2xl font-bold" {{ stimulus_target('ajax-modal', 'title') }}></div>
|
||||
<button type="button"
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
{{ stimulus_controller('confirmation-modal') }}
|
||||
>
|
||||
<div class="absolute top-0 left-0 inset-0 bg-black/80" {{ stimulus_action('confirmation-modal', 'hide', 'click') }}></div>
|
||||
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white p-8 shadow w-full max-w-3xl rounded">
|
||||
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white p-8 w-full max-w-3xl rounded-md">
|
||||
<div class="flex justify-between border-b border-gray-200 pb-2 mb-4">
|
||||
<div class="flex items-center space-x-2">
|
||||
{{ icon('alert', 'w-8 h-8') }}
|
||||
@@ -16,10 +16,10 @@
|
||||
<form method="post" {{ stimulus_target('confirmation-modal', 'form') }}>
|
||||
<div {{ stimulus_target('confirmation-modal', 'content') }}></div>
|
||||
<div class="mt-6 flex items-center justify-between">
|
||||
<button type="submit" class="btn">
|
||||
<button type="submit" class="btn bg-red-500">
|
||||
Ja
|
||||
</button>
|
||||
<button type="button" class="btn btn--secondary" {{ stimulus_action('confirmation-modal', 'hide') }}>
|
||||
<button type="button" class="btn" {{ stimulus_action('confirmation-modal', 'hide') }}>
|
||||
Abbrechen
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -67,6 +67,19 @@
|
||||
{%- endif -%}
|
||||
{%- endblock textarea_widget -%}
|
||||
|
||||
{%- block checkbox_widget -%}
|
||||
{%- set attr = attr|merge({'class': (attr.class|default('') ~ ' h-4 w-4 rounded border-gray-300 text-primary')|trim }) -%}
|
||||
{%- if errors|length -%}
|
||||
{%- set attr = attr|merge({'class': attr.class|default('') ~ ' ring-red-500 focus:ring-red-500' }) -%}
|
||||
{% else %}
|
||||
{%- set attr = attr|merge({'class': attr.class|default('') ~ ' focus:ring-primary' }) -%}
|
||||
{%- endif -%}
|
||||
{%- if attr.disabled is defined and attr.disabled == true -%}
|
||||
{%- set attr = attr|merge({'class': attr.class|default('') ~ ' cursor-not-allowed' }) -%}
|
||||
{%- endif -%}
|
||||
<input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
|
||||
{%- endblock checkbox_widget -%}
|
||||
|
||||
{%- block choice_widget_collapsed -%}
|
||||
{%- set attr = attr|merge({'class': (attr.class|default('') ~ ' block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6')|trim }) -%}
|
||||
{%- if errors|length -%}
|
||||
@@ -99,7 +112,7 @@
|
||||
</label>
|
||||
</div>
|
||||
<div class="ml-3 flex h-6 items-center">
|
||||
<input id="{{ child.vars.id }}" name="{{ child.vars.full_name }}" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary">
|
||||
{{- form_widget(child) -}}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor -%}
|
||||
|
||||
@@ -75,7 +75,6 @@
|
||||
Persönliche Daten
|
||||
</h2>
|
||||
<div class="flex flex-col space-y-4">
|
||||
{{ form_row(form.status) }}
|
||||
{{ form_row(form.salutation) }}
|
||||
{{ form_row(form.academicTitle) }}
|
||||
{{ form_row(form.firstName) }}
|
||||
@@ -127,7 +126,6 @@
|
||||
{{ form_row(form.healthInsuranceCompany) }}
|
||||
{{ form_row(form.language) }}
|
||||
{{ form_row(form.size) }}
|
||||
{{ form_row(form.remarks) }}
|
||||
</div>
|
||||
|
||||
<div {{ stimulus_controller('form-collection', { 'prototype': _self.collectionRow(form.pickups.vars.prototype)|json_encode }) }}>
|
||||
|
||||
@@ -4,32 +4,86 @@
|
||||
|
||||
{% block content %}
|
||||
<h2 class="text-xl font-bold pb-2">
|
||||
Lizenzen
|
||||
Ausbildung
|
||||
</h2>
|
||||
<div class="flex flex-col space-x-4 pb-8">
|
||||
{% for license in teamer.licenses %}
|
||||
<div class="flex items-center space-x-2">
|
||||
{{ icon(license.type, 'w-5 h-5') }}
|
||||
<span>{{ license.date|date('m.Y') }}</span>
|
||||
{% if is_granted('DOWNLOAD', license.certificate) %}
|
||||
<a href="{{ path('app_common_download', { 'uuid': license.certificate.uuid }) }}" target="_blank">
|
||||
{{ icon('download', 'w-4 h-4') }}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<ul class="list-disc pl-4 pb-8">
|
||||
{% for attendance in teamer.trainingAttendances %}
|
||||
<li>
|
||||
{{ attendance.training.name }} {{ attendance.date|date('m/Y') }}
|
||||
</li>
|
||||
{% else %}
|
||||
<div class="text-sm pb-8">
|
||||
Du hast bisher keine Lizenzen hinterlegt
|
||||
</div>
|
||||
<li class="text-sm">
|
||||
Du hast bisher an keinen Fortbildungen teilgenommen
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div class="pb-8">
|
||||
<h2 class="text-xl font-bold pb-2">
|
||||
Lizenzen
|
||||
</h2>
|
||||
<ul class="list-disc pl-4 pb-8">
|
||||
{% for license in teamer.licenses %}
|
||||
<li>
|
||||
<div class="flex items-center space-x-4">
|
||||
{{ icon(license.type, 'w-5 h-5') }}
|
||||
<span>{{ license.date|date('m/Y') }}</span>
|
||||
{% if is_granted('DOWNLOAD', license.certificate) %}
|
||||
<a href="{{ path('app_common_download', { 'uuid': license.certificate.uuid }) }}" target="_blank">
|
||||
{{ icon('download', 'w-4 h-4') }}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if is_granted('DELETE', license) %}
|
||||
<button type="button"
|
||||
class="text-red-500"
|
||||
{{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
|
||||
{{ stimulus_action('modal-button', 'confirmation', null, {
|
||||
'title': 'Bist du sicher?',
|
||||
'content': 'Möchtest du die Lizenz wirklich löschen?',
|
||||
'target-url': path('app_teamer_profile_license_delete', { 'uuid': license.uuid })
|
||||
}) }}>
|
||||
{{ icon('delete') }}
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</li>
|
||||
{% else %}
|
||||
<div class="text-sm">
|
||||
Du hast bisher keine Lizenzen hinterlegt
|
||||
</div>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<button type="button"
|
||||
class="btn"
|
||||
{{ stimulus_controller('modal-button', [], [], {'ajax-modal': '#ajax-modal'}) }}
|
||||
{{ stimulus_action('modal-button', 'ajax', null, {
|
||||
'title': 'Lizenz hinzufügen',
|
||||
'url': path('app_teamer_profile_license_add')
|
||||
}) }}>
|
||||
Lizenz hinzufügen
|
||||
</button>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="btn"
|
||||
{{ stimulus_controller('modal-button', [], [], {'ajax-modal': '#ajax-modal'}) }}
|
||||
{{ stimulus_action('modal-button', 'ajax', null, {
|
||||
'title': 'Lizenz hinzufügen',
|
||||
'url': path('app_teamer_profile_license_add')
|
||||
}) }}>
|
||||
Lizenz hinzufügen
|
||||
|
||||
{{ form_start(form) }}
|
||||
|
||||
<h2 class="text-xl font-bold pb-2">
|
||||
Mögliche Jobprofile
|
||||
</h2>
|
||||
<div class="pb-8">
|
||||
{{ form_row(form.jobProfiles) }}
|
||||
</div>
|
||||
|
||||
<h2 class="text-xl font-bold pb-2">
|
||||
Sonstiges
|
||||
</h2>
|
||||
<div class="flex flex-col space-y-4 pb-8">
|
||||
{{ form_row(form.status) }}
|
||||
{{ form_row(form.remarks) }}
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn">
|
||||
Aktualisieren
|
||||
</button>
|
||||
{{ form_rest(form) }}
|
||||
{{ form_end(form) }}
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user