☰

104優化

優化求職者104體驗

// ==UserScript==
// @name         104優化
// @namespace    https://tampermonkey.net/
// @version      1.2
// @description  優化求職者104體驗
// @author       Bee10301
// @match        https://www.104.com.tw/jobs/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=104.com.tw
// @grant        none
// @license      GNU GPLv3
// ==/UserScript==
/*jshint esversion: 6 */
(() => {
  $(() => {
    //css fix
    $("<style>")
      .text(".job-list-body .sticky { position: inherit !important; }")
      .appendTo("head");
    $("<style>")
      .text("#main-content > aside { display:none;}")
      .appendTo("head");
    //$("<style>").text(".b-block--top-bord { display:none;}").appendTo("head");
    $("<style>")
      .text(".b-btn--primary { background-color:#565656;}")
      .appendTo("head");
    $("<style>")
      .text(
        "#job-jobList > div.b-popup.b-hide.notice.js-notice { display:none !important;}"
      )
      .appendTo("head");
    $("<style>")
      .text(
        "#job-jobList > main > div.tool-area.b-fixed-right > ul.side-tools.poc-tools { display:none;}"
      )
      .appendTo("head");
    $("<style>")
      .text(
        "#js-job-content > article > div.b-block__right.b-pos-relative { display:none;}"
      )
      .appendTo("head");
    $("<style>").text(".left { display:none;}").appendTo("head");
    $("<style>").text("#main-content > div { width:100%;}").appendTo("head");
    $("<style>")
      .text("#js-job-content > article > div.b-block__left { width:100%;}")
      .appendTo("head");
    $("<style>").text("#main-content { width:90%;}").appendTo("head");

    //add preview window
    $("body").append(
      '<div class="bee_preview_wd" style="height: 100%;z-index: 10000;position: fixed; top: 1rem; right: 1%;transition: all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s;"></div>'
    );
    //insert preivew html
    $(".bee_preview_wd").html(
      '<iframe id="bee_frame" title="bee_frame" src="" style="transition: all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s; border: 1em solid rgb(170, 50, 220, 0);" width="100%" height="99%"></iframe>'
    );
    $(".bee_preview_wd").css({
      width: "0%",
    });
    //set default top bar transition
    $("#bar_m104").css({
      transition: "all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s",
      height: "40px",
    });
    //disable frame by click
    var bee_able_frame = false;

    //new
    $(document).on("click", "#js-job-content > article", function () {
      // your code
      bee_able_frame = true;
      $("#bee_frame").attr(
        "src",
        `https:${$(this)
          .children("div")
          .children("h2")
          .children("a")
          .attr("href")}`
      );
      //open
      if ($("#bee_frame").attr("src") != "" && bee_able_frame) {
        $(".bee_preview_wd").css({
          width: "80%",
        });
        $("#bee_frame").contents().find("#globalbar").css({
          display: "none",
        });
      }
      //bigger top bar
      $("#bar_m104").css({
        height: "100%",
        "background-color": "#2a2a2aed",
      });
      //close
      $("#bar_m104").click(() => {
        console.log("test");
        bee_able_frame = false;
        $(".bee_preview_wd").css({
          width: "0%",
        });
        $("#bar_m104").css({
          height: "40px",
          "background-color": "#2a2a2aed",
        });
      });
    });
    //onload frame , show
    $("#bee_frame").on("load", () => {
      /*
      $("#bee_frame")
        .contents()
        .find(
          "#app > div > div.job-header > div.position-fixed.job-header__fixed.w-100.bg-white.job-header__cont > div > div > div.job-header__title > div > a:nth-child(1)"
        )
        .css({
          display: "none",
          //"max-width": "1287px"
        });*/
      //
      /*
      $("#bee_frame")
        .contents()
        .find("#app > div > div.job-header > div:nth-child(1)")
        .css({
          display: "none",
          //"max-width": "1287px"
        });
      $("#bee_frame")
        .contents()
        .find(
          "#app > div > div.job-header > div.position-fixed.job-header__fixed.w-100.bg-white.job-header__cont"
        )
        .css({
          top: "0px",
          //"max-width": "1287px"
        });*/
    });
  });
})();