LIBERTAR MÁQUINAS

Código	Descrição

Quantidade

Data	NLote	Turno	Funcionário	Quantidade	Defeito

Nº MAQ.

POSIÇÃO

O.F.

REF.

QT.

COR

TAM.

DATA

HORA

Nº MAQ.

POSIÇÃO

O.F.

REF.

QT.

COR

TAM.

DATA

HORA

TODAS AS MÁQUINAS

Código	Posição	Descrição

MÁQUINAS ACTUAIS

Código	Posição	Descrição
				Ativa	Parada

TODAS AS MÁQUINAS

Código	Posição	Descrição

MÁQUINAS ACTUAIS

Código	Posição	Descrição
				Ativa	Parada

Sem imagem

Nº DA MÁQUINA

OF

REFERÊNCIA

TAMANHO

COR

ENC. CLIENTE

CLIENTE DEPARTAMENTO

DATA DE ENTREGA

QT. SACO

FECHAR PRODUÇÃO

FECHAR SACO

Inserir Quantidade

FECHAR PRODUÇÃO

REGISTAR DEFEITO

FECHAR PRODUÇÃO

QT. PLANEADA

QT. PRODUZIDA

QT. EM FALTA

TOTAL MÁQUINAS

QT. PLANEADA TOTAL

QT. PRODUZIDA TOTAL

QT. EM FALTA TOTAL

DATA

TURNO 1

TURNO 2

TURNO 3

TOTAL DEFEITOS

TOTAL QUANTIDADE PRD.

Tem a certeza que pretende parar a máquina? Tem a certeza que pretende ativar a máquina?

Nº MAQ.

POSIÇÃO

-

DATA DE INÍCIO

- DATA DE FIM

MOTIVO DE PARAGEM

Seleccionar um motivo de paragem

<label class="robotoMedium_93969B_12px" style="margin-top: 8px">OBSERVAÇÕES</label>
                </div>
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popUpFecharSaco, maxHeight:'300px', maxWidth:'500px', resizeEnabled: true, title: $root.popUpFecharSacoTitle, closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},    toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'submitPFT'
                   },
          text: $root.popUpFecharSacoTitle,
            onClick() {
           $root.fecharSaco()
          },
        },
      }, {
        widget: 'dxButton',
        class: 'submitPFT',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'voltarPFT'
                   },
          text: 'Voltar',
             onClick() {
            $root.changeFecharSacoPopVisibility(false);
          },
        },
      }],}">
            <div class="popUpScroll">
                
                
                <label class="textInfoPFT">Tem a certeza que pretende fechar a produção atual?</label>
                
                
                <label class="textInfoPFT">Tem a certeza que pretende fechar o saco atual?</label>
                
                
                
                <label class="textInfoPFT">Tem a certeza que pretende fechar a produção atual?</label>
                
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popUpFecharTurnos, maxWidth:'500px', resizeEnabled: true, title: 'Fechar Turno', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},    toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'submitPFT'
                   },
          text: 'Fechar Turno',
            onClick() {
           $root.fecharTurnoMaquinas()
          },
        },
      }, {
        widget: 'dxButton',
        class: 'submitPFT',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'voltarPFT'
                   },
          text: 'Voltar',
             onClick() {
            $root.FecharTurnoPop();
          },
        },
      }],}">
            <div class="popUpScroll">
                <label style="margin-top: 24px" class="textInfoPFT">Tem a certeza que pretende fechar o turno atual?</label>
                <label class="textInfoPFT">Esta ação obrigará ao encerramento da sessão.</label>
                <div class="funcDivPFT" data-bind="click: function() { $root.ShowKeyboardTurno(false) }">
                    <label class="robotoBold18B07612px" style="margin-left: 32px">CÓDIGO FUNCIONÁRIO</label>
                    
                    <input readonly="readonly" data-bind="value: turnoAtual.FuncCod()" class="userLabelPFT"></input>
                </div>

