// ==UserScript==
// @name         b站推荐视频优化
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  将b站默认推荐视频从6个增加到20个，并修改排版，有问题欢迎联系我修改，邮箱：1277124969@qq.com
// @author       You
// @match        http://www.dianping.com/ajax/json/shopDynamic/allReview*
// @require       http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js
// @require       https://unpkg.com/ajax-hook/dist/ajaxhook.min.js
// @include       http://www.dianping.com/shop/*
// @include       https://www.bilibili.com/*
// @exclude       http://diveintogreasemonkey.org/*
// @exclude       http://www.diveintogreasemonkey.org/*
// @grant        none
// @downloadURL none
// ==/UserScript==

(function () {
  'use strict'
  $.ajaxSetup({
    crossDomain: true,
    xhrFields: {
      withCredentials: true
    }

  })
  $('#reportFirst1').css('width', '0')
  $('.v-wrap').css({ 'max-width': '5000px', 'min-width': '10px' })
  $('.bui').css('display', 'none')
  $('.primary-menu-itnl').css('padding', '0')
  let windSize = $(window).width()
  if (windSize <= 1366) {
    $('.l-con').css('width', '831px')
    $('.b-wrap').css('width', '1258px')
    $('#bilibili-player').css({ 'width': '797px', 'height': '618px' })
    $('.rcmd-box').css({ 'width': '100%', 'margin-bottom': '350px' })
  } else {
    $('.l-con').css('width', '1233px')
    $('.b-wrap').css('width', '1630px')
    $('.rcmd-box').css({ 'width': '100%', 'margin-bottom': '458px' })
  }
  //   $('.video-card-reco:nth-child(n+7)').css('display':'block');
  commonSetting()
  //  $('.international-home').append(`<a href="//www.bilibili.com/v/customer-service" target="_blank" class="contact-help custom">联系客服</a>`)
//    $('.custom').css({'top':'calc(50% - 80px)'})
  $('#reportFirst2').empty()
  $('#reportFirst2').append(`
单个视频封面宽度：<input type="text" name="fname">
单个视频封面高度：<input type="text" name="fname">
视频区宽度：<input type="text" name="fname">
`)
  addScript('https://unpkg.com/ajax-hook@2.0.3/dist/ajaxhook.min.js')
  $('.change-btn').click(function () {
    sleep(800).then(() => {
      commonSetting()
    })
    $.get('https://api.bilibili.com/x/web-interface/index/top/rcmd?fresh_type=3', function (result) {
      $('.rcmd-box div:nth-child(10)').nextAll().remove()
      var items = result.data.item
      for (let i = 0; i < 10; i++) {
        var videoUrl = items[i].uri
        var videoImg = items[i].pic
        var videoDesc = items[i].title
        var videoUpName = items[i].owner.name
        $('.rcmd-box').append(`<div class="video-card-reco"><div class="info-box"><a href=${videoUrl} target="_blank"><img src=${videoImg} alt=${videoDesc}><div class="info"><p title=${videoDesc} class="title">${videoDesc}</p><p class="up"><i class="bilifont bili-icon_xinxi_UPzhu"></i>${videoUpName}</p><p class="play">未知</p></div></a></div><div class="watch-later-video van-watchlater black"><span class="wl-tips" style="display:none;"></span></div></div>`)
      }
    })
  })

  $(document).contextmenu(function (e) {
    e.preventDefault() // 阻止右键菜单默认行为
    $('.change-btn').click()
  })

  // 这里写sleep之后需要去做的事情
  /*   ah.proxy({
      onRequest: (config, handler) => {
          handler.next(config);
      },
      onError: (err, handler) => {
      },
      onResponse: (response, handler) => {
          if (response.config.url === '//api.bilibili.com/x/web-interface/index/top/rcmd?fresh_type=3') {
      //        if(flag) {
  //                flag = !flag
  //                handler.next(response)
  //                return
  //            } else {
  //                flag = !flag
  //            }
              handler.next(response)
              sleep(50).then(() => {
             commonSetting()
          })
          } else {
             handler.next(response)
          }

      }
  })
  */
})()

function commonSetting () {
  $('.elevator .list-box').css('display', 'none')
  $('.rcmd-box div:nth-child(n+7)').css('display', 'block')
  let windSize = $(window).width()
  if (windSize <= 1366) {
    $('.video-card-reco').css({ 'width': '248px', 'height': '135px' })
    $('.video-card-reco .info-box .info .title').css({ 'margin-top': '37px' })
  } else{
    $('.video-card-reco').css({ 'width': '322px', 'height': '181px' })
    $('.video-card-reco .info-box .info .title').css({ 'margin-top': '64px' })
  }
}

function sleep (time) {
  return new Promise((resolve) => setTimeout(resolve, time))
}

function addScript (url) {
  var script = document.createElement('script')
  script.setAttribute('type', 'text/javascript')
  script.setAttribute('src', url)
  document.getElementsByTagName('head')[0].appendChild(script)
}