{"id":1561,"date":"2022-05-11T17:18:04","date_gmt":"2022-05-11T17:18:04","guid":{"rendered":"https:\/\/noodlestation.is\/time-clock-3\/"},"modified":"2022-05-11T23:37:36","modified_gmt":"2022-05-11T23:37:36","slug":"time-clock-3","status":"publish","type":"page","link":"https:\/\/noodlestation.is\/is\/time-clock-3\/","title":{"rendered":"Time Clock Employes"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/noodlestation.is\/wp-login.php\">Yfirlit timar<\/a><\/div>\n<\/div>\n\n\n<div id=\"clock_loader\" class=\"aio-spinner\" style=\"display:none;\"><\/div>\n<div id=\"aio-tc-employee-list\">\n    <h2>Employees<\/h2>\n    <div style=\"padding: 10px;\">\n        <input type=\"text\" id=\"searchName\" onkeyup=\"aioQPFilterTable()\" placeholder=\"Enter last name\" title=\"Type in a last name\" autocomplete=\"off\">\n    <\/div>\n\n    <table id=\"quickPickTable\">\n    <tr class=\"header\">\n        <th>Last Name<\/th>\n        <th>First Name<\/th>\n        <th>Department<\/th>\n        <th>Actions<\/th>\n    <\/tr>\n                    <tr>    \n                    <td><\/td>\n                    <td>Bjarni<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow23\">\n                                                        <a id=\"clockButton23\" data-employee-name=\"Bjarni \" data-open-shift-id=\"0\" data-employee-id=\"23\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Antonio<\/td>\n                    <td>Gardo<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow13\">\n                                                        <a id=\"clockButton13\" data-employee-name=\"Gardo Antonio\" data-open-shift-id=\"0\" data-employee-id=\"13\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Birna Sam\u00faelsd\u00f3ttir<\/td>\n                    <td>Svanhv\u00edt<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow17\">\n                                                        <a id=\"clockButton17\" data-employee-name=\"Svanhv\u00edt Birna Sam\u00faelsd\u00f3ttir\" data-open-shift-id=\"0\" data-employee-id=\"17\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Erla \u00c6varsd\u00f3ttir<\/td>\n                    <td>Johanna<\/td>\n                    <td>B\u00e6jarhraun<\/td>\n                    <td id=\"userRow14\">\n                                                        <a id=\"clockButton14\" data-employee-name=\"Johanna Erla \u00c6varsd\u00f3ttir\" data-open-shift-id=\"0\" data-employee-id=\"14\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Gu\u00f0mundsson<\/td>\n                    <td>M\u00e1ni<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow19\">\n                                                        <a id=\"clockButton19\" data-employee-name=\"M\u00e1ni Gu\u00f0mundsson\" data-open-shift-id=\"0\" data-employee-id=\"19\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Hirose<\/td>\n                    <td>Nagisa<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow16\">\n                                                        <a id=\"clockButton16\" data-employee-name=\"Nagisa Hirose\" data-open-shift-id=\"0\" data-employee-id=\"16\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Huyen Le<\/td>\n                    <td>Anh<\/td>\n                    <td>B\u00e6jarhraun<\/td>\n                    <td id=\"userRow10\">\n                                                        <a id=\"clockButton10\" data-employee-name=\"Anh Huyen Le\" data-open-shift-id=\"0\" data-employee-id=\"10\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Karitas Albertsd\u00f3ttir<\/td>\n                    <td>L\u00edsbet<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow15\">\n                                                        <a id=\"clockButton15\" data-employee-name=\"L\u00edsbet Karitas Albertsd\u00f3ttir\" data-open-shift-id=\"0\" data-employee-id=\"15\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Kim Pahang Requierme<\/td>\n                    <td>Briel<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow11\">\n                                                        <a id=\"clockButton11\" data-employee-name=\"Briel Kim Pahang Requierme\" data-open-shift-id=\"0\" data-employee-id=\"11\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Thaiprasert<\/td>\n                    <td>Charin<\/td>\n                    <td>B\u00e6jarhraun<\/td>\n                    <td id=\"userRow2\">\n                                                        <a id=\"clockButton2\" data-employee-name=\"Charin Thaiprasert\" data-open-shift-id=\"0\" data-employee-id=\"2\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Thao Nguyen<\/td>\n                    <td>Vy<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow20\">\n                                                        <a id=\"clockButton20\" data-employee-name=\"Vy Thao Nguyen\" data-open-shift-id=\"0\" data-employee-id=\"20\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>The Ha<\/td>\n                    <td>Trung<\/td>\n                    <td>B\u00e6jarhraun<\/td>\n                    <td id=\"userRow18\">\n                                                        <a id=\"clockButton18\" data-employee-name=\"Trung The Ha\" data-open-shift-id=\"4582\" data-employee-id=\"18\" data-clock-action=\"clock_out\" class=\"aio-action-btn aio-red\" onClick=\"openPinPad(this)\">\n                                Clock Out                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Thuy Vu<\/td>\n                    <td>Doung<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow22\">\n                                                        <a id=\"clockButton22\" data-employee-name=\"Doung Thuy Vu\" data-open-shift-id=\"0\" data-employee-id=\"22\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Wesam Adel Kathir<\/td>\n                    <td>Adel<\/td>\n                    <td>Laugaveg<\/td>\n                    <td id=\"userRow21\">\n                                                        <a id=\"clockButton21\" data-employee-name=\"Adel Wesam Adel Kathir\" data-open-shift-id=\"0\" data-employee-id=\"21\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Wynne Palban Espirittu<\/td>\n                    <td>Daphne<\/td>\n                    <td>B\u00e6jarhraun<\/td>\n                    <td id=\"userRow12\">\n                                                        <a id=\"clockButton12\" data-employee-name=\"Daphne Wynne Palban Espirittu\" data-open-shift-id=\"0\" data-employee-id=\"12\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                                <tr>    \n                    <td>Zoro<\/td>\n                    <td>Test01<\/td>\n                    <td><\/td>\n                    <td id=\"userRow1\">\n                                                        <a id=\"clockButton1\" data-employee-name=\"Test01 Zoro\" data-open-shift-id=\"0\" data-employee-id=\"1\" data-clock-action=\"clock_in\" class=\"aio-action-btn aio-green\" onClick=\"openPinPad(this)\">\n                                Clock In                                <\/a>\n                                                    <\/td>\n                <\/tr>\n                    <\/table>\n<\/div><!--aio-tc-employee-list-->\n<div id=\"aio-tc-pin-pad\" style=\"display:none;\">\n    <center>\n        <div id=\"pinPadUserMessage\"><\/div>\n        <div id=\"pinPadMessage\"><\/div>\n        <div class=\"pin-pad-input clearable-input\">\n            <input class=\"\" type=\"password\" id=\"pin_number\" readonly readonly=\"readonly\" inputmode=\"none\" autocomplete=\"off\" value=\"\" maxlength=\"6\">\n            <span data-clear-input>&times;<\/span>\n        <\/div>\n    <\/center>\n    <div class=\"pin-pad-buttons\">\n        <div class=\"pin-pad-button pin-pad-entry\">1<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">2<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">3<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">4<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">5<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">6<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">7<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">8<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">9<\/div>\n        <div class=\"pin-pad-button\" onClick=\"closePinPad()\">Back<\/div>\n        <div class=\"pin-pad-button pin-pad-entry\">0<\/div>\n        <div class=\"pin-pad-button\" onClick=\"verifyPinNumber()\">Enter<\/div>    \n    <\/div><!--pin-pad-buttons-->\n<\/div>\n<div id=\"aio-quick-pick-time-clock\" style=\"display:none;\">\n    <div id=\"clockMessage\"><\/div>\n    <div id=\"employeeName\" class=\"wideCenter\"><\/div>\n    <div id=\"jsTimer\"><strong>Current Time<\/strong>:<\/div>\n    <div class=\"timeClockBeef\">\n        <\/div><!--aio-quick-pick-time-clock-->\n<input type=\"hidden\" name=\"open_shift_id\" id=\"open_shift_id\">\n<input type=\"hidden\" name=\"employee_id\" id=\"employee_id\">\n<input type=\"hidden\" name=\"clock_action\" id=\"clock_action\">\n<input type=\"hidden\" name=\"shift_lat\" id=\"shift_lat\">\n<input type=\"hidden\" name=\"shift_long\" id=\"shift_long\">\n<input type=\"hidden\" name=\"employee_id\" id=\"employee_id\" value=\"0\">\n<input type=\"hidden\" name=\"nonce\" id=\"nonce\" value=\"7efcf65d4c\">\n<input type=\"hidden\" name=\"location_check\" id=\"location_check\" value=\"\">\n<style>\n    #aio-quick-pick-time-clock, #aio-tc-pin-pad{\n        padding: 10px;\n        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n    }\n\n    #aio-shift-notes-results{\n        paddint: 10px;\n        text-align: center;\n    }\n\n    .clearable-input {\n        position: relative;\n        display: inline-block;\n    }\n    .clearable-input > input {\n        padding-right: 1.4em;\n    }\n    .clearable-input:hover > [data-clear-input] {\n        display: block;\n    }\n    .clearable-input > [data-clear-input] {\n        display: none;\n        position: absolute;\n        top: 0;\n        right: 0;\n        font-weight: bold;\n        font-size: 1.4em;\n        padding: 0 0.2em;\n        line-height: 1em;\n        cursor: pointer;\n    }\n    .clearable-input > input::-ms-clear {\n        display: none;\n    }\n\n    #pin_number{\n        text-align: center;\n        border: 1px solid #006494;\n        font-size: 20px;\n    }\n\n    .pin-pad-input{\n        width: 60%;  \n        padding: 10px;\n    }\n\n    #myInput {\n        background-image: url(\"\/css\/searchicon.png\");\n        background-position: 10px 12px;\n        background-repeat: no-repeat;\n        width: 100%;\n        font-size: 16px;\n        padding: 12px 20px 12px 42px;\n        border: 1px solid #ddd;\n        margin-bottom: 12px;\n    }\n\n    #quickPickTable {\n        border-collapse: collapse;\n        border-spacing: 0;\n        width: 100%;\n        border: 1px solid #ddd;\n    }\n\n    #quickPickTable th, #quickPickTable td {\n        border: none;\n        text-align: left;\n        padding: 12px;\n    }\n\n    #quickPickTable tr {\n        border-bottom: 1px solid #ddd;\n    }\n\n    #quickPickTable tr:hover {\n        background-color: #e2e2e2;\n    }\n\n    .w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {\n        color: #000!important;\n        background-color: #f1f1f1!important;\n    }\n\n\n    .pin-pad-buttons {\n        display: flex;\n        font-family: Helvetica;\n        font-weight: 400;\n        flex-wrap: wrap;\n        justify-content: flex-start;\n        margin: 0 auto;\n        width: 310px;\n    }\n\n    .pin-pad-button {\n        border: 1px solid #006494;\n        border-radius: 50px;\n        color: #006494;\n        cursor: pointer;\n        display: inline-block;\n        font-size: 26px;\n        height: 80px;\n        line-height: 80px;\n        margin: 10px;\n        text-align: center;\n        width: 80px;\n        -webkit-transition: all 0.3s;\n        transition: all 0.3s;\n    }\n\n    .pin-pad-button:hover {\n        background-color: #006494;\n        color: #FFFFFF;\n    }\n\n    .aio-action-btn, .aio-action-button {\n        border: none;\n        display: inline-block;\n        padding: 8px 16px;\n        vertical-align: middle;\n        overflow: hidden;\n        text-decoration: none;\n        color: inherit;\n        background-color: inherit;\n        text-align: center;\n        cursor: pointer;\n        white-space: nowrap;\n    }\n\n    .aio-black {\n        color: #fff!important;\n        background-color: #000!important;\n    }\n\n    .aio-red {\n        color: #fff!important;\n        background-color: #f44336!important;\n    }\n\n    .aio-green {\n        color: #fff!important;\n        background-color: #008000 !important;\n    }\n\n    .aio-hover-black:hover {\n        color: #000!important;\n        background-color: #fff!important;\n    }\n\n    #pinPadMessage, #jsTimer, .wideCenter{\n        text-align: center;\n        width: 100%;\n    }\n\n    .timeClockBeef{\n        padding: 10px;\n    }\n\n    .aioSpacerDiv{\n        padding-bottom: 10px;\n    }\n<\/style>\n<a onclick=\"quickPickTimeClockProcess()\" class=\"aio-action-btn aio-green full-width-button\" id=\"quickPickClockButton\">Clock In<\/a>\n        <div class=\"aioSpacerDiv\"><\/div>\n        <a onclick=\"closePinPad()\" class=\"aio-action-btn aio-black full-width-button\">Back to List<\/a><\/div>\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/pages\/1561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/comments?post=1561"}],"version-history":[{"count":5,"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/pages\/1561\/revisions"}],"predecessor-version":[{"id":1947,"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/pages\/1561\/revisions\/1947"}],"wp:attachment":[{"href":"https:\/\/noodlestation.is\/is\/wp-json\/wp\/v2\/media?parent=1561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}