{"id":8160,"date":"2022-01-09T17:43:11","date_gmt":"2022-01-09T16:43:11","guid":{"rendered":"https:\/\/www.quicksted.com\/?post_type=product&#038;p=8160"},"modified":"2024-09-02T11:27:21","modified_gmt":"2024-09-02T09:27:21","slug":"s33-sapui5-und-odata","status":"publish","type":"product","link":"https:\/\/www.quicksted.com\/en_us\/kurse-schulungen\/s33-sapui5-und-odata\/","title":{"rendered":"[S33 SAPUI5 und oData]"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_breadcrumb _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_breadcrumb][et_pb_wc_cart_notice global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_cart_notice][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_images _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_images][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_title _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_title][et_pb_wc_rating _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_rating][et_pb_wc_price _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_price][et_pb_wc_description _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_description][et_pb_code _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<button class='single_add_to_cart_button button alt' onclick='window.location.href = \"https:\/\/www.quicksted.com\/angebotsanfrage\/\";'>Angebotsanfrage<\/button>[\/et_pb_code][et_pb_wc_add_to_cart global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_add_to_cart][et_pb_wc_meta _builder_version=&#8221;3.0.47&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_wc_meta][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_tabs _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]\t\t\t\t\t[\/et_pb_wc_tabs][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Course Info:<\/strong><\/p>\n<p>[\/et_pb_text][et_pb_tabs _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_tab title=&#8221;Inhalt&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Dieser <strong>Kurs<\/strong> beinhaltet: <strong>16\u00a0Units<\/strong> with a total of <strong>62 Quicks <\/strong>and <strong>56\u00a0\u00dcbungen.<\/strong><\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Grundlagen&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Als Grundlage f\u00fcr diesen Kurs empfehlen den Kurs [S32 \u2013 Einf\u00fchrung in SAPUI5] oder aber die im Kurs vermittelten Grundkenntnisse zur Webprogrammierung mit SAP.<\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Dauer&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The playing time of the Quicks is about <strong>14\u00a0Stunden<\/strong>. Die Bearbeitungszeit der \u00dcbungen ist nat\u00fcrlich benutzerabh\u00e4ngig, wird von uns aber auf <strong>ca. 14 Stunden<\/strong> .<\/p>\n<p>[\/et_pb_tab][\/et_pb_tabs][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Trainer:<\/strong><\/p>\n<p>[\/et_pb_text][et_pb_team_member name=&#8221;Dr. Alexander Maetzing&#8221; position=&#8221;Dozent und Berater&#8221; image_url=&#8221;https:\/\/www.quicksted.com\/wp-content\/uploads\/2018\/05\/alexm.png&#8221; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Although Alexander Maetzing studied physics, he has been working in the SAP environment for more than 20 years. Originally from SAP Basis, he quickly expanded his focus to include programming in SAP systems. The experience from both worlds thus flows into his knowledge transfer.<\/p>\n<p>[\/et_pb_team_member][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.4.8&#8243; global_colors_info=&#8221;{}&#8221;]<div class=\"learndash-wrapper learndash-wrap learndash-shortcode-wrap learndash-shortcode-wrap-course_content-7766_7766_0\"><div class=\"learndash user_has_no_access\" id=\"learndash_post_7766\">\t\t<div class=\"learndash-wrapper\">\n\t\t\t\t\t\t<div class=\"ld-item-list ld-lesson-list ld-course-content-7766\" data-shortcode_instance=\"{&quot;course_id&quot;:7766,&quot;post_id&quot;:7766,&quot;group_id&quot;:0,&quot;paged&quot;:1,&quot;num&quot;:20,&quot;wrapper&quot;:true,&quot;user_id&quot;:0}\">\n\t\t\t<div class=\"ld-section-heading\">\n\n\t\t\t\t\n\t\t\t\t<h2>\n\t\t\t\tCourse Content\t\t\t\t<\/h2>\n\n\t\t\t\t\n\t\t\t\t<div class=\"ld-item-list-actions\" data-ld-expand-list=\"true\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"ld-expand-button ld-primary-background\" id=\"ld-expand-button-7766\" data-ld-expands=\"ld-item-list-7766\" data-ld-expand-text=\"Expand All\" data-ld-collapse-text=\"Collapse All\">\n\t\t\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ld-text\">Expand All<\/span>\n\t\t\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\t\t\t\t\t\t\n\t\t\t\t<\/div> <!--\/.ld-item-list-actions-->\n\t\t\t<\/div> <!--\/.ld-section-heading-->\n\n\t\t\t\n\t<div class=\"ld-item-list-items  ld-item-list-7766\" id=\"ld-item-list-7766\" data-ld-expand-id=\"ld-item-list-7766\" data-ld-expand-list=\"true\">\n\t\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7770 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7770\" data-ld-expand-id=\"ld-expand-7770\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7770\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-01 SAPUI5 und oData] Business Application Studio\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7770\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7770\" id=\"ld-expand-7770\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7770\" id=\"ld-topic-list-7770\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7819\" id=\"ld-table-list-item-7819\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-01-sapui5-und-odata-business-application-studio\/quick\/s33-01-01-sapui5-und-odata-erstellung-des-btp-accounts\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-01-01 SAPUI5 und oData] Erstellung des BTP-Accounts<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7821\" id=\"ld-table-list-item-7821\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-01-sapui5-und-odata-business-application-studio\/quick\/s33-01-02-sapui5-und-odata-generelle-einfuehrung-in-bas\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-01-02 SAPUI5 und oData] Generelle Einfu\u0308hrung in BAS<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7823\" id=\"ld-table-list-item-7823\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-01-sapui5-und-odata-business-application-studio\/quick\/s33-01-03-sapui5-und-odata-erstellung-eines-projekts\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-01-03 SAPUI5 und oData] Erstellung eines Projekts<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7772 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7772\" data-ld-expand-id=\"ld-expand-7772\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7772\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-02 SAPUI5 und oData] Grundlegende Elemente und Binding\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7772\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7772\" id=\"ld-expand-7772\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7772\" id=\"ld-topic-list-7772\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7827\" id=\"ld-table-list-item-7827\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-02-sapui5-und-odata-grundlegende-elemente-und-binding\/quick\/s33-02-01-sapui5-und-odata-eingabe-und-ausgabe\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-02-01 SAPUI5 und oData] Eingabe und Ausgabe<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7829\" id=\"ld-table-list-item-7829\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-02-sapui5-und-odata-grundlegende-elemente-und-binding\/quick\/s33-02-02-sapui5-und-odata-models-und-binding\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-02-02 SAPUI5 und oData] Models und Binding<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7831\" id=\"ld-table-list-item-7831\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-02-sapui5-und-odata-grundlegende-elemente-und-binding\/quick\/s33-02-03-sapui5-und-odata-tabellen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-02-03 SAPUI5 und oData] Tabellen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7774 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7774\" data-ld-expand-id=\"ld-expand-7774\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7774\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-03 SAPUI5 und oData] Binding im Detail\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7774\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7774\" id=\"ld-expand-7774\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7774\" id=\"ld-topic-list-7774\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7837\" id=\"ld-table-list-item-7837\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-03-sapui5-und-odata-binding-im-detail\/quick\/s33-03-01-sapui5-und-odata-property-binding-im-detail\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-03-01 SAPUI5 und oData] Property Binding im Detail<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7839\" id=\"ld-table-list-item-7839\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-03-sapui5-und-odata-binding-im-detail\/quick\/s33-03-02-sapui5-und-odata-aggregation-binding-im-detail\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-03-02 SAPUI5 und oData] Aggregation Binding im Detail<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7841\" id=\"ld-table-list-item-7841\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-03-sapui5-und-odata-binding-im-detail\/quick\/s33-03-03-sapui5-und-odata-element-binding-im-detail\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-03-03 SAPUI5 und oData] Element Binding im Detail<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7776 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7776\" data-ld-expand-id=\"ld-expand-7776\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7776\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-04 SAPUI5 und oData] Neue UI-Elemente in SAPUI5\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t4 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7776\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7776\" id=\"ld-expand-7776\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/4 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7776\" id=\"ld-topic-list-7776\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7845\" id=\"ld-table-list-item-7845\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-04-sapui5-und-odata-neue-ui-elemente-in-sapui5\/quick\/s33-04-01-sapui5-und-odata-urlhelper\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-04-01 SAPUI5 und oData] URLHelper<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7847\" id=\"ld-table-list-item-7847\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-04-sapui5-und-odata-neue-ui-elemente-in-sapui5\/quick\/s33-04-02-sapui5-und-odata-busyindicator\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-04-02 SAPUI5 und oData] BusyIndicator<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7849\" id=\"ld-table-list-item-7849\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-04-sapui5-und-odata-neue-ui-elemente-in-sapui5\/quick\/s33-04-03-sapui5-und-odata-micro-charts\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-04-03 SAPUI5 und oData] Micro Charts<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7851\" id=\"ld-table-list-item-7851\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-04-sapui5-und-odata-neue-ui-elemente-in-sapui5\/quick\/s33-04-04-sapui5-und-odata-splitapp\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-04-04 SAPUI5 und oData] SplitApp<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7778 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7778\" data-ld-expand-id=\"ld-expand-7778\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7778\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-05 SAPUI5 und oData] UI-Element TreeTable\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7778\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7778\" id=\"ld-expand-7778\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7778\" id=\"ld-topic-list-7778\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7853\" id=\"ld-table-list-item-7853\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-05-sapui5-und-odata-ui-element-treetable\/quick\/s33-05-01-sapui5-und-odata-grundlegende-eigenschaften-der-treetable\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-05-01 SAPUI5 und oData] Grundlegende Eigenschaften der TreeTable<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7855\" id=\"ld-table-list-item-7855\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-05-sapui5-und-odata-ui-element-treetable\/quick\/s33-05-02-sapui5-und-odata-treetable-und-splitapp\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-05-02 SAPUI5 und oData] TreeTable und SplitApp<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7857\" id=\"ld-table-list-item-7857\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-05-sapui5-und-odata-ui-element-treetable\/quick\/s33-05-03-sapui5-und-odata-opt-drag-and-drop\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-05-03 SAPUI5 und oData] Drag and Drop<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7780 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7780\" data-ld-expand-id=\"ld-expand-7780\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7780\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-06 SAPUI5 und oData] Custom Controls\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t6 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7780\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7780\" id=\"ld-expand-7780\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/6 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7780\" id=\"ld-topic-list-7780\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7859\" id=\"ld-table-list-item-7859\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-06-sapui5-und-odata-custom-controls\/quick\/s33-06-01-sapui5-und-odata-aufbau-eines-customcontrols\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-06-01 SAPUI5 und oData] Aufbau eines CustomControls<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7861\" id=\"ld-table-list-item-7861\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-06-sapui5-und-odata-custom-controls\/quick\/s33-06-02-sapui5-und-odata-attribute-in-einem-customcontrol\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-06-02 SAPUI5 und oData] Attribute in einem CustomControl<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7863\" id=\"ld-table-list-item-7863\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-06-sapui5-und-odata-custom-controls\/quick\/s33-06-03-sapui5-und-odata-aggregationen-in-einem-customcontrol\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-06-03 SAPUI5 und oData] Aggregationen in einem CustomControl<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7865\" id=\"ld-table-list-item-7865\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-06-sapui5-und-odata-custom-controls\/quick\/s33-06-04-sapui5-und-odata-events-in-einem-customcontrol\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-06-04 SAPUI5 und oData] Events in einem CustomControl<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7867\" id=\"ld-table-list-item-7867\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-06-sapui5-und-odata-custom-controls\/quick\/s33-06-05-sapui5-und-odata-aufbau-eines-eigensta%cc%88ndigen-customcontrols\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-06-05 SAPUI5 und oData] Aufbau eines eigensta\u0308ndigen CustomControls<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7869\" id=\"ld-table-list-item-7869\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-06-sapui5-und-odata-custom-controls\/quick\/s33-06-06-sapui5-und-odata-opt-erweitern-eines-sapui5-standard-controls\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-06-06 SAPUI5 und oData] Erweitern eines SAPUI5 Standard-Controls<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7782 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7782\" data-ld-expand-id=\"ld-expand-7782\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7782\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-07 SAPUI5 und oData] Fragmente und Dialoge\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t6 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7782\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7782\" id=\"ld-expand-7782\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/6 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7782\" id=\"ld-topic-list-7782\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7871\" id=\"ld-table-list-item-7871\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-07-sapui5-und-odata-fragmente-und-dialoge\/quick\/s33-07-01-sapui5-und-odata-statische-fragmente-in-xml-views\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-07-01 SAPUI5 und oData] Statische Fragmente in XML-Views<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7873\" id=\"ld-table-list-item-7873\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-07-sapui5-und-odata-fragmente-und-dialoge\/quick\/s33-07-02-sapui5-und-odata-dialoge-als-fragmente-i\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-07-02 SAPUI5 und oData] Dialoge als Fragmente I<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7875\" id=\"ld-table-list-item-7875\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-07-sapui5-und-odata-fragmente-und-dialoge\/quick\/s33-07-03-sapui5-und-odata-dialoge-als-fragmente-ii\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-07-03 SAPUI5 und oData] Dialoge als Fragmente II<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7877\" id=\"ld-table-list-item-7877\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-07-sapui5-und-odata-fragmente-und-dialoge\/quick\/s33-07-04-sapui5-und-odata-dynamisches-arbeiten-mit-fragmenten\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-07-04 SAPUI5 und oData] Dynamisches Arbeiten mit Fragmenten<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7879\" id=\"ld-table-list-item-7879\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-07-sapui5-und-odata-fragmente-und-dialoge\/quick\/s33-07-05-sapui5-und-odata-zugriff-auf-ui-elemente-in-fragmenten\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-07-05 SAPUI5 und oData] Zugriff auf UI-Elemente in Fragmenten<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7881\" id=\"ld-table-list-item-7881\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-07-sapui5-und-odata-fragmente-und-dialoge\/quick\/s33-07-06-sapui5-und-odata-opt-fragmente-in-anderen-viewtypen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-07-06 SAPUI5 und oData] [opt] Fragmente in anderen Viewtypen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7784 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7784\" data-ld-expand-id=\"ld-expand-7784\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7784\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-08 SAPUI5 und oData] Applikationen und Komponenten\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t4 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7784\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7784\" id=\"ld-expand-7784\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/4 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7784\" id=\"ld-topic-list-7784\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7883\" id=\"ld-table-list-item-7883\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-08-sapui5-und-odata-applikationen-und-komponenten\/quick\/s33-08-01-sapui5-und-odata-verwendung-einer-sapui5-komponente\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-08-01 SAPUI5 und oData] Verwendung einer SAPUI5-Komponente<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7885\" id=\"ld-table-list-item-7885\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-08-sapui5-und-odata-applikationen-und-komponenten\/quick\/s33-08-02-sapui5-und-odata-erstellen-einer-sapui5-komponente\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-08-02 SAPUI5 und oData] Erstellen einer SAPUI5-Komponente<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7887\" id=\"ld-table-list-item-7887\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-08-sapui5-und-odata-applikationen-und-komponenten\/quick\/s33-08-03-sapui5-und-odata-application-descriptor-manifest-json\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-08-03 SAPUI5 und oData] Application Descriptor manifest.json<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7889\" id=\"ld-table-list-item-7889\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-08-sapui5-und-odata-applikationen-und-komponenten\/quick\/s33-08-04-sapui5-und-odata-ablauf-beim-aufruf-einer-sapui5-applikation\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-08-04 SAPUI5 und oData] Ablauf beim Aufruf einer SAPUI5-Applikation<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7786 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7786\" data-ld-expand-id=\"ld-expand-7786\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7786\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-09 SAPUI5 und oData] Routing and Navigation\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t6 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7786\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7786\" id=\"ld-expand-7786\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/6 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7786\" id=\"ld-topic-list-7786\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7891\" id=\"ld-table-list-item-7891\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-09-sapui5-und-odata-routing-and-navigation\/quick\/s33-09-01-sapui5-und-odata-navigation-in-sapui5\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-09-01 SAPUI5 und oData] Navigation in SAPUI5<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7893\" id=\"ld-table-list-item-7893\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-09-sapui5-und-odata-routing-and-navigation\/quick\/s33-09-02-sapui5-und-odata-konfiguration-des-routings\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-09-02 SAPUI5 und oData] Konfiguration des Routings<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7895\" id=\"ld-table-list-item-7895\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-09-sapui5-und-odata-routing-and-navigation\/quick\/s33-09-03-sapui5-und-odata-navigieren-zwischen-pages\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-09-03 SAPUI5 und oData] Navigieren zwischen Pages<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7897\" id=\"ld-table-list-item-7897\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-09-sapui5-und-odata-routing-and-navigation\/quick\/s33-09-04-sapui5-und-odata-navigation-mit-browserhistorie\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-09-04 SAPUI5 und oData] Navigation mit Browserhistorie<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7899\" id=\"ld-table-list-item-7899\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-09-sapui5-und-odata-routing-and-navigation\/quick\/s33-09-05-sapui5-und-odata-fehlerbehandlung\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-09-05 SAPUI5 und oData] Fehlerbehandlung<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7901\" id=\"ld-table-list-item-7901\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-09-sapui5-und-odata-routing-and-navigation\/quick\/s33-09-06-sapui5-und-odata-navigation-mit-patterns\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-09-06 SAPUI5 und oData] Navigation mit Patterns<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7788 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7788\" data-ld-expand-id=\"ld-expand-7788\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7788\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-10 SAPUI5 und oData] Das oData Protokoll\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7788\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7788\" id=\"ld-expand-7788\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7788\" id=\"ld-topic-list-7788\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7903\" id=\"ld-table-list-item-7903\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-10-sapui5-und-odata-das-odata-protokoll\/quick\/s33-10-01-sapui5-und-odata-aufbau-des-odata-protokolls\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-10-01 SAPUI5 und oData] Aufbau des oData Protokolls<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7905\" id=\"ld-table-list-item-7905\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-10-sapui5-und-odata-das-odata-protokoll\/quick\/s33-10-02-sapui5-und-odata-datenstruktur-innerhalb-des-odata-protokolls\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-10-02 SAPUI5 und oData] Datenstruktur innerhalb des oData Protokolls<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7907\" id=\"ld-table-list-item-7907\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-10-sapui5-und-odata-das-odata-protokoll\/quick\/s33-10-03-sapui5-und-odata-datenzugriff-u%cc%88ber-das-odata-protokoll\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-10-03 SAPUI5 und oData] Datenzugriff u\u0308ber das oData-Protokoll<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7790 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7790\" data-ld-expand-id=\"ld-expand-7790\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7790\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-11 SAPUI5 und oData] Hinzufu\u0308gen eines oData-Service\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7790\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7790\" id=\"ld-expand-7790\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7790\" id=\"ld-topic-list-7790\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7909\" id=\"ld-table-list-item-7909\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-11-sapui5-und-odata-hinzufu%cc%88gen-eines-odata-service\/quick\/s33-11-01-sapui5-und-odata-einrichten-der-verbindung\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-11-01 SAPUI5 und oData] Einrichten der Verbindung<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7911\" id=\"ld-table-list-item-7911\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-11-sapui5-und-odata-hinzufu%cc%88gen-eines-odata-service\/quick\/s33-11-02-sapui5-und-odata-zugriff-auf-einen-odata-service\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-11-02 SAPUI5 und oData] Zugriff auf einen oData-Service<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-8332\" id=\"ld-table-list-item-8332\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-11-sapui5-und-odata-hinzufu%cc%88gen-eines-odata-service\/quick\/s33-11-03-sapui5-und-odata-definition-eines-odata-modells\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-11-03 SAPUI5 und oData] Definition eines oData-Modells<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7792 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7792\" data-ld-expand-id=\"ld-expand-7792\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7792\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-12 SAPUI5 und oData] Statische Lesezugriffe auf einen oData-Service\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t4 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7792\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7792\" id=\"ld-expand-7792\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/4 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7792\" id=\"ld-topic-list-7792\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7915\" id=\"ld-table-list-item-7915\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-12-sapui5-und-odata-statische-lesezugriffe-auf-einen-odata-service\/quick\/s33-12-01-sapui5-und-odata-statischer-lesezugriff-auf-eine-entita%cc%88tsmenge\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-12-01 SAPUI5 und oData] Statischer Lesezugriff auf eine Entita\u0308tsmenge<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7919\" id=\"ld-table-list-item-7919\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-12-sapui5-und-odata-statische-lesezugriffe-auf-einen-odata-service\/quick\/s33-12-02-sapui5-und-odata-statischer-lesezugriff-auf-eine-entita%cc%88t\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-12-02 SAPUI5 und oData] Statischer Lesezugriff auf eine Entita\u0308t<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7917\" id=\"ld-table-list-item-7917\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-12-sapui5-und-odata-statische-lesezugriffe-auf-einen-odata-service\/quick\/s33-12-03-sapui5-und-odata-verwendung-von-odata-query-optionen-i\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-12-03 SAPUI5 und oData] Verwendung von oData-Query-Optionen I<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-9183\" id=\"ld-table-list-item-9183\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-12-sapui5-und-odata-statische-lesezugriffe-auf-einen-odata-service\/quick\/s33-12-04-sapui5-und-odata-verwendung-von-odata-query-optionen-ii\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-12-04 SAPUI5 und oData] Verwendung von oData-Query-Optionen II<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7794 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7794\" data-ld-expand-id=\"ld-expand-7794\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7794\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-13 SAPUI5 und oData] [opt] Demodaten u\u0308ber Mock-Services\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t4 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7794\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7794\" id=\"ld-expand-7794\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/4 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7794\" id=\"ld-topic-list-7794\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7921\" id=\"ld-table-list-item-7921\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-13-sapui5-und-odata-opt-demodaten-u%cc%88ber-mock-services\/quick\/s33-13-01-sapui5-und-odata-demodaten-u%cc%88ber-einen-mocking-service\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-13-01 SAPUI5 und oData] Demodaten u\u0308ber einen Mocking Service<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7923\" id=\"ld-table-list-item-7923\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-13-sapui5-und-odata-opt-demodaten-u%cc%88ber-mock-services\/quick\/s33-13-02-sapui5-und-odata-aufbau-der-metadata-xml-datei\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-13-02 SAPUI5 und oData] Aufbau der metadata.xml-Datei<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7925\" id=\"ld-table-list-item-7925\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-13-sapui5-und-odata-opt-demodaten-u%cc%88ber-mock-services\/quick\/s33-13-03-sapui5-und-odata-mockdaten-und-navigation\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-13-03 SAPUI5 und oData] Mockdaten und Navigation<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7927\" id=\"ld-table-list-item-7927\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-13-sapui5-und-odata-opt-demodaten-u%cc%88ber-mock-services\/quick\/s33-13-04-sapui5-und-odata-services-u%cc%88ber-web-ide-templates\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-13-04 SAPUI5 und oData] Services u\u0308ber Web IDE-Templates<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7796 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7796\" data-ld-expand-id=\"ld-expand-7796\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7796\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-14 SAPUI5 und oData] Dynamische Lesezugriffe auf einen oData-Service\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t6 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7796\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7796\" id=\"ld-expand-7796\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/6 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7796\" id=\"ld-topic-list-7796\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7929\" id=\"ld-table-list-item-7929\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-14-sapui5-und-odata-dynamische-lesezugriffe-auf-einen-odata-service\/quick\/s33-14-01-sapui5-und-odata-definition-eines-odata-models-im-controller\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-14-01 SAPUI5 und oData] Definition eines oData-Models im Controller<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7931\" id=\"ld-table-list-item-7931\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-14-sapui5-und-odata-dynamische-lesezugriffe-auf-einen-odata-service\/quick\/s33-14-02-sapui5-und-odata-asynchronizita%cc%88t-in-sapui5\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-14-02 SAPUI5 und oData] Asynchronizita\u0308t in SAPUI5<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7933\" id=\"ld-table-list-item-7933\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-14-sapui5-und-odata-dynamische-lesezugriffe-auf-einen-odata-service\/quick\/s33-14-03-sapui5-und-odata-dynamischer-lesezugriff-auf-eine-entita%cc%88tsmenge\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-14-03 SAPUI5 und oData] Dynamischer Lesezugriff auf eine Entita\u0308tsmenge<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7935\" id=\"ld-table-list-item-7935\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-14-sapui5-und-odata-dynamische-lesezugriffe-auf-einen-odata-service\/quick\/s33-14-04-sapui5-und-odata-verwendung-von-odata-query-optionen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-14-04 SAPUI5 und oData] Verwendung von oData-Query-Optionen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7937\" id=\"ld-table-list-item-7937\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-14-sapui5-und-odata-dynamische-lesezugriffe-auf-einen-odata-service\/quick\/s33-14-05-sapui5-und-odata-dynamischer-lesezugriff-auf-eine-entita%cc%88t\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-14-05 SAPUI5 und oData] Dynamischer Lesezugriff auf eine Entita\u0308t<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7939\" id=\"ld-table-list-item-7939\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-14-sapui5-und-odata-dynamische-lesezugriffe-auf-einen-odata-service\/quick\/s33-14-06-sapui5-und-odata-opt-manuelles-erstellen-eines-mocking-service-ii\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-14-06 SAPUI5 und oData] [opt] Manuelles Erstellen eines Mocking Service II<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7798 is_not_sample learndash-not-available learndash-incomplete ld-expandable\" id=\"ld-expand-7798\" data-ld-expand-id=\"ld-expand-7798\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7798\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-15 SAPUI5 und oData] Datena\u0308nderende Zugriffe auf einen oData-Service\n\t\t\t\t\t<span class=\"ld-item-components\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-item-component\">\n\t\t\t\t\t\t\t3 Quicks\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/span> <!--\/.ld-item-components-->\n\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\n\t\t\t\t<div class=\"ld-expand-button ld-button-alternate\" data-ld-expands=\"ld-expand-7798\" data-ld-expand-text=\"Expand\" data-ld-collapse-text=\"Collapse\">\n\t\t\t\t\t<span class=\"ld-icon-arrow-down ld-icon ld-primary-background\"><\/span>\n\t\t\t\t\t<span class=\"ld-text ld-primary-color\">Expand<\/span>\n\t\t\t\t<\/div> <!--\/.ld-expand-button-->\n\n\t\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t\t\t<div class=\"ld-item-list-item-expanded\">\n\t\t\t\n<div class=\"ld-table-list ld-topic-list ld-no-pagination ld-expand-7798\" id=\"ld-expand-7798\">\n\n\t<div class=\"ld-table-list-header ld-primary-background\">\n\n\t\t\n\t\t<div class=\"ld-table-list-title\">\n\t\t\t<span class=\"ld-item-icon\">\n\t\t\t\t<span class=\"ld-icon ld-icon-content\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"ld-text\">\n\t\t\t\tUnit Content\t\t\t<\/span>\n\t\t<\/div> <!--\/.ld-tablet-list-title-->\n\t\t<div class=\"ld-table-list-lesson-details\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-progress\">\n\t\t\t\t\t0% Complete\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"ld-lesson-list-steps\">\n\t\t\t\t\t0\/3 Steps\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div> <!--\/.ld-table-list-lesson-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-table-list-header-->\n\n\t<div class=\"ld-table-list-items ld-topic-list-7798\" id=\"ld-topic-list-7798\" data-ld-expand-list>\n\n\t\t<div class=\"ld-table-list-item ld-table-list-item-7941\" id=\"ld-table-list-item-7941\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-15-sapui5-und-odata-datena%cc%88nderende-zugriffe-auf-einen-odata-service\/quick\/s33-15-01-sapui5-und-odata-erstellen-von-datensa%cc%88tzen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-15-01 SAPUI5 und oData] Erstellen von Datensa\u0308tzen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7943\" id=\"ld-table-list-item-7943\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-15-sapui5-und-odata-datena%cc%88nderende-zugriffe-auf-einen-odata-service\/quick\/s33-15-02-sapui5-und-odata-vera%cc%88ndern-von-datensa%cc%88tzen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-15-02 SAPUI5 und oData] Vera\u0308ndern von Datensa\u0308tzen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n<div class=\"ld-table-list-item ld-table-list-item-7945\" id=\"ld-table-list-item-7945\">\n\t<a class=\"ld-table-list-item-preview ld-primary-color-hover ld-topic-row learndash-incomplete\" href=\"https:\/\/www.quicksted.com\/en_us\/kurs\/s33-sapui5-und-odata\/unit\/s33-15-sapui5-und-odata-datena%cc%88nderende-zugriffe-auf-einen-odata-service\/quick\/s33-15-03-sapui5-und-odata-lo%cc%88schen-von-datensa%cc%88tzen\/\">\n\t\t\n\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\n\t\t\t\t<span class=\"ld-topic-title\">[S33-15-03 SAPUI5 und oData] Lo\u0308schen von Datensa\u0308tzen<\/span> \t<\/a>\n\t<\/div> <!--\/.ld-table-list-item-->\n\n\t<\/div> <!--\/.ld-table-list-items-->\n\n\t<div class=\"ld-table-list-footer\">\n\t\t\t<\/div> <!--\/.ld-table-list-footer-->\n\n<\/div> <!--\/.ld-table-list-->\n\n\t\t<\/div> <!--\/.ld-item-list-item-expanded-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\n<div class=\"ld-item-list-item ld-item-lesson-item ld-lesson-item-7800 is_not_sample learndash-not-available learndash-incomplete\" id=\"ld-expand-7800\" data-ld-expand-id=\"ld-expand-7800\" data-ld-tooltip=\"You don&#039;t currently have access to this content\">\n\t<div class=\"ld-item-list-item-preview\">\n\t\t\n\t\t<script>\n\t\tjQuery(document).ready(function( $ ){\n\t\t$('body').on('click', '.ld-item-name', function(e) {\n\n\t\te.preventDefault();\n\t\tld_expand_element( $(this) );\n\t\tpositionTooltips();\n\n\t\t});\n\t\t\n\t\tfunction ld_expand_button_state( state, elm ) {\n\t\tvar $expandText = ( $( elm )[0].hasAttribute( 'data-ld-expand-text' ) ) ? $( elm ).attr( 'data-ld-expand-text' ) : 'Expand';\n\t\tvar $collapseText = ( $( elm )[0].hasAttribute( 'data-ld-collapse-text' ) ) ? $( elm ).attr( 'data-ld-collapse-text' ) : 'Collapse';\n\n\t\tif ( 'collapse' == state ) {\n\t\t\t$( elm ).removeClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $expandText );\n\t\t\t}\n\t\t} else {\n\t\t\t$( elm ).addClass( 'ld-expanded' );\n\t\t\tif ( 'false' !== $collapseText ) {\n\t\t\t\t$( elm ).find( '.ld-text' ).text( $collapseText );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction ld_expand_element( elm, collapse ) {\n\t\tif ( collapse === undefined ) {\n\t\t\tcollapse = false;\n\t\t}\n\n\t\tvar elmParentWrapper = elm.parents( '.ld-focus-sidebar' );\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\tvar elmParentWrapper = elm.parents( '.learndash-wrapper' );\n\t\t}\n\t\tif ( ( 'undefined' === typeof elmParentWrapper ) || ( ! elmParentWrapper.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t\/\/ Get the button's state\n\t\tvar $expanded = $( elm ).hasClass( 'ld-expanded' );\n\n\t\t\/\/ Get the element to expand\n\t\tif ( $( elm )[0] && $( elm )[0].hasAttribute( 'data-ld-expands' ) ) {\n\t\t\tvar $expands      = $( elm ).attr( 'data-ld-expands' );\n\t\t\tif ( ( 'undefined' === typeof $expands ) || ( ! $expands.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandElm    = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\tif ( ( 'undefined' === typeof $expandElm ) || ( ! $expandElm.length ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar $expandsChild = $( $expandElm ).find( '.ld-item-list-item-expanded' );\n\n\t\t\tif ( $expandsChild.length ) {\n\t\t\t\t$expandElm = $expandsChild;\n\t\t\t}\n\n\t\t\tvar totalHeight = 0;\n\n\t\t\t$expandElm.find( '> *' ).each( function() {\n\t\t\t\ttotalHeight += $( this ).outerHeight();\n\t\t\t} );\n\n\t\t\t$expandElm.attr( 'data-height', '' + ( totalHeight + 50 ) + '' );\n\n\t\t\t\/\/ If the element expands a list\n\n\t\t\tif ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' )[0].hasAttribute( 'data-ld-expand-list' ) ) {\n\n\t\t\t\tvar $container = $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' );\n\t\t\t\tvar innerButtons = $container.find( '.ld-expand-button' );\n\t\t\t\tif ( $expanded ) {\n\t\t\t\t\tld_expand_button_state( 'collapse', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ), true );\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tld_expand_button_state( 'expand', elm );\n\t\t\t\t\tinnerButtons.each( function() {\n\t\t\t\t\t\tld_expand_element( $( this ) );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t\/\/ If the element expands an item\n\t\t\t} else if ( $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ).length ) {\n\t\t\t\tif ( $expanded || true == collapse ) {\n\t\t\t\t\tld_expand_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t} else {\n\t\t\t\t\tld_collapse_singular_item( elm, $(elmParentWrapper).find( '[data-ld-expand-id=\"'+ $expands+'\"]' ), $expandElm );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log( 'LearnDash: No expandable content was found' );\n\t\t\t}\n\t\t\tpositionTooltips();\n\t\t}\n\t}\n\n\tfunction ld_expand_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.removeClass( 'ld-expanded' );\n\t\tld_expand_button_state( 'collapse', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': 0,\n\t\t} );\n\t}\n\n\tfunction ld_collapse_singular_item( elm, $containerElm, $expandElm ) {\n\t\t$containerElm.addClass( 'ld-expanded' );\n\n\t\tld_expand_button_state( 'expand', elm );\n\n\t\t$expandElm.css( {\n\t\t\t'max-height': $expandElm.data( 'height' ),\n\t\t} );\n\t}\n\t\t\n\tfunction positionTooltips() {\n\t\tif ( 'undefined' !== typeof $tooltips ) {\n\t\t\tsetTimeout( function() {\n\t\t\t\t$tooltips.each( function() {\n\t\t\t\t\tvar anchor = $( this );\n\t\t\t\t\tvar $rel_id = anchor.attr( 'data-ld-tooltip-id' );\n\t\t\t\t\t$tooltip = $( '#ld-tooltip-' + $rel_id );\n\n\t\t\t\t\tif ( anchor.hasClass( 'ld-item-list-item' ) ) {\n\t\t\t\t\t\t\/\/anchor = anchor.find('.ld-item-title');\n\t\t\t\t\t\tanchor = anchor.find( '.ld-status-icon' );\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\tvar parent_focus = jQuery( anchor ).parents( '.ld-focus-sidebar' );\n\t\t\t\t\tvar left_post = anchor.offset().left + ( anchor.outerWidth() + 10 );\n\t\t\t\t\tif ( parent_focus.length ) {\n\t\t\t\t\t\tleft_post = anchor.offset().left + ( anchor.outerWidth() - 18 );\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Get the main content height\n\t\t\t\t\tvar focusModeMainContentHeight = $( '.ld-focus-main' ).height();\n\n\t\t\t\t\t\/\/ Current tooltip height\n\t\t\t\t\tvar focusModeCurrentTooltipHeight = anchor.offset().top + -3;\n\n\t\t\t\t\t\/\/ Position tooltip depending on focus mode or not\n\t\t\t\t\tif ( ! focusModeMainContentHeight ) {\n\t\t\t\t\t\tvar anchorTop = anchor.offset().top + -3;\n\t\t\t\t\t\tvar anchorLeft = anchor.offset().left;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchorTop = focusModeCurrentTooltipHeight < focusModeMainContentHeight ? focusModeCurrentTooltipHeight : focusModeMainContentHeight;\n\t\t\t\t\t\tanchorLeft = left_post;\n\t\t\t\t\t}\n\n\t\t\t\t\t$tooltip.css( {\n\t\t\t\t\t\ttop: anchorTop,\n\n\t\t\t\t\t\t\/\/'left' : anchor.offset().left + (anchor.outerWidth() \/ 2),\n\t\t\t\t\t\t\/\/'left': left_post, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\tleft: anchorLeft, \/\/anchor.offset().left + (anchor.outerWidth() +10),\n\t\t\t\t\t\t'margin-left': 0,\n\t\t\t\t\t\t'margin-right': 0,\n\t\t\t\t\t} ).removeClass( 'ld-shifted-left ld-shifted-right' );\n\t\t\t\t\tif ( $tooltip.offset().left <= 0 ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-left': Math.abs( $tooltip.offset().left ) } ).addClass( 'ld-shifted-left' );\n\t\t\t\t\t}\n\t\t\t\t\tvar $tooltipRight = $( window ).width() - ( $tooltip.offset().left + $tooltip.outerWidth() );\n\t\t\t\t\tif ( 0 >= $tooltipRight && 360 < $( window ).width() ) {\n\t\t\t\t\t\t$tooltip.css( { 'margin-right': Math.abs( $tooltipRight ) } ).addClass( 'ld-shifted-right' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}, 500 );\n\t\t}\n\t}\n\t\t\n\t\t});\n\t\t<\/script>\n\n        <div class=\"ld-item-name ld-primary-color-hover\" data-ld-expands=\"ld-expand-7800\">\n\t\t\t<div class=\"ld-status-icon ld-status-incomplete\"><\/div>\t\t\t<div class=\"ld-item-title\">\n\t\t\t\t[S33-16 SAPUI5 und oData] [opt] Weiterfu\u0308hrende Techniken\n\t\t\t<\/div> <!--\/.ld-item-title-->\n        <\/div>\n\n\t\t\n\t\t<div class=\"ld-item-details\">\n\t\t\t\t\t<\/div> <!--\/.ld-item-details-->\n\n\t\t\n\t<\/div> <!--\/.ld-item-list-item-preview-->\n\t<\/div> <!--\/.ld-item-list-item-->\n\t\t<\/div> <!--\/.ld-item-list-items-->\n\n\t\t<\/div> <!--\/.ld-item-list-->\n\n\t\t\t<\/div> <!--\/.learndash-wrapper-->\n\t\t<\/div><\/div>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p>Ein Einstieg in die fortgeschrittenen Themen im SAPUI5-Umfeld einschlie\u00dflich der Anbindung von oData-Services.<\/p>","protected":false},"featured_media":9507,"template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Aufbauend auf dem Quicksted-Kurs S32 - Einf\u00fchrung in SAPUI5 lernen Sie - nach einer Wiederholung der wichtigsten Techniken - zun\u00e4chst einige neue UI-Elemente der SAP-Bibliotheken kennen. Dabei werden Ihnen die notwendigen Prozesse beigebracht, f\u00fcr Sie neue Elemente zu identifizieren und eine Herangehensweise an die damit verbundenen neuen Aufgabenstellungen zu entwickeln.\r\n\r\nIm Anschlu\u00df daran werden Ihnen neue Controls (wie Dialoge oder Components) gezeigt, die Ihnen eine Programmierung \u00fcber die bisherigen Ein-Seiten-Applikationen hinaus erm\u00f6glichen. Auch die Navigation zwischen unterschiedlichen Pages und Views wird beschrieben.\r\n\r\noData ist das HTTP-gest\u00fctzte Protokoll, das die SAP f\u00fcr die Kommunikation zwischen SAP NetWeaver-basierten SAP-Systemen bzw. einer Standalone HANA-Datenbank und einem Browser als Frontend propagiert. Ein wichtiger Teil des Kurses ist, dieses Protokoll kennenzulernen und Daten, die \u00fcber oData ins Frontend gelangen, zu visualisieren. Dabei werden Ihnen die beiden unterschiedlichen lesenden Varianten (statisch oder dynamisch) gezeigt. Ein weiteres Thema beschreibt das Zur\u00fcckschreiben von Daten aus dem Frontend ins Backend \u00fcber \u00e4ndernde oData-Operationen.","_et_gb_content_width":""},"product_cat":[25],"product_tag":[],"class_list":["post-8160","product","type-product","status-publish","has-post-thumbnail","hentry","product_cat-abap-kurse"],"_links":{"self":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product\/8160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/media\/9507"}],"wp:attachment":[{"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/media?parent=8160"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product_cat?post=8160"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.quicksted.com\/en_us\/wp-json\/wp\/v2\/product_tag?post=8160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}