{"errorCode":0,"data":"<div class=\"modal fade\" id=\"modal-div\" role=\"dialog\" style=\"overflow:visible\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\">Tag 12761 for recording    (ID 2074)<\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times<\/span><\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <div class=\"row\">\n                    <div id=\"tag-panel\" class=\"col-12\">\n                        <form id=\"tagForm\" data-disabled=\"1\">\n                            <input name=\"tag_id\" type=\"hidden\" value=\"12761\">\n                            <input name=\"recording_id\" type=\"hidden\" value=\"2074\">\n                            <input class='js-species-id' data-type=\"edit\" name='species_id' type='hidden' value=\"2042\">\n                            <input id=\"old_call_distance\" type=\"hidden\" value=\"38\">\n                            <input id=\"edit\" type=\"hidden\" value=\"1\">\n                            <div class=\"form-row align-items-center\">\n                                <div class=\"form-group col-6\">\n                                    <label class=\"col-form-label-sm\" for=\"soundscape_component\">Soundscape Component<\/label>\n                                    <select id=\"soundscape_component\" name=\"soundscape_component\" class=\"custom-select custom-select-sm\">\n                                                                                    <option value=\"biophony\" selected>biophony<\/option>\n                                                                                    <option value=\"anthropophony\" >anthropophony<\/option>\n                                                                                    <option value=\"geophony\" >geophony<\/option>\n                                                                                    <option value=\"other\" >other<\/option>\n                                                                            <\/select>\n                                <\/div>\n                                <div class=\"form-group col-6\">\n                                    <label class=\"col-form-label-sm\" for=\"sound_id\">Sound Type<\/label>\n                                    <select id=\"sound_id\" name=\"sound_id\" data-live-search=\"true\">\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <\/select>\n                                <\/div>\n                            <\/div>\n                            <div class=\"form-row align-items-center biophony\">\n                                <div class=\"form-group col-auto\">\n                                    <label class=\"col-form-label-sm\" for=\"speciesName\">Species<\/label>\n                                    <input id=\"speciesName\"\n                                           data-type=\"edit\"\n                                           class=\"form-control form-control-sm mb-1 js-species-autocomplete\"\n                                           type=\"text\"\n                                           size=\"30\"\n                                           value=\"Orthotomus sericeus\"\n                                    >\n                                    <a class=\"col-form-label-sm\" href=\"#\" target=\"_blank\" id=\"googleImages\"> Images<\/a> | <a class=\"col-form-label-sm\" href=\"#\" target=\"_blank\" id=\"xenoImages\">Xeno-canto (for birds only)<\/a>\n                                <\/div>\n                                <div class=\"form-group col-auto\">\n                                    <div class=\"form-check form-control-sm pt-2\" id=\"uncertain_check\">\n                                        <input class=\"form-check-input\" id=\"uncertain\" name=\"uncertain\" type=\"checkbox\" value=\"1\" >\n                                        <label class=\"form-check-label\" for=\"uncertain\">Uncertain?<\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <label class=\"col-form-label-sm\" for=\"min_time\">Time <\/label>\n                                <div class=\"form-inline\">\n                                    <input id=\"min_time\" class=\"form-control form-control-sm mr-2 ml-1\" name=\"min_time\" type=\"text\" maxlength=\"100\" value=\"165\"> -\n                                    <input id=\"max_time\" class=\"form-control form-control-sm ml-2 mr-2\" name=\"max_time\" type=\"text\" maxlength=\"100\" value=\"188\">\n                                    <label class=\"col-form-label-sm\" for=\"max_time\">sec<\/label>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <label class=\"col-form-label-sm\" for=\"min_freq\">Frequency <\/label>\n                                <div class=\"form-inline\">\n                                    <input id=\"min_freq\" class=\"form-control form-control-sm mr-2 ml-1\" name=\"min_freq\" type=\"text\" maxlength=\"100\" value=\"2206\"> -\n                                    <input id=\"max_freq\" class=\"form-control form-control-sm ml-2 mr-2\" name=\"max_freq\" type=\"text\" maxlength=\"100\" value=\"4107\">\n                                    <label class=\"col-form-label-sm\" for=\"max_freq\">Hz<\/label>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-row align-items-center mt-2 biophony\" id=\"distance_group\">\n                                <div class=\"form-group col-auto\">\n                                    <label class=\"col-form-label-sm\" for=\"callDistance\">Sound Distance <\/label>\n                                    <input id=\"callDistance\" class=\"form-control form-control-sm\" name=\"sound_distance_m\" type=\"number\" value=\"38\" readonly>\n                                <\/div>\n                                <div class=\"form-group col-auto\">\n                                    <div class=\"form-check form-control-sm pt-4\" id=\"dist_check\">\n                                        <input class=\"form-check-input\" id='distanceNotEstimable' name=\"distance_not_estimable\" type=\"checkbox\" value=\"1\" >\n                                        <label class=\"form-check-label\" for=\"distanceNotEstimable\">\n                                            Distance not estimable\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-row\">\n                                <div class=\"form-group col-4 biophony\" id=\"individuals_group\">\n                                    <label class=\"col-form-label-sm\" for=\"individuals\">Individuals <\/label>\n                                    <input id=\"individuals\" class=\"form-control form-control-sm\" name=\"individuals\" min=\"0\" max=\"1000\" type=\"number\" value=\"1\" required>\n                                    <div class=\"invalid-feedback\">\n                                        Please introduce a valid individuals.\n                                    <\/div>\n                                <\/div>\n                                <div class=\"form-group col-4 biophony\">\n                                    <label class=\"col-form-label-sm\" for=\"type\">Animal Sound Type<\/label>\n                                    <select id=\"animal_sound_type\" name=\"animal_sound_type\" class=\"custom-select custom-select-sm\">\n                                        <option value=\"0\"><\/option>\n                                                                                    <option value=\"19\" >Alarm<\/option>\n                                                                                    <option value=\"10\" >Call - begging<\/option>\n                                                                                    <option value=\"8\" >Call - contact<\/option>\n                                                                                    <option value=\"9\" >Call - flight<\/option>\n                                                                                    <option value=\"1\" selected>Call - unspecific<\/option>\n                                                                                    <option value=\"3\" >Non-vocal<\/option>\n                                                                                    <option value=\"2\" >Song<\/option>\n                                                                            <\/select>\n                                <\/div>\n                                <div class=\"form-group col-4\">\n                                    <div class=\"form-check form-control-sm pt-5\" id=\"reference\">\n                                        <input class=\"form-check-input\" id=\"referenceCall\" name=\"reference_call\" type=\"checkbox\" value=\"1\" >\n                                        <label class=\"form-check-label\" for=\"referenceCall\">Reference call<\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <label for=\"comments\" class=\"sr-only\">Comments<\/label>\n                                <textarea id=\"comments\" name=\"comments\" class=\"form-control form-control-sm\" placeholder=\"Insert your comments\" maxlength=\"200\" rows=\"3\"><\/textarea>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                                                    <div class=\"col-form-label-sm\">Creator Type: user<\/div>\n                                                                                                <a href=\"#\" id=\"exportTagUrl\" class=\"btn btn-link inline\" title=\"Export URL to clipboard\">\n                                    <i class=\"fa fa-share-alt\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/form>\n                    <\/div>\n                    <div id=\"review-panel\">\n                        <form id=\"reviewForm\" data-disabled=\"\">\n        <div class=\"review-table\">\n        <table class=\"table table-sm\">\n            <thead>\n            <tr>\n                                <th scope=\"col\" class=\"col-form-label-sm\">Status<\/th>\n                <th scope=\"col\" class=\"col-form-label-sm\">Species<\/th>\n                <th scope=\"col\" class=\"col-form-label-sm\">Date<\/th>\n            <\/tr>\n            <\/thead>\n            <tbody>\n                        <\/tbody>\n        <\/table>\n    <\/div>\n<\/form>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"modal-footer\">\n                                    <div class=\"btn-group\">\n                        <button type=\"button\" class=\"btn btn-outline-primary\" hidden id=\"saveButton\" disabled>\n                            <i class=\"fas fa-save\" aria-hidden=\"true\"><\/i> Save & Close\n                        <\/button>\n                        <a class=\"btn btn-outline-primary dropdown-toggle type-btn\" data-toggle=\"dropdown\" hidden aria-haspopup=\"true\" aria-expanded=\"false\">\n                            <i class=\"la la-angle-down\"><\/i>\n                        <\/a>\n                        <div class=\"dropdown-menu\">\n                            <a class=\"dropdown-item save-type\" href=\"#\">Save & Close<\/a>\n                            <a class=\"dropdown-item save-type\" href=\"#\">Save & Next Tag<\/a>\n                            <a class=\"dropdown-item save-type\" href=\"#\">Save & Previous Tag<\/a>\n                            <a class=\"dropdown-item save-type\" href=\"#\">Save Only<\/a>\n                        <\/div>\n                    <\/div>\n                    <a class='btn btn-outline-primary' id=\"btn-previous\">\n                        <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i> Previous\n                    <\/a>\n                    <a class='btn btn-outline-primary' id=\"btn-next\">\n                        <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> Next\n                    <\/a>\n                    <script>\n                        var sound_id = $.cookie('save_button');\n                        $('.save-type').click(function () {\n                            if ($.cookie('cookieConsent') == 'accepted') {\n                                $.cookie('save_button', $(this).text(), {path: '\/', expires: 180, samesite: 'None'});\n                            }\n                            $('#saveButton').html('<i class=\"fa fa-save\"><\/i> ' + $(this).text());\n                        })\n                    <\/script>\n                                <button type=\"button\" class=\"btn btn-outline-danger\" hidden id=\"deleteButton\" data-tag-id=\"12761\">\n                    <i class=\"fas fa-trash-alt\" aria-hidden=\"true\"><\/i> Delete\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<script>\n    var soundTypes =[{\"sound_id\":22,\"soundscape_component\":\"other\",\"sound_type\":\"\"},{\"sound_id\":15,\"soundscape_component\":\"geophony\",\"sound_type\":\"\"},{\"sound_id\":10,\"soundscape_component\":\"anthropophony\",\"sound_type\":\"\"},{\"sound_id\":6,\"soundscape_component\":\"biophony\",\"sound_type\":\"\"},{\"sound_id\":18,\"soundscape_component\":\"other\",\"sound_type\":\"ambient sound (background)\"},{\"sound_id\":2,\"soundscape_component\":\"biophony\",\"sound_type\":\"bat swarm\"},{\"sound_id\":5,\"soundscape_component\":\"biophony\",\"sound_type\":\"bird chorus\"},{\"sound_id\":13,\"soundscape_component\":\"geophony\",\"sound_type\":\"earthquake\"},{\"sound_id\":17,\"soundscape_component\":\"other\",\"sound_type\":\"equipment self-noise\"},{\"sound_id\":1,\"soundscape_component\":\"biophony\",\"sound_type\":\"fish chorus\"},{\"sound_id\":7,\"soundscape_component\":\"anthropophony\",\"sound_type\":\"human voices\"},{\"sound_id\":3,\"soundscape_component\":\"biophony\",\"sound_type\":\"insect broadband noise\"},{\"sound_id\":9,\"soundscape_component\":\"anthropophony\",\"sound_type\":\"mining\"},{\"sound_id\":14,\"soundscape_component\":\"geophony\",\"sound_type\":\"rain\"},{\"sound_id\":4,\"soundscape_component\":\"biophony\",\"sound_type\":\"reptile\"},{\"sound_id\":16,\"soundscape_component\":\"other\",\"sound_type\":\"template matching result\"},{\"sound_id\":21,\"soundscape_component\":\"other\",\"sound_type\":\"TEST\"},{\"sound_id\":19,\"soundscape_component\":\"other\",\"sound_type\":\"thermal bat detection\"},{\"sound_id\":8,\"soundscape_component\":\"anthropophony\",\"sound_type\":\"transportation\"},{\"sound_id\":20,\"soundscape_component\":\"other\",\"sound_type\":\"unknown\"},{\"sound_id\":12,\"soundscape_component\":\"geophony\",\"sound_type\":\"wave\"},{\"sound_id\":11,\"soundscape_component\":\"geophony\",\"sound_type\":\"wind\"}];\n    if ($('#modalX').val() && $('#modalX').val()) {\n        $(\"#modal-div\").offset({\n            left: $('#modalX').val(),\n            top: $('#modalY').val(),\n        })\n    }\n    $(document).ready(function () {\n                $(\"#soundscape_component\").change()\n                $('#sound_id').selectpicker('refresh');\n        $(\".btn\").css(\"text-align\", \"left\");\n        $('#tag-panel').on('input', 'input, select', function () {\n            $('#saveButton').removeAttr('disabled');\n            $('.type-btn').removeAttr('disabled');\n        });\n        $('#sound_id').on('changed.bs.select', function () {\n            $('#saveButton').removeAttr('disabled');\n            $('.type-btn').removeAttr('disabled');\n        });\n        $('#reviewForm').on('click', 'button', function () {\n            $('#saveButton').removeAttr('disabled');\n            $('.type-btn').removeAttr('disabled');\n        });\n                if ($.cookie('save_button')) {\n            $('#saveButton').html('<i class=\"fa fa-save\"><\/i> ' + $.cookie('save_button'));\n        }\n            });\n    $(\"#modal-div\").on('shown.bs.modal', function () {\n        if ($(\"#animal_sound_type\")[0].options.length == 1) {\n            $(\"#animal_sound_type\").attr('disabled', true)\n        }\n        $(this).find('#speciesName').focus();\n    });\n    $(\"#soundscape_component\").on('change', function () {\n        if ($(\"#soundscape_component\").find(\"option:selected\").text() == 'biophony') {\n            $(\".biophony\").show()\n            $(\"#reference\").addClass('pt-5')\n        } else {\n            $(\".biophony\").hide()\n            $(\"#reference\").removeClass('pt-5')\n        }\n                $('#sound_id').empty()\n        for (var key in soundTypes) {\n            if (soundTypes[key]['soundscape_component'] == $(\"#soundscape_component\").find(\"option:selected\").text()) {\n                if (soundTypes[key]['sound_id'] == '6') {\n                    $('#sound_id').append(\"<option value='\" + soundTypes[key]['sound_id'] + \"' selected>\" + soundTypes[key]['sound_type'] + \"<\/option>\");\n                } else {\n                    $('#sound_id').append(\"<option value='\" + soundTypes[key]['sound_id'] + \"'>\" + soundTypes[key]['sound_type'] + \"<\/option>\");\n                }\n            }\n        }\n        $('#sound_id').selectpicker('refresh');\n    })\n        $('#distanceNotEstimable').click(function () {\n        if ($(this).is(':checked')) {\n            $('#callDistance').val(null);\n        } else {\n            $('#callDistance').val($('#old_call_distance').val())\n        }\n    });\n    $(\"#modal-div\").draggable({\n        handle: \".modal-header\",\n        drag: function () {\n            $('.modal-backdrop').remove();\n        }\n    });\n        $('#btn-next').on('click', function (e) {\n        $(\"#x\").val('261.4');\n        $(\"#w\").val('268.7');\n        $(\"#y\").val('1517');\n        $(\"#h\").val('3336');\n        $(\"#open\").val('12762');\n        $(\"#modalX\").val($('#modal-div').offset().left)\n        $(\"#modalY\").val($('#modal-div').offset().top)\n        $('#recordingForm').attr('action', \"https:\/\/ecosound-web.de\/ecosound_web\/recording\/show\/2074\")\n        $(\"#recordingForm\").submit();\n        e.preventDefault();\n    })\n            $('#btn-previous').on('click', function (e) {\n        $(\"#x\").val('15');\n        $(\"#w\").val('41');\n        $(\"#y\").val('3115');\n        $(\"#h\").val('4135');\n        $(\"#open\").val('13233');\n        $(\"#modalX\").val($('#modal-div').offset().left)\n        $(\"#modalY\").val($('#modal-div').offset().top)\n        $('#recordingForm').attr('action', \"https:\/\/ecosound-web.de\/ecosound_web\/recording\/show\/2074\")\n        $(\"#recordingForm\").submit();\n        e.preventDefault();\n    })\n    <\/script>"}