CINXE.COM
Login - Exchange and Mart Trade Portal
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login - Exchange and Mart Trade Portal</title> <link rel="preconnect" href="//ixm.co.uk" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/content/ico/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/content/ico/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/content/ico/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/content/ico/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/content/ico/apple-touch-icon-60x60.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/content/ico/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/content/ico/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/content/ico/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" href="/content/ico/favicon-196x196.png" sizes="196x196" /> <link rel="icon" type="image/png" href="/content/ico/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="/content/ico/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="/content/ico/favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="/content/ico/favicon-128.png" sizes="128x128" /> <meta name="application-name" content="ENM Trade Portal" /> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="/content/ico/mstile-144x144.png" /> <meta name="msapplication-square70x70logo" content="/content/ico/mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="/content/ico/mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="/content/ico/mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="/content/ico/mstile-310x310.png" /> <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css" /> <link rel="stylesheet" href="https://ixm.co.uk/css/RTP/font-awesome.min.css" /> <environment names="Development"> <script src="/Scripts/vue.js"></script> <link rel="stylesheet" href="/Content/scss/style.css?v=2024.1003" /> </environment> <environment names="Production"> <script src="/Scripts/vue.min.js"></script> <link rel="stylesheet" href="/Content/scss/style.min.css?v=2024.1003" /> </environment> <script src="https://ixm.co.uk/js/RTP/v-tooltip.min.js"></script> <script src="//assets.adobedtm.com/launch-EN45d80c38459c42cb9e60c54e1cf04f06-development.min.js" async></script> </head> <body class="app header-fixed LoginScreen" style="background-image:url(https://ixm.co.uk/i/RTP/eandm-trade-hero.jpg)" id="Login"> <header class="app-header navbar"> <a class="navbar-brand tp" href="/"> <img class="navbar-brand-full" src="https://ixm.co.uk/i/RTP/trade-portal-logo.svg" width="230" height="18" alt="Trade Portal"> </a> <h2 class="page-title"><a>Welcome</a></h2> <a class="navbar-brand enm" href="https://www.exchangeandmart.co.uk" target="_blank"> <img class="navbar-brand-full enm-logo" src="https://ixm.co.uk/i/RTP/eandm-logo.svg" width="224" height="29" alt="Exchange and Mart"> </a> </header> <div class="app-body"> <div class="modal" id="FeatureUpsell" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-primary">Add this feature</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>You don't have this feature yet, but you can get it!</p> <p>Please contact the sales team to add this feature to your package.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <a class="btn btn-primary" href="/contact">Contact us</a> </div> </div> </div> </div> <div class="modal" id="BlockWarning" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-danger">Warning!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>We've detected that you may be using ad blocking software.</p> <p>This causes issues with the portal, so please add us to your whitelist.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal" id="AlertBox" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-danger">Alert</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Some alert text or something.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <main class="main"> <div class="container-fluid body-content"> <script src="https://ixm.co.uk/js/RTP/vue-resource@1.5.1.js"></script> <script src="https://ixm.co.uk/js/RTP/vee-validate.js"></script> <div class="enm-flex" id="App-Login"> <transition name="fade"> <div class="enm-load-spinner" v-if="ShowSpinner"> <div class="Circles"> <span class="Circle Red"></span> <span class="Circle Grey"></span> <span class="Circle Black"></span> </div> </div> </transition> <div class="card flex-me keep-spacing"> <div class="card login-panel"> <div class="card-body"> <form action="/login" method="post"> <h4>Login</h4> <transition name="slidedown"> <p v-if="LoginErrors" class="text-danger" v-cloak>{{ LoginErrors }}</p> </transition> <form class="mt-3 needs-validation" novalidate="" v-on:submit.prevent="Login"> <div class="form-group" :class="{ 'enm-has-error': errors.first('Username'), 'enm-has-success': fields.Username && fields.Username.valid }"> <label for="LoginEmail" class="sr-only">Email</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"> <i class="icon fas fa-at"></i> </span> </div> <input type="email" id="Username" name="Username" class="form-control" placeholder="Email address" v-validate="'required'" v-model="LoginData.Username"> </div> </div> <div class="form-group" :class="{ 'enm-has-error': errors.first('Password'), 'enm-has-success': fields.Password && fields.Password.valid }"> <label for="LoginPassword" class="sr-only">Password</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"> <i class="icon fas fa-key"></i> </span> </div> <input type="password" id="Password" name="Password" class="form-control" placeholder="Password" v-validate="'required'" v-model="LoginData.Password"> </div> </div> <div class="form-group HasButton"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"> <input checked="checked" id="RememberMe" name="RememberMe" type="checkbox" v-model="LoginData.RememberMe"> </div> </div> <label for="RememberMe">Remember me</label> <button type="submit" class="btn btn-primary ml-3" v-on:click.prevent="Login">Login</button> </div> </div> </form> <a class="ForgotPassword" href="/forgotpassword">I've forgotten my password</a> <a class="AboutPage" href="/diagnostic"><i class="fas fa-info-circle"></i> About the Trade Portal</a> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8AoOl5eQqPFPmP4HgrARK-0YRZ3oQh-mB3jkFLK05WOt90PGc_55DSlKeFZTsVzo7wz2x3Q9n6CyJB4pif7_Iv_NxAbbixOchpDAuX5Xh791-VGQfpUiv97gkJfc83dMQMYKSCwehIX6v10PEFkFRmU" /></form> </div> </div> </div> </div> <script> Vue.use(VueResource); Vue.use(VeeValidate); var LoginApp = new Vue({ el: '#App-Login', data: { ShowSpinner: false, LoginErrors: null, LoginData: { Username: '', Password: '', RememberMe: false, }, }, methods: { Login: function () { var App = this; this.$validator.validate('Username'); this.$validator.validate('Password'); if ( this.$validator.errors.first('Username') || this.$validator.errors.first('Password') ) { return false; } this.ShowSpinner = true; this.LoginErrors = null; $.ajax({ type: 'POST', url: '/handle/login', data: this.LoginData, contentType: "application/x-www-form-urlencoded", success: function (response) { if (response.Status == 200) { window.location.replace('/'); } else { setTimeout(function () { App.LoginErrors = response.Message; App.ShowSpinner = false; }, 1000); } } }); }, }, }); </script> </main> </div> <footer class="app-footer"> <div> <p>Site usage is subject to our <a href="https://www.newsquest.co.uk/terms-conditions">terms & conditions</a> and <a href="https://www.newsquest.co.uk/privacy-policy/">privacy policy</a>. 漏 2024 Exchange Enterprises, Newsquest Media Group. All rights reserved.</p> </div> </footer> <script src="/Scripts/jquery-3.3.1.min.js"></script> <script src="/Scripts/bootstrap.min.js"></script> <script src="/vendors/@coreui/coreui/js/coreui.min.js"></script> <script> window.alert = function (txt) { $('#AlertBox .modal-body p').html(txt); $('#AlertBox').modal('show'); } </script> </body> </html>