modalModification.html 19 KB
Newer Older
Prosper De Laure's avatar
Prosper De Laure committed
1
2
3
4
5
6
7
8
9
10
11
<div class="modal fade" id="modificationModal" data-backdrop="static" data-keyboard="false" tabindex="999"  data-focus-on="input:first" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" data-translate-catalog="recordsManagement/messages">
            <div class="container-fluid">
                <div class="page-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h3><span id="modification_title"></span></h3>
                </div>
            </div>
            <div class="container-fluid">
                <div class="sidebar-offcanvas col-sm-12">
12
                    <?hinclude recordsManagement/archive/archiveModificationModal/archiveModificationForm.html?>
Prosper De Laure's avatar
Prosper De Laure committed
13
14
15
16
17
18
19
20
21
                    <div class="panel panel-default" data-translate-context="validationModal" id="modal_multipleSelection">
                        <div class="panel-body">
                            <h4><strong style="color:red"><span id="modal_selected"></span></strong> archives selected.</h4>
                            <h4>The modification will be applied on <strong style="color:red"><span id="modal_relevant"></span></strong> archives.</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" data-translate-catalog="recordsManagement/messages">
22
                <button id="cancelEdit" class="btn btn-warning" data-dismiss="modal" title="Cancel"><i class="fa fa-times">&nbsp;</i>Cancel</button>
23
                <button id="save" class="btn btn-success" data-archiveIds="" title="Save"><i class="fa fa-check">&nbsp;</i>OK</button>
Prosper De Laure's avatar
Prosper De Laure committed
24
25
26
27
28
29
            </div>
        </div>
    </div>
</div>

<div style="display:none">
30
    <span id="mtext_flagForTransfer">Flag for transfer</span>
Prosper De Laure's avatar
Prosper De Laure committed
31
32
33
    <span id="mtext_retentionRule">Change disposal rule</span>
    <span id="mtext_accessRule">Edit access rule</span>
    <span id="mtext_flagForDestruction">Flag for destruction</span>
Alexandre Morin's avatar
Alexandre Morin committed
34
    <span id="mtext_requestModification">Request a modification</span>
Prosper De Laure's avatar
Prosper De Laure committed
35
36
37
    <span id="mtext_cancelDestruction">Cancel destruction</span>
    <span id="mtext_freeze">Freeze</span>
    <span id="mtext_unfreeze">Unfreeze</span>
38
    <span id="empty_text">The fields with a star are required.</span>
Alexandre Morin's avatar
Alexandre Morin committed
39
    <span id="empty_archivalAgency">No archival agency found</span>
Prosper De Laure's avatar
Prosper De Laure committed
40
41
42
43

    <span id="text_D">day(s)</span>
    <span id="text_M">month(s)</span>
    <span id="text_Y">year(s)</span>
Dylan's avatar
Dylan committed
44
45
    <span id="text_preservation">preservation</span>
    <span id="text_destruction">destruction</span>
46
    <span id="text_unlimited">Unlimited</span>
Prosper De Laure's avatar
Prosper De Laure committed
47
48
49
50
51
52
53
</div>

<style>
.datepicker{z-index:1151 !important;}
</style>

<script>
54
    // empty description / reference fields / button state when the user press cancel
55
    $("#cancelEdit").on('click', function () {
56
        $('#save').prop("disabled",false);
57
58
59
        ModificationModal.modal.find('input, textarea').val('');
    });

Prosper De Laure's avatar
Prosper De Laure committed
60
61
62
63
    $("#accessRuleCode").on('change', function () {
        ModificationModal.loadAccessCode();
    });
    
Dylan's avatar
Dylan committed
64
65
66
67
    $("#retentionRuleCode").on('change', function () {
        ModificationModal.loadRetentionCode();
    });

Alexis Ragot's avatar
Alexis Ragot committed
68
69
70
71
72
73
74
    $("#checkboxUpdateFinalDisposition").on('change', function () {
        if (this.checked) {
            $("#retentionRuleFinalDisposition").prop("disabled",true);
        } else {
            $("#retentionRuleFinalDisposition").prop("disabled",false);
        }
    });
75
    // State of button 'save' will change according to value of comment's field
76
77
    $("#comment").on('change keyup', function () {
        if ($("#comment").val() !== "") {
Alexandre Morin's avatar
Alexandre Morin committed
78
            $("#save").prop("disabled",false);
79
80
81
        } 
        else{
            $("#save").prop("disabled",true);
Alexandre Morin's avatar
Alexandre Morin committed
82
83
        }
    });
