CINXE.COM
Award Winners and Runners-up from 2019
<!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>Award Winners and Runners-up from 2019</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='Award Winners and Runners-up from 2019'/> <meta property='og:image' content='https://awards.angel.digital/frontend/assets/uploads/1732883692-2024-sdc-homepage.jpg'/> <meta property='og:description' content='<p>Welcome to the SDC Awards. Now in its 15th year.</p>'/> <meta property='og:url' content='https://sdcawards.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-2.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> <!-- onload="loadnominationtoast()" --> <style> html { scroll-behavior: smooth; } option, optgroup{ font-family:'Poppins', Arial, sans-serif; } </style> <!-- <div id="preloader"> <div class="sk-spinner sk-spinner-wave"> <div class="sk-rect1"></div> <div class="sk-rect2"></div> <div class="sk-rect3"></div> <div class="sk-rect4"></div> <div class="sk-rect5"></div> </div> </div> <div class="layer"></div> --> <header> <div id="top_line"> <div class="container"> <div class="row"> <div class="col-sm-4 hidden-xs"> <span id="tag_line">Winners Announced!</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">28th November 2024</a></li> <li class="hidden-xs"><i class="icon-micky-small icon-location-1"></i> <a href="/venue">Leonardo Royal Hotel London City</a></li> <li class="hidden-xs"><i class="icon-micky-small icon-thumbs-up-2"></i> <a href='/winners/2023'>View Winners</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/sdcawards-logo-on-light.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;"> </div> <div class="col-lg-6" style="padding-bottom:8px;"> <a href='/winners/2024' class='btn btn-micky-1'>View Winners</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 style='display:none'><a class="" href="/vote"></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/SDC_Awards_2024_Media_Pack_v2.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><a href='/winners/2012'>2012 Winners</a></li><li><a href='/winners/2011'>2011 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 style='display:none'><a class="" href="/vote"></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/SDC_Awards_2024_Media_Pack_v2.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 active ">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><li><a href='/winners/2012'>2012</a></li><li><a href='/winners/2011'>2011</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> <section class="parallax_window_in short" data-parallax="scroll" data-image-src="https://awards.angel.digital/frontend/assets/uploads/winners-page-2023.jpg" data-natural-width="1400" data-natural-height="350"> <div id="sub_content_in"> <div class="container"> <h1>2019</h1> <p>Winners and Runners Up </p> </div> </div> </section> <section id="winners-guide" style='display:none;'> <div class="container" style="margin-top:24px;margin-bottom:24px;"> <div class="row"> <div class="col-lg-12"> <div style="background-color:#eee;padding:24px;"> <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>2019 Winners Guide</h1> <p style="font-size:18px;">The 2019 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> </section> <section class="image-gridx"> <div class="container-xxl"> <div class="row gy-4"> </div> </div> </section> <main> <div class="container "> <div class="row"> <div class="col-md-12" id="das-winners-ya" > <div class="c-content-box c-size-sm"> <div class="container"> <style> .c-font-22{ font-size:22px; } .c-font-32{ font-size:32px; color:#fff; } .c-theme-bg{ background-color:#0e2749; padding:16px; } </style> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Cloud/MSP Project of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">EBC Group </h3> <p>Talbots Law Cloud Project</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Software-as-a-Service Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Altaro </h3> <p>Altaro Office 365 Backup for MSPs</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Cloud Company of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Hyve Managed Hosting </h3> <p>Hyve: expansion growth and improved services</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Vendor Channel Program of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">StorMagic </h3> <p>StorMagic Channel Partner Program</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Business Continuity/Disaster Recovery (BC/DR) Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Bridgeworks </h3> <p>WAN Data Acceleration Powers Business Continuity and Disaster Recovery</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Business Continuity/Disaster Recovery (BC/DR) Project of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Bridgeworks </h3> <p>WAN Data Acceleration Powers Business Continuity and Disaster Recovery</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Backup Storage Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">ExaGrid </h3> <p>ExaGrid’s Innovative Architectural Approach to Deduplication for Backup</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">AI/Machine Learning Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Schneider Electric </h3> <p>Schneider Electric EcoStruxure IT uses AI and ML to deliver significant advantages to end-users and service providers</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Digital Transformation Company of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Pure Storage </h3> <p>Pure Storage - Digital Transformation Company of the Year</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Excellence in Service Award</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Tata Communications </h3> <p>We Invest in Customer Experience</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Cloud Security Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Barracuda Networks </h3> <p>Cloud Security Guardian</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Hyper-convergence Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Pea Soup Hosting Ltd. </h3> <p>Eco-cloud services</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Edge Project of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">EfficiencyIT Schneider Electric and the Wellcome Sanger Institute </h3> <p>New edge data centre at The Wellcome Sanger Institute supports Genomic Research for the betterment of mankind</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">IT Systems Reseller/Managed Services Provider of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">EfficiencyIT </h3> <p>EfficiencyIT gives Genomic research facility greater visibility to enable cost savings for the benefit of mankind</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Cloud Platform Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Six Degrees </h3> <p>Six Degrees Cloud Platform Innovation of the Year Entry</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Data Security/Compliance Project of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">INFINITY IT Solutions </h3> <p>INFINITY supports a Midlands-based firm of accountants to invest in upgrading its IT infrastructure to combat cyber threats and protect client data.</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Cloud Transformation Project of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Navisite (An RDX Company) </h3> <p>Miles Smith Insurance Group</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Data Security/Compliance Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">CSL </h3> <p>CSL Router for: Most Innovative Managed Service Solution: Security</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Hybrid Infrastructure Project of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Infinity Group </h3> <p>Infinity Group implemented an innovative Wi-Fi network solution for Swingers London an award winning corporate indoor golf course.</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Storage Hardware Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Lightbits Labs </h3> <p>SuperSSD: World’s First Ultra-High Capacity High-Performance SSD Storage Appliance</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Storage Company of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">Lightbits Labs </h3> <p>Lightbits Labs: Enabling Hyperscale Storage Experience for Next-Generation Applications</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Managed Services Provider Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">NinjaRMM LLC </h3> <p></p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Orchestration/Automation Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">NinjaRMM LLC </h3> <p></p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Cloud Storage Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">CTERA </h3> <p>CTERA Introduces Industry’s First Hyperconverged Cloud Gateway</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Storage Management Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">DataCore </h3> <p>DataCore Announces a Unified Vision for the Storage Industry; Introduces Analytics Service and New Capabilities in Software-Defined Storage</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Hosting/Colocation Innovation of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">ServerFarm </h3> <p>ServerFarm Succeeds with an Analytics-Based Efficiency Transformation for a London Data Centre</p> </div> </div> <div class="row mb-4 pb-4"> <div class="col-md-12"> <div class="pt-2 pr-2 pb-2 pl-2 c-theme-bg c-font-white d-inline-block"> <span class="c-font-32 c-font-bold c-center d-block">Digital Transformation Project of the Year</span> </div> <h3 class="c-font-uppercase c-title mt-2 mb-1 c-font-bold c-font-22">ServerFarm </h3> <p>ServerFarm Succeeds with an Analytics-Based Efficiency Transformation for a London Data Centre</p> </div> </div> </div> </div> </div> </div> <div> <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 style="margin-top:-66px;"> <h2 style="padding:16px;background-color:#6c0053;color:#fff;">Sponsors for 2019</h2> <div class="row" style="margin-top:44px;"> </div> </div> </div> <!-- <div class="c-content-box c-size-sm" style="margin-top:0px;"> <div class="container" style="margin-top:0px;"> <div class="c-content-box c-size-md" style="margin-top:0px;"> <div class="container" style="margin-top:0px;"> <h2 style="padding:16px;background-color:#6c0053;color:#fff;">Sponsors for 2019</h2> <hr> <div class="row"> </div> </div> </div> </div> </div> --> <br><br> </div> </main> <style> .c-font-bold{ font-size:25px;color:#0d283f; font-weight:bold; padding-bottom:16px; padding-top:32px; } .cbp-l-grid-masonry-projects-title{ font-size:19px;color:#0d283f; font-weight:bold; } .c-theme-bg{ padding:11px; margin-top:33px; color:#fff; background-color:#9f26aa; margin-bottom:22px; padding-left:22px; } .cbp-l-grid-masonry-projects-desc{ } .smaller-info{ overflow:hidden; line-height: 2rem; max-height: 10rem; -webkit-box-orient: vertical; display: block; display: -webkit-box; overflow: hidden !important; text-overflow: ellipsis; -webkit-line-clamp: 4; } .btn-successs{ background-color:#9f1f63; border-radius:20px; border:none; padding-left:16px; padding-right:16px; transition-duration: 1s; color:#fff !important; font-size:13px; } .btn-successs:active{ color:#fff; } .btn-successs:visited{ color:#fff; } .btn-successs:hover{ background-color:#6c0053; border-radius:0px; } </style> <script> $(".clicky").click(function () { $(".cbp-l-grid-masonry-projects-desc").addClass("smaller-info"); var newone = "#entry-"+$(this).attr("data-id"); $(newone).removeClass("smaller-info"); }); </script> <!-- <link rel="stylesheet" href="/frontend/assets/css/owl.carousel.css?a"> <link rel="stylesheet" href="/frontend/assets/css/owl.theme.default.min.css?b"> <script src="/frontend/assets/js/owl.carousel.min.js?c"></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 2024 SDC 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/sdcawards-logo-on-dark.png" width="190" alt="SDC Awards Awards 2024" id="logo_footer"> <p>Reflecting the transformational nature of the enterprise technology world which it serves, this year's 15th edition of Angel Business Communications' premier IT awards has a new name. The SVC Awards have become... the SDC Awards! The SDC Awards are firmly focused on recognising and rewarding success in the products and services that are the foundation for digital transformation!</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@sdcawards.com">awards@sdcawards.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/msp_insights" target="_blank"><img src="https://cdn.bitmagazine.net/assets/images/twitter-icon.png" width="24"></a> <a href="https://www.linkedin.com/company/digitalisationworld/" target="_blank"><img src="/frontend/assets/img/linkedin-group.png" width="150" alt="LinkedIn"></a> </li> </ul> <!-- icon-twitter --> </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> <!-- <li><a href="/terms">Terms and condition</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" /> <!-- todo the extra category details --> <!-- <div class="modal" id="category-details" 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">Category 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">Nominate in this category</a></p> </div> </div> </div> </div> --> <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> <!-- <button type="button" class="btn btn-secondary close" data-dismiss="modal"><span aria-hidden="true">Close</span></button> --> </div> </div> </div> </div> <!-- voting --> <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 id="voting-opens-date-message" style="color:#cc0000;{hide_voting_message}">Voting opens on </div> --> </div> </div> <div class="row"> <div class="col-lg-12"> <!-- <p><b>Entry Title:</b></p> <p id="vtitle"></p> --> <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> <!-- alt box --> <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> <!-- <div class="modal-footer"> <p><a href="" id="vurl" target="_blank" class="btn btn-primary">Vote</a></p> <button type="button" class="btn btn-secondary close" data-dismiss="modal"><span aria-hidden="true">Close</span></button> </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;"> <!-- <a href="javascript:;" class="close" onclick="closePreview()">X</a> --> </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://sdcawards.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 src="/frontend/assets/js/vendors/jquery.prettyPhoto.js"></script> <script src="/frontend/assets/js/vendors/main.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 = [876,846,845,844,843,840,841,842]; // project before space are dcs and after are sdc var productFieldShowedForCategories = [878,877,859,850,851,849,848,847,855,853,854,852]; // innovation var allOthers = [885,884,883,882,881,869,867,866,862,887,886,888,889,872]; // 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> <!-- LayerSlider script files --> <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>