view_demand.html
1 <script>
2 $(".content-header").hide();
3 </script>
4 <#include "action_bar.html" />
5 <#include "demands_utils.html" />
6 <@actionMenu panels=panels customer=customer />
7 <div class="gru-wrapper">
8 <div id="customer-panel" class="row bg-gru-dark">
9 <#if customer.id??>
10 <div class="col-xs-2 col-sm-offset-1 col-sm-2">
11 <h2>
12 <a href="jsp/admin/plugins/gru/ManageCustomers.jsp?view=viewCustomerDemands&id_customer=${customer.id}" class="btn btn-border">
13 <i class="fa fa-arrow-left"></i> <span class="hidden-xs"> #i18n{gru.macro.customer.details} </span>
14 </a>
15 </h2>
16 </div>
17 <div class="col-xs-10 col-sm-offset-1 col-sm-8">
18 <@customerDetails customer=customer />
19 </div>
20 </#if>
21 </div>
22 <div id="demand-panel-detail" class="row">
23 <div class="col-xs-12 col-sm-3 col-sm-push-9" id="header-right">
24 <p>#i18n{gru.view_customer_demand.demand.panel.list.reference} : <strong class="text-gru">${demand.reference!'Reference missing'} </strong>
25 <#switch demand.statusId>
26 <#case 0>
27 <#if creation_date_as_date >
28 <p>#i18n{gru.view_customer_demand.demand.panel.list.create} : <strong class="text-gru">${demand.creationDate?number_to_datetime?string["dd/MM/yyyy HH:mm"]}</strong></p>
29 <#else>
30 <p>#i18n{gru.view_customer_demand.demand.panel.list.open.since} : <strong class="text-gru">${displayTimeOpenedTicket(demand)}</strong></p>
31 </#if>
32 <#break>
33 <#case 1>
34 <p>#i18n{gru.view_customer_demand.demand.panel.deal.in} : <strong class="text-gru">${displayTimeOpenedTicket(demand)}</strong></p>
35 <#break>
36 </#switch>
37 <p>#i18n{gru.view_customer_demand.demand.panel.list.status.customer} : <strong>${demand.customerStatus!''}</strong></p>
38 <p>#i18n{gru.view_customer_demand.demand.panel.list.status.agent} : <strong>${demand.agentStatus!''}</strong></p>
39 <p>#i18n{gru.view_customer_demand.demand.panel.state} :
40 <strong>
41 <#switch demand.statusId>
42 <#case 0>
43 #i18n{gru.view_customer_demand.demand.panel.in.progress}
44 <#break>
45 <#case 1>
46 #i18n{gru.view_customer_demand.demand.panel.completed}
47 <#break>
48 </#switch>
49 </strong>
50 </p>
51 <hr class="hidden-xs">
52 <#list demand.actions as action>
53 <a class="btn btn-primary btn-flat btn-lg bg-gru-light btn-block" href="${action.url}" return-url="${return_url}">
54 <i class="fa fa-pencil"></i> ${action.name}
55 </a>
56 </#list>
57 </div>
58 <div class="col-xs-12 col-sm-9 col-sm-pull-3" id="content-right">
59 <div class="panel">
60 <h2>${demand.title!'Title missing'} </h2>
61 <#list demand.notifications as notification>
62 <#if notification.backofficeNotification ?? || notification.myDashboardNotification ?? || (notification.emailNotification ?? && notification.emailNotification.recipient?has_content) || (notification.smsNotification ?? && notification.smsNotification.phoneNumber?has_content) >
63 <p>
64 <strong class="text-gru">
65 <#if notification.date?exists && notification.date gt 0 >
66 ${notification.date?number_to_datetime}
67 <#else>
68 #i18n{gru.view_customer_demand.list.notification.no.date}
69 </#if>
70 </strong>
71
72 </p>
73 <ul class="timeline">
74 <#if notification.backofficeNotification ??>
75 <li class="gru-notification collapse-notif">
76 <button class="btn btn-box-tool collapse-button"><i class="fa fa-minus"></i></button>
77 <i class="fa gru-notification-icon bg-gru-dark gru-agent collapse-button">
78 <img src="images/admin/skin/plugins/gru/nef.svg"/>
79 </i>
80
81 <div class="timeline-item">
82 <h4 class="timeline-header">
83 <em>#i18n{gru.view_customer_demand.list.notification.agent.statut.title} <span>${notification.backofficeNotification.statusText}</span></em>
84 </h4>
85 <div class="timeline-body">
86 <strong>#i18n{gru.view_customer_demand.list.notification.agent.title}</strong>
87 </div>
88 <#if notification.backofficeNotification.message?has_content>
89 <div class="timeline-footer">
90 ${notification.backofficeNotification.message}
91 </div>
92 </#if>
93 </div>
94 </li>
95 </#if>
96 <#if demand.showDetails>
97 <#if notification.myDashboardNotification ??>
98 <li class="gru-notification collapse-notif">
99 <button class="btn btn-box-tool collapse-button"><i class="fa fa-plus"></i></button>
100 <i class="fa fa-user bg-gru-dark gru-notification-icon collapse-button"></i>
101 <div class="timeline-item" style="display:none;">
102 <h4 class="timeline-header">
103 <em>
104 #i18n{gru.view_customer_demand.list.notification.user.dashboard.no.labelStatus} :
105 <#if notification.myDashboardNotification.statusText?has_content>
106 ${notification.myDashboardNotification.statusText}
107 <#else>
108 #i18n{gru.view_customer_demand.list.notification.user.dashboard.no.status}
109 </#if>
110 </em>
111 </h4>
112 <div class="timeline-body">
113 <strong>#i18n{gru.view_customer_demand.list.notification.user.dashboard.1} #i18n{gru.view_customer_demand.list.notification.user.dashboard.2} #i18n{gru.view_customer_demand.list.notification.user.dashboard.3}.</strong>
114 </div>
115 <div class="timeline-footer">
116 <#if notification.myDashboardNotification.message?has_content>
117 ${notification.myDashboardNotification.message}
118 <#else>
119 <em>#i18n{gru.view_customer_demand.list.notification.user.dashboard.no.content}</em>
120 </#if>
121 </div>
122 </div>
123 </li>
124 </#if>
125 <#if notification.emailNotification ?? && notification.emailNotification.recipient?has_content>
126 <li class="collapse-notif">
127 <button class="btn btn-box-tool collapse-button"><i class="fa fa-plus"></i></button>
128 <i class="fa fa-envelope bg-gru-dark gru-notification-icon collapse-button"></i>
129 <div class="timeline-item" style="display:none;">
130 <h4 class="timeline-header">
131 #i18n{gru.view_customer_demand.list.notification.email.sendLabel} : <span>${notification.emailNotification.recipient}</span>
132 </h4>
133 <div class="timeline-body">
134 <#if notification.emailNotification.subject?has_content>
135 <em>#i18n{gru.view_customer_demand.list.notification.email.labelSubject} : <strong>${notification.emailNotification.subject}</strong></em>
136 <#else>
137 <em>#i18n{gru.view_customer_demand.list.notification.email.no.subject}</em>
138 </#if>
139 <br/>
140 <#if notification.emailNotification.message?has_content>
141 ${notification.emailNotification.message}
142 <#else>
143 <em>#i18n{gru.view_customer_demand.list.notification.email.no.content}</em>
144 </#if>
145 </div>
146 <div class="timeline-footer"></div>
147 </div>
148 </li>
149 </#if>
150 <#if notification.smsNotification ?? && notification.smsNotification.phoneNumber?has_content>
151 <li class="collapse-notif">
152 <button class="btn btn-box-tool collapse-button"><i class="fa fa-plus"></i></button>
153 <i class="fa fa-mobile bg-gru-dark gru-notification-icon collapse-button" style="font-size: 2em;"></i>
154 <div class="timeline-item" style="display:none;">
155 <h4 class="timeline-header">
156 #i18n{gru.view_customer_demand.list.notification.sms.sendLabel} : <span>${notification.smsNotification.phoneNumber}</span>
157 </h4>
158 <div class="timeline-body">
159 <#if notification.smsNotification.message?has_content>
160 ${notification.smsNotification.message}
161 <#else>
162 <em>#i18n{gru.view_customer_demand.list.notification.sms.no.content}</em>
163 </#if>
164 </div>
165 <div class="timeline-footer"></div>
166 </div>
167 </li>
168 </#if>
169 </#if>
170 </ul>
171 </#if>
172 </#list>
173 </div>
174 </div>
175 </div>
176 </div>
177 <script src="js/plugins/gru/gru.js"></script>
178 <script src="js/plugins/gru/gru_action_bar.js"></script>