|
1 | 1 | {% extends "application_projects/project_approval_detail.html" %} |
2 | | -{% load i18n static approval_tools project_tags apply_tags %} |
| 2 | +{% load i18n static approval_tools project_tags apply_tags heroicons %} |
3 | 3 |
|
4 | 4 | {% block hero %} |
5 | 5 | <c-hero> |
6 | 6 | <c-hero.header |
7 | 7 | back_link="{{ object.get_absolute_url }}" |
8 | 8 | back_link_text="{% trans 'View project' %} #{{ project.application_id }}" |
9 | | - title="{{ object.title }}" |
10 | | - subtitle="<div class='mt-1 text-sm heading heading--meta'><span>{{ object.submission.page }}</span><span>{{ object.submission.round }}</span><span>{% trans 'Lead' %}: {{ object.lead }}</span></div>" |
| 9 | + title="{% trans 'Scope of work' %}: {{ object.title|truncatechars_middle:45 }}" |
| 10 | + subtitle="<div class='text-sm'>{% trans 'Lead' %}: {{ object.lead }}</span></div>" |
11 | 11 | /> |
12 | 12 | </c-hero> |
13 | 13 | {% endblock %} |
14 | 14 |
|
15 | 15 | {% block content %} |
16 | 16 | <div class="my-4"> |
17 | | - <div class="wrapper wrapper--sidebar"> |
18 | | - <article class="grow"> |
| 17 | + <div class="layout layout-sidebar-end layout-flowrow-until-md layout-sidebar-flowrow-start"> |
| 18 | + <article class="layout-main"> |
19 | 19 | <h2 class="section-header">{% trans "Scope of Work" %}</h2> |
20 | | - <div class="p-4 mb-4 card card-border rounded-box bg-base-200"> |
| 20 | + |
| 21 | + <div class="p-4 mb-4 card card-border"> |
21 | 22 | {% if object.sow.output_answers %} |
22 | | - <div class="rich-text"> |
| 23 | + <div class="flex flex-col gap-8 rich-text"> |
23 | 24 | {{ object.sow.output_answers }} |
24 | 25 | </div> |
25 | 26 | {% endif %} |
26 | 27 | </div> |
27 | 28 | </article> |
| 29 | + |
28 | 30 | {% user_can_take_actions object user as can_take_actions %} |
29 | 31 | {% if can_take_actions %} |
30 | | - <aside class="sidebar sidebar__project"> |
31 | | - <div class="sidebar__inner sidebar__inner--light-blue sidebar__inner--actions"> |
32 | | - <h5>{% trans "Actions to take" %}</h5> |
33 | | - {% user_can_edit_pfs object user as can_edit_pfs %} |
34 | | - {% if can_edit_pfs %} |
35 | | - <a |
36 | | - class="btn btn-primary btn-block {% if user_can_approve %}btn-disabled{% endif %}" |
37 | | - href="{% url 'apply:projects:edit_sow' pk=object.submission.pk %}" |
38 | | - > |
39 | | - {% trans "Edit" %} |
40 | | - </a> |
41 | | - {% endif %} |
42 | | - <div x-data="{ show: false }" class="relative"> |
43 | | - <button |
44 | | - x-on:click="show = ! show" |
45 | | - class="btn btn-primary btn-block" |
46 | | - type="button" |
47 | | - > |
48 | | - {% trans 'Download SOW' %} |
49 | | - </button> |
50 | | - <div x-show="show" x-transition class="dropdown__content"> |
51 | | - <a href="{% url 'apply:projects:download-sow' pk=object.submission.id export_type='pdf' %}" |
| 32 | + <aside class="layout-sidebar"> |
| 33 | + <div class="card card-border"> |
| 34 | + <div class="card-body"> |
| 35 | + <h2 class="card-title">{% trans "Actions to take" %}</h2> |
| 36 | + |
| 37 | + {% user_can_edit_pfs object user as can_edit_pfs %} |
| 38 | + {% if can_edit_pfs %} |
| 39 | + <a |
| 40 | + class="btn btn-primary btn-block {% if user_can_approve %}btn-disabled{% endif %}" |
| 41 | + href="{% url 'apply:projects:edit_sow' pk=object.submission.pk %}" |
52 | 42 | > |
53 | | - {% trans 'Download as PDF' %} |
54 | | - </a> |
55 | | - <a href="{% url 'apply:projects:download-sow' pk=object.submission.id export_type='docx' %}"> |
56 | | - {% trans 'Download as DOCX' %} |
| 43 | + {% heroicon_mini "pencil-square" class="opacity-80 size-4" %} |
| 44 | + {% trans "Edit" %} |
57 | 45 | </a> |
| 46 | + {% endif %} |
| 47 | + |
| 48 | + <div class="dropdown dropdown-hover"> |
| 49 | + <div tabindex="0" role="button" class="w-full btn btn-outline">{% trans 'Export' %}</div> |
| 50 | + <ul tabindex="0" class="p-2 w-52 shadow-sm dropdown-content menu bg-base-100 rounded-box z-1"> |
| 51 | + <li> |
| 52 | + <a href="{% url 'apply:projects:download-sow' pk=object.submission.id export_type='pdf' %}"> |
| 53 | + {% trans 'Download as PDF' %}</a> |
| 54 | + </li> |
| 55 | + <li> |
| 56 | + <a href="{% url 'apply:projects:download-sow' pk=object.submission.id export_type='docx' %}"> |
| 57 | + {% trans 'Download as DOCX' %}</a> |
| 58 | + </li> |
| 59 | + </ul> |
58 | 60 | </div> |
59 | 61 | </div> |
60 | 62 | </div> |
|
0 commit comments