{"id":204,"date":"2020-10-21T03:21:18","date_gmt":"2020-10-21T03:21:18","guid":{"rendered":"http:\/\/3.129.194.108\/blog\/?page_id=204"},"modified":"2021-03-01T07:01:31","modified_gmt":"2021-03-01T07:01:31","slug":"smarthublogin","status":"publish","type":"page","link":"https:\/\/beta.avc-smarthub-dev01.xyz\/","title":{"rendered":"SmartHubLogin"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#081049&#8243; background_color_gradient_end=&#8221;#304CEB&#8221; background_enable_image=&#8221;off&#8221; parallax=&#8221;on&#8221; min_height=&#8221;869px&#8221; height=&#8221;949px&#8221; custom_margin=&#8221;-32px||-76px||false|false&#8221; custom_padding=&#8221;613px||417px||false|false&#8221;][et_pb_row _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; background_enable_image=&#8221;off&#8221; vertical_offset=&#8221;31px&#8221; z_index=&#8221;84&#8243; max_width=&#8221;1183px&#8221; min_height=&#8221;75px&#8221; custom_margin=&#8221;-456px|auto||auto||&#8221; custom_padding=&#8221;87px|||||&#8221; animation_style=&#8221;fade&#8221; animation_duration=&#8221;650ms&#8221;][et_pb_column type=&#8221;4_4&#8243; admin_label=&#8221;Column&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Abel|700||||on|||&#8221; text_text_color=&#8221;#ffffff&#8221; text_font_size=&#8221;70px&#8221; text_letter_spacing=&#8221;14px&#8221; positioning=&#8221;relative&#8221; vertical_offset=&#8221;37px&#8221; z_index=&#8221;323&#8243; min_height=&#8221;0px&#8221; custom_padding=&#8221;||0px|||&#8221; text_text_shadow_style=&#8221;preset1&#8243;]<\/p>\n<p style=\"text-align: center;\">SmartHub<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Row&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;10&#8243; custom_padding=&#8221;||0px|||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Abel|||||on|||&#8221; text_text_color=&#8221;#ffffff&#8221; text_font_size=&#8221;50px&#8221; text_letter_spacing=&#8221;5px&#8221; positioning=&#8221;relative&#8221; vertical_offset=&#8221;44px&#8221; z_index=&#8221;182&#8243; min_height=&#8221;9px&#8221; custom_padding=&#8221;0px||0px|||&#8221;]<\/p>\n<p style=\"text-align: center;\">Login<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/beta.avc-smarthub-dev01.xyz\/wp-content\/uploads\/2021\/01\/SmartPASSLogoTransparent75.png&#8221; title_text=&#8221;SmartPASSLogoTransparent50&#8243; admin_label=&#8221;Image&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/beta.avc-smarthub-dev01.xyz\/wp-content\/uploads\/2021\/01\/SmartPASSLogoTransparent50.png&#8221; background_size=&#8221;contain&#8221; transform_scale=&#8221;85%|85%&#8221; positioning=&#8221;relative&#8221; vertical_offset=&#8221;12px&#8221; horizontal_offset=&#8221;0px&#8221; z_index=&#8221;321&#8243; width=&#8221;100%&#8221; max_width=&#8221;26%&#8221; module_alignment=&#8221;center&#8221; height=&#8221;307px&#8221; custom_margin=&#8221;-374px||||false|false&#8221; custom_padding=&#8221;41px|77px||208px|false|false&#8221; filter_saturate=&#8221;0%&#8221; filter_brightness=&#8221;200%&#8221; filter_contrast=&#8221;0%&#8221;][\/et_pb_image][et_pb_image title_text=&#8221;PurpleDiamondLine&#8221; align=&#8221;center&#8221; admin_label=&#8221;Image&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/jls.avc-smarthub-dev01.xyz\/wp-content\/uploads\/2021\/01\/PurpleDiamondLine.png&#8221; background_size=&#8221;contain&#8221; transform_scale=&#8221;315%|315%&#8221; positioning=&#8221;relative&#8221; vertical_offset=&#8221;216px&#8221; horizontal_offset=&#8221;0px&#8221; z_index=&#8221;-480&#8243; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; min_height=&#8221;0px&#8221; height=&#8221;299px&#8221; max_height=&#8221;1000px&#8221; custom_margin=&#8221;-408px||||false|false&#8221; custom_padding=&#8221;41px|77px||208px|false|false&#8221; filter_saturate=&#8221;0%&#8221; filter_brightness=&#8221;200%&#8221; filter_opacity=&#8221;0%&#8221; animation_style=&#8221;zoom&#8221; animation_duration=&#8221;1100ms&#8221; sticky_limit_top=&#8221;body&#8221; scroll_vertical_motion=&#8221;0|72|72|100|4|0|-4&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Row&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;0px|-218px&#8221; transform_translate_linked=&#8221;off&#8221; min_height=&#8221;100px&#8221; height=&#8221;100px&#8221; max_height=&#8221;100px&#8221; custom_margin=&#8221;0px|auto|0px|auto|false|false&#8221; custom_padding=&#8221;0px||0px|0px|false|false&#8221;][et_pb_column type=&#8221;4_4&#8243; admin_label=&#8221;Column&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; min_height=&#8221;390px&#8221; custom_margin=&#8221;-311px|auto||auto|false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221;][et_pb_column type=&#8221;1_3&#8243; admin_label=&#8221;Column&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;499&#8243;][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; admin_label=&#8221;Column&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;500&#8243;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; link_text_color=&#8221;#ffffff&#8221; background_enable_color=&#8221;off&#8221; positioning=&#8221;relative&#8221; vertical_offset=&#8221;113px&#8221; z_index=&#8221;500&#8243; text_orientation=&#8221;center&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;-46px|||||&#8221; custom_padding=&#8221;0px|16px|4px|16px|false|false&#8221; filter_hue_rotate=&#8221;185deg&#8221; filter_saturate=&#8221;200%&#8221; hover_enabled=&#8221;0&#8243; global_module=&#8221;614&#8243; saved_tabs=&#8221;all&#8221; custom_css_main_element__hover_enabled=&#8221;off|desktop&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>&nbsp;<\/p>\n<div id=\"div_login_pw\" style=\"color: #000000; font-size: 12px; text-align: center;\">   <input type='text' class='form-control formcls' id='username_id' placeholder='Username' style='background-color: #383737; color: #FFFFFF;' placeholder='Username'  ><br \/>    <input type='password' class='form-control formcls' id='pw_id' placeholder='Password' style='background-color: #383737; color: #FFFFFF;' placeholder='Password'  ><\/div>\n<div id=\"div_status_msg\"><\/div>\n<div>  <form id='smartpass_login_01' class='form-horizontal' role='form' data-formToApp_field_map='{\"username_id\":\"username\",\"pw_id\":\"password\"}' data-action_api_type='post' data-action_api='\/api\/v1\/login' data-action_handler_funct='accessByLogin' data-next_page='https:\/\/beta.avc-smarthub-dev01.xyz\/?page_id=53'  >    <div class='form-group'>  <script>\n  \/\/ List if widget ids to include with processing the form.\n  var widgets_in_form_smartpass_login_01 = [ 'username_id','pw_id' ];\n\t( function($) { \/\/ Start of Guard\n    $(document).ready(function(){\n    $('#userlogin_id').click(function() {\n      if( widgets_in_form_smartpass_login_01 ) {\n        console.log('Registered Widgets with form: '+ widgets_in_form_smartpass_login_01.toString());\n      }\n      var el_in_form = document.forms['smartpass_login_01'].getElementsByTagName('input');\n      console.log('Registered Inputs with form: ' + el_in_form.toString());\n      var element_dict = {};\n      \/\/ Collect inner HTML form input elements\n      for (const el of el_in_form) { \/\/ Get the element's attributes and process\n        \/\/ Get Id, and add to the element_dict\n        var el_id = el.getAttribute('id');\n        console.log('Element in Form Id: ' + el_id);\n        element_dict[ el_id ] = el;\n\t\t}\n\t  \/\/ Collectform_id\"m input fields provided in the 'widgets_in_form_' attribute\n      for (const widget_id of widgets_in_form_smartpass_login_01) {\n\t\tconsole.log(\"Form getting widget: \"+widget_id);\n        var el_widget = document.getElementById( widget_id );\n        if( el_widget ) {\n\t\t  console.log(\"Form to element_dict by id: \"+widget_id);\n          element_dict[ widget_id ] = el_widget;\n        }\n        else if( document.getElementsByName( widget_id ) ) {\n          element_dict[ widget_id ] = document.getElementsByName( widget_id );\n\t\t  console.log(\"Form to element_dict by name: \"+widget_id);\n        }\n\t\telse {\n\t\t  console.log(\"Form getting widget not found for widget: \"+widget_id);\n\t\t}\n      }\n\t  \/\/ Collect the form attributes\n\t  var formdata_dict = {};\n\t  \/\/var formE = document.forms['smartpass_login_01'];\n\t  \/\/var formE = document.forms['smartpass_name_01'];\n\t  var formE = $('#smartpass_login_01');\n\t  \/\/ Assign the form Id to the formdata_dict\n\t  formdata_dict[\"form_id\"] = \"smartpass_login_01\";\n\t  \/\/formdata_dict[\"form_id\"] = formE.get_attribute(\"id\");\n\t  \/\/ example: data-action_api_type=\"post\" data-action_api=\"\/api\/v1\/login\" data-form_handler_funct='accessByLoginForm' \n\t  \/\/ see below for replaing the data-form_handler_funct called directly with params.\n\t  var action_api_type = formE.data( \"action_api_type\"); \n\t  var action_api = formE.data( \"action_api\" );\n\t  if( action_api_type == null ) {\n\t\t  action_api_type = \"post\"; \/\/ default\n\t  }\t  \n\t  if( action_api == null ) {\n\t\t  action_api = formE.getAttribute(\"data-action_api\");\n\t  }\n\t  if( action_api == null ) {\n\t      alert(\"must specify form param 'action_api' in button attr prefixed with 'data-'\");\n          return;\n      }\n\t  formdata_dict[\"action_api_type\"] = action_api_type;\n\t  formdata_dict[\"action_api\"] = action_api;\n\t  \/\/ Get the rest of the form attributes\n      \/\/ js Snippet for getting the form parameters to an array\n      let all_form_params = formE.data();\n      $.each( all_form_params, function(name, val)\n        {\n            console.log(\"Form attribute name: \"+name);\n            \/\/ Filter out the already existing from above\n            if( name != \"action_api_type\" && name != \"action_api\" ) {\n            \t\/\/ If started with _s_ with the card handling\n            \tif( name.startsWith(\"_s_\") ) {\n                \tname = name.replace(\/^_s_\/,\"\");\n                \tformdata_dict[name] = val;\n            \t}\n            \telse {\n                \tformdata_dict[name] = val;\n            \t}\t\t\t\t\n            }\n        });\n      \/\/result = addNewSmartPass( element_dict, formdata_dict );\n\t  \/\/ example: postForm(form_inputEs, form_attrs, inputEs_to_api_map=null) \n      result = postForm( element_dict, formdata_dict ); \/\/ formdata_dict contains the form_appData \n\t  \/\/ TODO: handle error response (e.g. alert)\n      });\n    });\n\t} ) ( jQuery ); \/\/ End of Guard  <\/script>    <\/div>  <\/form>  <div>    <button id='userlogin_id'  class='w3-button w3-gray w3-border w3-border-black w3-round' name='Login'>Login<\/button>  <\/div>  <div id='display_submit_btn_id'><h3><\/h3><\/div><\/div>\n<p class=\"et_pb_forgot_password\" style=\"text-align: center;\"><a href=\"https:\/\/avc-smarthub-dev01.xyz\/?action=lostpassword\">Forgot your password?<\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 12px;\">reCAPTCHA &#8211; I am not a robot<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; admin_label=&#8221;Column&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#090c2d&#8221; background_color_gradient_end=&#8221;#2f6bed&#8221; vertical_offset=&#8221;-388px&#8221; width=&#8221;32%&#8221; module_alignment=&#8221;center&#8221; min_height=&#8221;584px&#8221; filter_opacity=&#8221;64%&#8221; box_shadow_style=&#8221;preset6&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#081049&#8243; background_color_gradient_end=&#8221;#304CEB&#8221; background_enable_image=&#8221;off&#8221; parallax=&#8221;on&#8221; min_height=&#8221;869px&#8221; height=&#8221;949px&#8221; custom_margin=&#8221;-32px||-76px||false|false&#8221; custom_padding=&#8221;613px||417px||false|false&#8221;][et_pb_row _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; background_enable_image=&#8221;off&#8221; vertical_offset=&#8221;31px&#8221; z_index=&#8221;84&#8243; max_width=&#8221;1183px&#8221; min_height=&#8221;75px&#8221; custom_margin=&#8221;-456px|auto||auto||&#8221; custom_padding=&#8221;87px|||||&#8221; animation_style=&#8221;fade&#8221; animation_duration=&#8221;650ms&#8221;][et_pb_column type=&#8221;4_4&#8243; admin_label=&#8221;Column&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Abel|700||||on|||&#8221; text_text_color=&#8221;#ffffff&#8221; text_font_size=&#8221;70px&#8221; text_letter_spacing=&#8221;14px&#8221; positioning=&#8221;relative&#8221; vertical_offset=&#8221;37px&#8221; z_index=&#8221;323&#8243; min_height=&#8221;0px&#8221; custom_padding=&#8221;||0px|||&#8221; text_text_shadow_style=&#8221;preset1&#8243;] SmartHub [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Row&#8221; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;10&#8243; custom_padding=&#8221;||0px|||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.6.5&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Abel|||||on|||&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"_links":{"self":[{"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=\/wp\/v2\/pages\/204"}],"collection":[{"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=204"}],"version-history":[{"count":111,"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=\/wp\/v2\/pages\/204\/revisions"}],"predecessor-version":[{"id":2184,"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=\/wp\/v2\/pages\/204\/revisions\/2184"}],"wp:attachment":[{"href":"https:\/\/beta.avc-smarthub-dev01.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}