// ==UserScript==
// @name         BugBoard Button
// @namespace    https://github.com/kapt-labs/bugboard/wiki
// @version      0.2
// @description  Add a link on BugHerd menu to BugBoard.
// @author       Corentin Bettiol <cb@kapt.mobi>
// @match        https://www.bugherd.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let menu = document.getElementsByClassName('main-nav')[0];

    let bugboard_button = document.createElement('li');
    let bugboard_link = document.createElement('a');
    let bugboard_img = new Image();

    bugboard_link.appendChild(bugboard_img);
    bugboard_button.appendChild(bugboard_link);
    menu.appendChild(bugboard_button);

    bugboard_img.src = "https://user-images.githubusercontent.com/45763865/67273728-4f6d3a00-f4bf-11e9-9e1b-03537898c918.png";
    bugboard_img.classList.add("bugboard_logo");
    bugboard_link.href = "http://bugboard.kapt.mobi";

    let logo = menu.firstElementChild;
    logo.removeChild(logo.firstElementChild);

    let kapt_logo = new Image();
    kapt_logo.classList.add("kapt_logo");
    kapt_logo.src = "https://github.com/kapt-labs/bugboard/wiki/files/logo-kapt.png";
    logo.appendChild(kapt_logo);

    var head = document.getElementsByTagName('HEAD')[0];
    var link = document.createElement('style');
    link.innerHTML = ".kapt_logo{padding: 5px; border-radius: 15px; box-shadow: 0 0 5px 2px black inset, 0 0 0 1px black inset; background-color: white;}";
    link.innerHTML += ".bugboard_logo:hover{animation: blblblbl linear 0.4s;} @keyframes blblblbl{20%{transform: rotate(-2deg);} 40%{transform: rotate(5deg);} 60%{transform: rotate(-5deg);} 80%{transform: rotate(2deg);} 100%{transform: rotate(0deg);}}";
    head.appendChild(link);
})();