<div class="passDivPFT">
                    <label class="robotoBold18B07612px" style="margin-left: 32px">PALAVRA-PASSE</label>
                    <img src="./img/key-icon-gray.svg" class="lockKey"></img>
                    
                    <input style="padding-right: 80px;" type="password" data-bind="value: userPassWordTurno, click: function() { $root.ShowKeyboardTurno(true) }" class="passInput" placeholder="Ex:24561"></input>
                    <div style="cursor:pointer" class="passInputImgDivPL" data-bind="click: function() { $root.showPass1(false) }">
                        <div class="hideShowDivPL" style="padding: 8px">
                            <img id="hideShowImg" src="./img/eye-slash.svg" />
                        </div>
                    </div>
                    <div style="cursor:pointer; right: 8px" class="passInputImgDivPL" data-bind="click: function() { $root.ShowKeyboardTurno(true) }">
                        <div class="hideShowDivPL" style="padding: 8px">
                            <img id="hideShowImg" src="./img/i-teclado-num-defautlt-hover.svg" />
                        </div>
                    </div>
                    
                    
                    <input style="padding-right: 80px;" type="text" data-bind="value: userPassWordTurno, click: function() { $root.ShowKeyboardTurno(true) }" class="passInput" placeholder="Ex:24561"></input>
                    <div style="cursor:pointer" class="passInputImgDivPL" data-bind="click: function() { $root.showPass1(true) }">
                        <div class="hideShowDivPL" style="padding: 8px">
                            <img id="hideShowImg" src="./img/eye.svg" />
                        </div>
                    </div>
                    <div style="cursor:pointer; right: 8px" class="passInputImgDivPL" data-bind="click: function() { $root.ShowKeyboardTurno(true) }">
                        <div class="hideShowDivPL" style="padding: 8px;">
                            <img id="hideShowImg" src="./img/i-teclado-num-defautlt-hover.svg" />
                        </div>
                    </div>
                    
                </div>
                
                <div style="width: 100%;display: flex;align-items: center;justify-content: center;">
                    <div class="keyboard">
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.clickKeyboardTurno(7) }" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px">7</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(8) }">8</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(9) }">9</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(4) }">4</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(5) }">5</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(6) }">6</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(1) }">1</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(2) }">2</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(3) }">3</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--special keyboard--special-delete robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(-1) }"></button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardTurno(0) }">0</button>
                            <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.ShowKeyboardTurno(false) }" type="button" class="keyboard__key keyboard__key--special keyboard--special-close robotoRegular59597016px"></button>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popUpDefeitos, maxHeight:'100%', maxWidth:'100%', resizeEnabled: true, title: 'Defeitos', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: false, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},
         toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'saveQuantPFO'
                   },
          text: 'Guardar',
            onClick(e) {
             $root.RegistarDefeitos();
          },
        },
      }]}">
            <div class="popUpScroll">
                <div class="divTableMaq" id="customScroll">
                    <div class="table-responsive responsiveMaqs">
                        <table class="table table-borderless mytable table-hover">
                            <thead class="myThead">
                                <tr>
                                    <th style="padding: 0;" class="robotoBold59597012px">Data/Hora</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Defeito</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Cor</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Tamanho</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Quantidade</th>
                                    <th style="padding: 0;" class="robotoBold59597012px"></th>
                                </tr>
                            </thead>
                            <tbody>