84

Prosper De Laure's avatar
Prosper De Laure committed
85
86
87
88
89
90
91
92
93
94
    $("#save").on('click', function (e) {
        e.preventDefault();
        ModificationModal.save(); 
    });
    
    ModificationModal = {
        actionsList : {
            accessRule          : '/recordsManagement/archive/accessRule',
            retentionRule       : '/recordsManagement/archive/retentionRule',
            flagForDestruction  : '/recordsManagement/dispose',
Cyril Vazquez's avatar
Cyril Vazquez committed
95
            requestModification : '/modificationRequest',
Prosper De Laure's avatar
Prosper De Laure committed
96
97
98
99
100
101
102
103
            cancelDestruction   : '/recordsManagement/cancelDestruction',
            freeze              : '/recordsManagement/archive/freeze',
            unfreeze            : '/recordsManagement/archive/unfreeze'
        },
        actionsType : {},
        modal : $('#modificationModal'),
        modalType : null,
        dataTable : null,
Alexandre Morin's avatar
Alexandre Morin committed
104
        load : function(archiveId, archiveName, type, transaction) {
Prosper De Laure's avatar
Prosper De Laure committed
105
106
107
108
            this.modalType = type;

            this.loadTitle();
            
109
110
            $('#selectedArchiveId').css('display', '').find('span').text(archiveId);
            $('#selectedArchiveReference').css('display', '').find('span').text(archiveName);
111
            $('#archiveModificationForm').find('.modificationForm').css('display', 'none');
Prosper De Laure's avatar
Prosper De Laure committed
112

113
114
115
116
            try {
                eval(type+"_load(archiveId, archiveName, type)");
            }
            catch(err) {
Alexandre Morin's avatar
Alexandre Morin committed
117
                this.modal.modal();
Prosper De Laure's avatar
Prosper De Laure committed
118
            }
119

Alexandre Morin's avatar
Alexandre Morin committed
120
121
            if (type === 'requestCommunication' && $('#' +archiveId).data('iscommunicable') === 1) {
                $('#derogationTr').show();
Alexandre Morin's avatar
Alexandre Morin committed
122
                $('#derogationInputTr').show();
Alexandre Morin's avatar
Alexandre Morin committed
123
124
125
                $("#derogationTr .toggle").removeClass('btn-default off');
                $("#derogationTr .toggle").addClass('btn-info');

Alexandre Morin's avatar
Alexandre Morin committed
126
127
            } else {
                $('#derogationTr').hide();
Alexandre Morin's avatar
Alexandre Morin committed
128
                $('#derogationInputTr').hide();
Alexandre Morin's avatar
Alexandre Morin committed
129
130
            }

131
            if (type === 'requestModification') {
132
133
134
                $('#messageFormatTr').hide();
            }

Alexandre Morin's avatar
Alexandre Morin committed
135
136
137
138
            if (!transaction) {
                $('#message').hide();
            }

Prosper De Laure's avatar
Prosper De Laure committed
139
            $('#save').data("archiveids", "");
Alexandre Morin's avatar
Alexandre Morin committed
140
            $('#archiveModificationForm').css('display', '');
Prosper De Laure's avatar
Prosper De Laure committed
141
142
143
            $('#modal_multipleSelection').css('display', 'none');
        },

144
145
146
147
148
149
150
151
152
153
154
155
156
157
        loadArchivalAgency : function() {
            $.ajax({
                type     : "GET",
                url      : "/organization/ByRole/archiver",
                dataType : 'json',
                success  : function (response) {
                    var organizations = response;
                    $('#archivalAgencySelect').find('option').remove();
                    $.each(organizations, function (key, value) {
                        $('#archivalAgencySelect').append($('<option>', {
                            value: value.registrationNumber,
                            text: value.displayName
                        }));
                    });
Alexandre Morin's avatar
Alexandre Morin committed
158
159
160
161
162
163
164
165
166

                    var length = $('#archivalAgencySelect').children('option').length;
                    if (length === 0) {
                        $('#archivalAgencySelect').append($('<option>', {
                            value: '',
                            text: $('#empty_archivalAgency').html()
                        }));
                    }

167
168
169
170
171
172
173
174
                    $('#modificationModal').modal();
                },
                error   : function (response) {
                    gritter.show(response.responseJSON.message, response.responseJSON.status, response.responseJSON.errors);
                }
            });
        },

Prosper De Laure's avatar
Prosper De Laure committed
175
176
177
178
179
180
181
182
183
184
185
186
187
188
        loadRule: function(archiveId, archiveName) {
            if (this.modalType ==='accessRule') {
                url = '/recordsManagement/archive/accessRule/' + archiveId;
            } else if (this.modalType === 'retentionRule') {
                url = "/recordsManagement/archive/retentionRule/" + archiveId;
            } else {
                return;
            }

            $.ajax({
                type     : "GET",
                url      : url,
                dataType : 'json',
                success  : function (response) {
189
190
191
192
193
                    if (response.status) {
                        if (ModificationModal.modalType === "accessRule") {
                            rule = response.accessRule;
                        } else {
                            rule = response.retentionRule;
Prosper De Laure's avatar
Prosper De Laure committed
194
195
                        }

196
197
198
                        $.each(rule, function (key, value) {
                            ModificationModal.modal.find("[name='" + key + "']").val(value);
                        });
Prosper De Laure's avatar
Prosper De Laure committed
199

200
                        if (ModificationModal.modalType === "accessRule") {
201
                            ModificationModal.loadAccessCode(rule);
202
                        }
Prosper De Laure's avatar
Prosper De Laure committed
203

204
205
206
                        if (ModificationModal.modalType === "retentionRule") {
                            ModificationModal.loadRetentionCode(rule);
                        }
Dylan's avatar
Dylan committed
207

208
209
210
211
212
213
214
215
216
217
                        // Set datepicker Date
                        dateValue = rule.startDate.split('/');
                        if (dateValue.length == 3) {
                            date = new Date(parseInt(dateValue[2]), parseInt(dateValue[1]) - 1, parseInt(dateValue[0]));
                            $('#startDate').find('input').datepicker('setDate', date);
                        }

                        $('#modificationModal').modal();
                    } else {
                        gritter.show(response.message, response.status);
Prosper De Laure's avatar
Prosper De Laure committed
218
219
220
221
222
223
224
225
                    }
                },
                error   : function(response) {
                    gritter.show(response.responseJSON.message, response.responseJSON.status, response.responseJSON.errors);
                }
            });
        },

Alexandre Morin's avatar
Alexandre Morin committed
226
        loadMultiple: function(selected, relevant, ids, names, type, transaction) {
Prosper De Laure's avatar
Prosper De Laure committed
227
228
229
230
            this.modalType = type;

            this.loadTitle();
            $('#selectedArchiveId, #selectedArchiveReference').css('display', 'none');
231
            $('#archiveModificationForm').find('.modificationForm').css('display', 'none');
Prosper De Laure's avatar
Prosper De Laure committed
232

233
234
            try {
                eval(type+"_loadMultiple()");
235
                $('#archiveModificationForm').css('display', '');
236
237
238
239
            }
            catch(err) {
                console.log(err);
                $('#archiveModificationForm').css('display', 'none');
Prosper De Laure's avatar
Prosper De Laure committed
240
            }
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255

            if (type === 'requestCommunication') {
                var isNotCommunicable = ids.some((id) => $('#' +id).data('iscommunicable') === 1);
                if (isNotCommunicable) {
                    $('#derogationTr').show();
                    $('#derogationInputTr').show();
                    $("#derogationTr .toggle").removeClass('btn-default off');
                    $("#derogationTr .toggle").addClass('btn-info');
                }
                 else {
                    $('#derogationTr').hide();
                    $('#derogationInputTr').hide();
                }
            }

Prosper De Laure's avatar
Prosper De Laure committed
256
257
258
259
260
261
            $('#save').data("archiveids", ids);
            $('#modal_multipleSelection').css('display', '');
            $('#modal_selected').html(selected);
            $('#modal_relevant').html(relevant);

            ModificationModal.loadTable(ids, names);
Alexandre Morin's avatar
Alexandre Morin committed
262
263
264
265
266

            if (!transaction) {
                $('#message').hide();
            }

Prosper De Laure's avatar
Prosper De Laure committed
267
268
269
270
271
272
273
274
275
276
            this.modal.find('input, select').val('');
            this.modal.modal();
        },

        loadTitle: function() {
            $('#modification_title').html($('#mtext_'+this.modalType).html());
        },

        save: function() {
            parameters = ArchiveModification.serialize(this.modalType);
Alexandre Morin's avatar
Alexandre Morin committed
277

278
            if (!parameters == -1) {
279
                return;
Alexandre Morin's avatar
Alexandre Morin committed
280
            }
281
            
Prosper De Laure's avatar
Prosper De Laure committed
282
283
284
285
286
287
288
289
290
291
292
            parameters.archiveIds = $("#save").data('archiveids');

            if(!parameters.archiveIds) {
                parameters.archiveIds = $('#selectedArchiveId').find('span').html();
            }

            if (this.actionsType[this.modalType]) {
                type = this.actionsType[this.modalType];
            } else {
                type = 'PUT';
            }
293
294

            console.log(this.actionsList[this.modalType]);
Arnaud Pauget's avatar
Arnaud Pauget committed
295
            
Prosper De Laure's avatar
Prosper De Laure committed
296
297
298
299
300
301
302
303
304
305
            $.ajax({
                url         : this.actionsList[this.modalType],
                type        : type,
                data        : JSON.stringify(parameters),
                contentType : 'application/json',
                dataType    : 'json',
                success     : function (response) {
                    gritter.show(response.message, response.status, response.errors);
                    if (response.status) {
                        ModificationModal.close();
306
307
308
309
                        ModificationModal.modal.one('hidden.bs.modal', function () {
                            $('#archive_search').click();
                        });

Prosper De Laure's avatar
Prosper De Laure committed
310
311
312
313
314
315
316
317
318
                    }
                },
                error       : function(response) {
                    gritter.show(response.responseJSON.message, response.responseJSON.status, response.responseJSON.errors);
                }
            });
        },

        close: function() {
319
320
            ModificationModal.modal.find('input, textarea').val('');
            ModificationModal.modal.modal('hide');
Prosper De Laure's avatar
Prosper De Laure committed
321
322
        },

323
        loadAccessCode: function(rule) {
Prosper De Laure's avatar
Prosper De Laure committed
324
325
326
327
328
            var accessRuleCode = $("#accessRuleCode").find(':selected').data('json');
            var accessRules = "";
            var accessRuleTable = $('#accessRuleTable');

            if (accessRuleCode) {
329
330
331
332
                let accessRuleDurationUnit = accessRuleCode.duration.substr(accessRuleCode.duration.length - 1, 1);
                let accessRuleDuration = (accessRuleCode.duration.split(accessRuleDurationUnit))[0].split("P");

                if (rule) {
Prosper De Laure's avatar
Prosper De Laure committed
333
                    $('#accessRule').css("display", '');
334
335
336
337
338
339

                    if(accessRuleDuration[1] >= 9999){
                        $('#accessRuleDuration').text($('#text_unlimited').text());
                    } else {
                        $('#accessRuleDuration').text(accessRuleDuration[1] + ' ' + $('#text_' + accessRuleDurationUnit).html());
                    }
340
                    $('#accessRuleDescription').text(accessRuleCode.description);
Prosper De Laure's avatar
Prosper De Laure committed
341
342
343
344
345
                }

            } else {
                $('#accessRule').css("display", 'none');
            }
346

Prosper De Laure's avatar
Prosper De Laure committed
347
348
349
350
351
352
353
354
            if(accessRules){
                if (!accessRules.length) {
                    $('#accessRuleTable').css('display', 'none');
                } else {
                    var checked = $('<i>').addClass('fa fa-check').html('&nbsp;');
                }
            }
        },
355

Dylan's avatar
Dylan committed
356
         loadRetentionCode: function(rule) {
Dylan's avatar
Dylan committed
357
358
359
360
            var retentionRuleCode = $("#retentionRuleCode").find(':selected').data('json');
            var retentionRules = "";
            var retentionRuleTable = $('#retentionRuleTable');

Dylan's avatar
Dylan committed
361
             if (retentionRuleCode) {
362

363
                 var retentionRuleDurationUnit = retentionRuleCode.duration.substr(retentionRuleCode.duration.length - 1, 1);
Dylan's avatar
Dylan committed
364
                 var retentionRuleDuration = (retentionRuleCode.duration.split(retentionRuleDurationUnit))[0].split("P");
Dylan's avatar
Dylan committed
365

Dylan's avatar
Dylan committed
366
                 if (rule) {
Alexis Ragot's avatar
Alexis Ragot committed
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
                     $('#retentionRule').css("display", '');

                     if(retentionRuleDuration[1] >= 9999){
                         $('#retentionRuleDuration').text($('#text_unlimited').text());
                     } else {
                         $('#retentionRuleDuration').text(retentionRuleDuration[1] + ' ' + $('#text_' + retentionRuleDurationUnit).html());
                     }
                     $('#retentionRuleFinalDisposition').val(rule.finalDisposition);
                     $('#retentionRuleDescription').text(retentionRuleCode.description);
                 } else {
                     $('#retentionRule').css("display", '');

                     if(retentionRuleDuration[1] >= 9999){
                         $('#retentionRuleDuration').text($('#text_unlimited').text());
                     } else {
                         $('#retentionRuleDuration').text(retentionRuleDuration[1] + ' ' + $('#text_' + retentionRuleDurationUnit).html());
                     }

                     $('#retentionRuleDescription').text(retentionRuleCode.description);
                 }

             } else {
                 $('#retentionRule').css("display", 'none');
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410

                 if (rule) {
                     $('#retentionRule').css("display", '');

                     if(rule.retentionDuration) {
                         var retentionRuleDurationUnit = rule.retentionDuration.substr(rule.retentionDuration.length - 1, 1);
                         var retentionRuleDuration = (rule.retentionDuration.split(retentionRuleDurationUnit))[0].split("P");

                         if(retentionRuleDuration[1] >= 9999){
                             $('#retentionRuleDuration').text($('#text_unlimited').text());
                         } else {
                             $('#retentionRuleDuration').text(retentionRuleDuration[1] + ' ' + $('#text_' + retentionRuleDurationUnit).html());
                         }
                     }

                     if(rule.finalDisposition) {
                        $('#retentionRuleFinalDisposition').val(rule.finalDisposition);
                     } else {
                         $('#retentionRuleFinalDisposition').val("");
                     }
                 }
Alexis Ragot's avatar
Alexis Ragot committed
411
             }
Dylan's avatar
Dylan committed
412
413
414
415
416
417
418
419
420
421
            
            if(retentionRules){
                if (!retentionRules.length) {
                    $('#retentionRuleTable').css('display', 'none');
                } else {
                    var checked = $('<i>').addClass('fa fa-check').html('&nbsp;');
                }
            }
        },

Prosper De Laure's avatar
Prosper De Laure committed
422
423
424
425
426
427
428
        loadTable: function(ids, names) {
            var table = $('#archiveTable');
            var tbody = table.find('tbody');
            tbody.empty();

            $.each(ids,function(index,value) {
                var tr = $('<tr/>');
429
430
                var tdId = $('<td/>').text(value).appendTo(tr);
                var tdName = $('<td/>').text(names[index]).appendTo(tr);
Prosper De Laure's avatar
Prosper De Laure committed
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
                tr.appendTo(tbody);
            });

            if (ModificationModal.dataTable) {
                ModificationModal.dataTable.destroy();
                ModificationModal.dataTable = null;
            }

            ModificationModal.dataTable = table.DataTable({
                "sdom": '<"dataTable-footer clearfix"<"pull-left"f>><"table-responsive"t><"dataTable-footer"<"pull-left"li><"pull-right"p><"clearfix">>',
                "sPaginationType": "full_numbers",
                "bFilter": false,
                "bInfo" : false,
                "pageLength": 10,
                "oLanguage": {
                    "sLengthMenu" : $('#lengthMenu_text').html(),
                    "oPaginate" : {
                        "sFirst" : $('#first_text').html(),
                        "sPrevious" : $('#previous_text').html(),
                        "sNext" : $('#next_text').html(),
                        "sLast" : $('#last_text').html()
                    }
                }
            });
Alexandre Morin's avatar
Alexandre Morin committed
455
456
457
458
459
        },
        
        reset : function() {
            $('#modificationModal').find('[name="identifier"]').val("");
            $('#modificationModal').find('[name="comment"]').val("");
Prosper De Laure's avatar
Prosper De Laure committed
460
461
462
        }
    };

463
464
465
466
467
468
469
470
    $("#modificationModal").on("shown.bs.modal", function() {
        isModalOpen = true;
    });

    $("#modificationModal").on("hidden.bs.modal", function() {
        isModalOpen = false;
    });

471
</script>