app/Resources/views/Includes/apartments-header-navmain.html.php line 92

Open in your IDE?
  1. <?php
  3.     /*
  4.     At this point we have...
  5.     $site
  6.     $navStartNode
  7.     $mainNavigation
  8.     $menu
  9.     */
  11.     use \Pimcore\Navigation\Page;
  13.     # RESULT: $this->document
  14.     if( !$this->document instanceof \Pimcore\Model\Document\Page ) {                // Check if we have a document by default...
  15.         if( \Pimcore\Model\Site::isSiteRequest() ) {                                // Check if the request is a site request...
  16.             $site = \Pimcore\Model\Site::getCurrentSite();                            // Assign the site root as the current document...
  17.             $this->document = $site->getRootDocument();
  18.         } else {
  19.             $this->document = \Pimcore\Model\Document\Page::getById( 1 );            // Assign the root document as the current document...
  20.         }
  21.     }
  23.     # RESULT: $navStartNode
  24.     $navStartNode = $this->document->getProperty( 'navigationRoot' );                // Allow a site manager to define the navigation root with a property...
  25.     if( !$navStartNode instanceof \Pimcore\Model\Document\Page ) {                    // Figure out if the navigation root is a valid document...
  26.         if( \Pimcore\Model\Site::isSiteRequest() ) {                                // Check if the request is a site request...
  27.             $site = \Pimcore\Model\Site::getCurrentSite();                            // Assign the site root as the navigation root...
  28.             $navStartNode = $site->getRootDocument();
  29.         } else {
  30.             $navStartNode = \Pimcore\Model\Document\Page::getById( 1 );                // Assign the root document as the navigation root...
  31.         }
  32.     }
  34.     // Generate a working site navigation...
  35.     $mainNavigation = $this->navigation()->buildNavigation( $this->document, $navStartNode );
  37. ?>
  38. <div class="navigation-links-desktop show-for-large">
  39.     <?php
  41.         // State Abbreviations...
  42.         $states = array(
  43.             'dc'=>'District of Columbia'
  44.             , 'al' => 'Alabama'            , 'hi' => 'Hawaii'            , 'ma' => 'Massachusetts'    , 'nm' => 'New Mexico'        , 'sd' => 'South Dakota'
  45.             , 'ak' => 'Alaska'            , 'id' => 'Idaho'            , 'mi' => 'Michigan'        , 'ny' => 'New York'        , 'tn' => 'Tennessee'
  46.             , 'az' => 'Arizona'            , 'il' => 'Illinois'        , 'mn' => 'Minnesota'        , 'nc' => 'North Carolina'    , 'tx' => 'Texas'
  47.             , 'ar' => 'Arkansas'        , 'in' => 'Indiana'            , 'ms' => 'Mississippi'        , 'nd' => 'North Dakota'    , 'ut' => 'Utah'
  48.             , 'ca' => 'California'        , 'ia' => 'Iowa'            , 'mo' => 'Missouri'        , 'oh' => 'Ohio'            , 'vt' => 'Vermont'
  49.             , 'co' => 'Colorado'        , 'ks' => 'Kansas'            , 'mt' => 'Montana'            , 'ok' => 'Oklahoma'        , 'va' => 'Virginia'
  50.             , 'ct' => 'Connecticut'        , 'ky' => 'Kentucky'        , 'ne' => 'Nebraska'        , 'or' => 'Oregon'            , 'wa' => 'Washington'
  51.             , 'de' => 'Delaware'        , 'la' => 'Louisiana'        , 'nv' => 'Nevada'            , 'pa' => 'Pennsylvania'    , 'wv' => 'West Virginia'
  52.             , 'fl' => 'Florida'            , 'me' => 'Maine'            , 'nh' => 'New Hampshire'    , 'ri' => 'Rhode Island'    , 'wi' => 'Wisconsin'
  53.             , 'ga' => 'Georgia'            , 'md' => 'Maryland'        , 'nj' => 'New Jersey'        , 'sc' => 'South Carolina'    , 'wy' => 'Wyoming'
  54.         );
  56.         // Generate a hierarchy composed of city-to-state relationships...
  57.         $Structure = array();
  58.         $YardiProperties = new \Pimcore\Model\DataObject\YardiProperty\Listing();
  59.         foreach( $YardiProperties as $YardiProperty ) {
  61.             // Parse the cached property data...
  62.             $YardiPropertyJson = json_decode( $YardiProperty->getCache_property() )[ 0 ];
  63.             $PropertyData = $YardiPropertyJson->PropertyData;
  65.             // Get key and name pairs...
  66.             $PropertyStateKey = \Pimcore\File::getValidFilename( strtolower( $PropertyData->state ) );
  67.             $PropertyState = $states[ strtolower( $PropertyStateKey ) ];
  68.             $PropertyCityKey = \Pimcore\File::getValidFilename( $PropertyData->city );
  69.             $PropertyCity = $PropertyData->city;
  71.             // Skip empty-string states and cities...
  72.             if( empty( $PropertyStateKey ) || empty( $PropertyCityKey ) ) continue;
  74.             // Create the array if it doesn't exist yet...
  75.             if( !is_array( $Structure[ $PropertyStateKey ] ) ) {
  76.                 $Structure[ $PropertyStateKey ] = array();
  77.             }
  79.             // Assign the name of the city to the tree...
  80.             $Structure[ $PropertyStateKey ][ $PropertyCityKey ] = $PropertyCity;
  82.         }
  84.         $CheckURI = explode( '/', trim( parse_url( $_SERVER[ 'REQUEST_URI' ], PHP_URL_PATH ), '/' ) );
  86.         // Turn the hierarchy into navigation links...
  87.         $StateLinks = array();
  88.         foreach( $Structure as $StateKey => $Cities ) {
  89.             $CityLinks = array();
  90.             foreach( $Cities as $CityKey => $CityLabel ) {
  91.                 $CityLinks[] = array(
  92.                     'uri' => $this->path( 'Properties S_C', [ 'state' => $StateKey, 'city' => $CityKey ] ),
  93.                     'label' => $CityLabel,
  94.                     'active' => ( @$CheckURI[ 0 ] == 'apartments' && @$CheckURI[ 1 ] == $StateKey && @$CheckURI[ 2 ] == $CityKey )
  95.                 );
  96.             }
  97.             $StateLink = array(
  98.                 'uri' => $this->path( 'Properties S', [ 'state' => $StateKey ] ),
  99.                 'label' => $states[ $StateKey ],
  100.                 'active' => ( @$CheckURI[ 0 ] == 'apartments' && @$CheckURI[ 1 ] == $StateKey )
  101.             );
  102.             if( !empty( $CityLinks ) ) {
  103.                 $StateLink[ 'pages' ] = $CityLinks;
  104.             }
  105.             $StateLinks[] = $StateLink;
  106.         }
  107.         $ApartmentsLinks = array(
  108.             'order' => -1,
  109.             'uri' => $this->path( 'Properties', [] ),
  110.             'label' => 'Apartments',
  111.             'class' => 'mega-menu',
  112.             'active' => ( @$CheckURI[ 0 ] == 'apartments' )
  113.         );
  114.         if( !empty( $StateLinks ) ) {
  115.             $ApartmentsLinks[ 'pages' ] = $StateLinks;
  116.         }
  118.         // Add our group of links to the navigation...
  119.         $mainNavigation->addPage( $ApartmentsLinks );
  121.     ?>
  122.     <style type="text/css">
  124.         /* Normal Dropdowns */
  125.         #theme-header .navigation-links-desktop .navigation > li {
  126.             position: relative;
  127.         }
  128.         #theme-header .navigation-links-desktop .navigation > li > ul {
  129.             border-top: 4px solid #e03133;
  130.             padding: 0.5rem 0;
  131.             background: #efefef;
  132.             opacity: 0;
  133.             box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
  134.             -webkit-transform-origin: 100% 4px;
  135.             transform-origin: 100% 4px;
  136.             -webkit-transform: scaleY(0);
  137.             transform: scaleY(0);
  138.             -webkit-transition: -webkit-transform 0.25s, opacity 0.25s;
  139.             transition: transform 0.25s, opacity 0.25s;
  140.             position: absolute;
  141.             top: 100%;
  142.             right: -1.5rem;
  143.         }
  144.         #theme-header .navigation-links-desktop .navigation > li > ul > li {
  145.             white-space: nowrap;
  146.         }
  147.         #theme-header .navigation-links-desktop .navigation > li > ul > li > a {
  148.             display: block;
  149.             padding: 0.5rem 1.5rem;
  150.             color: #33a5bf;
  151.             font-size: 1rem;
  152.             line-height: 1;
  153.             transition: color 0.5s;
  154.             -webkit-transition: color 0.5s;
  155.             -ms-transition: color 0.5s;
  156.             -moz-transition: color 0.5s;
  157.             -o-transition: color 0.5s;
  158.             text-transform: capitalize;
  159.             text-align: left;
  160.         }
  161.         #theme-header .navigation-links-desktop .navigation > li > ul > li > a:hover{
  162.             color: #000;
  163.             transition: color 0.5s;
  164.             -webkit-transition: color 0.5s;
  165.             -ms-transition: color 0.5s;
  166.             -moz-transition: color 0.5s;
  167.             -o-transition: color 0.5s;
  168.         }
  169.         #theme-header .navigation-links-desktop .navigation > li:hover > ul {
  170.             opacity: 1;
  171.             -webkit-transform: scaleY(1);
  172.             transform: scaleY(1);
  173.         }
  175.         /* Mega Dropdowns */
  176.         #theme-header .navigation-links-desktop .navigation > li > a.mega-menu + ul {
  177.             display: flex;
  178.             table-layout: fixed;
  179.             text-align: left;
  180.             padding: 2rem 3.5rem;
  181.             max-width: 1200px;
  182.             width: 100%;
  183.             box-shadow: none;
  184.             -webkit-transform: translate(-50%,0%) scaleY(0);
  185.             transform: translate(-50%,0%) scaleY(0);
  186.             position: fixed;
  187.             top: 74px;
  188.             left: 50%;
  189.         }
  190.         #theme-header .navigation-links-desktop .navigation > li:hover > a.mega-menu + ul {
  191.             opacity: 1;
  192.             -webkit-transform: translate(-50%,0%) scaleY(1);
  193.             transform: translate(-50%,0%) scaleY(1);
  194.             border-top: 0;
  195.         }
  196.         #theme-header .navigation-links-desktop .navigation > li > a.mega-menu + ul::before {
  197.             content: "";
  198.             background: #efefef;
  199.             width: 100vw;
  200.             height: 100%;
  201.             box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
  202.             -webkit-transform: translate(-50%,0%);
  203.             transform: translate(-50%,0%);
  204.             position: absolute;
  205.             z-index: 1;
  206.             top: 0;
  207.             left: 50%;
  208.             border-top: 4px solid #e02e33;
  209.         }
  210.         #theme-header .navigation-links-desktop .navigation > li > a.mega-menu + ul::after {
  211.             content: "";
  212.             display: block;
  213.             clear: both;
  214.             float: none;
  215.             height: 0;
  216.         }
  217.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li {
  218.             display: block;
  219.             float: left;
  220.             padding: 0 1.5rem;
  221.             width: <?= 100 / count( $StateLinks ) ?>%;
  222.             position: relative;
  223.             z-index: 2;
  224.             border-right: 2px solid #e0e0e0;
  225.         }
  226.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li:first-child {
  227.             padding: 0 1.5rem 0 0;
  228.         }
  229.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li:last-child {
  230.             border-right: none;
  231.             padding: 0 0 0 1.5rem;
  232.         }
  233.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li > a {
  234.             padding: 0;
  235.             font-family: 'BrandonTextWeb-Regular', sans-serif;
  236.             font-size: 20px;
  237.             text-transform: capitalize;
  238.             color: #33a5bf;
  239.             margin-bottom: 10px;
  240.             -webkit-transition: color 0.5s;
  241.             transition: color 0.5s;
  242.         }
  243.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li > a:hover {
  244.             color: #000;
  245.             transition: color 0.5s;
  246.             -webkit-transition: color 0.5s;
  247.             -ms-transition: color 0.5s;
  248.             -moz-transition: color 0.5s;
  249.             -o-transition: color 0.5s;
  250.         }
  251.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li > ul > li > a {
  252.             font-family: 'BrandonTextWeb-Regular', sans-serif;
  253.             font-size: 16px;
  254.             text-transform: capitalize;
  255.             color: #000;
  256.             transition: color 0.5s;
  257.             -webkit-transition: color 0.5s;
  258.             -ms-transition: color 0.5s;
  259.             -moz-transition: color 0.5s;
  260.             -o-transition: color 0.5s;
  261.         }
  262.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li > ul > li > a:hover{
  263.             color: #33a5bf;
  264.             transition: color 0.5s;
  265.             -webkit-transition: color 0.5s;
  266.             -ms-transition: color 0.5s;
  267.             -moz-transition: color 0.5s;
  268.             -o-transition: color 0.5s;
  269.         }
  270.         #theme-header .navigation-links-desktop .navigation > li > .mega-menu + ul > li > ul {
  271.             column-count: 2;
  272.         }
  273.         #theme-header .navigation-links-mobile .has-children .menu-wrapper li {
  274.         position: relative;
  275.             margin-left: 1rem;
  276.         }
  277.         #theme-header .navigation-links-mobile .has-children .menu-wrapper li a{
  278.             color: #33a5bf;
  279.             margin-bottom: 1rem;
  280.             display: block;
  281.         }
  282.         #theme-header .navigation-links-mobile .has-children .menu-wrapper li ul li a{
  283.             color: #fff;
  284.             font-family: 'BrandonTextWeb-Regular', sans-serif;
  285.         }
  286.     </style>
  287.     <?= $this->navigation()->render( $mainNavigation ) ?>
  288. </div>