<tr>
                                    <td class="mytableDsgn borderClass">
                                        <div data-bind="dxDateBox: {value: Data, onValueChanged: function (e) {$root.alterarDefeitos(e, $index(), 2)}, placeholder: 'Introduza a data...', stylingMode: 'underlined',  type: 'datetime'}"></div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div class="tableTextNormal">
                                            <div data-bind="dxSelectBox: {value: Motivo, onValueChanged: function (e) {$root.alterarDefeitos(e, $index(), 0)}, isValid: MotivoValido, placeholder: 'Selecione o defeito...', dataSource:  $root.arrayDefeitos, displayExpr: 'Des', valueExpr: 'Cod', validationRules: [{
            type: 'required',
            message: 'Campo obrigatório',
          }]}"></div>
                                        </div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div data-bind="dxTextBox: {value: Cor, placeholder: 'Cor...', stylingMode: 'underlined', readOnly: true}"></div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div data-bind="dxTextBox: {value: Tam, placeholder: 'Tamanho...', stylingMode: 'underlined', readOnly: true}"></div>
                                    </td>
                                    <td class="mytableDsgn borderClass" style="position:relative">
                                        <div class="divKeyboardCalc">
                                            <div data-bind="dxNumberBox: {value: Quant,  onValueChanged: function (e) {$root.alterarDefeitos(e, $index(), 1)}, isValid: QuantidadeValida, placeholder: 'Introduza a quantidade...', stylingMode: 'underlined',   min: 1, validationRules: [{
                                        type: 'required',
                                        min: '1',
                                        message: 'A quantidade tem que ser maior do que 1.',
                                      }]}"></div>
                                            <div data-bind="click: function() { $root.keyboardDefeitosVisible(true, $index()) }">
                                                <i class="fas fa-calculator fa-w-14  calcIconKey"></i>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div class="myDivBtnsMaqs">
                                            <button data-bind="click: function() { $root.AddNewDefeito() }" title="Adicionar novo defeito" type="button" class="btn btn-light">
                                                <i class="fas fa-plus"></i>
                                            </button>
                                            <button data-bind="click: function() { $root.RemoveLinhaDefeito($index()) }" title="Remover linha" type="button" class="btn btn-light">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popUpConfirmaFechoTurno, maxHeight:'100%', maxWidth:'100%', resizeEnabled: true, title: 'Confirmar Fecho do Turno', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},
         toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'FechaTurnoBtn'
                   },
          text: 'Fechar Turno',
            onClick(e) {
             $root.fecharTurnoMaquinas();
          },
        },

},
      {
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'voltarPFT'
                   },
          text: 'Voltar',
            onClick(e) {
         $root.FecharPopUpConfirmarFechoTurno();
          },
        },
      },
         ]}">
            <div class="popUpScroll">
                <div style="margin-top: 24px; margin-bottom: 24px" class="textInfoPFT">Tem a certeza que pretende fechar o turno atual?</div>
                
                <div class="mainCheck">
                    <div class="turnosCheck" data-bind="dxCheckBox: { value: $root.fecharProducaoTodosSetores, text:'Fechar Turnos de Todos os Setores' }"></div>
                </div>
                
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popUpDefeitosQuant, maxHeight:'100%', maxWidth:'100%', resizeEnabled: true, title: 'Defeitos', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},
         toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'saveQuantPFO'
                   },
          text: 'Guardar',
            onClick(e) {
             $root.RegistarDefeitosQuant();
          },
        },
      }]}">
            <div class="popUpScroll">
                <div class="divTableMaq" id="customScroll">
                    <div class="table-responsive responsiveMaqs">
                        <table class="table table-borderless mytable table-hover">
                            <thead class="myThead">
                                <tr>
                                    <th style="padding: 0;" class="robotoBold59597012px">Data/Hora</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Defeito</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Cor</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Tamanho</th>
                                    <th style="padding: 0;" class="robotoBold59597012px">Quantidade</th>
                                    <th style="padding: 0;" class="robotoBold59597012px"></th>
                                </tr>
                            </thead>
                            <tbody>

<tr>
                                    <td class="mytableDsgn borderClass">
                                        <div data-bind="dxDateBox: {value: Data, onValueChanged: function (e) {$root.alterarDefeitos(e, $index(), 2)}, placeholder: 'Introduza a data...', stylingMode: 'underlined',  type: 'datetime'}"></div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div class="tableTextNormal">
                                            <div data-bind="dxSelectBox: {value: Motivo, onValueChanged: function (e) {$root.alterarDefeitos(e, $index(), 0)}, isValid: MotivoValido, placeholder: 'Selecione o defeito...', dataSource:  $root.arrayDefeitos, displayExpr: 'Des', valueExpr: 'Cod', validationRules: [{
            type: 'required',
            message: 'Campo obrigatório',
          }]}"></div>
                                        </div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div data-bind="dxTextBox: {value: Cor, placeholder: 'Cor...', stylingMode: 'underlined', readOnly: true}"></div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div data-bind="dxTextBox: {value: Tam, placeholder: 'Tamanho...', stylingMode: 'underlined', readOnly: true}"></div>
                                    </td>
                                    <td class="mytableDsgn borderClass" style="position:relative">
                                        <div class="divKeyboardCalc">
                                            <div data-bind="dxNumberBox: {value: Quant,  onValueChanged: function (e) {$root.alterarDefeitos(e, $index(), 1)}, isValid: QuantidadeValida, placeholder: 'Introduza a quantidade...', stylingMode: 'underlined',   min: 1, validationRules: [{
                                        type: 'required',
                                        min: '1',
                                        message: 'A quantidade tem que ser maior do que 1.',
                                      }]}"></div>
                                            <div data-bind="click: function() { $root.keyboardDefeitosVisible(true, $index()) }">
                                                <i class="fas fa-calculator fa-w-14  calcIconKey"></i>
                                            </div>

