2 +--------------------------------------------------------------------+
3 | Copyright CiviCRM LLC. All rights reserved. |
5 | This work is published under the GNU AGPLv3 license with some |
6 | permitted exceptions and without any warranty. For full license |
7 | and copyright information, see https://civicrm.org/licensing |
8 +--------------------------------------------------------------------+
10 {* CiviCase - view case screen*}
12 <div class="crm-block crm-form-block crm-case-caseview-form-block">
14 {* here we are showing related cases w/ jquery dialog *}
15 {if $showRelatedCases}
16 {include file="CRM/Case/Form/ViewRelatedCases.tpl"}
20 <h3>{ts}Summary{/ts}</h3>
21 <table class="report crm-entity case-summary" data-entity="case" data-id="{$caseID}" data-cid="{$contactID}">
23 <tr class="crm-case-caseview-client">
24 <td colspan="5" class="label">
26 {foreach from=$caseRoles.client item=client name=clients}
27 <a href="{crmURL p='civicrm/contact/view' q="action=view&reset=1&cid=`$client.contact_id`"}" title="{ts}View contact record{/ts}">{$client.display_name}</a>{if not $smarty.foreach.clients.last}, {/if}
29 <a href="#addClientDialog" class="crm-hover-button case-miniform" title="{ts}Add Client{/ts}" data-key="{crmKey name='civicrm/case/ajax/addclient'}">
30 <i class="crm-i fa-user-plus" aria-hidden="true"></i>
32 <div id="addClientDialog" class="hiddenElement">
33 <input name="add_client_id" placeholder="{ts}- select contact -{/ts}" class="huge" data-api-params='{ldelim}"params": {ldelim}"contact_type": "{$contactType}"{rdelim}{rdelim}' />
36 <div class="crm-block relatedCases-link"><a class="crm-hover-button crm-popup medium-popup" href="{$relatedCaseUrl}">{$relatedCaseLabel}</a></div>
44 <table class="form-layout-compressed">
45 {foreach from=$caseRoles.client item=client}
46 <tr class="crm-case-caseview-display_name">
47 <td class="label-left bold" style="padding: 0px; border: none;">
48 <a href="{crmURL p='civicrm/contact/view' q="action=view&reset=1&cid=`$client.contact_id`"}" title="{ts}View contact record{/ts}">{$client.display_name}</a>{if $client.email}{crmAPI var='email_type_id' entity='OptionValue' action='getsingle' return="value" name="Email" option_group_id="activity_type"}<span class="crm-case-caseview-email"><a class="crm-hover-button crm-popup" href="{crmURL p='civicrm/activity/email/add' q="reset=1&action=add&atype=`$email_type_id.value`&cid=`$client.contact_id`&caseid=`$caseId`"}" title="{ts 1=$client.email|escape}Email: %1{/ts}"><i class="crm-i fa-envelope" aria-hidden="true"></i></a></span>{/if}
52 <tr class="crm-case-caseview-phone">
53 <td class="label-left description" style="padding: 1px">{$client.phone}</td>
56 {if $client.birth_date}
57 <tr class="crm-case-caseview-birth_date">
58 <td class="label-left description" style="padding: 1px">{ts}DOB{/ts}: {$client.birth_date|crmDate}</td>
64 <div class="crm-block relatedCases-link"><a class="crm-hover-button crm-popup medium-popup" href="{$relatedCaseUrl}">{$relatedCaseLabel}</a></div>
68 <td class="crm-case-caseview-case_subject label">
69 <span class="crm-case-summary-label">{ts}Subject{/ts}:</span> <span class="crm-editable" data-field="subject">{$caseDetails.case_subject}</span>
71 <td class="crm-case-caseview-case_type label">
72 <span class="crm-case-summary-label">{ts}Type{/ts}:</span> {$caseDetails.case_type} <a class="crm-hover-button crm-popup" href="{crmURL p='civicrm/case/activity' q="action=add&reset=1&cid=`$contactId`&caseid=`$caseId`&selectedChild=activity&atype=`$changeCaseTypeId`"}" title="{ts}Change case type (creates activity record){/ts}"><i class="crm-i fa-pencil" aria-hidden="true"></i></a>
74 <td class="crm-case-caseview-case_status label">
75 <span class="crm-case-summary-label">{ts}Status{/ts}:</span> {$caseDetails.case_status} <a class="crm-hover-button crm-popup" href="{crmURL p='civicrm/case/activity' q="action=add&reset=1&cid=`$contactId`&caseid=`$caseId`&selectedChild=activity&atype=`$changeCaseStatusId`"}" title="{ts}Change case status (creates activity record){/ts}"><i class="crm-i fa-pencil" aria-hidden="true"></i></a>
77 <td class="crm-case-caseview-case_start_date label">
78 <span class="crm-case-summary-label">{ts}Open Date{/ts}:</span> {$caseDetails.case_start_date|crmDate} <a class="crm-hover-button crm-popup" href="{crmURL p='civicrm/case/activity' q="action=add&reset=1&cid=`$contactId`&caseid=`$caseId`&selectedChild=activity&atype=`$changeCaseStartDateId`"}" title="{ts}Change case start date (creates activity record){/ts}"><i class="crm-i fa-pencil" aria-hidden="true"></i></a>
80 <td class="crm-case-caseview-{$caseID} label">
81 <span class="crm-case-summary-label">{ts}ID{/ts}:</span> {$caseID}
86 <div id="caseSummary" class="crm-clearfix">
87 {foreach from=$hookCaseSummary item=val key=div_id}
88 <div id="{$div_id}"><label>{$val.label}</label><div class="value">{$val.value}</div></div>
93 <div class="case-control-panel">
96 {$form.add_activity_type_id.html}
97 {if $hasAccessToAllCases}
98 {$form.timeline_id.html}{*This CaseView_next button is hidden, but gets clicked by the onChange handler for timeline_id in CaseView.js*}{$form._qf_CaseView_next.html}
99 {$form.report_id.html}
105 {if $hasAccessToAllCases}
106 <a class="crm-hover-button action-item no-popup" href="{crmURL p='civicrm/case/report/print' q="all=1&redact=0&cid=$contactID&caseID=$caseId&asn="}"><i class="crm-i fa-print" aria-hidden="true"></i> {ts}Print Report{/ts}</a>
109 {if !empty($exportDoc)}
110 <a class="crm-hover-button action-item" href="{$exportDoc}"><i class="crm-i fa-file-pdf-o" aria-hidden="true"></i> {ts}Export Document{/ts}</a>
114 <a href="#mergeCasesDialog" class="action-item no-popup crm-hover-button case-miniform"><i class="crm-i fa-compress" aria-hidden="true"></i> {ts}Merge Case{/ts}</a>
115 {*This CaseView_next_merge_case button is hidden, but gets clicked by javascript in CaseView.js when the mergeCasesDialog popup is saved.*}{$form._qf_CaseView_next_merge_case.html}
116 <span id="mergeCasesDialog" class="hiddenElement">
117 {$form.merge_case_id.html}
121 {if call_user_func(array('CRM_Core_Permission','giveMeAllACLs'))}
122 <a class="action-item crm-hover-button medium-popup" href="{crmURL p='civicrm/contact/view/case/editClient' h=1 q="reset=1&action=update&id=$caseID&cid=$contactID"}"><i class="crm-i fa-user" aria-hidden="true"></i> {ts}Assign to Another Client{/ts}</a>
128 <div class="clear"></div>
129 {include file="CRM/Case/Page/CustomDataView.tpl"}
131 <div class="crm-accordion-wrapper collapsed crm-case-roles-block">
132 <div class="crm-accordion-header">
134 </div><!-- /.crm-accordion-header -->
135 <div class="crm-accordion-body">
137 {if $hasAccessToAllCases}
138 <div class="crm-submit-buttons">
139 <a class="button case-miniform" href="#addCaseRoleDialog" data-key="{crmKey name='civicrm/ajax/relation'}" rel="#caseRoles-selector-{$caseID}"><i class="crm-i fa-plus-circle" aria-hidden="true"></i> {ts}Add new role{/ts}</a>
141 <div id="addCaseRoleDialog" class="hiddenElement">
142 <div>{$form.role_type.label}</div>
143 <div>{$form.role_type.html}</div><br />
144 <div><label for="add_role_contact_id">{ts}Assign To{/ts}:</label></div>
145 <div><input name="add_role_contact_id" placeholder="{ts}- first select relationship type -{/ts}" class="huge" /></div>
149 <div id="editCaseRoleDialog" class="hiddenElement">
150 <div><label for="edit_role_contact_id">{ts}Change To{/ts}:</label></div>
151 <div><input name="edit_role_contact_id" placeholder="{ts}- select contact -{/ts}" class="huge" /></div>
154 <table id="caseRoles-selector-{$caseID}" class="report-layout crm-ajax-table" data-page-length="10">
157 <th data-data="relation">{ts}Case Role{/ts}</th>
158 <th data-data="name">{ts}Name{/ts}</th>
159 <th data-data="phone">{ts}Phone{/ts}</th>
160 <th data-data="email">{ts}Email{/ts}</th>
161 {if $relId neq 'client' and $hasAccessToAllCases}
162 <th data-data="actions" data-orderable="false">{ts}Actions{/ts}</th>
168 <script type="text/javascript">
170 var caseId = {/literal}{$caseID}{literal};
171 CRM.$('table#caseRoles-selector-' + caseId).data({
173 "url": {/literal}'{crmURL p="civicrm/ajax/caseroles" h=0 q="snippet=4&caseID=$caseId&cid=$contactID&userID=$userID"}'{literal}
180 <div id="deleteCaseRoleDialog" class="hiddenElement">
181 {ts}Are you sure you want to end this relationship?{/ts}
184 </div><!-- /.crm-accordion-body -->
185 </div><!-- /.crm-accordion-wrapper -->
187 {if $hasAccessToAllCases}
188 <div class="crm-accordion-wrapper collapsed crm-case-other-relationships-block">
189 <div class="crm-accordion-header">
190 {ts}Other Relationships{/ts}
191 </div><!-- /.crm-accordion-header -->
192 <div class="crm-accordion-body">
193 <div class="crm-submit-buttons">
194 {crmButton p='civicrm/contact/view/rel' q="action=add&reset=1&cid=`$contactId`&caseID=`$caseID`" icon="plus-circle"}{ts}Add client relationship{/ts}{/crmButton}
196 <table id="clientRelationships-selector-{$caseID}" class="report-layout crm-ajax-table" data-page-length="10">
199 <th data-data="relation">{ts}Client Relationship{/ts}</th>
200 <th data-data="name">{ts}Name{/ts}</th>
201 <th data-data="phone">{ts}Phone{/ts}</th>
202 <th data-data="email">{ts}Email{/ts}</th>
207 <script type="text/javascript">
209 var caseId = {/literal}{$caseID}{literal};
210 CRM.$('table#clientRelationships-selector-' + caseId).data({
212 "url": {/literal}'{crmURL p="civicrm/ajax/clientrelationships" h=0 q="snippet=4&caseID=$caseId&cid=$contactID&userID=$userID"}'{literal}
219 {if !empty($globalGroupInfo.id)}
220 <div class="crm-submit-buttons">
221 <a class="button case-miniform" href="#addMembersToGroupDialog" rel="#globalRelationships-selector-{$caseId}" data-group_id="{$globalGroupInfo.id}">
222 <i class="crm-i fa-plus-circle" aria-hidden="true"></i> {ts 1=$globalGroupInfo.title}Add members to %1{/ts}
225 <div id="addMembersToGroupDialog" class="hiddenElement">
226 <input name="add_member_to_group_contact_id" placeholder="{ts}- select contacts -{/ts}" class="huge" />
228 <table id="globalRelationships-selector-{$caseId}" class="report-layout crm-ajax-table" data-page-length="10">
231 <th data-data="sort_name">{$globalGroupInfo.title}</th>
232 <th data-data="phone">{ts}Phone{/ts}</th>
233 <th data-data="email">{ts}Email{/ts}</th>
238 <script type="text/javascript">
240 var caseId = {/literal}{$caseID}{literal};
241 CRM.$('table#globalRelationships-selector-' + caseId).data({
243 "url": {/literal}'{crmURL p="civicrm/ajax/globalrelationships" h=0 q="snippet=4&caseID=$caseId&cid=$contactID&userID=$userID"}'{literal}
251 </div><!-- /.crm-accordion-body -->
252 </div><!-- /.crm-accordion-wrapper -->
254 {/if} {* other relationship section ends *}
255 {include file="CRM/Case/Form/ActivityToCase.tpl"}
257 {* pane to display / edit regular tags or tagsets for cases *}
259 <div id="casetags" class="crm-accordion-wrapper crm-case-tags-block">
260 <div class="crm-accordion-header">
262 </div><!-- /.crm-accordion-header -->
263 <div class="crm-accordion-body">
265 <p class="crm-block crm-content-block crm-case-caseview-display-tags">
267 {foreach from=$tags item='tag'}
268 <span class="crm-tag-item" {if !empty($tag.color)}style="background-color: {$tag.color}; color: {$tag.color|colorContrast};"{/if}>
275 {foreach from=$tagSetTags item=displayTagset}
276 <p class="crm-block crm-content-block crm-case-caseview-display-tagset">
277 <strong>{$displayTagset.name}:</strong>
278 {', '|implode:$displayTagset.items}
282 {if !$tags && !$tagSetTags }
284 {ts}There are no tags currently assigned to this case.{/ts}
288 <div class="crm-submit-buttons">
289 <a class="button case-miniform" href="#manageTagsDialog" data-key="{crmKey name='civicrm/case/ajax/processtags'}">
290 {if $tags || $tagSetTags}{ts}Edit Tags{/ts}{else}{ts}Add Tags{/ts}{/if}
294 </div><!-- /.crm-accordion-body -->
295 </div><!-- /.crm-accordion-wrapper -->
297 <div id="manageTagsDialog" class="hiddenElement">
298 <div class="label">{$form.case_tag.label}</div>
299 <div class="view-value"><div class="crm-select-container">{$form.case_tag.html}</div>
301 <div style="text-align:left;">{include file="CRM/common/Tagset.tpl" tagsetType='case'}</div>
303 <div class="clear"></div>
307 {/if} {* end of tag block*}
309 {include file="CRM/Case/Form/ActivityTab.tpl"}
311 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
312 {/if} {* view related cases if end *}
315 <style type="text/css">
316 .crm-case-caseview-case_subject span.crm-editable {
320 .crm-case-caseview-case_subject span.crm-editable:before {
322 font-family: 'FontAwesome';
330 .crm-case-caseview-case_subject span.crm-editable-editing {
333 .crm-case-caseview-case_subject span.crm-editable-editing form > input {
337 .crm-case-caseview-case_subject span.crm-editable-editing:before {