☰

quick_links

quick articles preview for sportdog.gr

  1. // ==UserScript==
  2. // @name        quick_links
  3. // @namespace   gt
  4. // @description quick articles preview for sportdog.gr
  5. // @include     http://www.sportdog.gr/*
  6. // @version     1.0
  7. // @grant       none
  8. // @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  9. // @require https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js
  10. // ==/UserScript==
  11.  
  12. jQuery(window).load(function(){
  13.  
  14.     jQuery('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" />');
  15.     jQuery('head').append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" type="text/css" />');
  16.  
  17.     createModalBox();
  18.     var title = jQuery(".view-content .views-field-title")
  19.     jQuery.each(title, function(){
  20.         var element = jQuery(this);
  21.         var url = element.find("a").attr("href");
  22.  
  23.         var modalButtonHTML = '' +
  24.             '<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal"><span class="fa fa-search"></span></button>';
  25.  
  26.         element.html(modalButtonHTML+element.html());
  27.  
  28.  
  29.         element.find("button").attr("style", 'width: 20px; float: left;height: 20px;font-size: 12px;margin-left: -2px;padding: 0px;margin-right: 4px;')
  30.         element.find("button").click(function(){
  31.             preview(url);
  32.         })
  33.  
  34.     })
  35.  
  36.     function preview(url){
  37.         var finalURL = url + " .node-content";
  38.         var modalContent = jQuery('.modal-body');
  39.         modalContent.html("<span class='fa fa-spinner fa-spin'></span>");
  40.         modalContent.load(finalURL)
  41.     }
  42.  
  43.     function createModalBox(html){
  44.  
  45.         var boxHTML = '' +
  46.             '<div class="modal fade" id="myModal" role="dialog">' +
  47.             '   <div class="modal-dialog">' +
  48.             '   <!-- Modal content-->' +
  49.             '       <div class="modal-content">' +
  50.                 '       <div class="modal-header">' +
  51.                 '           <button type="button" class="close"data-dismiss="modal">&times;</button>' +
  52.                 '           <h4 class="modal-title"></h4>' +
  53.                 '       </div>' +
  54.                     '   <div class="modal-body">' +
  55.                     '   </div>' +
  56.                     '   <div class="modal-footer">' +
  57.                     '       <button type="button" class="btnbtn-default"data-dismiss="modal">Κλείσιμο</button>' +
  58.                     '   </div>' +
  59.                    '</div>' +
  60.                '</div>' +
  61.             '</div>';
  62.         var div = jQuery("<div>");
  63.         div.html(boxHTML);
  64.         div.appendTo(jQuery('body'));
  65.     }
  66.  
  67. })