</div>
                                    </td>
                                    <td class="mytableDsgn borderClass">
                                        <div class="myDivBtnsMaqs">
                                            <button data-bind="click: function() { $root.AddNewDefeitoQuant() }" title="Adicionar novo defeito" type="button" class="btn btn-light">
                                                <i class="fas fa-plus"></i>
                                            </button>
                                            <button data-bind="click: function() { $root.RemoveLinhaDefeito($index()) }" title="Remover linha" type="button" class="btn btn-light">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popUpDefeitosLinha, maxHeight:'100%', maxWidth:'100%', resizeEnabled: true, title: 'Defeitos', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}}}">
            <div class="popUpScroll">
                <div class="divTable">
                    <div class="table-responsive" id="customScroll">
                        <table class="table table-borderless mytable">
                            <thead>
                                <tr>
                                    <th class="robotoBold59597012px" style="text-align:center">Data</th>
                                    <th class="robotoBold59597012px" style="text-align:center">Defeito</th>
                                    <th class="robotoBold59597012px" style="text-align:center">Cor</th>
                                    <th class="robotoBold59597012px" style="text-align:center">Tam</th>
                                    <th class="robotoBold59597012px" style="text-align:center">Qtd.</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                                <tr>
                                    <td style="text-align:center" class="mytableDsgn" data-bind="text: moment(Data).format('YYYY-MM-DD HH:mm:ss')"></td>
                                    <td style="text-align:center" class="mytableDsgn" data-bind="text: Des"></td>
                                    <td style="text-align:center" class="mytableDsgn" data-bind="text: Cor"></td>
                                    <td style="text-align:center" class="mytableDsgn" data-bind="text: Tam"></td>
                                    <td style="text-align:center" class="mytableDsgn" data-bind="text: Qtd"></td>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popUpLogin, maxWidth:'500px', resizeEnabled: true, title: 'Iniciar Sessão', closeOnOutsideClick: true, closeOnBackButton: false, showCloseButton: false, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},    toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'submitLoginPL1'
                   },
          text: 'Entrar',
            onClick() {
           $root.loginFunc()
          },
      },
      }],}">
            <div class="popUpScroll">
                <div class="funcDivPL">
                    <label class="robotoBold18B07612px" style="margin-left: 32px">CÓDIGO FUNCIONÁRIO</label>
                    <img src="./img/user-icon-gray.svg" class="userIcon"></img>
                    <input style="padding-right: 48px;" data-bind="value: codUser, click: function() {$root.ShowKeyboardPassLog(false), $root.ShowKeyboardUserLog(true)}" type="number" class="userInput" placeholder="Ex: 1234"></input>
                    <div style="cursor:pointer; right: 8px" class="passInputImgDivPL" data-bind="click: function() {$root.ShowKeyboardPassLog(false), $root.ShowKeyboardUserLog(true)}">
                        <div class="hideShowDivPL" style="padding: 8px;">
                            <img id="hideShowImg" src="./img/i-teclado-num-defautlt-hover.svg" />
                        </div>
                    </div>
                    
                    <div style="width: 100%;display: flex;align-items: center;justify-content: center;">
                        <div class="keyboard">
                            <div class="keyboardLine">
                                <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.clickKeyboardUserLog(7) }" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px">7</button>
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(8) }">8</button>
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(9) }">9</button>
                            </div>
                            <div class="keyboardLine">
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(4) }">4</button>
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(5) }">5</button>
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(6) }">6</button>
                            </div>
                            <div class="keyboardLine">
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(1) }">1</button>
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(2) }">2</button>
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(3) }">3</button>
                            </div>
                            <div class="keyboardLine">
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--special keyboard--special-delete robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(-1) }"></button>
                                <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardUserLog(0) }">0</button>
                                <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.ShowKeyboardUserLog(false) }" type="button" class="keyboard__key keyboard__key--special keyboard--special-close robotoRegular59597016px"></button>
                            </div>
                        </div>
                    </div>
                    
                </div>

