released version

README.md

@@ -17,7 +17,7 @@
 
 ### DB backup
 - `C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysqldump -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro > docker/mariadb/data-004.sql`
-- `sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-012.sql`
+- `sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-013.sql`
 
 ### DB restore
 - `C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysql -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro < docker/mariadb/data-004.sql`
@@ -112,10 +112,10 @@ Can't share C drive
 
 - docker load --input ourdemo.tar
 
-- docker build -t biuro/web:0.0.21 .
+- docker build -t biuro/web:0.0.22 .
 - docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
 - sudo docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
-- docker push biuro/web:0.0.21
+- docker push biuro/web:0.0.22
 
 - sudo chown -R www-data:www-data wordpress/wp-content/plugins
 
@@ -131,6 +131,7 @@ Can't share C drive
 
 
 - `sudo docker exec -it biuro-staging-mysql bash`
+- `sudo docker exec -it biuro-www-mysql bash`
 - `mysql -uroot -p'#w1ML4QfWaR*8dBYRL7aZJI$' --default-character-set=utf8`
 
 

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees--step-1.php

@@ -40,7 +40,7 @@ if ( ! defined( 'WPINC' ) ) die;
     <div class="c-form--row">
         <label class="c-form--label" for="form-name"><?php _e('Name, surname', 'biuro-contacts'); ?></label>
         <div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
-            <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error' || $phoneStatus != 'error' && $agreeStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+            <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error' || $phoneStatus != 'error' && $agreeStatus == 'error' || isset($_GET['focus']) ): ?> autofocus="autofocus" <?php endif; ?>>
         </div>
         <?php if ($nameMessage): ?>
             <div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">

wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employers--step-1.php

@@ -40,7 +40,7 @@ if ( ! defined( 'WPINC' ) ) die;
     <div class="c-form--row">
         <label class="c-form--label" for="form-name"><?php _e('Name, surname', 'biuro-contacts'); ?></label>
         <div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
-            <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error' || $phoneStatus != 'error' && $agreeStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
+            <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error' || $phoneStatus != 'error' && $agreeStatus == 'error' || isset($_GET['focus']) ): ?> autofocus="autofocus" <?php endif; ?>>
         </div>
         <?php if ($nameMessage): ?>
             <div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">

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

@@ -11,6 +11,22 @@
     }
 }
 
+.l-content--divisions {
+    .c-form--employees {
+        @media (--max--medium) {
+            padding: 38px 35px 20px;
+        }
+    }
+}
+
+.l-content--regions {
+    .c-form--employers {
+        @media (--max--medium) {
+            padding: 38px 35px 20px;
+        }
+    }
+}
+
 .c-form--position { padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff;
     @media (--min--medium) {
         margin: -40px -15px 0; box-shadow: 0 1px 31px -23px #6A7481;

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

@@ -9,7 +9,7 @@
 
 .c-jobs--headline { min-height: 29px; margin: 0 0 25px; padding: 20px 20px 0; color: #2A3644; font-size: 25px; font-weight: 500; line-height: 29px;
     @media (--max--medium) {
-        height: 26px; font-size: 18px; font-weight: 500; line-height: 26px;  text-align: center;
+        min-height: 26px; font-size: 18px; font-weight: 500; line-height: 26px;  text-align: center;
     }
 }
 

wp-content/themes/biuro/footer.php

@@ -79,7 +79,7 @@
     '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
     })(window,document,'script','dataLayer','GTM-THF42F');</script>
 
-    <script src="/wp-content/themes/biuro/js/main-f94c9556.min.js" async></script>
+    <script src="/wp-content/themes/biuro/js/main-eabfed8e.min.js" async></script>
     <?php wp_footer(); ?>
 </body>
 </html>

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-a1791931b8.min.css'; ?></style>
+    <style><?php include 'css/core-d26cdaf59b.min.css'; ?></style>
 
     <link rel="preload" href="/wp-content/themes/biuro/css/main-d091026dbb.min.css" as="style" onload="this.rel='stylesheet'">
 
@@ -143,7 +143,7 @@ global $post;
                     while( $contactsPage->have_posts() ) :
                         $contactsPage->the_post();
                 ?>
-                        <a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--main c-btn--header"><?php _e('Get an offer', 'biuro'); ?></a>
+                        <a href="<?php echo get_the_permalink(); ?>?focus=form" class="o-btn c-btn--main c-btn--header"><?php _e('Get an offer', 'biuro'); ?></a>
                 <?php
                     endwhile;
                     wp_reset_query();
@@ -161,7 +161,7 @@ global $post;
                     while( $contactsPage->have_posts() ) :
                         $contactsPage->the_post();
                 ?>
-                        <a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--main c-btn--header"><?php _e('Get a job offer', 'biuro'); ?></a>
+                        <a href="<?php echo get_the_permalink(); ?>?focus=form" class="o-btn c-btn--main c-btn--header"><?php _e('Get a job offer', 'biuro'); ?></a>
                 <?php
                     endwhile;
                     wp_reset_query();

wp-content/themes/biuro/js/main.js

@@ -119,7 +119,7 @@ const mapStyles = [
     }
 ];
 
-function setMarkers (map, positions) {
+function setMarkers (map, positions, focus) {
     var info;
     var bounds = new window.google.maps.LatLngBounds();
 
@@ -151,6 +151,13 @@ function setMarkers (map, positions) {
                 info.open(map, this);
             });
         }
+
+        if (focus) {
+            if (window.innerWidth < 960) {
+                window.scrollTo(0, 0);
+            }
+            new google.maps.event.trigger( marker, 'click' );
+        }
     }
 
     map.fitBounds(bounds);
@@ -219,7 +226,7 @@ function initDivisionsMap (node, data) {
             const ID = (node && node.dataset.id) ? node.dataset.id : '';
 
             if (data[ID]) {
-                setMarkers(map, data[ID].filter((d) => { return d.lat && d.lng; }));
+                setMarkers(map, data[ID].filter((d) => { return d.lat && d.lng; }), true);
             } else {
                 setMarkers(map, divisions.filter((d) => { return d.lat && d.lng; }));
             }
@@ -375,5 +382,46 @@ if (document.querySelector('.js-modal--close')) {
         if (modal) {
             modal.remove();
         }
+
+        if (document.querySelector('[autofocus]')) {
+            document.querySelector('[autofocus]').focus();
+        }
+    });
+}
+
+function fallbackCopyTextToClipboard (text) {
+    var textArea = document.createElement('textarea');
+    textArea.value = text;
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+
+    try {
+        var successful = document.execCommand('copy');
+        var msg = successful ? 'successful' : 'unsuccessful';
+        console.log('Fallback: Copying text command was ' + msg);
+    } catch (err) {
+        console.error('Fallback: Oops, unable to copy', err);
+    }
+
+    document.body.removeChild(textArea);
+}
+function copyTextToClipboard (text) {
+    if (!navigator.clipboard) {
+        fallbackCopyTextToClipboard(text);
+        return;
+    }
+    navigator.clipboard.writeText(text).then(function() {
+
+    }, function (err) {
+        console.error('Async: Could not copy text: ', err);
+    });
+}
+
+if (document.querySelector('.js-copy-to-clipboard')) {
+    document.querySelector('.js-copy-to-clipboard').addEventListener('click', (e) => {
+        e.preventDefault();
+        copyTextToClipboard(window.location);
+
     });
 }