{"id":145,"date":"2024-07-17T19:25:05","date_gmt":"2024-07-17T19:25:05","guid":{"rendered":"https:\/\/wimtachdev.centennialcollege.ca\/?page_id=145"},"modified":"2024-12-10T16:23:54","modified_gmt":"2024-12-10T16:23:54","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/wimtach.centennialcollege.ca\/?page_id=145","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"wp-block-cover ticss-dc3d89ae\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"466\" class=\"wp-block-cover__image-background wp-image-6832\" alt=\"\" src=\"https:\/\/wimtachdev.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/portfolio.png\" data-object-fit=\"cover\" srcset=\"https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/portfolio.png 1440w, https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/portfolio-300x97.png 300w, https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/portfolio-1024x331.png 1024w, https:\/\/wimtach.centennialcollege.ca\/wp-content\/uploads\/2024\/11\/portfolio-768x249.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center ticss-bd78cde7 has-open-sans-font-family\" style=\"font-size:clamp(35.2px, 2.2rem + ((1vw - 3.2px) * 3), 64px);\">Portfolio<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns ticss-8428811d is-layout-flex wp-container-core-columns-is-layout-4e1bd393 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-81f1c81f wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"portfolio-category-container\">\n   <button id=\"category-dropdown\">Select<\/button>\n   <div id=\"portfolio-category-buttons-1\"><\/div>\n   <div id=\"portfolio-category-buttons-2\">\n        <button id=\"portfolio-button-year\">Year\n          <span class='portfolio-dropdown-content'><\/span>\n        <\/button>\n    <\/div>\n<\/div>\n\n\n\n<div id=\"portfolio-category-content\"><\/div>\n\n\n\n<div id=\"portfolio-category-load-more\">   \n     <button id=\"portfolio-load-more-btn\" class=\"portfolio-load-more\">Load More<\/button>\n<\/div>\n<\/div>\n<\/div>\n\n\n<script>\n        jQuery(document).ready(function($) {\n            \n            function loadCategoryButtons() {\n                $.ajax({\n                    type: 'POST',\n                    url: ajax_obj.ajax_url,\n                    data: {\n                        action: 'auto_load_portfolio_button'\n                    },\n                    success: function(response) {\n                        $('#portfolio-category-buttons-1').html(response);\n                        loadCategoryPosts('Portfolio');\n                    }\n                });\n            }\n          \n            function loadPortfolioYear() {\n                $.ajax({\n                    type: 'POST',\n                    url: ajax_obj.ajax_url,\n                    data: {\n                        action: 'load_portfolio_year_subcategories'\n                    },\n                    success: function(response) {\n                        $('.portfolio-dropdown-content').append('<a class=\"content-year\" data-subcategory=\"*\">All<\/a>');\n                        $('.portfolio-dropdown-content').append(response);                      \n\n                        $('#portfolio-button-year').on('click', function(event) {\n                            $('#portfolio-button-year').toggleClass(\"on\", true);\n                            $('.portfolio-dropdown-content').css('display', 'block');\n                            event.stopPropagation();\n                        });\n          \n                        $('.portfolio-dropdown-content .content-year').on('click', function(event) {\n                          event.preventDefault();\n                          const selectedYear = $(this).data('subcategory');\n                          if (selectedYear == \"*\") {\n                            $('.post-item').show();\n                          } else {\n                            $('.post-item').hide();\n                            $(`.post-item[data-categories~=\"${selectedYear}\"]`).show();  \n                          }\n                        });\n                    }\n                });\n            }\n          \n             \n            $(document).click(function(event) {\n              if (!$(event.target).closest(\"#portfolio-button-year\").length) {\n                $(\".portfolio-dropdown-content\").css('display', 'none');\n                $('#portfolio-button-year').toggleClass(\"on\", false);\n              }\n            });\n          \n            function loadCategoryPosts(category) {\n                $.ajax({\n                    type: 'POST',\n                    url: ajax_obj.ajax_url,\n                    data: {\n                        action: 'load_portfolio_category_posts',\n                        category: category\n                    },\n                    success: function(response) {                      \n                      $('#portfolio-category-content').html(response);\n                      $('#portfolio-category-content .post-item:gt(9)').hide();\n                      if($('#portfolio-category-content .post-item').length > 10){\n                        $('#portfolio-category-load-more').css('display','flex');\n                      } else {\n                         $('#portfolio-category-load-more').css('display','none');\n                      }\n                      \n                      $('#portfolio-load-more-btn').on('click', function(event) {                         \n                        if(event){\n                           $('#portfolio-category-content .post-item').css('display','flex'); \n                           $('#portfolio-category-load-more').css('display','none');\n                        }else{\n                           $('#portfolio-category-content .post-item:gt(3)').hide();\n                           $('#portfolio-category-load-more').css('display','flex');\n                         }                          \n                      });\n                    }\n                });\n            }\n\n            loadCategoryButtons();\n            loadPortfolioYear();\n\n              \n            $(document).on('click', '#portfolio-category-buttons-1 button', function() {\n                var category = $(this).data('category');\n                loadCategoryPosts(category);\n               \n                $('#portfolio-category-buttons-1 button').removeClass('active');               \n                $(this).addClass('active');\n            });\n           \n            $(document).on('click', '.post-item', function() {\n                var postUrl = $(this).data('url');\n                window.location.href = postUrl;\n            });\n\n            let isMenuOpen = false;\n            jQuery(\"#category-dropdown\").on(\"click\", function() {\n              isMenuOpen = !isMenuOpen;\n              jQuery(\"#portfolio-category-buttons-1\").toggle();\n              jQuery(\"#category-dropdown\").toggleClass(\"on\", isMenuOpen);\n            });\n            jQuery(window).on(\"resize\", function() {\n              if (jQuery(window).width() > 600) {\n                jQuery(\"#portfolio-category-buttons-1\").show();\n              } \n            });\n        });\n      \n    <\/script>","protected":false},"excerpt":{"rendered":"<p>Select Year Load More<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=145"}],"version-history":[{"count":381,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":11594,"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=\/wp\/v2\/pages\/145\/revisions\/11594"}],"wp:attachment":[{"href":"https:\/\/wimtach.centennialcollege.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}