{"id":403,"date":"2020-12-10T08:48:35","date_gmt":"2020-12-10T08:48:35","guid":{"rendered":"https:\/\/moop.co.za\/?p=403"},"modified":"2020-12-10T14:56:45","modified_gmt":"2020-12-10T14:56:45","slug":"eight-key-trends-shaping-the-new-normal-for-work-in-south-africa","status":"publish","type":"post","link":"http:\/\/34.251.183.149\/2020\/12\/10\/eight-key-trends-shaping-the-new-normal-for-work-in-south-africa\/","title":{"rendered":"Eight Key Trends Shaping the New Normal for Work in South Africa"},"content":{"rendered":"<p>There\u00b4s\u00a0a fundamental shift in the way people work now as opposed to\u00a0a year, particularly in South Africa were most people were desk-bound in office spaces. Moop did some research and identified 8 key trends that will shape the way in which the world of work will evolve.<\/p>\n<p>Click <a href=\"https:\/\/theorg.com\/insights\/eight-key-trends-shaping-the-new-normal-for-work-in-south-africa\"><b>here<\/b><\/a> to read the article which was written by Moop\u00b4s CEO within her capacity as an editorial fellow for Africa for <a href=\"https:\/\/theorg.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Org.<\/a><\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/moop.co.za\/wp-content\/uploads\/2020\/12\/8-Key-considerations-about-working-in-the-new-normal_-212x300.png\" alt=\"\" width=\"212\" height=\"300\" \/><\/p>\n<h3><\/h3>\n<h3>Access and download this infographic for free<\/h3>\n\n<style>\n    <\/style>\n\n\t<!-- Start form -->\n    <div class=\"_wplf liveforms\">\n        <div id=\"liveform_container_403\">\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-md-12\">\n\n\n\t\t\t\t\t\t\n\n\n\n\t\t\t\t\t<div class=\"btn-group btn-breadcrumb hide\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div id=\"formarea\">\n\t\t\t\t<form id=\"form-455\"  action=\"\" method=\"post\" enctype=\"multipart\/form-data\" >\n\t\t\t\t\t<input type=\"hidden\" id=\"__isliveforms\" name=\"__isliveforms\" value=\"159be5a7ed\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wp-json\/wp\/v2\/posts\/403\" \/>\t\t\t\t\t<input type=\"hidden\" id=\"formid\" name=\"form_id\" value=\"455\" \/>\n\t\t\t\t\t<input type=\"hidden\" id=\"fields\" name=\"fields\" value=\"USzKuGROIJG2WaEaneGn0VrFVsfxMWBMMrO19JntaF-wFssWbmxkktbsWAtARwQZtE9QvJprbpPy5f7zA-92n8lhtWTGQ28SII-x9YyXpDbOaXUr-3XaJxMOhbIMnYeyxClSfun5KMfKQoAPHqBN4Q\" \/>\n\t\t\t\t\t<div class='tab-content'> <!-- part 0 start --> <div class='tab-pane active' id='form_part_0'><div id=\"Name_1607607979582\" class='form-group  ' data-cond-fields=\"\" data-cond-action=\":\" >\n    <label for='field' style='display: block;clear: both'>\n        Name                    <span class=\"note\"><\/span>\n            <\/label>\n    <input type='text' name='submitform[Name_1607607979582]'  id = 'field_Name_1607607979582'  placeholder='' class='form-control'  \/>    <\/div>\n<div id=\"Email_1607607982796\" class='form-group  ' data-cond-fields=\"\" data-cond-action=\":\" >\n    <label for='field' style='display: block;clear: both'>\n        Email                    <span class=\"note\"><\/span>\n            <\/label>\n    <input type='email' name='submitform[Email_1607607982796]'  id = 'field_Email_1607607982796'  placeholder='' class='form-control'  \/>    <\/div>\n<div class='row'><div class='col-md-12'><div class='text-left' ><button type='submit' id='submit' class='submit-btn btn btn-warning  ' data-parent='form_part_0'>Download Now<\/button><\/div><\/div><\/div><\/div> <!-- part 0 end --> <\/div>\t\t\t\t<\/form>\n\t\t\t<\/div>\n        <\/div>\n    <\/div>\n\t<!-- End form -->\n\n    <script type='text\/javascript'>\n\n\t\tfunction validateForm() {\n\t\t\tvar validator = jQuery('#form-455').validate({\n                errorPlacement: function(error, element) {\n                    console.log(element);\n                    error.insertAfter(element.parent());\n                    \/*if (element.attr(\"type\") == \"radio\" || element.attr(\"type\") == \"checkbox\" ) {\n                        error.insertAfter(element.parent());\n                    } else {\n                        error.insertAfter(element);\n                    }*\/\n                }\n\n            });\n\t\t\tvar $form = jQuery('#form-455').find('input,select,textarea');\n\t\t\tvar validForm = true;\n\t\t\t$form.each(function() {\n\t\t\t\tif (!validator.element(this)) {\n\t\t\t\t\tvalidForm = false;\n\t\t\t\t\tjQuery(this).parent('.form-group').removeClass('has-success').addClass('has-error');\n\t\t\t\t} else {\n\t\t\t\t\tjQuery(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn validForm;\n\t\t}\n\n\t\tjQuery(function($){\n\n\n\t\t                var $form = $('#form-455');\n\t\t\tvar submit_btn_text;\n\t\t\tvar next_part_id;\n\t\t\tvar this_part_id;\n\n            var set_show = {display: 'block'};\n            var set_hide = {display: 'none'};\n            var validator = $('#form-604f4a5a3e478').validate();\n            var validInput = true;\n\n            var submit_button_label = \"Download Now\";\n            var submit_button_busy_label = \"txt\";\n\n            $('.nav-wizard li a').on('click', function () {\n                if($(this).parent('li').hasClass('disabled'))\n                    return false;\n            });\n\n            $('input,select,textarea').on('change', function () {\n                var validator = $form.validate();\n                if (!validator.element(this)) {\n                    $(this).parent('.form-group').removeClass('has-success').addClass('has-error');\n                } else {\n                    $(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n                }\n            });\n\n\n            $('.change-part').on('click', function() {\n                next_part_id = $(this).attr('data-next');\n                this_part_id = $(this).attr('data-parent');\n\n\n                \/* Pre validate *\/\n                validInput = true;\n                var $inputs = $('#' + this_part_id).find(\"input,select,textarea\");\n                $inputs.each(function() {\n                    if (!validator.element(this)) {\n                        validInput = false;\n                        $(this).parent('.form-group').removeClass('has-success').addClass('has-error');\n                    } else {\n                        $(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n                    }\n                });\n\n                if (validInput == true) {\n                    $('.liveforms-nav-wizard li').removeClass('active');\n                    $('#' + next_part_id + '_crumb').removeClass('disabled').addClass('active');\n                    $(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n                    $('#' + this_part_id).removeClass('active');\n                    $('#' + next_part_id).addClass('active');\n\n                } else {\n\n                }\n            });\n\n\n            \/*ajax submit*\/\n            var options = {\n                url: 'http:\/\/34.251.183.149\/?action=submit_form',\n                beforeSubmit: function() {\n                    $form.find('button[type=submit]').html(submit_button_busy_label);\n                    $('#formarea').addClass('blockui');\n                },\n                success: function(response) {\n\n                    $('#formarea').removeClass('blockui');\n                    $form.find('button[type=submit]').html(submit_button_label);\n                    if($('#formarea .tab-pane').size() > 1) {\n                        $('#' + this_part_id).css(set_hide);\n                        $('#form_part_0').css(set_show);\n                    }\n\n                    if (response.action === 'success') {\n                        var msg = \"<div class='alert alert-success text-center'>\"+response.message+\"<\/div>\";\n                        $('#formarea').html(msg);\n                        if(response.redirect_to !== undefined){\n                            var rmsg = \"<div class='alert alert-info text-center' style='margin-top: 20px'>Redirecting...<\/div>\";\n                            $('#formarea').append(rmsg);\n                            setTimeout(function (){\n                                location.href = response.redirect_to;\n                            }, 4000);\n                        }\n\n                    } else if (response.action === 'error') {\n                        $('#formarea').append(\"<div class='alert alert-danger' style='margin-top: 20px' onclick='jQuery(this).fadeOut();'><i class='fas fa-exclamation-triangle'><\/i> \"+response.message+\"<\/div>\");\n                    } else {\n                        if(response.action === 'payment'){\n                            $('#formarea').html(response.paymentform);\n                        } else {\n\n                            showAlerts([response.message], 'danger');\n                        }\n                    }\n                },\n                error: function (res){\n                    console.log(res);\n                }\n            };\n            $form.on('submit', function(e) {\n                e.preventDefault();\n                if(validateForm()) {\n                    $form.find('button[type=submit]').html(submit_button_busy_label);\n                    $(this).ajaxSubmit(options);\n                }\n                return false;\n            });\n\n            $('.conditioned').each(function(){\n                var cur_field_id = $(this).attr('id');\n                cur_conditioned_fields = $(this).data('cond-fields');\n                cur_cond_fields = cur_conditioned_fields.split('|');\n                for (i=0 ; i<cur_cond_fields.length ; i++) {\n                    var cond_field = cur_cond_fields[i].split(':');\n                    addConditionClass(jQuery('#'+cond_field[0]), cur_field_id);\n                }\n                $('.cond_filler_'+cur_field_id).each(function(){\n                        if ($(this).attr('type') == 'checkbox' || $(this).attr('type') == 'radio') {\n                            $(this).on('change', function () {\n                                applyRule(cur_field_id);\n                            });\n                        }\n                        else if ($(this).attr('type') == 'text' || $(this).attr('type') == 'email') {\n                            $(this).on('keyup', function () {\n                                applyRule(cur_field_id);\n                            });\n                        }\n                        else {\n                            $(this).on('change', function () {\n                                applyRule(cur_field_id);\n                            });\n                        }\n                    });\n            });\n\n\n            function showAlerts(msgs, type) {\n                jQuery('.formnotice').slideUp();\n                alert_box = '<div style=\"margin-top: 20px\" class=\"alert formnotice alert-' + type + ' disappear\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button>';\n                for (i = 0; i < msgs.length; i++) {\n                    alert_box += '' + msgs[i] + '<br\/>';\n                }\n                alert_box += '<\/div>';\n                jQuery('#form-604f4a5a3e478').append(alert_box);\n\n            }\n\n            function addConditionClass(field_id, cond_class) {\n                jQuery(field_id).each(function(){\n                    if (jQuery(this).is('input') || jQuery(this).is('select'))\n                        jQuery(this).addClass('cond_filler_'+cond_class);\n                    jQuery(this).children().each(function(){\n                        addConditionClass(jQuery(this), cond_class);\n                    })\n                });\n                return false;\n            }\n\n            function compareRule(cmp_operator, cmp_value, input_value) {\n                var comp_res = false;\n                switch(cmp_operator) {\n                    case 'is':\n                        comp_res = input_value === cmp_value;\n                        break;\n                    case 'is-not':\n                        comp_res = input_value !== cmp_value;\n                        break;\n                    case 'less-than':\n                        comp_res = input_value < cmp_value;\n                        break;\n                    case 'greater-than':\n                        comp_res = input_value > cmp_value;\n                        break;\n                    case 'starts-with':\n                        comp_res = input_value.indexOf(cmp_value) === 0;\n                        break;\n                    case 'contains':\n                        comp_res = input_value.indexOf(cmp_value) !== -1;\n                        break;\n                    case 'ends-with':\n                        comp_res = input_value.indexOf(cmp_value) === (input_value.length - cmp_value.length);\n                        break;\n                    default:\n                        comp_res = false;\n                        break;\n\n                }\n\n                return comp_res;\n            }\n\n            function applyRule(field_id) {\n\n                var this_conditions = jQuery('#'+field_id).data('cond-fields').split('|');\n                var this_action = jQuery('#'+field_id).data('cond-action').split(':');\n                var tmp_res = false;\n                var match_all = this_action[1] === 'all';\n                var matched = null;\n\n                $(this_conditions).each(function (index, condition){\n                    condition = condition.split(\":\");\n                    var compare_field = condition[0];\n                    var operator = condition[1];\n                    var compare_with = condition[2];\n                    if(compare_field !== '') {\n                        var input_value = 'not-found';\n                        var input_field = $('#' + compare_field).find('.cond_filler_' + field_id);\n                        if (input_field[0].type === 'radio' || input_field[0].type === 'checlbox')\n                            input_value = $('#' + compare_field + ' .cond_filler_' + field_id + ':checked').val();\n                        else\n                            input_value = input_field.val();\n                        if(matched === null) matched = compareRule(operator, compare_with, input_value);\n                        else {\n                            if (match_all) matched = matched && compareRule(operator, compare_with, input_value);\n                            else matched = matched || compareRule(operator, compare_with, input_value);\n                        }\n                    }\n                });\n\n                if (matched) {\n                    jQuery('#'+field_id).removeClass('hide');\n                } else {\n                    jQuery('#'+field_id).addClass('hide');\n                }\n            }\n\n            \n\t\t});\n    <\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>There\u00b4s\u00a0a fundamental shift in the way people work now as opposed to\u00a0a year, particularly in South Africa were most people were desk-bound in office spaces. Moop did some research and identified 8 key trends that will shape the way in which the world of work will evolve. Click here to read the article which was &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"http:\/\/34.251.183.149\/2020\/12\/10\/eight-key-trends-shaping-the-new-normal-for-work-in-south-africa\/\"> <span class=\"screen-reader-text\">Eight Key Trends Shaping the New Normal for Work in South Africa<\/span>Read More &raquo;<\/a><\/p>\n","protected":false},"author":3,"featured_media":419,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[23],"_links":{"self":[{"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/posts\/403"}],"collection":[{"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/comments?post=403"}],"version-history":[{"count":25,"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/posts\/403\/revisions"}],"predecessor-version":[{"id":463,"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/posts\/403\/revisions\/463"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/media\/419"}],"wp:attachment":[{"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/media?parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/categories?post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/34.251.183.149\/wp-json\/wp\/v2\/tags?post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}