<div class="passDivPL">
                    <label class="robotoBold18B07612px" style="margin-left: 32px">PALAVRA-PASSE</label>
                    <img src="./img/key-icon-gray.svg" class="lockKey"></img>
                    
                    <input style="padding-right: 80px;" data-bind="value: userPassWord, click: function() {$root.ShowKeyboardUserLog(false), $root.ShowKeyboardPassLog(true)}" type="password" class="passInput" placeholder="Ex:24561"></input>
                    <div class="passInputImgDivPL" data-bind="click: function() { $root.showPass(false) }">
                        <div class="hideShowDivPL" style="padding: 8px">
                            <img id="hideShowImg" src="./img/eye-slash.svg" />
                        </div>
                    </div>
                    <div style="cursor:pointer; right: 8px" class="passInputImgDivPL" data-bind="click: function() {$root.ShowKeyboardUserLog(false), $root.ShowKeyboardPassLog(true)}">
                        <div class="hideShowDivPL" style="padding: 8px;">
                            <img id="hideShowImg" src="./img/i-teclado-num-defautlt-hover.svg" />
                        </div>
                    </div>
                    
                    
                    <input style="padding-right: 80px;" type="text" data-bind="value: userPassWord, click: function() {$root.ShowKeyboardUserLog(false), $root.ShowKeyboardPassLog(true)}" class="passInput" placeholder="Ex:24561"></input>
                    <div class="passInputImgDivPL" data-bind="click: function() { $root.showPass(true) }">
                        <div class="hideShowDivPL" style="padding: 8px">
                            <img id="hideShowImg" src="./img/eye.svg" />
                        </div>
                    </div>
                    <div style="cursor:pointer; right: 8px" class="passInputImgDivPL" data-bind="click: function() {$root.ShowKeyboardUserLog(false), $root.ShowKeyboardPassLog(true)}">
                        <div class="hideShowDivPL" style="padding: 8px;">
                            <img id="hideShowImg" src="./img/i-teclado-num-defautlt-hover.svg" />
                        </div>
                    </div>
                    
                </div>

