☰

scifinder

从scifinder和scifinder-n中获取所需要的化学信息

当前为 2023-06-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         scifinder
  3. // @namespace    https://origin-scifinder.cas.org
  4. // @version      2.3.9
  5. // @description  从scifinder和scifinder-n中获取所需要的化学信息
  6. // @author       zhaomeng
  7. // @match        https://*/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
  9. // @grant        unsafeWindow
  10. // @grant        GM_getResourceText
  11. // @grant        GM_addStyle
  12. // @grant        GM_xmlhttpRequest
  13. // @resource customCSS https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css
  14. // @require      https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js
  15. // @require      https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js
  16. // @require      https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js
  17. // @license      MIT
  18. // ==/UserScript==
  19.  
  20. (function() {
  21.     'use strict';
  22.      /*将以下的js脚本注入浏览器页面,实现页面元素点选,获取页面的css*/
  23.     /* globals jQuery, $, waitForKeyElements */
  24.     var css =GM_getResourceText("customCSS");
  25.     GM_addStyle(css);
  26.      /*创建页面的按钮*/
  27.     var modal = '<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content" style="width:800px;"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h4 class="modal-title" id="myModalLabel">Scifinder数据</h4></div><div class="modal-body"></div><div class="modal-footer"><button type="button" class="btn btn-primary">提交数据</button></div></div><!-- /.modal-content --> </div><!-- /.modal --></div>'
  28.     $("body").append(modal)
  29.     $('body').append('<div id="draggable" style="position: absolute;cursor: move;;left: 0;top: 250px;width:209px;background-color:white;padding-top:30px;margin:20px;"> <button type="button" id ="kj_login" class="btn btn-primary">打开登陆窗口</button></div></iframe>')
  30.  
  31.  
  32.     var loginkey = localStorage.getItem("loginkey");
  33.     console.log('11111111111111111')
  34.     console.log(loginkey)
  35.     if(loginkey!=null){
  36.         $('#draggable').html('<button type="button"  style="background-color:#da4f49;color:white;height: 45px;padding: 6px;" id="kj_selected">查看DOI的文献及物质</button><button type="button" style="background-color:#da4f49;color:white;height: 45px;padding: 6px;" id="kj_selected1">查看Scifinder-n基本信息</button><button type="button" style="background-color:#da4f49;color:white;height: 45px;padding: 6px;" id="kj_selected2">查看Scifinder-n合成路线及文献</button>')
  37.  
  38.     }else{
  39.       /*登陆模态框*/
  40.     $('#kj_login').on("click",function(event){
  41.         /*登陆组件*/
  42.         var login = '<form><div class="form-group"><label for="username">用户名：</label><input type="text" class="form-control" id="username" placeholder="请输入用户名"></div><div class="form-group"><label for="password">密码：</label><input type="password" class="form-control" id="password" placeholder="请输入密码"></div></form><div id="loginMsg"></div>'
  43.         var login_button = '<button type="button" class="btn btn-primary" id="loginBtn">登陆</button><button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>'
  44.  
  45.         $("div.modal-body").html(login)
  46.         $("div.modal-footer").html(login_button)
  47.         $('#myModal').modal("show")
  48.     })
  49.  
  50.     }
  51.  
  52.  
  53.      // 点击登陆按钮，发送 AJAX 请求进行登陆操作
  54.     $(document).on('click', '#loginBtn', function() {
  55.         var username = $("#username").val();
  56.         var password = $("#password").val();
  57.         /*$('#draggable').html('<button type="button"  style="background-color:#da4f49;color:white;height: 45px;padding: 6px;" id="kj_selected">查看DOI的文献及物质</button><button type="button" style="background-color:#da4f49;color:white;height: 45px;padding: 6px;" id="kj_selected1">查看Scifinder-n基本信息</button><button type="button" style="background-color:#da4f49;color:white;height: 45px;padding: 6px;" id="kj_selected2">查看Scifinder-n合成路线及文献</button>')*/
  58.         $("#loginMsg").html("登陆成功。");
  59.         $('#myModal').modal("hide")
  60.         GM_xmlhttpRequest({
  61.             url:"http://120.55.59.217:8001/login/access-token",
  62.             method :"POST",
  63.             data:JSON.stringify({
  64.                 username: username,
  65.                 password: password
  66.             }),
  67.             headers: {
  68.                 "Content-type": "application/json"
  69.             },
  70.             onload:function(response){
  71.                 console.log(response.responseText)
  72.                 var resp = JSON.parse(response.responseText)
  73.                 if(resp.token!=null){
  74.                     var loginkey = localStorage.setItem("loginkey",resp.token);
  75.                     $("#loginMsg").html("登陆成功。");
  76.                     location.reload();
  77.                 }else{
  78.                    alert('重新登陆')
  79.                 }
  80.                 
  81.             }
  82.         });
  83.  
  84.     })
  85.  
  86.  
  87.     //获取需要拖动的元素
  88.     var draggableElement = document.getElementById("draggable");
  89.  
  90.     //记录拖动状态的变量
  91.     var isDragging = false;
  92.  
  93.     //记录鼠标位置和元素位置的变量
  94.     var currentX;
  95.     var currentY;
  96.     var initialX;
  97.     var initialY;
  98.     var xOffset = 0;
  99.     var yOffset = 0;
  100.  
  101.     //添加鼠标按下事件监听器
  102.     draggableElement.addEventListener("mousedown", dragStart);
  103.  
  104.     //添加鼠标移动事件监听器
  105.     draggableElement.addEventListener("mousemove", drag);
  106.  
  107.     //添加鼠标释放事件监听器
  108.     draggableElement.addEventListener("mouseup", dragEnd);
  109.  
  110.     //添加鼠标离开事件监听器
  111.     draggableElement.addEventListener("mouseleave", dragEnd);
  112.  
  113.     //鼠标按下时触发
  114.     function dragStart(e) {
  115.         initialX = e.clientX - xOffset;
  116.         initialY = e.clientY - yOffset;
  117.  
  118.         if (e.target === draggableElement) {
  119.             isDragging = true;
  120.         }
  121.     }
  122.  
  123.     //鼠标移动时触发
  124.     function drag(e) {
  125.         if (isDragging) {
  126.             e.preventDefault();
  127.  
  128.             currentX = e.clientX - initialX;
  129.             currentY = e.clientY - initialY;
  130.  
  131.             xOffset = currentX;
  132.             yOffset = currentY;
  133.  
  134.             setTranslate(currentX, currentY, draggableElement);
  135.         }
  136.     }
  137.  
  138.     //鼠标释放时触发
  139.     function dragEnd(e) {
  140.         initialX = currentX;
  141.         initialY = currentY;
  142.  
  143.         isDragging = false;
  144.     }
  145.  
  146.     //设置元素位置的函数
  147.     function setTranslate(xPos, yPos, el) {
  148.         el.style.transform = "translate3d(" + xPos + "px, " + yPos + "px, 0)";
  149.     }
  150.     /*存储页面获取到的数据*/
  151.     var data={}
  152.  
  153.     /*获取文献信息*/
  154.     $(document).on('click', '#kj_selected', function() {
  155.         $("div.modal-body").html('')
  156.         var list=[]
  157.         $('.substanceRN>a:nth-child(1)').each(function(){
  158.  
  159.          var cas = $(this).text()
  160.          list.push(cas)
  161.         })
  162.  
  163.         var list1=[]
  164.         $('ol.citation li a:nth-child(1)').each(function(){
  165.  
  166.             var citiation = $(this).text()
  167.             list1.push(citiation)
  168.         })
  169.         var doi = $('li.breadcrumb:nth-child(1)>span.label').text()
  170.         doi = doi?doi.replaceAll('Document ID','').trim():''
  171.         var item={
  172.            casno:list,
  173.            citiations:list1,
  174.            doi:doi
  175.         }
  176.  
  177.        console.log(item)
  178.         if(item.casno && item.citiations&& item.doi){
  179.            console.log(item)
  180.            var ff = '<dl><dt>DOI:</dt><dd>'+item.doi+'</dd><dt>CASNO:</dt><dd>'+list.join("<br>")+'</dd><dt>Citiations:</dt><dd>'+list1.join("<br>")+'</dd></dl>'
  181.  
  182.            $("div.modal-body").html(ff)
  183.            $("div.modal-footer").html('<button type="button" id="refer" class="btn btn-primary">提交数据</button>')
  184.  
  185.            $('#myModal').modal("show")
  186.             /*------------------*/
  187.             data=item
  188.         }else{
  189.              alert("确认是否为文献页面！")
  190.         }
  191.  
  192.     })
  193.  
  194.     /*scifinder-n基本信息*/
  195.     $(document).on('click', '#kj_selected1', function() {
  196.         $("div.modal-body").html('')
  197.         var list=[]
  198.         $('ul.list-unstyled.list-striped li span').each(function(){
  199.             var name = $(this).text()
  200.             list.push(name)
  201.         })
  202.  
  203.         var enname = $('.substance-name.ng-star-inserted').text()
  204.         var result_cas = $('span>mark').text().trim()
  205.         var casno = $('title').text()
  206.         var canonical = $('div.canonical> div.smiles-text').text()
  207.         var isomeric = $('div.isomeric> div.smiles-text').text()
  208.         casno = casno.match(/\d{2,}-\d{2}-\d/)
  209.         casno = casno?casno[0]:""
  210.         var item={
  211.            casno:casno.trim(),
  212.            ename: enname,
  213.            canonical:canonical?canonical:"",
  214.            isomeric:isomeric?isomeric:"",
  215.            result_cas:result_cas,
  216.            enbm:list,
  217.         }
  218.  
  219.        console.log(item)
  220.         if(item.casno && item.result_cas && item.ename){
  221.            console.log(item)
  222.            var ff = '<dl><dt>搜索CasNo:</dt><dd>'+item.casno+'</dd><dt>英文名:</dt><dd>'+item.ename+'</dd><dt>结果CasNo:</dt><dd>'+item.result_cas+'</dd><dt>别名:</dt><dd>'+list.join("<br>")+'</dd><dt>canonical:</dt><dd>'+item.canonical+'</dd><dt>isomeric:</dt><dd>'+item.isomeric+'</dd></dl>'
  223.  
  224.            $("div.modal-body").html(ff)
  225.            $("div.modal-footer").html('<button type="button" id="baseinfo" class="btn btn-primary">提交数据</button>')
  226.  
  227.            $('#myModal').modal("show")
  228.            data=item
  229.  
  230.         }else{
  231.             alert("确认是否为基本信息页面！")
  232.         }
  233.  
  234.     })
  235.  
  236.     /*合成路线及文献*/
  237.     $(document).on('click', '#kj_selected2', function() {
  238.         $("div.modal-body").html('')
  239.         $('.dropdown-menu').remove()
  240.         var list=[]
  241.         var casno =$(".toolbar-title span[class]:last-child").text()
  242.         casno = casno?casno.trim():''
  243.         $('sf-reaction-result-page .reaction-result-answers').each(function(index){
  244.             var authors = $("span.authors-text",this).text().trim()
  245.             var title = $('h4>a',this).text().trim()
  246.             var breif=$(".bibliography",this).text().trim()
  247.             var cas_start=[]
  248.             $('.reaction-tile-reactant .rn-no-image.ng-star-inserted',this).each(function(){
  249.                 cas_start.push($(this).text().trim())
  250.             })
  251.             $('.reaction-tile-reactant img',this).each(function(){
  252.                 var cas = $(this).attr("alt").trim()
  253.                 cas_start.push(cas)
  254.             })
  255.             var cas_end=[]
  256.             $('.reaction-tile-product .rn-no-image.ng-star-inserted',this).each(function(){
  257.                 cas_end.push($(this).text().trim())
  258.             })
  259.             $('.reaction-tile-product img',this).each(function(){
  260.  
  261.                 var cas = $(this).attr("alt")
  262.                 cas_end.push(cas)
  263.             })
  264.             var relate=[]
  265.             $('.summary-steps.ng-star-inserted div.summary-step.ng-star-inserted',this).each(function(){
  266.                 $('div.summary-stage.ng-star-inserted',this).each(function(){
  267.                     var step=$(this).text().trim()
  268.                     relate.push(step)
  269.                 })
  270.  
  271.             })
  272.             var rate = $('.yield-value',this).text()
  273.             var item={title:title,authors:authors,breif:breif,cas_start:cas_start,cas_end:cas_end,relate:relate,rate:rate,casno:casno}
  274.             list.push(item)
  275.         })
  276.         if(list.length>0){
  277.             console.log(list)
  278.             var content=''
  279.             for(var j=0;j<list.length;j++){
  280.                 var ff = '<dl><dt>'+(j+1)+'.标题:</dt><dd>'+list[j].title+'</dd><dt>作者:</dt><dd>'+list[j].authors+'</dd><dt>简介:</dt><dd>'+list[j].breif+'</dd><dt>合成路线:</dt><dd>'+list[j].cas_start.join("+")+'->'+list[j].cas_end.join("+")+'</dd><dt>产率:</dt><dd>'+list[j].rate+'</dd><dt>实验步骤:</dt><dd>'+list[j].relate.join('<br>').trim()+'</dd></dl><br>'
  281.                 content+=ff
  282.             }
  283.             $("div.modal-body").html('<dt>CasNo:</dt><dd>'+list[0].casno+'</dd> <br>'+content)
  284.             $("div.modal-footer").html('<button type="button" id="compose" class="btn btn-primary">提交数据</button>')
  285.             $('#myModal').modal("show")
  286.  
  287.             data={"casno":list[0].casno,"compose":list}
  288.  
  289.         }else{
  290.             alert("确认是否为合成路线页面！")
  291.         }
  292.  
  293.     })
  294.     /*相关文献及casno信息*/
  295.     $(document).on('click', '#refer', function() {
  296.         GM_xmlhttpRequest({
  297.             url:"http://120.55.59.217:8001/references/",
  298.             method :"POST",
  299.             data:JSON.stringify(data),
  300.             headers: {
  301.                 "Content-type": "application/json",
  302.                 "token": loginkey
  303.             },
  304.             onload:function(response){
  305.                 console.log(response.responseText)
  306.                 var resp = JSON.parse(response.responseText)
  307.                 if(resp.code==400){
  308.                     localStorage.removeItem('loginkey')
  309.                     alert("请重新登录");
  310.                 }else{
  311.                 $("#loginMsg").html("发送成功。");
  312.                 alert("发送成功");}
  313.             }
  314.         });
  315.  
  316.     });
  317.     /*接口结束*/
  318.       /*基本信息*/
  319.     $(document).on('click', '#baseinfo', function() {
  320.         GM_xmlhttpRequest({
  321.             url:"http://120.55.59.217:8001/info/",
  322.             method :"POST",
  323.             data:JSON.stringify(data),
  324.             headers: {
  325.                 "Content-type": "application/json",
  326.                 "token":loginkey
  327.             },
  328.             onload:function(response){
  329.                 console.log(response.responseText)
  330.                 var resp = JSON.parse(response.responseText)
  331.                 if(resp.code==400){
  332.                     localStorage.removeItem('loginkey')
  333.                     alert("请重新登录");
  334.                 }else{
  335.                 $("#loginMsg").html("发送成功。");
  336.                 alert("发送成功");}
  337.             }
  338.         });
  339.    
  340.     });
  341.     /*接口结束*/
  342.     /*合成路线信息*/
  343.     $(document).on('click', '#compose', function() {
  344.         GM_xmlhttpRequest({
  345.             url:"http://120.55.59.217:8001/composes/",
  346.             method :"POST",
  347.             data:JSON.stringify(data),
  348.             headers: {
  349.                 "Content-type": "application/json",
  350.                 "token": loginkey
  351.             },
  352.             onload:function(response){
  353.                 console.log(response.responseText)
  354.                 var resp = JSON.parse(response.responseText)
  355.                 if(resp.code==400){
  356.                     localStorage.removeItem('loginkey')
  357.                     alert("请重新登录");
  358.                 }else{
  359.                 $("#loginMsg").html("发送成功。");
  360.                 alert("发送成功");}
  361.             }
  362.         });
  363.        
  364.     });
  365.     /*接口结束*/
  366.     // Your code here...
  367. })();