// ==UserScript==
// @name         豆瓣小组高亮关键字
// @version      0.1
// @license      MIT
// @namespace    https://tcatche.github.io/
// @description  豆瓣小组,高亮指定关键字，排除指定关键字
// @author       tcatche
// @match        https://www.douban.com/group/*
// @require      https://code.jquery.com/jquery-3.3.1.min.js
// @homepageURL  https://github.com/tcatche/douban-group-filter
// @supportURL   https://github.com/tcatche/douban-group-filter/issues
// @grant        none
// @downloadURL none
// ==/UserScript==
(function() {
  // save user config
  const saveConfig = config => {
    const configString = JSON.stringify(config);
    localStorage.setItem('douban_group_filter_config', configString);
  }

  // load user config
  const getConfig = () => {
    const configString = localStorage.getItem('douban_group_filter_config');
    try {
      const config = JSON.parse(configString);
      return config;
    } catch (e) {
      return {};
    }
  }

  // run user filters
  const runFilter = (config) => {
    $('.topics tr .td-subject a, .title a').each(function() {
      var $this = $(this);
      var title = $this.attr('title') || '';
      console.log(title);
      var isInInclude = title => (config.include || []).filter(v => !!v).find(keyword => title.indexOf(keyword) >= 0);
      var isInDeclude = title => (config.declude || []).filter(v => !!v).find(keyword => title.indexOf(keyword) >= 0);
      const isTitleInInclude = isInInclude(title);
      const isTitleInDeclude = isInDeclude(title);
      if (isTitleInInclude && !isTitleInDeclude) {
        $this.css({background: 'green', color: '#fff'});
      }
      if (isInDeclude(title)) {
        $this.parents('tr').hide();
      }
    });
  }

  // init config dom
  let configDivHtml = `
    <div id="douban_group_filter_container" class="douban_group_filter">
      <style>
        .douban_group_filter {
          width: 100vw;
          height: 100vh;
          position: absolute;
          top: 0;
          left: 0;
          display:none;
        }
        .douban_group_filter_mask {
          position: absolute;
          background: rgba(0,0,0,.6);
          width: 100%;
          height: 100%;
        }
        .douban_group_filter_inner {
          width: 400px;
          text-align: center;
          margin: auto;
          top: 100px;
          position: relative;
          background: #fff;
          padding: 30px;
          height: 300px;
          overflow: auto;
        }
        .douban_group_filter_inner_content {
          text-align: left;
        }
        textarea {
          width: 100%;
          height: 60px;
          resize: auto;
          resize: vertical;
          min-height: 40px;
        }
        .douban_group_filter_buttons {
          float: right;
        }
        .douban_group_filter_button {
          color: #ca6445;
          padding: 5px 20px;
          font-size: 13px;
          border: 1px solid #f8dcc3;
          background: #fae9da;
          font-weight: normal;
          cursor: pointer;
        }
      </style>
      <div class="douban_group_filter_mask"></div>
      <div class="douban_group_filter_inner">
        <div class="douban_group_filter_inner_content">
          <h2>小组帖子过滤设置</h2>
          <p>请填入要高亮的关键字，多个关键字用空格隔开:</p>
          <textarea placeholder="请填入要高亮的关键字，多个关键字用空格隔开"></textarea>
          <p />
          <p>请填入要排除的关键字，多个关键字用空格隔开:</p>
          <textarea placeholder="请填入要排除的关键字，多个关键字用空格隔开 "></textarea>
          <p class="douban_group_filter_buttons">
            <button id="douban_group_filter_sure" class="douban_group_filter_button">确定</button>
            <button id="douban_group_filter_cancel" class="douban_group_filter_button" >取消</button>
          </p>
        </div>
      </div>
    </textarea>
  `;
  $(document.body).append(configDivHtml);


  const titleEles = $('h1');
  if (titleEles && titleEles[0]) {
    $(titleEles[0]).append('<span id="douban_group_filter_config" class="douban_group_filter_button">小组过滤设置</span>');
  }

  const $contain = $('#douban_group_filter_container');
  // bind events
  $('#douban_group_filter_config').click(e => {
    $contain.show();
  });
  $('#douban_group_filter_sure').click(e => {
    const config = {
      include: $('#douban_group_filter_container textarea')[0].value.split(' '),
      declude: $('#douban_group_filter_container textarea')[1].value.split(' '),
    }
    saveConfig(config)
    runFilter(config);
    $contain.hide();
  });
  $('#douban_group_filter_cancel').click(e => {
    $contain.hide();
  });

  // init values
  const config = getConfig();
  $('#douban_group_filter_container textarea')[0].value = config.include.join(' ');
  $('#douban_group_filter_container textarea')[1].value = config.declude.join(' ');
  runFilter(config);
})();