<div style="width: 100%;display: flex;align-items: center;justify-content: center;">
                    <div class="keyboard">
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.clickKeyboardPassLog(7) }" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px">7</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(8) }">8</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(9) }">9</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(4) }">4</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(5) }">5</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(6) }">6</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(1) }">1</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(2) }">2</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(3) }">3</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--special keyboard--special-delete robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(-1) }"></button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardPassLog(0) }">0</button>
                            <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.ShowKeyboardPassLog(false) }" type="button" class="keyboard__key keyboard__key--special keyboard--special-close robotoRegular59597016px"></button>
                        </div>
                    </div>
                </div>
                
                
                <div style="position:relative">
                    <label class="robotoBold18B07612px" style="margin-left: 32px; margin-top:24px">TURNO</label>
                    <div class="turnosComboPL" data-bind="event: { mouseover: function() { hoverDropdownTurnos(1) }, mouseout: function() { hoverDropdownTurnos(0) } },
                                                            click: function() { $root.ShowKeyboardUserLog(false), $root.ShowKeyboardPassLog(false), $root.clickDropdownTurnos() }">
                        
                        <label class="robotoRegular59597016px" style="width:100%;padding-left: 16px">Seleccionar um turno</label>
                        
                        
                        <div class="dropdownSelectedTurnoPL">
                            <div class="robotoRegular59597016px" data-bind="text: 'Turno ' + turnoAtual.Cod()" />
                            <div class="robotoRegular59597016px" data-bind="text: turnoAtual.HoraIni() + ' - ' + turnoAtual.HoraFim()" />
                        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popupAlterarQtd, maxHeight:'100%', maxWidth:'100%', resizeEnabled: true, title: 'Alterar Quantidades', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},    toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'submitPFT'
                   },
          text: 'Guardar',
                 type: 'success',
     onClick() {
          $root.AtualizaQuantidades();
          },

},
      }, {
        widget: 'dxButton',
        class: 'submitPFT',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'voltarPFT'
                   },
          text: 'Voltar',
             onClick() {
     $root.closePopupAlterQtd();
          },
        },
      }],}">
            <div class="popUpScroll" id="validarQuantidades" data-bind="dxValidationGroup: { }">
                <div class="motivoParagDivPL">
                    <label class="textRg">Quantidade</label>
                    <div data-bind="dxNumberBox: {value: $root.NovaQtd, placeholder: 'Introduza a quantidade...', stylingMode: 'underlined',   min: 0}, dxValidator: {  validationRules: [{ type: 'required', message: 'Campo obrigatório' }] }"></div>
                </div>
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.popupAlterarQtdDefeitos, maxHeight:'100%', maxWidth:'100%', resizeEnabled: true, title: 'Alterar Quantidades Defeito', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},    toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'submitPFT'
                   },
          text: 'Guardar',
                 type: 'success',
     onClick() {
          $root.AtualizaQuantidadesDefeito();
          },

},
      }, {
        widget: 'dxButton',
        class: 'submitPFT',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'voltarPFT'
                   },
          text: 'Voltar',
             onClick() {
     $root.closePopupAlterQtdDefeitos();
          },
        },
      }],}">
            <div class="tableHeader">
                <div class="colC" style="width: 30%;">
                    <div class="colHeader">Defeito</div>
                </div>
                <div class="colC" style="width: 30%;">
                    <div class="colHeader">Cor</div>
                </div>
                <div class="colC" style="width: 30%;">
                    <div class="colHeader">Tamanho</div>
                </div>
                <div class="colC" style="width: 10%;">
                    <div class="colHeader">Quantidade</div>
                </div>
            </div>
            <div class="dx-clearfix"></div>
            <div id="scrollView" data-bind="dxScrollView: { height: '80%' }">
                <div class="tableContent hauto">
                    
                    <div class="rowTotal">
                        <div class="rowContainer" style="width:30%;">
                            <div class="rowContent">
                                <div data-bind="text: DescDefeito"></div>
                            </div>
                        </div>
                        <div class="rowContainer" style="width:30%;">
                            <div class="rowContent">
                                <div data-bind="text: Cor "></div>
                            </div>
                        </div>
                        <div class="rowContainer" style="width:30%;">
                            <div class="rowContent">
                                <div data-bind="text: Tam "></div>
                            </div>
                        </div>
                        <div class="rowContainer" style="width:10%;">
                            <div class="rowContent">
                                <div class="editQuantsNB" data-bind="dxNumberBox: { value: Quant }"></div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>

