Blog – Page <style> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #dddddd; } .clear-wrap { width: 100%; margin-top: 50px; } .clear-button { padding: 10px 15px; border: unset; border-radius: 4px; background-color: #a10000; color: #ffffff; font-size: 14px; font-weight: bold; cursor: pointer; } </style> <div class="wrap"> <h1 style="float: left;">WP Downloads</h1> <h2 class="nav-tab-wrapper"> <a href="#" class="nav-tab nav-tab-active js-action-link" data-id="emails">Emails</a> </h2> <main style="padding-top: 20px;"> <div id="emails"> <h2>Loading…</h2> <div style="display: none;"> <table> <thead> <tr> <th>Name</th> <th>Email</th> <th>Created at</th> </tr> </thead> <tbody data="items"></tbody> </table> <div class="tablenav-pages"> <span class="displaying-num" style="float: left;"><span data="count"></span> item(s)</span> <span id="pagination" class="pagination-links" style="float: right; display: none;"> <span class="tablenav-pages-navspan button" aria-hidden="true" data="first">«</span> <span class="tablenav-pages-navspan button" aria-hidden="true" data="prev">‹</span> <span class="screen-reader-text">Current Page</span> <span class="paging-input"> <span class="tablenav-paging-text"> <span data="page">1</span> of <span class="total-pages"><span data="pages"></span></span></span> </span> <a class="next-page button" href="#" data="next"> <span class="screen-reader-text">Next page</span> <span aria-hidden="true">›</span> </a> <a class="last-page button" href="#" data="last"> <span class="screen-reader-text">Last page</span> <span aria-hidden="true">»</span> </a> </span> </div> </div> <div class="clear-wrap"> <button class="clear-button">Clear all items</button> </div> </div> </div> </main> </div> <script> (function($) { function loading(bool) { if (bool) { $('#emails h2').show(); $('#emails div').hide(); } else { $('#emails h2').hide(); $('#emails div').show(); } } function clearTable() { $.ajax({ url: 'https://keystonemab.com/wp-admin/admin-ajax.php', data: {action: 'wp_clear_emails'}, method: 'post', success: function(response) { location.reload(); }, error: function() { alert('Something went wrong'); } }); } function get(page = 1) { $.ajax({ url: 'https://keystonemab.com/wp-admin/admin-ajax.php', data: {action: 'wp_get_emails', page: page}, method: 'post', success: function(response) { $('[data=items]').html(''); $('[data=count]').text(response.count); $('[data=page]').text(page); if (page == response.pages) { $('[data=next],[data=last]').addClass('disabled'); } else { $('[data=next],[data=last]').removeClass('disabled'); } if (page == 1) { $('[data=first],[data=prev]').addClass('disabled'); } else { $('[data=first],[data=prev]').removeClass('disabled'); } if (response.pages > 1) { $('#pagination').show(); $('[data=pages]').text(response.pages); } response.data.forEach(function(item) { $('[data=items]').append('<tr><td>'+ item.name +'</td><td>' + item.email + '</td><td>' + item.created_at + '</td></tr>') }); loading(false); }, error: function() { alert('Something went wrong'); } }); } $(document).ready(function() { get(); }); $('.nav-tab').click(function() { that = $(this); prev = $('.nav-tab-active'); prev.removeClass('nav-tab-active'); $('#' + prev.data('id')).hide(); that.addClass('nav-tab-active'); $('#' + that.data('id')).show(); }); $('[data=next]').click(function() { if ($(this).hasClass('disabled')) { return false; } loading(true); get(parseInt($('[data=page]').text()) + 1); }); $('[data=prev]').click(function() { if ($(this).hasClass('disabled')) { return false; } loading(true); get(parseInt($('[data=page]').text()) - 1); }); $('[data=first]').click(function() { if ($(this).hasClass('disabled')) { return false; } loading(true); get(1); }); $('[data=last]').click(function() { if ($(this).hasClass('disabled')) { return false; } loading(true); get(parseInt($('[data=pages]').text())); }); $('.clear-button').click(function () { let text = 'Do you want remove emails?' if( confirm(text) == true) { loading(true); clearTable(); } else { return false; } }); })(jQuery); </script> – Keystonemab

Blog

Keystonemab – AI-driven scientific intelligence

15 July 2021

Emona Biopharma Enters Partnership with Keystonemab to Co-develop Multiple High-Value Generics

Collaboration will leverage Keystonemab’s AI platform to identify novel synergistic drug combinations July 15, 2021 Utrecht, The Netherlands. – Keystonemab B.V., a privately-held company developing state-of-the-art artificial intelligence (AI) and big-data analytics platform for drug…

14 May 2021

How Keystonemab is using Watson to revolutionize drug discovery

IBM features an article on how Keystonemab is using AI and analytics to help companies bring more safer and effective drugs to patients. To learn more about our technology and approach read full publication…

2 April 2021

Avoiding ‘fake news’ during AI-driven drug discovery

Initial phases of drug discovery and development and preclinical testing involves disease-associated target Identification, screening of small molecule libraries for HIT selection, de novo drug design and DTI prediction. Using deep learning AI strategy, Natural Language…

1 2 3