Changeset 36322


Ignore:
Timestamp:
2022-07-28T14:23:14+12:00 (21 months ago)
Author:
davidb
Message:

More presentable layout

Location:
other-projects/bib-stinky/trunk/nodejs-server/public
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • other-projects/bib-stinky/trunk/nodejs-server/public/doi-stinky-bar.html

    r36319 r36322  
    99 
    1010  <body>
    11     <div style="width: 100%; background-color: wheat; padding: 8px; text-align: left;">
    12       <img style="vertical-align: bottom;" alt="DOI Stinky Logo"
    13        src="//bib-stinky.so-we-must-think.space/images/doi-stinky-logo-57x61.png" />
    14       <h2 style="display:inline;">DOI-Stinky Investigation Bar</h2>
     11    <style>
     12      .container  {
     13      display: flex;
     14      flex-direction: row; flex-wrap: nowrap;
     15      justify-content: flex-start; align-items: flex-start;
     16      width: 100%; padding: 8px; background-color: wheat;
     17      }
     18      .item-image { }
     19      .item-text  { flex-grow: 1; padding-left: 8px; padding-right: 8px; }
     20    </style>
     21   
     22    <div class="container">
     23      <div class="item-image" style="min-width: 57px; min-height: 61px;">
     24    <img style="width: 57px; height: 61px;"
     25         src="//bib-stinky.so-we-must-think.space/images/doi-stinky-logo-57x61.png"
     26         title="DOI Stinky Investigation Bar" alt="DOI Stinky logo" />
     27      </div>
     28      <div id="doiStinkyInfo" class="item-text">
     29      </div>
    1530    </div>
    1631  </body>

  • other-projects/bib-stinky/trunk/nodejs-server/public/doi-stinky.user.js

    r36319 r36322  
    88// @author       Mike Twidale
    99// @require   https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
    10 // @match        https://www.cs.waikato.ac.nz/*
    11 // @match        https://search.crossref.org/*
    12 // @grant       GM_xmlhttpRequest
    13 // @connect     localhost
    14 // @connect     bibstinky.sowemustthink.space
     10// @match     https://www.cs.waikato.ac.nz/*
     11// @match     https://search.crossref.org/*
     12// @grant     GM_xmlhttpRequest
     13// @connect   bibstinky.sowemustthink.space
     14// @connect   bib-stinky.so-we-must-think.space
    1515// ==/UserScript==
    1616
    … …  
    2222  var $ = window.jQuery;
    2323
     24  var doi_list = [];
     25  var doi_pattern = /^http(?:s)?:\/\/doi.org\/(.*)$/i;
     26
     27  $('a').each(function() {
     28        var href=$(this).attr('href');
     29        var doi_pattern_matches = doi_pattern.exec(href);
     30        if (doi_pattern_matches != null) {
     31            var doi_id = doi_pattern_matches[1];
     32            doi_list.push(doi_id);
     33        }
     34   });
     35
     36  // console.log(doi_list);
     37
    2438  var elmWrapperDiv = document.createElement('div');
    2539  elmWrapperDiv.id = "doiStinkyBar";
    2640
    2741  $(document).ready(function() {
    28     console.log("Adding in <div> to display DOI Stinky bar at top:");
     42    //console.log("Adding in <div> to display DOI Stinky bar at top:");
    2943    elmWrapperDiv.style.width = '100%';
    3044    //elmWrapperDiv.style.textAlign = 'center';
    … …  
    4155      url:        'https://bibstinky.sowemustthink.space/doi-stinky-bar.html',
    4256      onload:     function (responseDetails) {
    43                     console.log (
    44                         "GM_xmlhttpRequest() response is:\n",
    45                         responseDetails.responseText.substring (0, 80) + '...'
    46                     );
    4757
    48                     var returned_html_str = responseDetails.responseText;
    49                     var body_str = returned_html_str.substring(returned_html_str.indexOf("<body>")+6,returned_html_str.indexOf("</body>"))
    50                     console.log("returned body = " + body_str.substring (0) + '...');
     58          var returned_html_str = responseDetails.responseText;
     59          var body_str = returned_html_str.substring(returned_html_str.indexOf("<body>")+6,returned_html_str.indexOf("</body>"))
     60          //console.log("returned body = " + body_str.substring (0) + '...');
    5161
    52                     var body = $.parseHTML(body_str);
    53                     $("#doiStinkyBar").append(body);
    54                 }
     62          var body = $.parseHTML(body_str);
     63          $("#doiStinkyBar").append(body);
     64
     65          if (doi_list.length > 0) {
     66              $('#doiStinkyInfo').append(doi_list.join(","));
     67          }
     68          else {
     69              $('#doiStinkyInfo').append("No DOIs detected on the page");
     70          }
     71      }
    5572    } );
    5673});
Note: See TracChangeset for help on using the changeset viewer.