https://www.hwunion.com/pagestylesheet/scripts.js?v=882

1
2$(document).ready(function () {
3
4    $( ".timed-reveal" ).each(function( index ) { 
5        timeStr = $(this).data( "reveal" );
6        var stt = new Date(timeStr);
7        console.log(stt.getTime());
8        console.log(Date.now());
9        if (Date.now() >= stt.getTime()) {
10            $(this).removeClass("hide");
11        }
12    });
13    
14    $(".freshers-banner dl dd").remove();
15
16    $( "#newnews .msl-news" ).each(function( index ) {
17        $(this).addClass("row")
18    });
19    $( "#newnews .msl-news .msl-item" ).each(function( index ) {
20        $(this).addClass("col col-6 col-md-4")
21    });
22    $( "#newnews .msl-news .msl-image img" ).each(function( index ) {
23        $(this).addClass("img-responsive")
24    });
25    $( "#newnews .news_all a" ).each(function( index ) {
26        $(this).addClass("btn btn-union btn-block")
27    });
28    
29if ($('#jobs .msl_notification').length > 0) {
30	cur = $('#jobs').html();
31	$('#jobs').html(cur + "<p style='text-align: center'>To get an email when we have vacancies, click <a href='/mailinglists' target='_blank'>here</a> to join the I Like to Have a Part-Time Job mailing list.</p>");
32}
33  $('#banner h5').addClass("d-none d-sm-block");
34  $('#banner .news_all, #banner .killfloat').remove();
35  $('.msl_organisation_list li.msl-gl-logo').each(function () {
36    img = $(this).find('a').addClass('gl-logo');
37    $(this).next().prepend(img);
38    $(this).remove();
39  });	
40
41	
42
43$( ".msl-joblist-params [class^=msl-joblist]").each(function() {
44
45  $( this ).addClass( "badge" );
46  $( this ).addClass( "badge-lgrey" );
47  $(this).wrap("<a href='javascript:void(0)' onclick='tagsModal(\"" + $(this).attr("class").match(/^msl\-joblist\-(.*?\s)/)[1].replace(" ","") + "\")'></a>");
48});
49
50$('#banner').bxSlider({
51     auto: true, pager:true, controls:true, pause: 6000, randomStart: true  
52   });
53  $('.columns2 .msl_eventlist > div').bxSlider({
54     auto: true, pager: false, controls: true, minSlides: 1, maxSlides: 3, slideWidth: 344, pause: 6000
55  });
56    votecheck = 1; votercheck = 1;
57    //checkScroll('#votecount');
58    //checkScroll('#votercount');
59});
60function isScrolledIntoView(elem)
61{
62    var $elem = $(elem);
63    var $window = $(window);
64
65    var docViewTop = $window.scrollTop();
66    var docViewBottom = docViewTop + $window.height();
67
68    var elemTop = $elem.offset().top;
69    var elemBottom = elemTop + $elem.height();
70
71    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
72}
73
74/* Count up */
75
76(function($) {
77    $.fn.countTo = function(options) {
78        // merge the default plugin settings with the custom options
79        options = $.extend({}, $.fn.countTo.defaults, options || {});
80
81        // how many times to update the value, and how much to increment the value on each update
82        var loops = Math.ceil(options.speed / options.refreshInterval),
83            increment = (options.to - options.from) / loops;
84
85        return $(this).each(function() {
86            var _this = this,
87                loopCount = 0,
88                value = options.from,
89                interval = setInterval(updateTimer, options.refreshInterval);
90
91            function updateTimer() {
92                value += increment;
93                loopCount++;
94                $(_this).html(value.toFixed(options.decimals));
95
96                if (typeof(options.onUpdate) == 'function') {
97                    options.onUpdate.call(_this, value);
98                }
99
100                if (loopCount >= loops) {
101                    clearInterval(interval);
102                    value = options.to;
103
104                    if (typeof(options.onComplete) == 'function') {
105                        options.onComplete.call(_this, value);
106                    }
107                }
108            }
109        });
110    };
111
112    $.fn.countTo.defaults = {
113        from: 0,  // the number the element should start at
114        to: 100,  // the number the element should end at
115        speed: 1000,  // how long it should take to count between the target numbers
116        refreshInterval: 100,  // how often the element should be updated

117        decimals: 0,  // the number of decimal places to show
118        onUpdate: null,  // callback method for every time the element is updated,
119        onComplete: null,  // callback method for when the element finishes updating
120    };
121})(jQuery);
122
123function counterScroll(elem,countTo) {
124
125    if ( isScrolledIntoView(elem) ) {
126        $(elem).countTo({
127            from: 0,
128            to: countTo,
129            speed: 1500,
130            refreshInterval: 25,
131        });
132        $(window).unbind('scroll');
133    }
134
135
136}
137function checkScroll(elem) {
138    if ( isScrolledIntoView(elem) && elem == '#votecount' && votecheck) {
139        $(elem).countTo({
140            from: 0,
141            to: $("#votecount").html(),
142            speed: 1500,
143            refreshInterval: 25,
144        }); votecheck = 0;
145    }
146    if ( isScrolledIntoView(elem) && elem == '#votercount' && votercheck) {
147        $(elem).countTo({
148            from: 0,
149            to: $("#votercount").html(),
150            speed: 1500,
151            refreshInterval: 25,
152        }); votercheck = 0;
153    }
154    if ( votercheck === 0 && votecheck === 0 && barcheck === 0 && piecheck === 0 ) { $(window).unbind('scroll'); }
155
156}
157
158function tagsModal(clas) {
159    console.log(clas);
160    //tclass = clas.match(/^msl\-joblist\-(.*?\s)/);
161tclass = clas;
162    //console.log(tclass[1]);
163    var ttitle = "";
164    var tbody = "";
165    switch (tclass) {
166        case "contracttype":
167            ttitle = "How long do you want me for?";
168            tbody = "<p>Different roles have different contract types...</p>";
169            tbody += "<ul><li><strong>All Year</strong> - This means the role works all 52 weeks of the year, not just during the academic term-time</li>";
170            tbody += "<li><strong>Term-Time Only</strong> - This mean the role only works during times of the year when the majority of students are on campus studying (so usually excludes Winter vacation and Easter vacation</li>";
171            tbody += "<li><strong>Fixed Term / Project</strong> - This means the role is for a defined period of time which will be advertised within the job description and is usually to help us with a specific project only.</li></ul>";
172            break;
173        case "employmenthours":
174            ttitle = "How much work each week do you want?"
175            tbody = "<p>Some of our roles work different numbers of hours each week...";
176            tbody += "<ul><li><strong>Full Time</strong> - This usually means the role works 35 hours per week, 8 hours per day for 5 days of the week.</li>";
177            tbody += "<li><strong>Part-Time</strong> - This usually means the role will work less than full time, possible fewer hours per day or fewer days of the week</li>";
178            tbody += "<li><strong>Casual</strong> - This means the role has no (or few) fixed hours each week. Instead the role will work shifts based on a rota that is published in advance.</li></ul>"
179            break;
180        case "highlight":
181            ttitle = "Who is it suitable for?"
182            tbody = "<p>We try to make it easy to understand who the role might be suitable for, so you can see if it would be the right fit for you...";
183            tbody += "<ul><li><strong>Ideal for Students</strong> - This means we think the role would fit nicely into the life of someone who is a current student at HW. This is most likely because the hours per week should fit around your timetable and offers greater flexibility around your studies.</li>";
184            tbody += "<li><strong>Ideal for Graduates</strong> - These roles would be perfect for a new or recent graduate. We identify these roles by the experience level that is necessary, the nature of the role requiring recent experience of being a student, or because the hours are higher than a current student could reasonably manage alongside studying.</li>";
185            tbody += "<li><strong>Not suitable for students</strong> - These roles would not be suitable for students who are currently studying. This is because the hours per week would be too many to do alongside your timetable, or because the shifts would most likely clash with when you would be in classes.</li></ul>";
186            break;
187        case "pay":
188            ttitle = "Is there money involved?"
189            tbody = "<p>Not all of the vacancies we advertise are paid, as we have various volunteering opportunities available too...";
190            tbody += "<ul><li><strong>Paid</strong> - These roles are paid in one form or another. We recommend reading the job description and advert carefully to understand what pay is offered for the role and whether that is suitable for you.</li>";
191            tbody += "<li><strong>Voluntary</strong> - These roles are not paid, but you will be able to track the hours and have them included on your transcript when you graduate to demonstrate the time and commitment you showed to future employers!</li></ul>";
192            break;
193    }
194    $("#jobTags .modal-title").html(ttitle);
195    $("#jobTags .modal-body").html(tbody);
196    $('#jobTags').modal('toggle');
197}