modalModification.html 17.6 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
                    <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>
Alexandre Morin's avatar
Alexandre Morin committed
17
                            <!--<br/>
Prosper De Laure's avatar
Prosper De Laure committed
18
19
20
21
22
23
24
25
26
27
28
29
30
                            <div class="table-responsive">
                                <table id="archiveTable" class="table table-condensed">
                                    <thead>
                                    <th>Id</th>
                                    <th>Archive name</th>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
Alexandre Morin's avatar
Alexandre Morin committed
31
                            </div>-->
Prosper De Laure's avatar
Prosper De Laure committed
32
33
34
35
36
37
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" data-translate-catalog="recordsManagement/messages">
                <button class="btn btn-warning" data-dismiss="modal" title="Cancel"><i class="fa fa-times">&nbsp;</i>Cancel</button>
38
                <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
39
40
41
42
43
44
45
46
47
48
49
50
            </div>
        </div>
    </div>
</div>

<div style="display:none">
    <span id="mtext_retentionRule">Change disposal rule</span>
    <span id="mtext_accessRule">Edit access rule</span>
    <span id="mtext_flagForDestruction">Flag for destruction</span>
    <span id="mtext_cancelDestruction">Cancel destruction</span>
    <span id="mtext_freeze">Freeze</span>
    <span id="mtext_unfreeze">Unfreeze</span>
51
    <span id="empty_text">The fields with a star are required.</span>
Alexandre Morin's avatar
Alexandre Morin committed
52
    <span id="empty_archivalAgency">No archival agency found</span>
Prosper De Laure's avatar
Prosper De Laure committed
53
54
55
56

    <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
57
58
    <span id="text_preservation">preservation</span>
    <span id="text_destruction">destruction</span>
59
    <span id="text_unlimited">Unlimited</span>
Prosper De Laure's avatar
Prosper De Laure committed
60
61
62
63
64
65
66
67
68
69
70
</div>

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

<script>
    $("#accessRuleCode").on('change', function () {
        ModificationModal.loadAccessCode();
    });
    
Dylan's avatar
Dylan committed
71
72
73
74
    $("#retentionRuleCode").on('change', function () {
        ModificationModal.loadRetentionCode();
    });

Alexis Ragot's avatar
Alexis Ragot committed
75
76
77
78
79
80
81
82
    $("#checkboxUpdateFinalDisposition").on('change', function () {
        if (this.checked) {
            $("#retentionRuleFinalDisposition").prop("disabled",true);
        } else {
            $("#retentionRuleFinalDisposition").prop("disabled",false);
        }
    });

Alexandre Morin's avatar
Alexandre Morin committed
83
84
85
86
87
88
89
90
    $("#comment").bind('input propertychange', function () {
        if ($("#comment").val() == "") {
            $("#save").prop("disabled",true);
        } else {
            $("#save").prop("disabled",false);
        }
    });
    
Prosper De Laure's avatar
Prosper De Laure committed
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
    $("#save").on('click', function (e) {
        e.preventDefault();
        ModificationModal.save(); 
    });
    
    ModificationModal = {
        actionsList : {
            accessRule          : '/recordsManagement/archive/accessRule',
            retentionRule       : '/recordsManagement/archive/retentionRule',
            flagForDestruction  : '/recordsManagement/dispose',
            cancelDestruction   : '/recordsManagement/cancelDestruction',
            freeze              : '/recordsManagement/archive/freeze',
            unfreeze            : '/recordsManagement/archive/unfreeze'
        },
        actionsType : {},
        modal : $('#modificationModal'),
        modalType : null,
        dataTable : null,
        load : function(archiveId, archiveName, type) {
            this.modalType = type;

            this.loadTitle();
            
114
115
            $('#selectedArchiveId').css('display', '').find('span').text(archiveId);
            $('#selectedArchiveReference').css('display', '').find('span').text(archiveName);
116
            $('#archiveModificationForm').find('.modificationForm').css('display', 'none');
Prosper De Laure's avatar
Prosper De Laure committed
117

118
119
120
121
            try {
                eval(type+"_load(archiveId, archiveName, type)");
            }
            catch(err) {
Alexandre Morin's avatar
Alexandre Morin committed
122
                this.modal.modal();
Prosper De Laure's avatar
Prosper De Laure committed
123
            }
124

Prosper De Laure's avatar
Prosper De Laure committed
125
            $('#save').data("archiveids", "");
Alexandre Morin's avatar
Alexandre Morin committed
126
            $('#archiveModificationForm').css('display', '');
Prosper De Laure's avatar
Prosper De Laure committed
127
128
129
            $('#modal_multipleSelection').css('display', 'none');
        },

130
131
132
133
134
135
136
137
138
139
140
141
142
143
        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
144
145
146
147
148
149
150
151
152

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

153
154
155
156
157
158
159
160
                    $('#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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
        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) {
175
176
177
178
179
                    if (response.status) {
                        if (ModificationModal.modalType === "accessRule") {
                            rule = response.accessRule;
                        } else {
                            rule = response.retentionRule;
Prosper De Laure's avatar
Prosper De Laure committed
180
181
                        }

182
183
184
                        $.each(rule, function (key, value) {
                            ModificationModal.modal.find("[name='" + key + "']").val(value);
                        });
Prosper De Laure's avatar
Prosper De Laure committed
185

186
                        if (ModificationModal.modalType === "accessRule") {
187
                            ModificationModal.loadAccessCode(rule);
188
                        }
Prosper De Laure's avatar
Prosper De Laure committed
189

190
191
192
                        if (ModificationModal.modalType === "retentionRule") {
                            ModificationModal.loadRetentionCode(rule);
                        }
Dylan's avatar
Dylan committed
193

194
195
196
197
198
199
200
201
202
203
                        // 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
204
205
206
207
208
209
210
211
212
213
214
215
216
                    }
                },
                error   : function(response) {
                    gritter.show(response.responseJSON.message, response.responseJSON.status, response.responseJSON.errors);
                }
            });
        },

        loadMultiple: function(selected, relevant, ids, names, type) {
            this.modalType = type;

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

219
220
            try {
                eval(type+"_loadMultiple()");
221
                $('#archiveModificationForm').css('display', '');
222
223
224
225
            }
            catch(err) {
                console.log(err);
                $('#archiveModificationForm').css('display', 'none');
Prosper De Laure's avatar
Prosper De Laure committed
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
            }
                
            $('#save').data("archiveids", ids);
            $('#modal_multipleSelection').css('display', '');
            $('#modal_selected').html(selected);
            $('#modal_relevant').html(relevant);

            ModificationModal.loadTable(ids, names);
            
            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
245

246
            if (!parameters == -1) {
247
                return;
Alexandre Morin's avatar
Alexandre Morin committed
248
249
            }

Prosper De Laure's avatar
Prosper De Laure committed
250
251
252
253
254
255
256
257
258
259
260
            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';
            }
