BRASS online improved

Various tweaks to improve Order of the Hammer brass
当前为 2017-04-21 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name BRASS online improved
// @namespace tequila_j-script
// @version    0.0.4
// @description  Various tweaks to improve Order of the Hammer brass
// @match      http://brass.orderofthehammer.com/board.php*
// @match      https://brass.orderofthehammer.com/board.php*
// @match      http://*.orderofthehammer.com/board.php*
// @match      https://*.orderofthehammer.com/board.php*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant    GM_addStyle
// @run-at      document-start
// ==/UserScript==

function updateCSS() {

//fix title menu z-index	
GM_addStyle(`div.play-area {
position:relative;
}`);

  GM_addStyle(`.card-pointer {
width: 13px;
height: 20px;
border-radius: 5px;
background-color: darkblue;
border: 1px solid darkred;
}`);  
 
GM_addStyle(`.card-pointer-1 {
}`);  
GM_addStyle(`.card-pointer-2 {
margin-left: 17px;
}`);  
GM_addStyle(`.card-pointer-3 {
margin-left: 34px;
}`);  
GM_addStyle(`.card-pointer-4 {
margin-left: 51px;
}`);  
  
GM_addStyle(`form.user-action {
position: absolute;
    left: 960px;
    top: 0px;
    width: 400px;
}`);  
GM_addStyle(`div.main-board {
position:relative;
background-color:peru !important;
}`);    
  
  
};


function nameAFew() {
  
  var actionForm = $("form[action='gameaction.php']");
  actionForm.addClass("user-action");
  
  var board = $("body div:eq(2)");
  board.addClass("main-board");
  
  var playArea = $("<div/>").addClass("play-area");
  
  $("input[name='HighlightTiles']").parent().after(playArea);
  
  playArea.append(board);
  playArea.append(actionForm);
  
  var extraInfo = $("<div/>").addClass("extra-info");
  
  var cardArea = $("body > p:eq(3)").html();
  
  var cardsText = cardArea.split(":")[1];
  
  var cards = cardsText.trim().replace(/\.$/,"").split(/\s*,\s*/);

  var coord = new Map();
  coord.set("Barrow – In – Furness",{y:145, x:15, pos: 'bottom'});
  coord.set("Birkenhead",{y:663, x:7, pos: 'top'});
  coord.set("Blackburn",{y:302, x:420, pos: 'top'});
  coord.set("Bolton",{y:455, x:404, pos: 'top'});
  coord.set("Burnley",{y:288, x:636, pos: 'bottom'});
  coord.set("Bury",{y:445, x:554, pos: 'top'});
  coord.set("Colne",{y:187, x:683, pos: 'top'});
  coord.set("Ellesmere Port",{y:803, x:141, pos: 'top'});
  coord.set("Fleetwood",{y:215, x:38, pos: 'top'});
  coord.set("Lancaster",{y:155, x:340, pos: 'top'});
  coord.set("Liverpool",{y:492, x:32, pos: 'top'});
  coord.set("Macclesfield",{y:827,x:507, pos: 'top'});
  coord.set("Manchester",{y:676, x:653, pos: 'bottom'});
  coord.set("Oldham",{y:551, x:671, pos: 'bottom'});
  coord.set("Preston",{y:287, x:317, pos: 'top'});
  coord.set("Rochdale",{y:521, x:775, pos: 'bottom'});
  coord.set("Stockport",{y:754, x:157, pos: 'top'});
  coord.set("Warrington & Runcorn",{y:698, x:380, pos: 'bottom'});
  coord.set("Wigan",{y:550, x:341, pos: 'bottom'});
  
  var cardcounter = [];
  for (i=0; i<cards.length; i++) {
    console.log(">" + cards[i] + "<");
    var currcard = cards[i]
    c = coord.get(currcard);
    if (c !== undefined ) {
      console.log(c); 
      //var card = $("<img src='https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/png/0023-20e3.png'></img>");
      var card = $("<div></div>");
      card.css({position: "absolute",
                top: c.y,
                left: c.x});
      card.addClass("card-pointer");
      card.data("im",currcard);
      playArea.append(card);
      if (cardcounter[currcard] == undefined) cardcounter[currcard] = 1;
      else cardcounter[currcard]++;
      card.addClass("card-pointer-" + cardcounter[currcard]);
      card.on('click', function() {
        var cardName = $(this).data("im");
        var selectBox = $("#dCardX > select:first");
        selectBox.find('option').filter(function() {
            return this.text == cardName;
        }).attr('selected', true).change();
      })
    }
    
  }
  
};



//$( window ).load(function() {
$(document).ready(function() {
  nameAFew();
  updateCSS();
});
  
 console.log("run");