Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: pages/jobs/index.tmpl

Issue 5994668214976512: Issue 662 - Job links shouldn't use anchors (Closed)
Patch Set: Created March 23, 2015, 1:04 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « pages/jobs/data-scientist.md ('k') | pages/jobs/not-available.md » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 title=Working at Eyeo 1 title=Working at Eyeo
2 2
3 {# 3 <head>
4 For each job opening you have to list the title and the name of the file under 4 <script src="/js/jquery.ui.core.min.js"></script>
5 includes/jobs/openings that contains the job description. 5 <script src="/js/jquery.ui.widget.min.js"></script>
6 #} 6 <script src="/js/jquery.ui.tabs.min.js"></script>
7 {% set openings = [ 7 <script>
8 ("Account Manager USA/GB", "account-manager-usa-gb"), 8 jQuery(function()
9 ("Senior JavaScript Developer", "senior-javascript-developer"), 9 {
10 ("Senior Web Developer", "senior-web-developer"), 10 jQuery("#tabs-details").tabs();
11 ("Android Developer", "android-developer"), 11 });
12 ("PR Intern", "pr-intern"), 12 </script>
13 ("Business Development Manager", "business-development-manager"), 13 </head>
14 ("Student Help Communications", "student-help-communications"),
15 ("Data Scientist", "data-scientist"),
16 ("Software Tester", "software-tester"),
17 ] %}
18 {% set german_openings = [] %}
19 14
20 <script src="/js/jquery.ui.core.min.js"></script> 15 <? include jobs/header ?>
21 <script src="/js/jquery.ui.widget.min.js"></script>
22 <script src="/js/jquery.ui.tabs.min.js"></script>
23 <script>
24 jQuery(function()
25 {
26 jQuery(
27 "ul:first", jQuery("#tabs-openings").tabs(
28 {
29 activate: function(event, ui)
30 {
31 var hash = ui.newTab.find("a")[0].hash;
32 if (hash != "#jobs-overview")
33 location.hash = hash;
34 window.scrollTo(0, 0);
35 }
36 })
37 ).addClass("ui-tabs-nav-vertical");
38 16
39 jQuery("#tabs-details").tabs(); 17 <div id="jobs-overview">
18 <? include jobs/overview ?>
40 19
41 jQuery(window).on("hashchange", function() 20 <div id="tabs-details">
42 { 21 <ul>
43 var hash = location.hash != "" ? location.hash : "#jobs-overview"; 22 <li><a href="#why">Why work with us?</a></li>
44 var escapedHash = hash.replace(/\+/g, "\\+"); 23 <li><a href="#benefits">Employee benefits</a></li>
45 jQuery("[href=" + escapedHash + "]").click(); 24 <li><a href="#office">Our office</a></li>
46 }); 25 </ul>
47 26
48 setTimeout(function() { window.scrollTo(0, 0); }, 0); 27 <div id="why">
49 }); 28 <? include jobs/why ?>
50 </script>
51
52
53 <header class="page-title">
54 <h1>Working at Eyeo</h1>
55 </header>
56
57 <div id="jobs-info" class="content-block">
58 <div id="tabs-openings" class="columns-container one-sidebar">
59 <div class="column sidebar-left">
60 <h3 class="heading centered"><span>Current openings:</span></h3>
61
62 <ul>
63 <li id="jobs-overview-tab"><a href="#jobs-overview"></a></li>
64 {% for title, file in openings %}
65 <li>
66 <a href="#{{ title|slugify }}">
67 {{ title }}
68 {% if file in german_openings %}
69 <img src="/images/flags/de.png" alt="German" width="15" height=" 10">
70 {% endif %}
71 </a>
72 </li>
73 {% endfor %}
74 </ul>
75
76 <p id="hiring-badges">
77 <img id="ihk-logo" src="/images/ihk.png" alt="IHK Ausbildungsbetrieb" wi dth="120" height="80">
78 <img id="fair-company-logo" src="/images/fair-company.jpg" alt="Fair Com pany" height="80">
79 </p>
80
81 <p>
82 <? include jobs/contact ?>
83 </p>
84 </div> 29 </div>
85 30
86 <div class="column"> 31 <div id="benefits">
87 <div id="panels-openings"> 32 <? include jobs/benefits ?>
88 <div id="jobs-overview"> 33 </div>
89 <? include jobs/overview ?>
90 34
91 <div id="tabs-details"> 35 <div id="office">
92 <ul> 36 <? include jobs/office ?>
93 <li><a href="#why">Why work with us?</a></li>
94 <li><a href="#benefits">Employee benefits</a></li>
95 <li><a href="#office">Our office</a></li>
96 </ul>
97
98 <div id="why">
99 <? include jobs/why ?>
100 </div>
101
102 <div id="benefits">
103 <? include jobs/benefits ?>
104 </div>
105
106 <div id="office">
107 <? include jobs/office ?>
108 </div>
109 </div>
110 </div>
111
112 {% for title, file in openings %}
113 <div id="{{ title|slugify }}">
114 <h2>{{ title }}</h2>
115 <? include jobs/openings/{{ file }} ?>
116 <a href="mailto:jobs@eyeo.com"><button>apply now</button></a>
117 <a href="#jobs-overview"><button class="why-work-here-button">why wo rk here?</button></a>
118 </div>
119 {% endfor %}
120 </div>
121 </div> 37 </div>
122 </div> 38 </div>
123 </div> 39 </div>
40
41 <? include jobs/footer ?>
OLDNEW
« no previous file with comments | « pages/jobs/data-scientist.md ('k') | pages/jobs/not-available.md » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld