{% extends 'att/report/base.html' %}
{% load i18n %}
{% block extra_function %}
  function getAttPhoto(emp_id){
    var loadIndex = layer.load();
    $.ajax({
      url: '/att/get_verification_photo/',
      type:'GET',
      data: {
        obj_id: emp_id
      },
      dataType: 'html',
      success: function (res) {
        layer.close(loadIndex);
        layer.open({
          title: gettext("Verification  Photo"),
          type: 1,
          zIndex: 998,
          area: ['600px', '500px'],
          content: res,
          btn:[gettext("btn_confirm")],
          end: function () {
            layer.closeAll('tips');
          }
        })
      }
       , error: function () {
          layer.close(loadIndex);
      }
    })
  }
{% endblock extra_function %}
{% block opts_modify %}

    $.extend(opts, {
        cols: [[
                {field:'emp_code', width:120, title: "{% trans 'report_column_empCode' %}", sort: true}
                ,{field:'first_name', title: "{% trans 'report_column_firstName' %}"}
                ,{field:'last_name', title: "{% trans 'report_column_lastName' %}"}
                ,{field:'nick_name', title: "{% trans 'report_column_nickName' %}"}
                ,{field:'gender', width:80, title: "{% trans 'report_column_gender' %}"}
                ,{field:'dept_code', title: "{% trans 'report_column_departmentCode' %}"}
                ,{field:'dept_name', width:140, title: "{% trans 'report_column_departmentName' %}"}
                ,{field:'position_code', title: "{% trans 'report_column_positionCode' %}"}
                ,{field:'position_name', title: "{% trans 'report_column_positionName' %}"}
                ,{field:'att_date', title: "{% trans 'report_column_attendanceDate' %}", sort: true}
                ,{field:'displayed_mask', title: "{% trans 'report_column_displayed_mask' %}", templet: function(obj){
                  if(obj.displayed_mask){
                    mask_flag = obj.displayed_mask
                    if(mask_flag=='Yes'){
                      return '<span style="color: #00CD66;">Yes</span>'
                    }else if(mask_flag=='No'){
                      return '<span style="color: #ff0000;">No</span>'
                    }else{
                      return ''
                    }
                  }else{
                    return ''
                  }
                }}
                ,{field:'in_temp', title: "{% trans 'report_column_in_temp' %}", templet: function(obj){
                  if(obj.in_temp){
                    result = obj.in_temp
                    if(obj.in_temp_color){
                      result = '<' + 'span style="color:' + obj.in_temp_color + ';">' + obj.in_temp + '<' + '/span>'
                    }
                    return result
                  }else{
                    return ''
                  }
                }}
                ,{field:'out_temp', title: "{% trans 'report_column_out_temp' %}", templet: function(obj){
                  if(obj.out_temp){
                    if(obj.out_temp_color){
                      return '<' + 'span style="color:' + obj.out_temp_color + ';">' + obj.out_temp + '<' + '/span>'
                    }else{
                      return obj.out_temp
                    }
                  }else{
                    return ''
                  }
                }}
                ,{field:'verification_photo', title: "{% trans 'report_column_verification_photo' %}", event:'getRecptFile', templet: function(obj){
                    if (obj.verification_photo) {
                        return '<a href="javascript:void(0);" style="color: #57c5f7", onclick="getAttPhoto(' + '\'' + obj.verification_photo+ '\')">'+ 'Show' +'</a>';
                    } else {
                        return '';
                    }
                }}
            ]]
        ,method: "get"
        ,url: "/att/api/verificationPhotoReport/"
    });
{% endblock %}