VDB complete

README.md

@@ -112,10 +112,10 @@ Can't share C drive
 
 - docker load --input ourdemo.tar
 
-- docker build -t biuro/web:0.0.24 .
+- docker build -t biuro/web:0.0.25 .
 - docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
 - sudo docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
-- docker push biuro/web:0.0.24
+- docker push biuro/web:0.0.25
 
 - sudo chown -R www-data:www-data wordpress/wp-content/plugins
 

wp-content/themes/biuro/css/05-layout/_layout--main.css

@@ -4,7 +4,12 @@
 
 .l-main     { flex: 1 1 100%; }
 
-.l-main--content { background-color: #FFFFFF; padding: 40px 50px; }
+.l-main--content { background-color: #FFFFFF; padding: 30px 20px;
+    img { max-width: 100%; height: auto; }
+    @media (--min--medium) {
+        padding: 40px 50px;
+    }
+}
 
 .l-main--divisions { flex: 1 1 600px;}
 

wp-content/themes/biuro/css/05-layout/_layout--section.css

@@ -8,6 +8,8 @@
     }
 }
 
+.l-section--vdb { background-color: #086335; background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
+
 .l-section--front-page { background: url(/wp-content/themes/biuro/i/front-page.png) no-repeat 50% 50%; background-size: cover; margin-bottom: 2px;
     @media (--max--medium) {
         height: 244px; margin-bottom: 120px
@@ -25,6 +27,8 @@
     .l-section--inner { max-width: 870px; padding-right: 20px; padding-left: 20px; }
 }
 
+
+
 .l-section--inner { max-width: 1030px; margin: 0 auto;  }
 
 

wp-content/themes/biuro/css/07-components/__components.css

@@ -37,6 +37,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
 @import '_component--social.css';
 @import '_component--trust.css';
 @import '_component--values.css';
+@import '_component--vdb.css';
 
 
 .t-reason{

wp-content/themes/biuro/css/07-components/_component--btn.css

@@ -12,6 +12,10 @@
     &:hover { background: var(--color--green-darker); }
 }
 
+.c-btn--vdb { color: #fff; background: #ff7046;
+    &:hover { background: #ff501d }
+}
+
 .c-btn--alt     { padding: 10px 15px;  color: #004ED4;  background: #e8f0ff; color: #004ED4;
     &:after { float: right; margin: 6px 0 0 35px; content: ''; width: 7px; height: 7px; border: 1px solid #004ED4; border-width: 2px 2px 0 0; transform: rotate(45deg); }
     &:hover     { background-color: #DDE6F5;  }

wp-content/themes/biuro/css/07-components/_component--vdb.css

+/* ------------- Component: VDB ------------- */
+
+/* critical:start */
+
+.c-vdb--top { min-height: 68px; background: #02BF5F; padding: 14px 0; }
+
+.c-vdb--top-inner { max-width: 1050px; margin: 0 auto; padding: 0 10px; display: flex; align-items: center; }
+
+.c-vdb--top-img { flex: 0 0 39px; margin-right: 38px;
+    @media (--max--medium) {
+        margin-right: 18px;
+    }
+}
+
+.c-vdb--top-content { flex: 1 1 auto; color: #FFFFFF; margin: 0; padding: 0 10px 0 0; font-size: 18px; line-height: 25px;
+    @media (--max--medium) {
+         font-size: 16px; line-height: 19px;
+    }
+}
+
+
+.c-vdb--section { margin: 0 20px 20px 0; padding: 28px 28px 23px; border-radius: 3px; background-color: #fff; }
+
+.c-vdb--section-aside {
+    @media (--max--medium) {
+        display: none;
+    }
+}
+.c-vdb--section-bottom { max-width: 360px; margin: 0 auto 20px; border: 0 20px solid #f8f8f8;
+    @media (--min--medium) {
+        display: none;
+    }
+}
+
+.c-vdb--section-img { display: block; margin: 0 auto 15px; }
+
+.c-vdb--section-heading { font-size: 21px; font-weight: 500; line-height: 27px;  }
+
+.c-vdb--section-content { line-height: 23px; }
+
+
+.c-vdb--bottom { min-height: 68px; background: #4B5561 url(/wp-content/themes/biuro/i/vdb/bottom.png)  no-repeat 50% 50%; background-size: cover; padding: 46px 0; }
+
+.c-vdb--bottom-inner { max-width: 1050px; margin: 0 auto; padding: 0 10px; display: flex; align-items: center; justify-content: center; }
+
+.c-vdb--bottom-heading { margin: 0 38px 0 0; padding: 0; color: #FFFFFF; font-size: 36px; line-height: 42px; font-weight: 500;
+    @media (--max--medium) {
+        margin: 0 18px 0 0;
+    }
+ }
+
+.c-vdb--bottom-content { color: #FFFFFF; margin: 0; padding: 0; line-height: 23px; }
+
+/* critical:end */

wp-content/themes/biuro/header.php

@@ -32,7 +32,7 @@ define('cityID', $cityID);
 ?>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
 
-    <style><?php include 'css/core-3c61bf687c.min.css'; ?></style>
+    <style><?php include 'css/core-857ac73abd.min.css'; ?></style>
 
     <link rel="preload" href="/wp-content/themes/biuro/css/main-d091026dbb.min.css" as="style" onload="this.rel='stylesheet'">
 

wp-content/themes/biuro/page-vasaros-darbu-bankas.php

+<?php
+/**
+ * Template Name: VDB page
+ *
+ * This is the page for a VDB
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Biuro
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+    <div class="l-section l-section--vdb">
+        <div class="l-section--inner">
+<?php
+            if (get_page_template_slug() != 'sales-page.php'):
+                get_search_form();
+            endif;
+?>
+        </div>
+    </div>
+    <div class="c-vdb--top">
+        <div class="c-vdb--top-inner">
+            <img src="/wp-content/themes/biuro/i/vdb/header.png" width="39px" height="39px" alt="VDB" class="c-vdb--top-img" />
+            <p class="c-vdb--top-content">
+                <?php _e('Find summer job – look through the job ads, we are constantly updating the list and adding new ones.', 'biuro'); ?>
+            </p>
+
+        </div>
+    </div>
+
+    <div id="content" class="l-main">
+
+    <div class="l-content l-content--heading">
+<?php
+
+        if ( !is_search() ):
+            while ( have_posts() ) :
+                the_post();
+                the_content();
+            endwhile;
+        endif;
+ ?>
+    </div>
+    <div class="l-content">
+
+        <aside class="l-aside">
+<?php
+            get_template_part( 'template-parts/layout/aside', 'job-list' );
+?>
+        </aside><!-- .l-aside -->
+
+
+
+        <main id="main" class="l-main">
+
+<?php
+    global $query_string;
+
+    $ID =  get_the_ID();
+    $keys =  get_post_custom_keys();
+
+    $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '"';
+
+    if ( is_search() ):
+
+        wp_parse_str( $query_string, $searchQuery );
+
+        if ( $searchQuery ) :
+
+            if ( $searchQuery['city'] ) :
+                $city = get_term_by( 'name', preg_replace('/[\+]/', ' ', $searchQuery['city']), 'city' );
+
+                if ( $city ) :
+                    $where = $where . ' AND city.term_id = ' . $city->term_id;
+                endif;
+            endif;
+
+            if ( $searchQuery['s'] ) :
+
+                $field = get_term_by( 'name', preg_replace('/[\+]/', ' ', $searchQuery['s']), 'field' );
+                $type = get_term_by( 'name', preg_replace('/[\+]/', ' ', $searchQuery['s']), 'type' );
+
+                if ( $field ) :
+                    $where = $where . ' AND field.term_id = ' . $field->term_id;
+                elseif ( $type ) :
+                    $where = $where . ' AND type.term_id = ' . $type->term_id;
+                else:
+                    $where = $where . ' AND (t.post_title LIKE "%' . $searchQuery['s'] . '%" OR  t.post_content LIKE "%' . $searchQuery['s'] . '%")';
+                endif;
+
+            endif;
+        endif;
+
+        // $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '" AND (t.post_title LIKE "%' . $searchQuery . '%" OR  t.post_content LIKE "%' . $searchQuery . '%")';
+
+    elseif ($keys):
+        foreach ( $keys as $key => $value ) :
+            $val = trim($value);
+            $taxonomy = substr($val, 20);
+
+            if ( '_' == $val{0} || substr($val, 0, 20) != 'built_in_taxonomies_' || !$taxonomy):
+                continue;
+            endif;
+
+            $res = get_post_custom_values( $val, $ID );
+
+            if ( !$res ) :
+                continue;
+            endif;
+
+            $term = $res[0];
+
+            if ( !$term ) :
+                continue;
+            endif;
+
+            $where = $where . ' AND ' .  $taxonomy . '.slug = "' . $term . '"';
+        endforeach;
+    endif;
+
+    $params = array(
+        'orderby' => 'date DESC',
+        'where' => $where,
+        'limit'   => 20
+    );
+
+    $jobs = pods( 'job', $params );
+
+    if ( 0 < $jobs->total() ):
+
+        get_template_part( 'template-parts/jobs/jobs', 'list' );
+
+    else:
+
+        get_template_part( 'template-parts/jobs/jobs', 'not-found' );
+
+    endif;
+?>
+
+            </main><!-- .l-main -->
+        </div><!-- .l-content -->
+
+    </div><!-- #content -->
+
+    <div class="c-vdb--section c-vdb--section-bottom">
+        <img src="/wp-content/themes/biuro/i/vdb/not-found.png" width="85px" height="85px" alt="VDB not found" class="c-vdb--section-img" />
+        <h3 class="c-vdb--section-heading"><?php _e("Didn't find a job offer you like?", 'biuro'); ?></h3>
+        <p class="c-vdb--section-content">
+            Fill out the form and we will contact you
+        </p>
+    <?php
+        $contactsPage = new WP_Query( array(
+            'numberposts'   => 1,
+            'post_type'     => 'page',
+            'meta_key'      => 'page',
+            'meta_value'    => 'employees-contacts'
+        ) );
+
+        if ( $contactsPage->have_posts() ) :
+            while( $contactsPage->have_posts() ) :
+                $contactsPage->the_post();
+        ?>
+                <a href="<?php echo get_the_permalink(); ?>?focus=form" class="o-btn c-btn--vdb"><?php _e('Get a job offer', 'biuro'); ?></a>
+        <?php
+            endwhile;
+            wp_reset_query();
+        endif;
+     ?>
+    </div>
+
+    <div class="c-vdb--bottom">
+        <div class="c-vdb--bottom-inner">
+            <p class="c-vdb--bottom-heading"><?php _e('900', 'biuro'); ?></p>
+            <p class="c-vdb--bottom-content"><?php _e('This is how many people we employed during summer at 2018.<br/>Join us this summer!', 'biuro'); ?></p>
+        </div>
+    </div>
+
+<?php get_footer();

wp-content/themes/biuro/template-parts/layout/aside-job-list.php

@@ -104,3 +104,34 @@ function getSiteTree($taxonomy, $section)
 <?php
     getSiteTree( 'type', __('Job type', 'biuro') );
 ?>
+
+
+<?php if (get_page_template_slug() == 'page-vasaros-darbu-bankas.php'): ?>
+
+    <div class="c-vdb--section c-vdb--section-aside">
+        <img src="/wp-content/themes/biuro/i/vdb/not-found.png" width="85px" height="85px" alt="VDB not found" class="c-vdb--section-img" />
+        <h3 class="c-vdb--section-heading"><?php _e("Didn't find a job offer you like?", 'biuro'); ?></h3>
+        <p class="c-vdb--section-content">
+            Fill out the form and we will contact you
+        </p>
+    <?php
+        $contactsPage = new WP_Query( array(
+            'numberposts'   => 1,
+            'post_type'     => 'page',
+            'meta_key'      => 'page',
+            'meta_value'    => 'employees-contacts'
+        ) );
+
+        if ( $contactsPage->have_posts() ) :
+            while( $contactsPage->have_posts() ) :
+                $contactsPage->the_post();
+        ?>
+                <a href="<?php echo get_the_permalink(); ?>?focus=form" class="o-btn c-btn--vdb"><?php _e('Get a job offer', 'biuro'); ?></a>
+        <?php
+            endwhile;
+            wp_reset_query();
+        endif;
+     ?>
+    </div>
+
+<?php endif; ?>