1 | <script> |
---|
2 | App.{DIALOG_NAME}activePanel = null; |
---|
3 | |
---|
4 | App.{DIALOG_NAME}editProcess = function() { |
---|
5 | App.openDialogByCls('PROCESS_EDIT', {processes.prc_id}, ({afterSubmit:'App.{DIALOG_NAME}refreshPreviewForm();'}).toJSONString()); |
---|
6 | } |
---|
7 | |
---|
8 | App.{DIALOG_NAME}refreshPreviewForm = function() { |
---|
9 | App.openDialogByCls('PROCESS', {processes.prc_id}); |
---|
10 | } |
---|
11 | |
---|
12 | App.{DIALOG_NAME}setActivePanel = function(panel) { |
---|
13 | if (App.{DIALOG_NAME}activePanel) { |
---|
14 | if (App.{DIALOG_NAME}activePanel.id != panel.id) { |
---|
15 | App.{DIALOG_NAME}activePanel.style.display = 'none'; |
---|
16 | } |
---|
17 | } |
---|
18 | App.{DIALOG_NAME}activePanel = panel; |
---|
19 | } |
---|
20 | |
---|
21 | App.{DIALOG_NAME}showMainForm = function() { |
---|
22 | var dashboard = $('{DIALOG_NAME}MainForm'); |
---|
23 | if (dashboard.style.display = 'none') { |
---|
24 | dashboard.style.display = 'block'; |
---|
25 | {processes.processInfo}; |
---|
26 | } |
---|
27 | App.{DIALOG_NAME}setActivePanel(dashboard); |
---|
28 | } |
---|
29 | |
---|
30 | App.{DIALOG_NAME}closeMainFormInfo = function() { |
---|
31 | var dashboard = $('{DIALOG_NAME}MainForm'); |
---|
32 | dashboard.style.display = 'none'; |
---|
33 | } |
---|
34 | |
---|
35 | </script> |
---|
36 | |
---|
37 | <style> |
---|
38 | .PROC-CDH { |
---|
39 | display: inline-block; |
---|
40 | height: 30px; |
---|
41 | line-height: 30px; |
---|
42 | width: 100%; |
---|
43 | } |
---|
44 | |
---|
45 | .PROC-CDH .PROC-CDHLabel { |
---|
46 | font-size: 18px; |
---|
47 | width: auto; |
---|
48 | max-width: calc(100% - 234px); |
---|
49 | display: inline-block; |
---|
50 | overflow: hidden; |
---|
51 | } |
---|
52 | |
---|
53 | .PROC-CDH .PROC-CDHLabel span { |
---|
54 | white-space: nowrap; |
---|
55 | text-overflow: ellipsis; |
---|
56 | display: block; |
---|
57 | overflow: hidden; |
---|
58 | } |
---|
59 | |
---|
60 | .Proc-MainFormInfo { |
---|
61 | white-space: normal; |
---|
62 | bottom: 0px; |
---|
63 | text-indent: 0px; |
---|
64 | height: calc(100% - 58px); |
---|
65 | border-top: 1px solid #ccc; |
---|
66 | display: none; |
---|
67 | width: 100%; |
---|
68 | position: absolute; |
---|
69 | left: 0px; |
---|
70 | background-color: white; |
---|
71 | margin-left: 0px; |
---|
72 | z-index: 20; |
---|
73 | } |
---|
74 | |
---|
75 | .Proc-MainFormInfo:after, .Proc-MainFormInfo:before { |
---|
76 | bottom: 100%; |
---|
77 | border: solid transparent; |
---|
78 | content: " "; |
---|
79 | height: 0; |
---|
80 | width: 0; |
---|
81 | position: absolute; |
---|
82 | pointer-events: none; |
---|
83 | } |
---|
84 | |
---|
85 | .Proc-MainFormInfo:after { |
---|
86 | border-color: rgba(0, 0, 0, 0); |
---|
87 | border-bottom-color: white; |
---|
88 | border-width: 10px; |
---|
89 | left: 42px; |
---|
90 | margin-left: -10px; |
---|
91 | } |
---|
92 | |
---|
93 | .Proc-MainFormInfo:before { |
---|
94 | border-color: rgba(176, 176, 176, 0); |
---|
95 | border-bottom-color: #b0b0b0; |
---|
96 | border-width: 11px; |
---|
97 | left: 42px; |
---|
98 | margin-left: -11px; |
---|
99 | } |
---|
100 | |
---|
101 | .PROC-CCP { |
---|
102 | background-image:url(./../../framework/img/skin1/close_gx.png); |
---|
103 | background-repeat: no-repeat; |
---|
104 | background-position: center; |
---|
105 | background-size: 18px; |
---|
106 | cursor: pointer; |
---|
107 | opacity: .7; |
---|
108 | position: absolute; |
---|
109 | width: 20px; |
---|
110 | height: 20px; |
---|
111 | right: 6px; |
---|
112 | top: 6px; |
---|
113 | z-index: 2; |
---|
114 | transition: all 200ms; |
---|
115 | } |
---|
116 | .PROC-CCP:hover { |
---|
117 | opacity: 1; |
---|
118 | } |
---|
119 | |
---|
120 | .proc-hl-date-i { |
---|
121 | background: url(https://ed.edokumenty.eu/apps/edokumenty/var/img/icons/calendar-3-m.png) no-repeat center left; |
---|
122 | background-size: 20px; |
---|
123 | } |
---|
124 | |
---|
125 | .proc-hl-post { |
---|
126 | padding: 18px; |
---|
127 | } |
---|
128 | |
---|
129 | .proc-hl-post .proc-hl-content { |
---|
130 | |
---|
131 | } |
---|
132 | |
---|
133 | .proc-hl-post .proc-hl-attachments-l { |
---|
134 | padding: 10px 0; |
---|
135 | } |
---|
136 | |
---|
137 | .proc-hl-post .proc-hl-attachments-f { |
---|
138 | padding: 10px 0; |
---|
139 | } |
---|
140 | |
---|
141 | .proc-hl-ticket { |
---|
142 | |
---|
143 | } |
---|
144 | |
---|
145 | .proc-hl-ticket .proc-hl-header { |
---|
146 | height: 40px; |
---|
147 | line-height: 30px; |
---|
148 | font-size: 18px; |
---|
149 | font-weight: bold; |
---|
150 | border-bottom: 1px solid #e5e5e5; |
---|
151 | } |
---|
152 | |
---|
153 | .proc-hl-ticket .proc-hl-number { |
---|
154 | display: block; |
---|
155 | overflow: hidden; |
---|
156 | text-overflow: ellipsis; |
---|
157 | white-space: nowrap; |
---|
158 | float: left; |
---|
159 | width: calc(100% - 170px); |
---|
160 | } |
---|
161 | .proc-hl-ticket .proc-hl-title { |
---|
162 | font-size: 16px; |
---|
163 | } |
---|
164 | |
---|
165 | .proc-hl-ticket .proc-hl-properties { |
---|
166 | line-height: 30px; |
---|
167 | font-size: 14px; |
---|
168 | border-bottom: 1px solid #e5e5e5; |
---|
169 | word-wrap: break-word; |
---|
170 | float: none; |
---|
171 | border: 1px solid #e5e5e5; |
---|
172 | padding: 10px; |
---|
173 | background-color: white; |
---|
174 | } |
---|
175 | |
---|
176 | .proc-hl-ticket .proc-hl-properties table tr { |
---|
177 | height: 26px; |
---|
178 | font-size: 14px; |
---|
179 | vertical-align: top; |
---|
180 | } |
---|
181 | |
---|
182 | .proc-hl-ticket .proc-hl-added-date { |
---|
183 | display: inline-block; |
---|
184 | width: 170px; |
---|
185 | text-align: center; |
---|
186 | line-height: 16px; |
---|
187 | font-weight: normal; |
---|
188 | font-size: 14px; |
---|
189 | } |
---|
190 | |
---|
191 | .resultButton { |
---|
192 | width: 80px; |
---|
193 | min-width: 50px; |
---|
194 | padding-left: 10px; |
---|
195 | padding-right: 10px; |
---|
196 | -webkit-box-shadow: 0 1px 2px rgba(38, 41, 44, 0.05); |
---|
197 | -moz-box-shadow: 0 1px 2px rgba(38, 41, 44, 0.05); |
---|
198 | box-shadow: 0 1px 2px rgba(38, 41, 44, 0.05); |
---|
199 | color: #fff; |
---|
200 | -webkit-border-radius: 1px; |
---|
201 | -moz-border-radius: 1px; |
---|
202 | border-radius: 1px; |
---|
203 | display: table-cell; |
---|
204 | text-align: center; |
---|
205 | float: left; |
---|
206 | padding: 7px 10px; |
---|
207 | cursor: pointer; |
---|
208 | font-size: 14px; |
---|
209 | font-weight: 600; |
---|
210 | line-height: 16px; |
---|
211 | margin-right: 5px; |
---|
212 | } |
---|
213 | |
---|
214 | .win { |
---|
215 | border-color: #40d47e; |
---|
216 | background: #40d47e; |
---|
217 | } |
---|
218 | |
---|
219 | .lost { |
---|
220 | background: #e74c3c; |
---|
221 | border-color: #e74c3c; |
---|
222 | } |
---|
223 | |
---|
224 | .final { |
---|
225 | -webkit-border-radius: 99px; |
---|
226 | -moz-border-radius: 99px; |
---|
227 | border-radius: 99px; |
---|
228 | cursor: inherit; |
---|
229 | } |
---|
230 | </style> |
---|
231 | |
---|
232 | <div id="{DIALOG_NAME}MainForm" class="b-s-b s1 Proc-MainFormInfo"> |
---|
233 | <div class="b-s-b gline-h gline-h-b" style="margin-top:4px; color: #666; font-size: 16px; height:30px; text-indent:10px; line-height:26px;"> |
---|
234 | <img src="../../framework/img/MessageBox/info.png" style="width:22px; height:22px; vertical-align:middle;"> |
---|
235 | <span style="padding:0px; text-indent:6px; vertical-align:middle;display: inline-block;"> |
---|
236 | Dane sprawy |
---|
237 | </span> |
---|
238 | <div class="PROC-CCP" onclick="App.{DIALOG_NAME}closeMainFormInfo()" title="Zamknij panel"></div> |
---|
239 | </div> |
---|
240 | <div id="{DIALOG_NAME}MainFormInfo" class="b-s-b sbg" style="overflow: hidden; white-space:normal; height:calc(100% - 34px); display:block; z-index:1; padding: 0 0px;"> |
---|
241 | </div> |
---|
242 | </div> |
---|
243 | |
---|
244 | <div class="proc-hl-post proc-hl-ticket b-s-b tsel" style="width: 100%; height: 100%; box-sizing: border-box; padding-top: 10px; color: #2c3e50;"> |
---|
245 | <div class="proc-hl-title proc-hl-content b-s-b"> |
---|
246 | <div class="PROC-CDH"> |
---|
247 | <i class="eic eic-briefcase-filled" style="background-color: #d50000;color: white;float: left;font-size: 25px;line-height: 30px;margin-right: 10px;width: 48px;height: 48px;text-align: center;line-height: 48px;font-size: 32px;;"></i> |
---|
248 | <div class="PROC-CDHLabel" title="{processes.symbol} - {processes.dscrpt}" onclick="App.{DIALOG_NAME}showMainForm();" title="Kliknij aby zobaczyć więcej danych klienta"> |
---|
249 | <span class="ActionLink" style="line-height: 26px; height: 26px; display: block;">{processes.dscrpt}</span> |
---|
250 | <span style="color: #666; font-size: 14px; line-height: 24px; height: 26px; display: block;">{translate(#Numer#,#procnr#)}: {processes.symbol}</span> |
---|
251 | </div> |
---|
252 | <div class="ToolBar mod-toolbar TB24" style="padding:0; margin:0; height:48px; position:relative; width:auto; display:inline-block; float:right; font-size:14px; line-height:initial;"> |
---|
253 | {if:PROCESS_BUSINESS_TYPE} |
---|
254 | {if:!strpos(processes.is_win,#f#)} |
---|
255 | <div><span class="resultButton win {if:strpos(processes.is_win,#t#)}final{end:}" onclick="{processBusinessStateForm}(true)">WYGRANA</span> |
---|
256 | </div> |
---|
257 | {end:} |
---|
258 | {if:!strpos(processes.is_win,#t#)} |
---|
259 | <div><span class="resultButton lost {if:strpos(processes.is_win,#f#)}final{end:}" onclick="{processBusinessStateForm}(false)">PRZEGRANA</span> |
---|
260 | </div> |
---|
261 | {end:} |
---|
262 | {end:} |
---|
263 | |
---|
264 | <div class="ToolBarButton" title="Kliknij aby edytować sprawę" onclick="App.{DIALOG_NAME}editProcess(); return doNil(event);"> |
---|
265 | <input type="image" src="{IMG_PATH}toolbarIcons/24x24/edit.png" onclick="return false;"> |
---|
266 | <span style="margin:0;">{translate(#Edytuj#,#proced#)}</span> |
---|
267 | </div> |
---|
268 | {if:HOME_MENU} |
---|
269 | <div class="ToolBarButton" title="Kliknij aby otworzyć menu sprawy" onclick="var pos = getPos(this); App.{HOME_MENU}.show(pos[0]-241, pos[1]-9)"> |
---|
270 | <input type="image" src="{IMG_PATH}toolbarIcons/24x24/menu.png" onclick="return false;"> |
---|
271 | <span style="margin:0;">Menu</span> |
---|
272 | </div> |
---|
273 | {end:} |
---|
274 | </div> |
---|
275 | </div> |
---|
276 | </div> |
---|
277 | <div class="proc-hl-properties b-s-b"> |
---|
278 | <table style="width: 100%; border-collapse: collapse; table-layout:fixed;"> |
---|
279 | <tr> |
---|
280 | <td style="width: 250px; vertical-align: top; text-align:center; padding:10px 30px; padding-left:10px; box-sizing: border-box;"> |
---|
281 | <div style="color: #7f7f7f; font-size: small; height: 24px; line-height: 24px;">{translate(#Status#,#procst#)}:</div> |
---|
282 | <div class="b-s-b" style="height: 48px; font-size: 16px; line-height: 48px; position: relative;" onmouseover="var o = this.getElementsByClassName('eic-pencil'); if (o.length) {o[0].style.display = 'block';}" onmouseout="var o = this.getElementsByClassName('eic-pencil'); if (o.length) {o[0].style.display = 'none';}"> |
---|
283 | {if:processes.types_of_processes_states} |
---|
284 | <div class="b-s-b" style="background-color: {processes.types_of_processes_states.colour}; font-weight: 600; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" title="{processes.types_of_processes_states.dscrpt}">{processes.types_of_processes_states.dscrpt}</div> |
---|
285 | {else:} |
---|
286 | <div class="b-s-b" style="font-style: italic;">brak</div> |
---|
287 | {end:} |
---|
288 | {if:STATUS_CHANGE_ACTION} |
---|
289 | <div class="b-s-b eic eic-pencil" style="display: none; line-height: 48px; font-size: 18px; width: 20px; position: absolute; top: 0; height: 100%; overflow: hidden; right: 0;" title="Zmień status" onclick="{STATUS_CHANGE_ACTION}"></div> |
---|
290 | {end:} |
---|
291 | </div> |
---|
292 | <div style="color: #7f7f7f; font-size: small; margin-top:10px; margin-bottom:10px; height: 24px; line-height: 24px;">{translate(#Osoba odpowiedzialna#,#procoo#)}:</div> |
---|
293 | {if:processes.responsible} |
---|
294 | <div style="width: 66px; height: 66px; margin:0 ; padding:0; padding-top: 0px; border-radius: 50%; box-shadow: 0 0 0 3px #fff,0 3px 3px rgba(0,0,0,0.5); display: inline-block; background-repeat: no-repeat; background-size: auto 66px; background-position: center; background-image: url({processes.responsible.foto__})"></div> |
---|
295 | <div style="font-size: small; line-height: 24px;">{processes.responsible.firnam} {processes.responsible.lasnam}</div> |
---|
296 | <div style="color: #7f7f7f; font-size: small; line-height: 24px; margin-top: 4px;">{if:processes.responsible.organization_units}{processes.responsible.organization_units.ndenam}{end:}</div> |
---|
297 | <div style="color: #7f7f7f; font-size: small; line-height: 24px;">{if:processes.responsible.organization_units}{processes.responsible.organization_units.parent}{end:}</div> |
---|
298 | {else:} |
---|
299 | <div style="width: 66px; height: 66px; margin:0 ; padding:0; padding-top: 0px; border-radius: 50%; box-shadow: 0 0 0 3px #fff,0 3px 3px rgba(0,0,0,0.5); display: inline-block; background-repeat: no-repeat; background-size: auto 66px; background-position: center; background-image: url({processes.foto__})"></div> |
---|
300 | <div style="font-size: small; height: 24px; line-height: 24px; font-style: italic;">brak</div> |
---|
301 | {end:} |
---|
302 | </td> |
---|
303 | <td style="padding-right:10px;"> |
---|
304 | <table style="width: 100%; border-collapse: collapse; table-layout:fixed; margin-top: 42px;"> |
---|
305 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Dodano przez#,#procdp#)}:</td><td>{processes.author.firnam} {processes.author.lasnam}</td></tr> |
---|
306 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Data wszczęcia#,#procdw#)}:</td><td>{substr(processes.optime,0,10)}</td></tr> |
---|
307 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Termin realizacji#,#proctr#)}:</td><td>{substr(processes.fxterm,0,10)}</td></tr> |
---|
308 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Teczka#,#proctk#)}:</td><td>{processes.doss_extract_view.orunsm}.{processes.doss_extract_view.dossmb} {processes.doss_extract_view.ndenam}</td></tr> |
---|
309 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Sprawa nadrzędna#,#procsn#)}:</td><td> |
---|
310 | {if:processes.rel_to} |
---|
311 | <a class="ActionLink" onclick="App.openDialogByCls('PROCESS', {processes.rel_to})">{processes.parentProcess.symbol} {processes.parentProcess.dscrpt}</a> |
---|
312 | {end:} |
---|
313 | </td></tr> |
---|
314 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Do realizacji pozostało#,#procdr#)}:</td><td>{if:eq(processes.is_fix,#t#)}Załatwione dnia {substr(processes.cltime,0,10)}{else:}{substr(processes.left__,0,10)}{if:lt(processes.left__,#0#)}<img src="../../framework/img/MessageBox/alert.png" style="vertical-align: middle; margin-top: -6px; margin-left: 4px;">{end:}{end:}</td></tr> |
---|
315 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Klient#,#prockl#)}:</td> |
---|
316 | <td> |
---|
317 | {if:processes.contid} |
---|
318 | <span class="ActionLink" onclick="App.openDialogByCls('CONTACT', {processes.contid})">{processes.contacts.name_1}</span> |
---|
319 | {end:} |
---|
320 | </td></tr> |
---|
321 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Osoba kontaktowa#,#procok#)}:</td><td> |
---|
322 | {if:processes.copeid} |
---|
323 | <span class="ActionLink" onclick="App.openDialogByCls('CONTACTPERSON', {processes.copeid})">{processes.contact_persons.data__}</span> |
---|
324 | {end:} |
---|
325 | </td></tr> |
---|
326 | {if:processes.projid} |
---|
327 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Projekt#,#procpo#)}:</td><td>{processes.projects.projnm}</td></tr> |
---|
328 | {end:} |
---|
329 | {if:PROCESS_BUSINESS_TYPE} |
---|
330 | {if:strpos(processes.is_win,#f#)} |
---|
331 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Powód porażki#,#procpp#)}:</td><td>{processes.losrsn}</td></tr> |
---|
332 | {end:} |
---|
333 | {end:} |
---|
334 | |
---|
335 | {if:processes.forepa} |
---|
336 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Prognozowana wartość#,#procpw#)}:</td><td>{processes.forepa} {processes.currpa}</td></tr> |
---|
337 | {end:} |
---|
338 | |
---|
339 | {if:processes.foreda} |
---|
340 | <tr style="border-bottom: 1px dotted #eed;"><td style="width:200px; color: #7f7f7f;">{translate(#Prognozowana data#,#procpd#)}:</td><td>{processes.foreda}</td></tr> |
---|
341 | {end:} |
---|
342 | |
---|
343 | </table> |
---|
344 | </td> |
---|
345 | </tr> |
---|
346 | </table> |
---|
347 | </div> |
---|
348 | {if:processes.comnts} |
---|
349 | <div class="b-s-b gbs sbg" style="font-size: 14px; max-height: calc(100% - 472px); height: 100%; background: #ffd; padding:10px; margin-top: 20px; line-height: 20px;">{formateDokContent(processes.comnts):h}</div> |
---|
350 | {end:} |
---|
351 | </div> |
---|