Alexandre Morin's avatar
Alexandre Morin committed
261

Prosper De Laure's avatar
Prosper De Laure committed
262
263
264
265
266
267
268
269
270
271
            $.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();
272
273
274
275
                        ModificationModal.modal.one('hidden.bs.modal', function () {
                            $('#archive_search').click();
                        });

Prosper De Laure's avatar
Prosper De Laure committed
276
277
278
279
280
281
282
283
284
                    }
                },
                error       : function(response) {
                    gritter.show(response.responseJSON.message, response.responseJSON.status, response.responseJSON.errors);
                }
            });
        },

        close: function() {
285
286
            ModificationModal.modal.find('input, textarea').val('');
            ModificationModal.modal.modal('hide');
Prosper De Laure's avatar
Prosper De Laure committed
287
288
        },

289
        loadAccessCode: function(rule) {
Prosper De Laure's avatar
Prosper De Laure committed
290
291
292
293
294
            var accessRuleCode = $("#accessRuleCode").find(':selected').data('json');
            var accessRules = "";
            var accessRuleTable = $('#accessRuleTable');

            if (accessRuleCode) {
295
296
297
298
                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
299
                    $('#accessRule').css("display", '');
300
301
302
303
304
305

                    if(accessRuleDuration[1] >= 9999){
                        $('#accessRuleDuration').text($('#text_unlimited').text());
                    } else {
                        $('#accessRuleDuration').text(accessRuleDuration[1] + ' ' + $('#text_' + accessRuleDurationUnit).html());
                    }
306
                    $('#accessRuleDescription').text(accessRuleCode.description);
Prosper De Laure's avatar
Prosper De Laure committed
307
308
309
310
311
                }

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

Prosper De Laure's avatar
Prosper De Laure committed
313
314
315
316
317
318
319
320
            if(accessRules){
                if (!accessRules.length) {
                    $('#accessRuleTable').css('display', 'none');
                } else {
                    var checked = $('<i>').addClass('fa fa-check').html('&nbsp;');
                }
            }
        },
321

Dylan's avatar
Dylan committed
322
         loadRetentionCode: function(rule) {
Dylan's avatar
Dylan committed
323
324
325
326
            var retentionRuleCode = $("#retentionRuleCode").find(':selected').data('json');
            var retentionRules = "";
            var retentionRuleTable = $('#retentionRuleTable');

Dylan's avatar
Dylan committed
327
             if (retentionRuleCode) {
328

329
                 var retentionRuleDurationUnit = rule.retentionDuration.substr(rule.retentionDuration.length - 1, 1);
Dylan's avatar
Dylan committed
330
                 var retentionRuleDuration = (retentionRuleCode.duration.split(retentionRuleDurationUnit))[0].split("P");
Dylan's avatar
Dylan committed
331

Dylan's avatar
Dylan committed
332
                 if (rule) {
Alexis Ragot's avatar
Alexis Ragot committed
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
                     $('#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');
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376

                 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
377
             }
Dylan's avatar
Dylan committed
378
379
380
381
382
383
384
385
386
387
            
            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
388
389
390
391
392
393
394
        loadTable: function(ids, names) {
            var table = $('#archiveTable');
            var tbody = table.find('tbody');
            tbody.empty();

            $.each(ids,function(index,value) {
                var tr = $('<tr/>');
395
396
                var tdId = $('<td/>').text(value).appendTo(tr);
                var tdName = $('<td/>').text(names[index]).appendTo(tr);
Prosper De Laure's avatar
Prosper De Laure committed
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
                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
421
422
423
424
425
        },
        
        reset : function() {
            $('#modificationModal').find('[name="identifier"]').val("");
            $('#modificationModal').find('[name="comment"]').val("");
Prosper De Laure's avatar
Prosper De Laure committed
426
427
428
429
        }
    };

</script>