 Issue 5994668214976512:
  Issue 662 - Job links shouldn't use anchors  (Closed)
    
  
    Issue 5994668214976512:
  Issue 662 - Job links shouldn't use anchors  (Closed) 
  | Index: pages/jobs.tmpl | 
| =================================================================== | 
| --- a/pages/jobs.tmpl | 
| +++ b/pages/jobs.tmpl | 
| @@ -1,123 +1,41 @@ | 
| title=Working at Eyeo | 
| -{# | 
| - For each job opening you have to list the title and the name of the file under | 
| - includes/jobs/openings that contains the job description. | 
| -#} | 
| -{% set openings = [ | 
| - ("Account Manager USA/GB", "account-manager-usa-gb"), | 
| - ("Senior JavaScript Developer", "senior-javascript-developer"), | 
| - ("Senior Web Developer", "senior-web-developer"), | 
| - ("Android Developer", "android-developer"), | 
| - ("PR Intern", "pr-intern"), | 
| - ("Business Development Manager", "business-development-manager"), | 
| - ("Student Help Communications", "student-help-communications"), | 
| - ("Data Scientist", "data-scientist"), | 
| - ("Software Tester", "software-tester"), | 
| -] %} | 
| -{% set german_openings = ["senior-systemadministrator", "buchhalter", "account-manager-de"] %} | 
| +<head> | 
| 
Wladimir Palant
2015/03/18 16:54:13
This file should be called pages/jobs/index.tmpl -
 
saroyanm
2015/03/19 17:37:44
Done.
 | 
| + <script src="/js/jquery.ui.core.min.js"></script> | 
| + <script src="/js/jquery.ui.widget.min.js"></script> | 
| + <script src="/js/jquery.ui.tabs.min.js"></script> | 
| + <script> | 
| + jQuery(function() | 
| + { | 
| + jQuery("#tabs-details").tabs(); | 
| + }); | 
| + </script> | 
| 
Wladimir Palant
2015/03/18 16:54:13
None of this should be necessary any more, you are
 
saroyanm
2015/03/19 17:37:44
Yes this is the overview page and it contains some
 | 
| +</head> | 
| -<script src="/js/jquery.ui.core.min.js"></script> | 
| -<script src="/js/jquery.ui.widget.min.js"></script> | 
| -<script src="/js/jquery.ui.tabs.min.js"></script> | 
| -<script> | 
| - jQuery(function() | 
| - { | 
| - jQuery( | 
| - "ul:first", jQuery("#tabs-openings").tabs( | 
| - { | 
| - activate: function(event, ui) | 
| - { | 
| - var hash = ui.newTab.find("a")[0].hash; | 
| - if (hash != "#jobs-overview") | 
| - location.hash = hash; | 
| - window.scrollTo(0, 0); | 
| - } | 
| - }) | 
| - ).addClass("ui-tabs-nav-vertical"); | 
| +<? include jobs/generic-header ?> | 
| - jQuery("#tabs-details").tabs(); | 
| +<div id="jobs-overview"> | 
| + <? include jobs/overview ?> | 
| - jQuery(window).on("hashchange", function() | 
| - { | 
| - var hash = location.hash != "" ? location.hash : "#jobs-overview"; | 
| - var escapedHash = hash.replace(/\+/g, "\\+"); | 
| - jQuery("[href=" + escapedHash + "]").click(); | 
| - }); | 
| + <div id="tabs-details"> | 
| + <ul> | 
| + <li><a href="#why">Why work with us?</a></li> | 
| + <li><a href="#benefits">Employee benefits</a></li> | 
| + <li><a href="#office">Our office</a></li> | 
| + </ul> | 
| - setTimeout(function() { window.scrollTo(0, 0); }, 0); | 
| - }); | 
| -</script> | 
| - | 
| - | 
| -<header class="page-title"> | 
| - <h1>Working at Eyeo</h1> | 
| -</header> | 
| - | 
| -<div id="jobs-info" class="content-block"> | 
| - <div id="tabs-openings" class="columns-container one-sidebar"> | 
| - <div class="column sidebar-left"> | 
| - <h3 class="heading centered"><span>Current openings:</span></h3> | 
| - | 
| - <ul> | 
| - <li id="jobs-overview-tab"><a href="#jobs-overview"></a></li> | 
| - {% for title, file in openings %} | 
| - <li> | 
| - <a href="#{{ title|slugify }}"> | 
| - {{ title }} | 
| - {% if file in german_openings %} | 
| - <img src="/images/flags/de.png" alt="German" width="15" height="10"> | 
| - {% endif %} | 
| - </a> | 
| - </li> | 
| - {% endfor %} | 
| - </ul> | 
| - | 
| - <p id="hiring-badges"> | 
| - <img id="ihk-logo" src="/images/ihk.png" alt="IHK Ausbildungsbetrieb" width="120" height="80"> | 
| - <img id="fair-company-logo" src="/images/fair-company.jpg" alt="Fair Company" height="80"> | 
| - </p> | 
| - | 
| - <p> | 
| - <? include jobs/contact ?> | 
| - </p> | 
| + <div id="why"> | 
| + <? include jobs/why ?> | 
| </div> | 
| - <div class="column"> | 
| - <div id="panels-openings"> | 
| - <div id="jobs-overview"> | 
| - <? include jobs/overview ?> | 
| + <div id="benefits"> | 
| + <? include jobs/benefits ?> | 
| + </div> | 
| - <div id="tabs-details"> | 
| - <ul> | 
| - <li><a href="#why">Why work with us?</a></li> | 
| - <li><a href="#benefits">Employee benefits</a></li> | 
| - <li><a href="#office">Our office</a></li> | 
| - </ul> | 
| - | 
| - <div id="why"> | 
| - <? include jobs/why ?> | 
| - </div> | 
| - | 
| - <div id="benefits"> | 
| - <? include jobs/benefits ?> | 
| - </div> | 
| - | 
| - <div id="office"> | 
| - <? include jobs/office ?> | 
| - </div> | 
| - </div> | 
| - </div> | 
| - | 
| - {% for title, file in openings %} | 
| - <div id="{{ title|slugify }}"> | 
| - <h2>{{ title }}</h2> | 
| - <? include jobs/openings/{{ file }} ?> | 
| - <a href="mailto:jobs@eyeo.com"><button>apply now</button></a> | 
| - <a href="#jobs-overview"><button class="why-work-here-button">why work here?</button></a> | 
| - </div> | 
| - {% endfor %} | 
| - </div> | 
| + <div id="office"> | 
| + <? include jobs/office ?> | 
| </div> | 
| </div> | 
| </div> | 
| + | 
| +<? include jobs/generic-footer ?> |