DCS Awards

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="{description}"> <meta name="author" content="Angel Business Communications"> <title>DCS Awards</title> <link rel="shortcut icon" href="/frontend/assets/uploads/dcs-favi.png" type="image/x-icon"> <link rel="apple-touch-icon" type="image/x-icon" href="/frontend/assets/img/apple-touch-icon-57x57-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="/frontend/assets/img/apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="/frontend/assets/img/apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="/frontend/assets/img/apple-touch-icon-144x144-precomposed.png"> <meta property='og:title' content='DCS Awards'/> <meta property='og:image' content='https://awards.angel.digital/frontend/assets/uploads/1689609295-dcs2023home.jpg'/> <meta property='og:description' content='<p>Welcome to the DCS Awards. Now in its 15th year.</p>'/> <meta property='og:url' content='https://dcsawards.com' /> <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet"> <link href="/frontend/assets/css/bootstrap.min.css" rel="stylesheet"> <link href="/frontend/assets/css/style-1.css" rel="stylesheet"> <link href="/frontend/assets/css/menu-new.css" rel="stylesheet"> <link href="/frontend/assets/css/responsive.css" rel="stylesheet"> <link href="/frontend/assets/css/elegant_font/elegant_font.min.css" rel="stylesheet"> <link href="/frontend/assets/css/fontello/css/fontello.min.css" rel="stylesheet"> <link href="/frontend/assets/css/magnific-popup.min.css" rel="stylesheet"> <link href="/frontend/assets/css/skins/square/grey.css" rel="stylesheet"> <link href="/frontend/assets/css/date_picker.css" rel="stylesheet"> <link href="/frontend/assets/css/jquery.switch.css" rel="stylesheet"> <link href="/frontend/assets/layerslider/css/layerslider.css" rel="stylesheet"> <link href="/frontend/assets/css/jquery.flipster.min.css" rel="stylesheet"> <script src="/frontend/assets/js/modernizr.js"></script> <script src="/frontend/assets/js/jquery-3.6.0.min.js"></script> <script src="/frontend/assets/js/common_scripts_min.js"></script> </head> <body>  <style> html { scroll-behavior: smooth; } option, optgroup{ font-family:'Poppins', Arial, sans-serif; } </style>  <header> <div id="top_line"> <div class="container"> <div class="row"> <div class="col-sm-4 hidden-xs"> <span id="tag_line">Nominations have now closed</span> </div> <div class="col-sm-8"> <ul id="top_links"> <li><i class="icon-micky-small icon-clock-1"></i> <a href="/key-dates">22nd May 2025</a></li> <li class="hidden-xs"><i class="icon-micky-small icon-location-1"></i> <a href="/venue">Leonardo Royal Hotel London St Pauls</a></li> <li class="hidden-xs"><i class="icon-micky-small icon-thumbs-up-2"></i> <a href='/vote'>Voting is open - Vote now</a></li> </ul> </div> </div> </div> </div> <div id="menuToggle"> <i id="default" class=" icon-menu" style="font-size:24px;cursor:pointer;" onclick="openmenu()"></i> <div id="open" style="font-size:24px;padding:6px;display:none;cursor:pointer;margin-top:-6px;margin-left:-5px;" onclick="closemenu()">X</div> </div> <div class="container"> <div class="row"> <div class="col-xs-12 col-lg-5"> <div id="logo" style="margin-top:11px;"> <a href="/home"><img src="/frontend/assets/uploads/1722435203-1716906380-1716541258-DCS Awards Logo HRZ BLK-2025.png" id="main-logo" alt="Logo"></a> </div> </div> <div class="col-xs-12 col-lg-7"> <div style="margin-top:22px;"> <div class="row"> <div class="col-lg-6" style="padding-bottom:8px;"> <a href='/vote' class='btn btn-micky-1'>Vote now</a> </div> <div class="col-lg-6" style="padding-bottom:8px;"> <a href='/sponsors' class='btn btn-micky-2'>Sponsor/Book a table</a> </div> </div> </div> </div> </div> <div class="row"> <div id="mobby-menu" style="display:none;"> <ul> <li><a href="/home">Home</a></li> <li><a class="" href="/key-dates">Key Dates</a></li> <li><a class="" href="/categories">Categories</a></li> <li style='display:none'><a class="" href="/nominate">Nominate</a></li> <li style='display:none'><a class="" href="/vote">Shortlist</a></li> <li ><a class="" href="/vote">Shortlist</a></li> <li ><a class="" href="/venue">Venue</a></li> <li ><a class="" href="/charity">Charity</a></li> <li><a class="" href="/sponsors">Sponsor/Book a table</a></li> <li style=""><a href="https://awards.angel.digital/frontend/assets/uploads/DCS-Awards-2025-Media-Pack-2.pdf" download>Download Sponsors Mediapack</a></li> <li><a href="/toolkit">Sponsors Toolkit</a></li> <li><a href='/winners/2024'>2024 Winners</a></li><li><a href='/winners/2023'>2023 Winners</a></li><li><a href='/winners/2022'>2022 Winners</a></li><li><a href='/winners/2021'>2021 Winners</a></li><li><a href='/winners/2020'>2020 Winners</a></li><li><a href='/winners/2019'>2019 Winners</a></li><li><a href='/winners/2018'>2018 Winners</a></li><li><a href='/winners/2017'>2017 Winners</a></li><li><a href='/winners/2016'>2016 Winners</a></li><li><a href='/winners/2015'>2015 Winners</a></li><li><a href='/winners/2014'>2014 Winners</a></li><li><a href='/winners/2013'>2013 Winners</a></li> <li {hide_magazine_link}><a class="{menu_selected_magazines}" href="/magazines">Magazines</a></li> <li><a class="" href="/contacts">Contact</a></li> </ul> </div> <nav role="navigation" id="main-menu" class="primary-navigation"> <ul> <li><a href="/home">Home</a></li> <li><a class="" href="/key-dates">Key Dates</a></li> <li><a class="" href="/categories">Categories</a></li> <li style='display:none' ><a class="" href="/nominate">Nominate</a></li> <li style='display:none'><a class="" href="/vote">Shortlist</a></li> <li ><a class="" href="/vote">Shortlist</a></li> <li> <a href="javascript:void(0);" class="show-submenu ">Sponsor/Book a table <i class="icon-down-open-mini"></i></a> <ul class="dropdown"> <li><a class="" href="/sponsors">Become a Sponsor</a></li> <li style=""><a href="https://awards.angel.digital/frontend/assets/uploads/DCS-Awards-2025-Media-Pack-2.pdf?" download>Download Mediapack</a></li> <li><a href="/toolkit">Toolkit</a></li> </ul> </li> <li ><a class="" href="/venue">Venue</a></li> <li ><a class="" href="/charity">Charity</a></li> <li > <a href="javascript:void(0);" class="show-submenu ">Winners <i class="icon-down-open-mini"></i></a> <ul class="dropdown"> <li><a href='/winners/2024'>2024</a></li><li><a href='/winners/2023'>2023</a></li><li><a href='/winners/2022'>2022</a></li><li><a href='/winners/2021'>2021</a></li><li><a href='/winners/2020'>2020</a></li><li><a href='/winners/2019'>2019</a></li><li><a href='/winners/2018'>2018</a></li><li><a href='/winners/2017'>2017</a></li><li><a href='/winners/2016'>2016</a></li><li><a href='/winners/2015'>2015</a></li><li><a href='/winners/2014'>2014</a></li><li><a href='/winners/2013'>2013</a></li> </ul> </li> <li {hide_magazine_link}><a class="{menu_selected_magazines}" href="/magazines">Magazines</a></li> <li style='display:none;'><a class="{menu_selected_conference}" target="_blank" href="">Conference</a></li> <li><a class="" href="/contacts">Contact</a></li> </ul> </nav> </div> </div> </header> <main> <section class="header-video" style="position:relative"> <div id="hero_video"> <div id='ribbonythingy'><div class='ribbon ribbon-top-left'><span>NOW IN ITS 15<sup>TH</sup> YEAR</span></div></div> <div class="row"> <div class="col-lg-7" > <div style="text-align:left;"> <h3> DCS Awards 2025 </h3> <p> 22nd May 2025 </p> <p> Nominations have now closed </p> <a class="button_intro" href="/vote">Vote now</a> </div> </div> <div class="col-lg-5"> <h1 style="margin-top:88px;margin-bottom:33px;color:#fff;"> Headline Sponsor </h1> <p style="text-align:center;margin-bottom:42px;margin-top:-24px;"> <a href="https://digitalpower.huawei.com/" target="_blank"><img style="width:100%;max-width:376px;" src="/frontend/assets/uploads/1743502231-huawei-400.jpg" alt="Huawei Digital Power Technologies Co., Ltd."></a> </p> </div> </div> </div> <img src="https://awards.angel.digital/frontend/assets/img/video_fix.png" alt="" class="header-video--media" data-video-src="https://awards.angel.digital/frontend/assets/video/home-slider-video-1716555381" data-teaser-source="https://awards.angel.digital/frontend/assets/video/home-slider-video-1716555381" data-provider="" data-video-width="1920" data-video-height="960"> </section> <div id="get_quote"> <div class="container"> <div class="row"> <div class="col-md-9"> <h3>Voting is now open </h3> </div> <div class="col-md-3"> <a href="/vote" class="btn_quote">Vote for a company now</a> </div> </div> </div> </div>  <style> #ribbonythingy { display: block; } .ribbon { width: 275px; height: 340px; overflow: hidden; position: absolute; } .ribbon span { position: absolute; display: block; width: 420px; height:52px; padding: 16px 0; background-color: #d44793; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 22px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; } /* top left*/ .ribbon-top-left { top: -0px; left: -0px; } .ribbon-top-left::before, .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before { top: 0; right: 0; } .ribbon-top-left::after { bottom: 0; left: 0; } .ribbon-top-left span { left: -88px; top: 88px; transform: rotate(-45deg); } /* media query not working */ /* @media only screen and (max-width: 1199px) { #ribbonythingy { display: none; } } */ </style> <div id="feat_intro"> <div class="container margin_60_25"> <div class="row"> <div class="col-lg-7" style="font-size:17px;line-height:1.4;padding-right:24px;"> <p><strong>The DCS Awards 2025: Celebrating Excellence in the Data Centre Industry</strong></p> <p>The 15th edition of the DCS Awards 2025 is back to celebrate the remarkable achievements within the data centre industry. This year's event will recognise customer success stories, technological innovations, and significant contributions from both individuals and companies. </p> <p><strong>Categories Reflecting Industry Evolution</strong></p> <p>The data centre industry has experienced several significant changes reflecting both technological advancements and responses to global trends. There has been a stronger push towards sustainability, with more data centres adopting renewable energy sources, improving energy efficiency, and aiming for carbon neutrality. AI and machine learning are increasingly being integrated into data centre operations to optimise energy usage, improve cooling systems, and enhance predictive maintenance. The growth of IoT and the need for low-latency applications have accelerated the deployment of edge data centres, bringing computational power closer to end-users. There’s a noticeable trend towards hybrid architectures that combine central data centres with edge facilities to enhance performance and reliability. With increasing cyber threats, data centres are adopting more robust security measures, including advanced encryption, AI-driven threat detection, and zero-trust security models.</p> <p>Despite the above challenges and the ever-evolving customer demands the data centre industry continues to underpin the digital world with its extraordinarily reliable infrastructure technology. The awards categories reflect the industry’s current landscape with a strong emphasis on ESG (Environmental, Social, and Governance) initiatives.<br /><br />The DCS Awards sees hundreds of nominations being entered which are then shortlisted for voting, culminating in a gala evening in London. Here, the winners are celebrated in a night filled with dining, entertainment, and networking.</p> <p><strong>Nominations have now closed</strong></p> <p>We are excited to recognise and reward innovation across the data centre industry, whether it be in projects, products, services, or individual and corporate excellence. The awards categories cover both facilities and IT aspects of data centres, reflecting the convergence of these disciplines crucial for digital transformation. This year, there are 38 categories focusing on the achievements of vendors, business partners, staff, and customers.</p> <p><strong>How to Get Involved</strong></p> <p>Now is the time to submit your nominations! Whether nominating your own company, staff members, or customers, there is a category for everyone among the 38 project, innovation, and other categories. Additionally, explore our sponsorship and marketing opportunities that complement the nomination and voting process. Early involvement means earlier promotion of your company through our range of packages, which include zoom interviews, extensive social media promotion, magazine interviews, and more traditional marketing activities on the awards website and email campaigns.</p> <p><strong>Save the Date</strong></p> <p>Mark your calendars for 22nd May 2025 and make sure to reserve a table for this must-attend event. Join us in celebrating the best and brightest in the data centre industry.</p> </div> <div class="col-lg-5" style="min-height:1100px;height:100%;background-image: url('https://awards.angel.digital/frontend/assets/uploads/1689609295-dcs2023home.jpg'); background-size: cover;background-position: center center;"> <div class="c-wrapper"> <div class="c-body"> <h3 class="c-font-white c-font-bold"> </h3> </div> </div> </div> </div> </div> </div> <section id="winners-guide" style='display:none;'> <div style="background-color:#eee;"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div style="padding-top:33px;padding-bottom:33px;"> <div class="row"> <div class="col-lg-4"> <a href="/frontend/assets/uploads/" target="_blank"><img src="/frontend/assets/uploads/" width="350"></a> </div> <div class="col-lg-8"> <h1>2025 Winners Guide</h1> <p style="font-size:18px;">The 2025 Winners Guide is now available to <a href="/frontend/assets/uploads/" target="_blank">view and download</a>.</p> <h4>Featuring</h4> <table width='100%' cellspacing='8' cellpadding='0'> </table> </div> </div> </div> </div> </div> </div> </div> </section> <div id="feat_introx" style="background-color:#14568b; "> <div class="container margin_25_25"> <div class="row"> <div class="col-md-9 col-sm-9" style="margin-bottom:16px;margin-top:5px;"> <h1 style="color:#fff;">Supported by the <br> Data Centre Alliance</h1> </div> <div class="col-md-3 col-sm-3" style="margin-top:20px;padding-bottom:20px;"> <img src="https://awards.angel.digital/frontend/assets/uploads/dca-logo.png" width="100%"> </div> </div> </div> </div> <div id="feat_home"> <div class="container margin_60_25"> <div class='row'> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-calendar icon-micky" style="color:#d44793"></i></span> <h3>Networking</h3> <p>Over 300 industry leaders attend the gala awards evening.</p> </div> </div> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-calendar icon-micky" style="color:#7cb929"></i></span> <h3>Increased Credibility</h3> <p>An award win, shortlisting or nomination acts as a 3rd party endorsement.</p> </div> </div> </div><div class='row'> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-ok-circled2 icon-micky" style="color:#f0870e"></i></span> <h3>Maximise Visibility</h3> <p>Free PR opportunities with 5 months of marketing utilising the DCS portfolio.</p> </div> </div> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-mic icon-micky" style="color:#8d5ca2"></i></span> <h3>38 Categories</h3> <p>The DCS Awards 2025 features 38 categories, providing a wide range of options for organisations and individuals involved in the IT industry to participate. </p> </div> </div> </div><div class='row'> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-calendar icon-micky" style="color:#d44793"></i></span> <h3>Tables & Sponsorship</h3> <p>We have a range of sponsorship opportunities and table packages available for all budgets. To view all available options <a href="/sponsors">click here</a>. </p> </div> </div> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-heart icon-micky" style="color:#7cb929"></i></span> <h3>14 Years of Success</h3> <p>15th edition of Angel Business Communications' premier DCS awards will be lucky for some! This year, we're planning on making the DCS Awards bigger and better than ever. </p> </div> </div> </div> </div> </div> <div id="feat_gallery"> <div id="animated-thumbnailsb"> <div class="row" style="margin:0;"> <div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de5342bd_1U2A2413ps2.jpg"><img src="/frontend/assets/uploads/66508de5342bd_1U2A2413ps2.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de3e6f8d_2D9A6624ps2.jpg"><img src="/frontend/assets/uploads/66508de3e6f8d_2D9A6624ps2.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de12ec79_1U2A2598ps2.jpg"><img src="/frontend/assets/uploads/66508de12ec79_1U2A2598ps2.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de245f5a_2D9A6483ps2.jpg"><img src="/frontend/assets/uploads/66508de245f5a_2D9A6483ps2.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de3c188f_2D9A6611ps2.jpg"><img src="/frontend/assets/uploads/66508de3c188f_2D9A6611ps2.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de49c7e8_1U2A2383ps2.jpg"><img src="/frontend/assets/uploads/66508de49c7e8_1U2A2383ps2.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de1e03c5_2D9A6446ps2.jpg"><img src="/frontend/assets/uploads/66508de1e03c5_2D9A6446ps2.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/66508de4c5cb6_1U2A2387ps2.jpg"><img src="/frontend/assets/uploads/66508de4c5cb6_1U2A2387ps2.jpg" width="100%"></div> </div> </div> </div> <div id="feat_something" style="background-color:#041232;"> <div class="container margin_30_25" style="color:#fff;font-size:26px;"> <img src="/frontend/assets/uploads/dcsban.png" width="100%"> </div> </div> <div class="container" style="margin-top:33px;"> <h2 id="videos-360" style="padding:16px;background-color:#6c0053;color:#fff;display:none;">360 Video Gallery</h2> <div style="margin-top:44px;"> </div> </div> <div id="feat_sponsorsX" style="margin-top:-66px;margin-bottom:33px;"> <div class="container "> <h2 style="padding:16px;background-color:#6c0053;color:#fff;">Sponsors for 2025</h2> <hr> <div class='row' id='section-258' style='margin-bottom:24px;margin-top:24px;'><div class='col-lg-4'> <div style='padding:11px;font-size:16px;color:#fff;background-color:#0c2532;'> Headline Sponsors </div> </div> </div><div class='row'><div class='col-lg-4' style='padding:11px;'> <div style='border:1px solid #ccc;border-radius:5px;background-color:#141516;;padding:24px;;vertical-align:middle;'> <a href='javascript:;' onclick="getsponsor('1267')"><img src='/frontend/assets/uploads/1743502231-huawei-400.jpg' style='width:100%' /></a> </div> </div></div><div class='row' id='section-256' style='margin-bottom:24px;margin-top:24px;'><div class='col-lg-12'> <div style='padding:11px;font-size:16px;color:#fff;background-color:#0c2532;'> Category Sponsors </div> </div> </div><div class='row'><div class='col-lg-3' style='padding:11px;'> <div style='border:1px solid #ccc;border-radius:5px;background-color:#fff;;padding:24px;;vertical-align:middle;'> <a href='javascript:;' onclick="getsponsor('1262')"><img src='/frontend/assets/uploads/1724250804-1703072750-H2H Communications.jpg' style='width:100%' /></a> </div> </div><div class='col-lg-3' style='padding:11px;'> <div style='border:1px solid #ccc;border-radius:5px;background-color:#fff;;padding:24px;;vertical-align:middle;'> <a href='javascript:;' onclick="getsponsor('1266')"><img src='/frontend/assets/uploads/1737468885-oryx-align-logo-400.png' style='width:100%' /></a> </div> </div></div> </div> </div> </main> <script> $(function() { var sdc_uid = localStorage.getItem('sdc_uid'); console.log("User known: "+sdc_uid); window.history.pushState({}, document.title, "/home"); }); </script> <div id="toasty"> <div class="heading">Nomination Received <div class="closer" onclick="closenominationtoast()">x</div> </div> <div class="title"><span id="nominator_name">Angel Business Communications</span> have just nominated in the 2025 DCS Awards</div> <div class="cta">Make sure you get your nomination in before 30th August.</div> <div class="row-button"> <a class="nomninate-button" href="/nominate">Nominate Now!</a> </div> </div> <footer> <div class="container"> <div class="row "> <div class="col-md-6 col-sm-12"> <img src="https://awards.angel.digital/frontend/assets/uploads/1722498941-1716906380-1716541258-DCS Awards Logo HRZ WHT-2025.png" width="190" alt="DCS Awards Awards 2025" id="logo_footer"> <p>Welcome to the DCS Awards. Now in its 15th year.</p> </div> <div class="col-md-6 col-sm-12"> <div class="row"> <div class="col-lg-6"> <h3>Contacts</h3> <ul id="contact_details_footer"> <li id="address_footer">6 Bow Court, Fletchworth Gate<br>Coventry, CV5 6SP, UK</li> <li id="email_footer"><a href="mailto:awards@dcsawards.com">awards@dcsawards.com</a></li> <li id="phone_footer"><a href="tel:+442476718970">+44(0)24 7671 8970</a></li> <li id="twitter_footer"><a href="https://x.com/dw_dcs" target="_blank"><img src="https://cdn.bitmagazine.net/assets/images/twitter-icon.png" width="24"></a>      <a href="https://www.linkedin.com/groups/4166743" target="_blank"><img src="/frontend/assets/img/linkedin-group.png" width="150" alt="LinkedIn"></a> </li> </ul>  </div> <div class="col-lg-6" style="border-left:1px dotted #dd3ce3;margin-bottom:24px;"> <h3>Menu</h3> <ul> <li><a href="/home">Home</a></li> <li><a href="/nominate">Nominate</a></li> <li><a href="/key-dates">Key Dates</a></li> <li><a href="/categories">Categories</a></li> <li ><a href="/charity">Charity</a></li> <li><a href="/winners">Winners</a></li> <li><a href="/contacts">Contacts</a></li> <li><a href="/privacy-policy">Privacy Policy</a></li>  </ul> </div> </div> </div> </div> </div> <div id="copy" style="margin-top:24px;"> <div class="container"> Copyright © 2024 ~ Angel Business Communications Limited ~ Company Number 01972952 </div> </div> </footer> <div id="toTop"></div> <input type="hidden" value="normal" id="product-or-client" />   <div class="modal" id="myModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" style="float:left">Sponsor Details</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="z-index:66;float:right"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-lg-4"> <div style="padding:4px;margin-bottom:24px;"> <img src="" alt="Loading..." id="mlogo" width="100%" style="border:1px solid #ccc;padding:16px;display:block;"> </div> </div> <div class="col-lg-8"> <p style="font-weight: bold;font-size:20px;" id="mname"></p> <p style="font-size:16px;" id="mcategory"></p> </div> </div> <div class="row"> <div class="col-lg-12"> <p id="minfo"></p> </div> </div> </div> <div class="modal-footer"> <p><a href="" id="murl" target="_blank" class="btn btn-primary">Visit Website</a></p>  </div> </div> </div> </div>  <div class="modal" id="nomination-vote" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form method="post" action="/submit-vote" id="voting-form"> <div class="cf-turnstile" data-sitekey="0x4AAAAAAABWQcs8jl_Zv-87" data-callback="javascriptCallback"></div> <div class="modal-header"> <h5 class="modal-title" style="float:left" id="vote-form-title">Voting</h5> <input type="hidden" id="vid" value=""> <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close" aria-hidden="true" onclick="bongledin()"> × </button> </div> <div class="modal-body"> <div id="info-box"> <div class="row"> <div class="class-lg-12" style="margin-left:16px;margin-right:16px;"> <div style="border-radius:16px;background-color:#d44793;color:#fff;padding:16px;margin-bottom:22px;"> <span style="font-weight:bold;">Category:</span> <br> <span style="font-size:20px;" id="vcategory"></span> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <div style="padding:4px;margin-bottom:24px;"> <img src="" alt="Loading..." id="vlogo" width="100%" style="border:1px solid #ccc;padding:16px;display:block;"> </div> </div> <div class="col-lg-8"> Finalist: <br> <span style="font-weight: bold;font-size:20px;" id="vname"></span> <br> <br> <p> <button id="modal-voting-button" class="btn btn-primary" type="button" onclick="getMoreNomineeDetails()" style=" font-size:18px;border-radius:8px;background-color:#fff;border:3px solid #d44793;color:#d44793;padding-right:22px;" target="blank"><i class="icon-thumbs-up"></i> Click here to vote for us</button> </p>  </div> </div> <div class="row"> <div class="col-lg-12">  <p><b>Entry Details:</b></p> <p id="vinfo"></p> <p><b>Supporting Documents:</b></p> <table > <tr> <td><a href="" id="doc1" class="btn btn-primary" style="font-size:18px;border-radius:8px;background-color:#fff;border:3px solid #d44793;color:#d44793;" target="blank"><i class="icon-download"></i> Document 1</a></td> <td width="24"> </td> <td><a href="" id="doc2" class="btn btn-primary" style="font-size:18px;border-radius:8px;background-color:#fff;border:3px solid #d44793;color:#d44793;" target="blank"><i class="icon-download"></i> Document 2</a></td> </tr> </table> <p id="nodoc" style="display:none;">None provided</p> </div> </div> </div>  <div id="voting-box" style="display:none;"> <input type="hidden" name="voting_entry_id" id="voting_entry_id" value="" /> <input type="hidden" name="voting_category_id" id="voting_category_id" value="" /> <div class="row"> <div class="col-lg-12"> <div style="padding:16px;padding-bottom:11px;border-radius:16px;background-color:#d44793;color:#fff;display:block;"> <div style="line-height:12px;color:#fff;font-weight:bold;">You are voting for:</div> <div id="voting_company" style="font-size:20px;"></div> <div style="line-height:12px;color:#fff;font-weight:bold;margin-top:11px;">In the category:</div> <div id="voting_category" style="font-size:20px;"></div> </div> </div> </div> <div class="row"> <div class="col-lg-12" style="margin-bottom:11px;padding-top:16px;margin-top:16px;padding-bottom:11px;border-bottom:1px dotted #aaa;"> <h5 class="modal-title" style="">Please provide your details</h5> </div> <div class="col-lg-6" style="margin-bottom:11px;"> First name:<br> <input type="text" name="voting_first_name" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_first_name" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Last name:<br> <input type="text" name="voting_last_name" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_last_name" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Company:<br> <input type="text" name="voting_company" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_company" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Job title:<br> <input type="text" name="voting_job_title" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_job_title" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Email address:<br> <input type="email" name="voting_email" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" onblur="checkEmail(this.value)" required id="voting_email" value="" /> <input type="hidden" id="email_status" name="email_status" value="bad"> </div> <div class="col-lg-6" style="margin-bottom:11px;">   <br> <button type="button" class="btn btn-primary" style="font-size:17px;border-radius:8px;color:#fff;border:0px;" onclick="cancelNomineeDetails()">View Entry</button>   <button type="submit" class="btn btn-primary" style="font-size:17px;border-radius:8px;background-color:#d44793;color:#fff;border:0px;">Submit Vote</button> </div> </div> <div class="row"> <div class="col-lg-12" style="margin-top:11px;"> Privacy Notice: Your details are only used to validate the legitimacy of your vote submission. They will not be shared with any third parties. </div> <div class="col-lg-12" style="border-top:1px dotted #ccc;margin-top:11px;padding-top:11px;"> Direct voting link to this entry:<br> <pre id="direct-voting-link">Loading...</pre> </div> </div> </div> </div>  </form> </div> </div> </div> <div id="overlay" class="overlay-confirm" style="display:none;"> <div class="row"> <div class="col-lg-8"> <div class="top-message" style="line-height:1.1;"> <span style="color:#cc0066;font-weight:bold;">Nearly there...</span> <br> <span style="font-size:15px;">Before submitting, please check your entry details and the formatting used.</span> <span style="font-size:12px;"><br>If you provide the reason or summary as one paragraph, then that is how it will be displayed on the voting form.</span> </div> </div> <div class="col-lg-4" style="text-align: right;">  </div> </div> <div class="row" style="margin-top:0px;"> <div class="col-lg-4"> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Your details</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="88" style="font-weight:bold;">First name</td> <td id="preview-firstname">Loading</td> </tr> <tr> <td style="font-weight:bold;">Last name</td> <td id="preview-lastname">Loading</td> </tr> <tr> <td style="font-weight:bold;">Company</td> <td id="preview-company">Loading</td> </tr> <tr> <td style="font-weight:bold;">Email</td> <td id="preview-email">Loading</td> </tr> <tr> <td style="font-weight:bold;">Phone</td> <td id="preview-phone">Loading</td> </tr> </table> </div> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Entry details</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="font-weight:bold;">Entry title</td> <td id="preview-n-title"></td> </tr> <tr> <td width="88" style="font-weight:bold;">Category</td> <td id="preview-n-category">Loading</td> </tr> <tr id="show-company-preview"> <td style="font-weight:bold;">Company</td> <td id="preview-n-company">Loading</td> </tr> <tr id="show-client-preview"> <td style="font-weight:bold;">Client</td> <td id="preview-n-client">Loading</td> </tr> <tr id="show-client-logo-preview"> <td style="font-weight:bold;">Client Logo</td> <td id="preview-n-logo">Loading</td> </tr> <tr id="show-product-preview"> <td style="font-weight:bold;">Product</td> <td id="preview-n-product">Loading</td> </tr> <tr id="show-person-preview"> <td style="font-weight:bold;">Person</td> <td id="preview-n-person">Loading</td> </tr> </table> </div> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Branding</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="88" style="font-weight:bold;">Web logo</td> <td id="preview-logo-web">Loading</td> </tr> <tr> <td style="font-weight:bold;">Print logo</td> <td id="preview-logo-print">Loading</td> </tr> </table> </div> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Supporting documents</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="88" style="font-weight:bold;">Document 1</td> <td id="preview-doc-1">Loading</td> </tr> <tr> <td style="font-weight:bold;">Document 2</td> <td id="preview-doc-2">Loading</td> </tr> </table> </div> </div> <div class="col-lg-4"> <div class="preview-box"> <h4 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Entry reason</h4> <div id="preview-reason" style="font-size:12px;"> Loading </div> </div> </div> <div class="col-lg-4"> <div class="preview-box"> <h4 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Entry summary</h4> <div id="preview-summary" style="font-size:12px;"> Loading </div> </div> <div class="preview-box"> <div class="row"> <div class="col-lg-12"> <div class="xxxxxxx" style="text-align:right;"> <button type="button" class="btn_1 medium btn-primary" onclick="closePreview()">Edit</button>     <button type="button" id="nomination-submit-button" class="btn_1 medium btn-successs" style="margin-top:15px;">Submit Nomination</button> </div> </div> </div> </div> </div> </div> </div> <style> #toasty { display: none; max-width: 450px; background-color: #a01c74; color: #fff; border-radius: 11px; padding: 11px; position: fixed; z-index: 666666; left: 22px; margin-right: 22px; bottom: 22px; border:5px solid #fff; font-family:arial; box-shadow: 0 0 10px #666; } #toasty .heading{ width:100%; position:relative; font-weight:bold;color:#dbaecc;font-size:19px; } #toasty .title{ margin-bottom:8px; margin-top:11px; font-size:20px; font-weight:bold; color:#dbaecc; } #toasty .row-button{ margin-top:22px;margin-bottom:16px; } #toasty .nomninate-button{ color:#7a1559; font-weight: bold; padding: 11px; border-radius:11px; background-color:#fff; text-decoration:none; } #toasty .nomninate-button:hover{ color:#fff;background-color:#7a1559; } #toasty .closer{ border-radius:3px;position:absolute;z-index:55px;right:0px;margin-top:-22px;background-color:#fff;color:#a01c74;font-weight:bold;padding:1px;padding-top:0px;padding-bottom:2px;cursor:pointer;font-size:20px;width:20px;text-align:center; } #toasty .closer:hover{ background-color:#7a1559;color:#fff; } #toasty #nominator_name{ color:#fff; } #toasty .cta{ line-height:1.2;color:#dbaecc; } .btn-successs{ background-color:#2a9e26; } .btn-successs:hover{ background-color:#5bbb58; } .modal { display: none; position: fixed; z-index: 1777777; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 100%; } .modal-title{ margin:0px; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .modal-title{ font-size:20px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } </style> <style> /* gallery replacement */ /* .gallery-item { position: relative; margin-bottom: 30px; } .gallery-item img { width: 100%; } .gallery-item-overlay { background-color: rgba(22, 116, 209, 0.4); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: .4s; } .gallery-item a { font-size: 16px; color: #ffffff; border: 2px solid #fff; width: 60px; height: 60px; text-align: center; transition: .4s; display: table; position: absolute; margin: -30px 0 0 -30px; top: 50%; left: 50%; line-height: 56px; border-radius: 50%; opacity: 0; transform: scale(1.4); transition: .4s; } .gallery-item:hover a { opacity: 1; transform: scale(1); transition: .4s; } .gallery-item a:hover { color: #111; background: #fff; border: 2px solid #fff; transition: .4s; } .gallery-item:hover .gallery-item-overlay { opacity: 1; transition: .4s; } */ </style> <script> function openmenu(){ $("#default").hide(); $("#open").show(); $("#mobby-menu").show(); } function closemenu(){ $("#default").show(); $("#open").hide(); $("#mobby-menu").hide(); } function bongledin(){ console.log("closer"); $("#nomination-vote").modal('hide'); $("#nomination-vote").hide(); } function getMoreNomineeDetails(){ $("#voting-box").show(); $("#info-box").hide(); $("#vote-form-title").html("Submit your vote"); } function cancelNomineeDetails(){ $("#voting-box").hide(); $("#info-box").show(); $("#vote-form-title").html("Voting"); } function getsponsor(id){ var modal = document.getElementById("myModal"); // Get the button that opens the modal //var btn = document.getElementById("myBtn"); var span = document.getElementsByClassName("close")[0]; $.ajax({ url: "/frontend/assets/sponsors/?id="+id, cache: false, success: function (data) { $("#mid").val(data.id); $("#mname").html(data.name); $("#murl").attr("href",data.url); $("#mcategory").html(data.category); $("#minfo").html(data.info); $("#mlogo").attr("src","/frontend/assets/uploads/"+data.logo); } }); modal.style.display = "block"; span.onclick = function() { modal.style.display = "none"; $("#mcategory").html(""); $("#murl").attr("href",""); $("#mlogo").attr("src",""); $("#mname").html(""); $("#minfo").html(""); $("#mid").val(""); } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; $("#mcategory").html(""); $("#murl").attr("href",""); $("#mlogo").attr("src",""); $("#mname").html(""); $("#minfo").html(""); $("#mid").val(""); } } } ////////////////////////////////////////// function getNominationForVoting(id,type){ var modal = document.getElementById("nomination-vote"); // Get the button that opens the modal //var btn = document.getElementById("myBtn"); var span = document.getElementsByClassName("close")[0]; if(type=="vote"){ $("#voting-box").show(); $("#info-box").hide(); $("#vote-form-title").html("Submit your vote"); } else { $("#voting-box").hide(); $("#info-box").show(); $("#vote-form-title").html("Voting"); } $.ajax({ url: "/frontend/assets/entries/?id="+id, cache: false, success: function (data) { $("#doc1").hide(); $("#doc2").hide(); $("#doc1").attr("href",""); $("#doc2").attr("href",""); $("#vid").val(data.id); $("#vname").html(data.name); $("#voting_company").html(data.name); $("#vurl").attr("href",data.url); $("#vcategory").html(data.category); $("#voting_category").html(data.category); $("#voting_category_id").val(data.category_id); $("#voting_entry_id").val(data.id); $("#vinfo").html(data.info); $("#vtitle").html(data.title); $("#vlogo").attr("src","/frontend/assets/uploads/"+data.logo); var votable = data.votable; console.log(votable); $("#modal-voting-button").hide(); if(votable=="yes"){ $("#modal-voting-button").show(); } $("#direct-voting-link").html("https://dcsawards.com/vote?shortcut="+data.id); var excat = "Rising"; var thecat = data.category; if(thecat.includes(excat)){ // $("#modal-voting-button").hide(); } else{ // $("#modal-voting-button").show(); } /* $("#modal-voting-button").hide(); */ $("#nodoc").show(); if(data.doc1!="0"){ var doc1 = data.doc1; $("#doc1").show(); $("#doc1").attr("href","/frontend/assets/uploads/"+doc1); $("#nodoc").hide(); } if(data.doc2!="0"){ var doc2 = data.doc2; $("#doc2").show(); $("#doc2").attr("href","/frontend/assets/uploads/"+doc2); $("#nodoc").hide(); } } }); modal.style.display = "block"; span.onclick = function() { modal.style.display = "none"; $("#vcategory").html(""); $("#vurl").attr("href",""); $("#vlogo").attr("src",""); $("#voting_company").html(""); $("#voting_category").html(""); $("#voting_category_id").val(""); $("#voting_entry_id").val(""); $("#vinfo").html(""); $("#vid").val(""); } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; $("#vcategory").html(""); $("#vurl").attr("href",""); $("#vlogo").attr("src",""); $("#voting_company").html(""); $("#voting_category").html(""); $("#voting_category_id").val(""); $("#voting_entry_id").val(""); $("#vinfo").html(""); $("#vid").val(""); } } } function checkEmail(email){ // new_bad_email_hosts $.ajax({ url: "/frontend/assets/check-email/?email="+email, cache: false, success: function (data) { if(data=="bad"){ alert("Free Email services are not permitted."); $("#voting_email").val(""); $("#email_status").val("bad"); } else { $("#email_status").val("good"); } } }); } /* $(document).ready(function() { $("#voting-form").on('submit', function(e){ //e.preventDefault(); var status = $("#email_status").val(); console.log(status); if($status=="bad"){ e.preventDefault(); } else { $("#voting-form").submit(); } }); }); */ </script> <script src="/frontend/assets/js/functions.js"></script> <script src="/frontend/assets/js/video_header.js?m"></script> <script> HeaderVideo.init({ container: $('.header-video'), header: $('.header-video--media'), videoTrigger: $("#video-trigger"), autoPlayVideo: true }); </script> <script src="/frontend/assets/js/jquery.validate.js"></script> <script src="/frontend/assets/js/jquery.stepy.min.js"></script> <script src="/frontend/assets/js/quotation-validate.js"></script> <script src="/frontend/assets/js/bootstrap-datepicker.js"></script> <script> $('.datepicker').datepicker(); $("#quotation").validate(); </script> <script src="/frontend/assets/js/jquery.sticky-sidebar.min.js"></script>  <script> function nl2br (str, is_xhtml) { var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>'; return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2'); } function showPreview(){ $("#nomination-form-main").hide(); $("#preview-n-category").html($("#selected-nomination_category option:selected").text()); $("#preview-firstname").html($("#person_firstname").val()); $("#preview-lastname").html($("#person_lastname").val()); $("#preview-company").html($("#person_company").val()); $("#preview-email").html($("#person_email").val()); $("#preview-phone").html($("#person_phone").val()); $("#preview-n-product").html($("#nomination_product_name").val()); $("#preview-n-client").html($("#nomination_client_name").val()); var optionSelected = $("#selected-nomination_category").find(':selected').data('selected'); if(optionSelected!="Company"){ $("#preview-n-person").html($("#nomination_company").val()); $("#show-person-preview").show(); $("#show-company-preview").hide(); } else { $("#preview-n-company").html($("#nomination_company").val()); $("#show-person-preview").hide(); $("#show-company-preview").show(); } $("#preview-n-title").html($("#nomination_title").val()); var client_logo = $("#nomination_client_logo").val(); if(client_logo!=""){ $("#preview-n-logo").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-n-logo").html("<span style='color:#cc0000;'>✗</span>"); } var doc1 = $("#nomination_document_1").val(); if(doc1!=""){ $("#preview-doc-1").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-doc-1").html("<span style='color:#cc0000;'>✗</span>"); } var doc2 = $("#nomination_document_2").val(); if(doc2!=""){ $("#preview-doc-2").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-doc-2").html("<span style='color:#cc0000;'>✗</span>"); } var logo_web = $("#nomination_logo_web").val(); if(logo_web!=""){ $("#preview-logo-web").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-logo-web").html("<span style='color:#cc0000;'>✗</span>"); } var logo_print = $("#nomination_logo_print").val(); if(logo_print!=""){ $("#preview-logo-print").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-logo-print").html("<span style='color:#cc0000;'>✗</span>"); } var is_xhtml = "1"; var reason = $("#nomination_reason").val(); var reason_formatted = nl2br(reason,is_xhtml); var summary = $("#nomination_highlights").val(); var summary_formatted = nl2br(summary,is_xhtml); console.log("reason:"); console.log(reason_formatted); console.log("highlights:"); console.log(summary_formatted); $("#preview-reason").html(reason_formatted); $("#preview-summary").html(summary_formatted); $("#overlay").show(); $("html, body").animate({ scrollTop: 0 }, "slow"); } function closePreview(){ $("#preview-reason").html(""); $("#nomination-form-main").show(); $("#overlay").hide(); } </script> <script> // this requires updating to get the form more complete. then check the admin form etc. // teh values here should come from the database - todo note bodge var clientFieldShowedForCategories = [1161,1162,1159,1160,1157,1158]; // project before space are dcs and after are sdc var productFieldShowedForCategories = [1146,1147,1145,1143,1144,1155,1156,1153,1154,1152,1150,1151,1149,1148]; // innovation var allOthers = [1131,1132,1142,1141,1140,1138,1139,1136,1137,1135,1134,1169,1168,1166,1167,1164,1165,1163]; // w w what those are DCS so What to do with the SDC ones...? // var clientFieldShowedForCategories = [527,526,525,524,523,522, 555,560,557,558,559,561,556]; // project before space are dcs and after are sdc // var productFieldShowedForCategories = [529,530,531,532,533,534,535,536,537,538,539,540,541,542, 564,566,565,562,563,567,569,570,568,571,573,572,575,574]; // innovation // var allOthers = [543,544,545,546,547,548,549,550,551,552,553,554]; // w w what those are DCS so What to do with the SDC ones...? $('[name="nomination_category"]').on('change', function() { var velr = parseInt($(this).val()); //console.log($(this).val(), clientFieldShowedForCategories.includes(velr)); if(clientFieldShowedForCategories.includes(velr)) { $('.c-client').show(); $("#show-person-preview").hide(); $("#show-client-preview").show(); $("#show-client-logo-preview").show(); $("#product-or-client").val("client"); } else { $('.c-client').hide(); $("#show-client-preview").hide(); $("#show-client-logo-preview").hide(); } if(productFieldShowedForCategories.includes(velr)) { $('.c-product').show(); $("#show-person-preview").hide(); $("#show-product-preview").show(); // note product preview isn't in the client version above. $("#product-or-client").val("product"); } else { $('.c-product').hide(); $("#show-product-preview").hide(); } if(allOthers.includes(velr)) { $('.c-product').hide(); $("#show-product-preview").hide(); $("#show-person-preview").hide(); $("#show-show-preview").hide(); // also hide client logo? $("#product-or-client").val("normal"); } /* show-company-preview show-client-preview show-product-preview show-person-preview */ show_reason_placeholder(velr); }).trigger('change'); // setting required for the categories is whether the client logo is requried = this may fall under something else like product etc $('#selected-nomination_category').on('change', function (e) { var optionSelected = $(this).find(':selected').data('selected'); var output = optionSelected+" Name" $("#company-or-persons").html(output); }); function show_reason_placeholder(id){ $("#nomination_reason_prompts").show(); var theone = "#reason_info_"+id; var thecontent = $(theone).html(); //console.log("The ID to get the innerHTML from: "+theone); //console.log(thecontent); // $("#nomination_reason").attr("placeholder",thecontent); $("#nomination_reason_prompts").html(thecontent) } function getReadableFileSizeString(fileSizeInBytes) { var i = -1; var byteUnits = [' kB', ' MB', ' GB', ' TB', 'PB', 'EB', 'ZB', 'YB']; do { fileSizeInBytes = fileSizeInBytes / 1024; i++; } while (fileSizeInBytes > 1024); return Math.max(fileSizeInBytes, 0.1).toFixed(1) + byteUnits[i]; }; function isValidEmailAddress(emailAddress) { var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; return pattern.test(emailAddress); } $('input[max-size]').on('change', function(){ if(typeof this.files[0] !== 'undefined'){ var maxSize = parseInt($(this).attr('max-size'),10), size = this.files[0].size; if(size > maxSize) { $('input[max-size]').val(''); $('#errorModalContent').html("The file you uploaded was "+getReadableFileSizeString(size)+" which is larger than the allowed "+getReadableFileSizeString(maxSize)+".<br>Please upload a smaller file."); $('#errorModal').modal('show'); } } }); /* var formHasErrors = false; $('#entry-form').on('submit', function(e) { e.preventDefault(); formHasErrors = false; $('#nomination-submit-button').text('Submitting....').attr('disabled', true); $($('#entry-form input, #entry-form select, #entry-form textarea').get().reverse()).each(function() { $(this).trigger('change'); }); setTimeout(function() { if(formHasErrors !== false) { console.log("Errors would show"); $('#errorModalContent').html("There were some errors in your entry. Please check that all required fields have been completed and that there are no errors.<br><br>If you need help with your entry, call +44 (0)2476 718 970 or <a href='mailto:awards@dcsawards.com'>drop us an email</a>."); $('#errorModal').modal('show'); setTimeout(function() { $('html, body').animate({ scrollTop: parseInt($(formHasErrors).offset().top - 150) }, 500); }, 200); $('#nomination-submit-button').text('Submit Entry').attr('disabled', false); } else { $('#entry-form')[0].submit(); } }, 500); }); $('#entry-form [required]').on('change', function() { $(this).closest('.form-group').removeClass('has-success has-error has-feedback'); $(this).closest('.form-group').find('.form-control-feedback').hide(); $(this).closest('.form-group').find('.feedback-error-message').hide(); //Ignore Files if($(this).attr('type') == 'file') { return; } //Trim on inputs if($(this).val() != null) { $(this).val($(this).val().trim()); } //If Not Empty if($(this).val() != null) { if($(this).val().length > 0) { if($(this).attr('type') == 'email') { if(!isValidEmailAddress($(this).val())) { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('Please enter a valid email address.').show(); formHasErrors = $(this); return; } } if($(this).attr('minlength') > '0') { if($(this).val().length < $(this).attr('minlength')) { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('Minimum of '+$(this).attr('minlength')+' characters required.').show(); formHasErrors = $(this); return; } } } else { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('This field is required.').show(); formHasErrors = $(this); return; } } else { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('This field is required.').show(); formHasErrors = $(this); return; } $(this).closest('.form-group').addClass('has-success has-feedback'); $(this).closest('.form-group').find('.feedback-success').show(); }); */ $("#nomination-submit-button").on( "click", function() { var current_selection = $("#product-or-client").val(); var errors = ""; var error = ""; var person_firstname = $("#person_firstname").val(); if(person_firstname==""){ errors="yes"; error+="\nFirst name"; } var person_lastname = $("#person_lastname").val(); if(person_lastname==""){ errors="yes"; error+="\nLast name"; } var person_company = $("#person_company").val(); if(person_company==""){ errors="yes"; error+="\nCompany name"; } var person_email = $("#person_email").val(); if(person_email==""){ errors="yes"; error+="\nEmail address"; } var person_phone = $("#person_phone").val(); if(person_phone==""){ errors="yes"; error+="\nPhone number"; } var nomination_category = $("#nomination_category").val(); if(nomination_category==""){ errors="yes"; error+="\nCategory"; } var nomination_title = $("#nomination_title").val(); if(nomination_title==""){ errors="yes"; error+="\nNomination title"; } var nomination_reason = $("#nomination_reason").val(); if(nomination_reason==""){ errors="yes"; error+="\nReason"; } var nomination_company = $("#nomination_company").val(); if(nomination_company==""){ errors="yes"; error+="\nNomination company"; } //var nomination_logo_print = $("#nomination_logo_print").val(); //var nomination_document_1 = $("#nomination_document_1").val(); //var nomination_document_2 = $("#nomination_document_2").val(); var logo_web = $("#nomination_logo_web")[0].files.length; if(logo_web === 0){ errors="yes"; error+="\nCompany logo"; } if(current_selection=="client"){ var client_logo = $("#nomination_client_logo")[0].files.length; if(client_logo === 0){ errors="yes"; error+="\nClient logo"; } } var nomination_client_name = $("#nomination_client_name").val(); if(current_selection=="client" && nomination_client_name==""){ errors="yes"; error+="\nClient name"; } var nomination_product_name = $("#nomination_product_name").val(); if(current_selection=="product" && nomination_product_name==""){ errors="yes"; error+="\nProduct name"; } if(errors==""){ $("#nomination").submit(); } else { alert("You have missed some required fields:\n"+error); } }); // read what the user had selected and make this selection on the drop down $(function(){ // not certain where this is used. // get url var theUrl = window.location.href; // split the url down to get just the cateogryID var theOne = theUrl.split("="); var theRealOne = theOne[1]; var theOther = theUrl.split("/"); var theRealOther = theOther[4]; if( window.location.href.indexOf("proposal") >= 0 ){ var uid = theRealOne; localStorage.setItem('sdc_uid', uid); // change to {brand_short}_uid } // added a timeout since it was not triggering setTimeout(function() { console.log(theRealOne); console.log(theRealOther); // temp for previewing the winners but rememeber the template do have hiding as default so remove that style alsp if(theRealOne=="mike" && theRealOther=="2024"){ $("#das-winners-ya").show(); } if(theRealOther < "2024"){ $("#das-winners-ya").show(); } // end temp // set the dropdown $("#selected-category").val(theRealOne); }, 600); var optionSelected = $("#selected-nomination_category").find(':selected').data('selected'); if(optionSelected){ var output = optionSelected+" name"; $("#company-or-persons").html(output); } /* $('.owl-carousel').owlCarousel({ items: 1, loop: true, autoplay: true, animateIn: 'flipInX', margin: 0, stagePadding: 3, smartSpeed: 450, responsiveClass: true, responsive: { 600: { items: 6 }, 1000: { items: 10, nav: false } } }); $('.owl-carousel').owlCarousel({ items:5, merge:true, loop:true, margin:10, video:true, lazyLoad:true, center:true, responsive:{ 480:{ items:2 }, 600:{ items:4 } } }); */ }); $(window).on('load', function(){ "use strict"; if ($(window).width() > 990) { $('#sider').stickySidebar({ topSpacing: 100, bottomSpacing: 50, containerSelector: '#mainer', }); } }); </script> <script src="https://cdn.jsdelivr.net/npm/lightgallery@2.3.0/lightgallery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@2.3.0/css/lightgallery-bundle.min.css" /> <script> $(document).ready(function(){ lightGallery(document.getElementById('animated-thumbnailsa'), { thumbnail:true, selector: '.gitem' }); }); // check highlights for max words on keypress document.getElementById("nomination_highlights").addEventListener("keypress", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var maxWords = 450; if(numWords > maxWords){ $("#words-message-highlights").html("You have reached the maximum number of 450 words."); evt.preventDefault(); // Cancel event } else { if(numWords=="1"){var plural="";} else {var plural="s";} $("#words-message-highlights").html("You have entered "+numWords+" word"+plural+"."); } }); document.getElementById('nomination_highlights').addEventListener('paste', function(event) { var textarea = event.target; var clipboardData = event.clipboardData || window.clipboardData; var pastedText = clipboardData.getData('text'); var currentText = textarea.value; var currentWordCount = currentText.split(/\s+/).length; var pastedWordCount = pastedText.split(/\s+/).length; var totalWordCount = currentWordCount + pastedWordCount; if (totalWordCount > 450) { event.preventDefault(); // Prevent the default paste behavior alert('Exceeds maximum word limit of 450.'); } }); // check highlights for max words onbur for pasters document.getElementById("nomination_highlights").addEventListener("blur", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var maxWords = 450; if(numWords > maxWords){ $("#words-message-highlights").html("You have reached the maximum number of 450 words."); evt.preventDefault(); // Cancel event } else { if(numWords=="1"){var plural="";} else {var plural="s";} $("#words-message-highlights").html("You have entered "+numWords+" word"+plural+"."); } }); /////////////// // check highlights for min words on keypress document.getElementById("nomination_reason").addEventListener("keypress", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var minWords = 450; var wordsShort = minWords-numWords; if(numWords < minWords){ $("#words-message-details").html("You are "+wordsShort+" words short."); // evt.preventDefault(); // Cancel event } else { if(wordsShort=="1"){var plural="";} else {var plural="s";} $("#words-message-details").html("You have entered "+numWords+" word"+plural+" which is ideal."); } }); // check highlights for min words onbur for pasters document.getElementById("nomination_reason").addEventListener("blur", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var minWords = 450; var wordsShort = minWords-numWords; if(numWords < minWords){ $("#words-message-details").html("You are "+wordsShort+" words short."); //evt.preventDefault(); // Cancel event } else { if(wordsShort=="1"){var plural="";} else {var plural="s";} $("#words-message-details").html("You have entered "+numWords+" word"+plural+" which is ideal."); } }); </script>  <script src="/frontend/assets/js/jquery-migrate.min.js"></script> <script src="/frontend/assets/layerslider/js/greensock.js"></script> <script src="/frontend/assets/layerslider/js/layerslider.transitions.js"></script> <script src="/frontend/assets/layerslider/js/layerslider.kreaturamedia.jquery.js"></script> <script src="/frontend/assets/js/slider_func.js"></script> <script src="/frontend/assets/js/jquery.flipster.min.js"></script> <script> function videoFocus(which){ stopallFocus(); var theplayer = "video-360-"+which; let vid = document.getElementById(theplayer); vid.play(); } function stopallFocus(){ let vid1 = document.getElementById("video-360-1"); vid1.pause(); let vid2 = document.getElementById("video-360-2"); vid2.pause(); let vid3 = document.getElementById("video-360-3"); vid3.pause(); let vid4 = document.getElementById("video-360-4"); vid4.pause(); let vid5 = document.getElementById("video-360-5"); vid5.pause(); let vid6 = document.getElementById("video-360-6"); vid6.pause(); let vid7 = document.getElementById("video-360-7"); vid7.pause(); let vid8 = document.getElementById("video-360-8"); vid8.pause(); let vid9 = document.getElementById("video-360-9"); vid9.pause(); let vid10 = document.getElementById("video-360-10"); vid10.pause(); let vid11 = document.getElementById("video-360-11"); vid11.pause(); let vid12 = document.getElementById("video-360-12"); vid12.pause(); let vid13 = document.getElementById("video-360-13"); vid13.pause(); let vid14 = document.getElementById("video-360-14"); vid14.pause(); let vid15 = document.getElementById("video-360-15"); vid15.pause(); let vid16 = document.getElementById("video-360-16"); vid16.pause(); let vid17 = document.getElementById("video-360-17"); vid17.pause(); let vid18 = document.getElementById("video-360-18"); vid18.pause(); let vid19 = document.getElementById("video-360-19"); vid19.pause(); } $(function() { var coverflow = $("#coverflow").flipster(); }); //////////////// toast function loadnominationtoast() { setTimeout(function(){ $.ajax({ url: "/frontend/test-inject-ajax.php", cache: false, success: function (data) { $("#nominator_name").html(data); $("#toasty").fadeIn(500); }, error: function (error) { } }); }, 2000); } function closenominationtoast(){ $("#toasty").fadeOut(500); } </script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> </body> </html>

CINXE.COM

DCS Awards