Documentation/Index/TranslaticaToolProcessSummary: process_summary.tpl

Plik process_summary.tpl, 16.6 KB (dodany przez jpo, 9 years temu)
xx
Line 
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>