<div class="devModal" data-bind="dxPopup: { visible: $root.keyboardDefeitos, maxHeight:'600px', maxWidth:'400px', resizeEnabled: true, title: '', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}},    toolbarItems: [{
        widget: 'dxButton',
        toolbar: 'bottom',
        location: 'center',
        options: {
          elementAttr: {
                       class: 'submitPFT'
                   },
          text: 'Confirmar',
                 type: 'success',
     onClick() {
          $root.confirmaQuantKeyboardDefeitos();
          },

},
      }]}">
            <div class="popUpScroll">
                <label class="textRg">Quantidade</label>
                <div data-bind="dxTextBox: {value: auxQuantValueKey, placeholder: 'Introduza a quantidade...', stylingMode: 'underlined',   min: 1}"></div>
                <div style="width: 100%;display: flex;align-items: center;justify-content: center;">
                    <div class="keyboard">
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.clickKeyboardDefeitos(7) }" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px">7</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(8) }">8</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(9) }">9</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(4) }">4</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(5) }">5</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(6) }">6</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(1) }">1</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(2) }">2</button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(3) }">3</button>
                        </div>
                        <div class="keyboardLine">
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--special keyboard--special-delete robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(-1) }"></button>
                            <button onkeydown="return (event.keyCode!=13);" type="button" class="keyboard__key keyboard__key--normal robotoRegular59597016px" data-bind="click: function() { $root.clickKeyboardDefeitos(0) }">0</button>
                            <button onkeydown="return (event.keyCode!=13);" data-bind="click: function() { $root.keyboardDefeitosVisible(false, 0) }" type="button" class="keyboard__key keyboard__key--special keyboard--special-close robotoRegular59597016px"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="devModal" data-bind="dxPopup: { visible: $root.popUpMenuSetores, fullScreen: true, resizeEnabled: true, title: 'Informação dos Setores', closeOnOutsideClick: false, closeOnBackButton: false, showCloseButton: true, animation: {hide: {type: 'pop',duration: 0},show: {type: 'pop', duration: 0}}}">
            <div class="menuCardsContainer">
                <div class="row marginRow0">
                    
                    <div class="col-md-xxl-3 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 colPadding0">
                        
                        <div class="card customCardMenuSetores" data-bind="click: function() { $root.RedirectMenu(Painel, $index()) }">
                            <div class="card-body">
                                <div class="row rowMR0MS">
                                    <div class="col-4 ajustColPaddingImgMS">
                                        
                                        <div class="imagemArtigoMS">
                                            <img src="./img/i_sem-imagem-user.svg" />
                                        </div>
                                        
                                        
                                        <div class="divImagemFunc">
                                            <img class="ImagemFunc" data-bind="attr:{src: ImagemFuncionario}" />
                                        </div>
                                        
                                    </div>
                                    <div class="col-8 removePaddingMS">
                                        <div class="verticalFlexMS">
                                            <div class="cardColumnArtigoMS">
                                                <div class="flexColTextMS">
                                                    <div class="cardTitleMS" data-bind="text: Nome"></div>
                                                    <div class="cardSubTitleMS">NOME</div>
                                                </div>
                                            </div>
                                            <div class="cardColumnArtigoMS mr-TopMS">
                                                <div class="d-flex">
                                                    <div class="acertoMR flex-fill">
                                                        <div class="flexColTextMS" style="position: relative;">
                                                            <div class="cardTitleMS" data-bind="text: FuncionarioCod">
                                                            </div>
                                                            <div class="cardSubTitleMS">CÓDIGO</div>
                                                        </div>
                                                    </div>
                                                    <div class="acertoML flex-fill">
                                                        <div class="flexColTextMS" style="position: relative;">
                                                            <div class="cardTitleMS" data-bind="text: Setor">
                                                            </div>
                                                            <div class="cardSubTitleMS">SETOR</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="card customCardMenuSetores" data-bind="click: function() { $root.RedirectMenu(Painel, $index()) }">
                            <div class="card-body">
                                <div class="row rowMR0MS">
                                    <div class="col-4 ajustColPaddingImgMS">
                                        <div class="imagemArtigoMS">
                                            <img src="./img/i_sem-imagem-user.svg" />
                                        </div>
                                    </div>
                                    <div class="col-8 removePaddingMS">
                                        <div class="verticalFlexMS">
                                            <div class="cardColumnArtigoMS">
                                                <div class="flexColTextMS">
                                                    <div class="cardTitleMS">-</div>
                                                    <div class="cardSubTitleMS">NOME</div>
                                                </div>
                                            </div>
                                            <div class="cardColumnArtigoMS mr-TopMS">
                                                <div class="d-flex">
                                                    <div class="acertoMR flex-fill">
                                                        <div class="flexColTextMS" style="position: relative;">
                                                            <div class="cardTitleMS">-</div>
                                                            <div class="cardSubTitleMS">CÓDIGO</div>
                                                        </div>
                                                    </div>
                                                    <div class="acertoML flex-fill">
                                                        <div class="flexColTextMS" style="position: relative;">
                                                            <div class="cardTitleMS" data-bind="text: Setor">
                                                            </div>
                                                            <div class="cardSubTitleMS">SETOR</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    
                </div>
            </div>
        </div>
        <div data-bind="dxLoadPanel: {visible: $root.loadPanelVisible, shadingColor: 'rgba(0,0,0,0.4)',  showIndicator: true, showPane: true, shading: true, hideOnOutsideClick: false}"></div>
    </div>
</div>