Obsługa blokowania pracownika w Profilu Klienta przez głównego administratora w szablonie Szafir

W tym artykule dowiesz się dodać głównemu administratorowi uprawnienie umożliwiające blokowanie i odblokowanie pracownika w Profilu Klienta w szablonie Szafir.

Pierwszym modyfikowanym plikiem będzie customer-profile/employees-list/employees-view-list.html. Cały kod w pliku należy usunąć a wkleić poniższy.
{% for employee in customer-profile.Employees -%}
<div class="customer-details-tile-ui customer-details-lq container-lq">
<div class="content-ui">
<div><strong>{{employee.Name}} {{employee.Name2}}</strong></div>
<br>
<div><i class="ti-email"></i> <span class="employee-email-lq">{{employee.Email}}</span></div>
{% if employee.PhoneNo != '' -%}
<div><i class="ti-headphone-alt"></i> {{employee.PhoneNo}}</div>
{% endif -%}
</div>
<div class="buttons-ui">
<div class="edit-ui">
<div class="form-lq flr-ui form-into-data-lq">
<input type="hidden" name="id" value="{{employee.Id}}" />
<input type="hidden" name="__template" value="customer-profile/employees-list/employees-view-list.html" />
{% if employee.Active -%}
<input type="hidden" name="__action" value="Customer/EmployeeLock" />
<button class="btn-pure-ui toggle-employee-lq" data-container=".employees-list-view-lq">
<i class="ti-lock"></i>
<span class="icon-label-ui">{{ translations.Lock }}</span>
</button>
{% else-%}
<input type="hidden" name="__action" value="Customer/EmployeeUnlock" />
<button class="btn-pure-ui toggle-employee-lq" data-container=".employees-list-view-lq">
<i class="ti-unlock"></i>
<span class="icon-label-ui">{{ translations.Unlock }}</span>
</button>
{% endif -%}
</div>
</div>
</div>
</div>
{% endfor -%}

Drugim plikiem, który należy zmodyfikować jest js/init-ui2.js. Na końcu dokumentu należy wkleić poniższy kod.
function toggleEmployee(e) {
if(app.validationBeforePost(e) != 'error'){
var form = $(e.currentTarget).parents('.form-lq');
var data = form.find('input:not([disabled])').serializeArray();
data.push({name: "__csrf", value: __CSRF});
$.post('', data, function(result) {
app.serverMessage(result, form, e);
if (result.action.Result) {
$('.employees-list-view-lq').html(result.template);
}
});
}
};

$('body').on('click', '.toggle-employee-lq', function (e) {
toggleEmployee(e);
});