☰

Iwara Extension Script

Like数とLike率をバー表示。あとNG機能と強調機能

Versión del día 9/4/2017. Echa un vistazo a la versión más reciente.

// ==UserScript==
// @name           Iwara Extension Script
// @name:en        Iwara Extension Script
// @namespace      https://greasyfork.org/ja/users/115273-conn
// @description    Like数とLike率をバー表示。あとNG機能と強調機能
// @description:en Adding Like and Like Ratio bars, BlackList, and FavList.
// @include        http://ecchi.iwara.tv/*
// @include        http://www.iwara.tv/*
// @version        1.3
// @grant          none
// ==/UserScript==

var main = function () {
  
  // パラメータ設定
  var likebaropacity = '0.8'; // Likeバーと枠の透明度。0(実質バー表示オフ)～1(通常)
  var ratiotextopacity = '1.0'; // Like率テキストの透明度。0(実質数値表示オフ)～1(通常)
  var ratiobaropacity = '0.5'; // Like率バーの透明度。0(実質バー表示オフ)～1(通常)
  var borderthickness = '5'; // 枠の太さ。単位ピクセル。0なら枠なし
  var borderopacity = '0.8'; // 枠の透明度。0(不可視)～1(通常)
  var likemax = 200; // Likeバーのカンスト上限
  var ratiomax = 3.0; // Like率バーのカンスト上限。単位パーセント
  
  var NGopacity = '0.3'; // NGしたやつの透明度。0(完全非表示)～1(実質NGオフ)
  var NGdispstat = true; // NGのやつもバー表示する？
  
  var emRGB = 'ffff77';  // 強調したやつの背景色。rrggbb。'ffffff' (白背景)なら実質強調オフ
  
  var doforimage = true; // 静画もする？
  var likemaxi = 50; // 静画ページでのLikeバーのカンスト上限
  var ratiomaxi = 4.0; // 静画ページでのLike率バーのカンスト上限。単位パーセント
  
  var NGWords = [ // NGワード。ほおりこめー
    'わたしがNGワードだ',
    'こんなふうにシングルクォートで囲って、最後にカンマを忘れずに',
    'NG索敵範囲は該当箇所のHTMLソース全てです',
    'タイトルも投稿者名も含みます',
    '↓とりあえず作者をNGに入れてみるテスト↓',
    'conn',
    '↑できれば外してくれると嬉しいな…↑',
    /こうやってシングルクォートの代わりにスラッシュを使うと、正規表現もできます/,
    'このへんの説明、理解したら消しちゃってくださいね',
    'この最後の行だけはカンマ無しで'
  ];
  
  var EMWords = [ // 強調ワード。大好き
    'わたしが強調ワードだ',
    'NGワードと同様です',
    '好きな投稿者やモデルを登録すると良いんじゃないかな',
    'やっぱりこの最後の行もカンマ無しで'
  ];
  
  
  //// ここから開発用　////
  
  // 初期化
  var likes = null;
  var disps = null;
  var likebarstr = null;
  var ratiobarstr = null;
  var dispnum = 0;
  var likenum = 0;
  var ratio = 0;
  var likewidth = 0;
  var ratiowidth = 0;
  var likenR = 0;
  var rationB = 0;
  var likeRGB = null;
  var ratioRGBA = null;
  var dummy = null;
  var bodyedit = null;
  var nghit = false;
  var divs = null;
  
  // 動画エントリ用
  divs = document.body.getElementsByClassName('node node-video node-teaser node-teaser clearfix');
  for (i = 0; i < divs.length; i++) {
    bodyedit = divs[i].innerHTML;
    
    // NG機能
    nghit = false;
    for (j = 0; j < NGWords.length; j++) {
      dummy = null;
      dummy = bodyedit.match(NGWords[j]);
      if (dummy != null) {
        bodyedit = '<div style="opacity: ' + NGopacity + '">' + bodyedit + '</div>';
        nghit = true;
        j = NGWords.length;
      }
    }
    
    // 強調機能
    for (j = 0; j < EMWords.length; j++) {
      dummy = null;
      dummy = bodyedit.match(EMWords[j]);
      if (dummy != null) {
        bodyedit = '<div style="background-color: #' + emRGB + '">' + bodyedit + '</div>';
        j = EMWords.length;
      }
    }
    
    // バー表示機能
    if (NGdispstat || nghit == false) {
      likes = bodyedit.match(/heart\"><\/i> (\d+)/);
      disps = bodyedit.match(/open\"><\/i> ([0-9\.]+)k/);
      if (disps != null) {
        dispnum = parseFloat(disps[1]) * 1000;
      } else {
        disps = bodyedit.match(/open\"><\/i> ([0-9]+)/);
        dispnum = parseFloat(disps[1]);
      }
      if (likes != null) {
        likenum = parseInt(likes[1]);
        likewidth = Math.min(Math.floor(likenum * 70 / likemax + 40), 110);
        likenR = 255 - Math.min(Math.floor(likenum * 205 / likemax + 50), 255);
        likeRGB = '255,' + likenR.toString()+ ',' + likenR.toString();
        likebarstr = 'right-icon likes-icon" align="right" style="width: ' + likewidth.toString() + 'px; background-color: rgba\(' + likeRGB + ',' + likebaropacity + '\)"';
        bodyedit = bodyedit.replace(/right-icon likes-icon\"/, likebarstr);
        ratio = 100 * likenum / dispnum;
        ratiowidth = Math.min(Math.floor(ratio * 70 / ratiomax + 40), 110);
        rationB = 255 - Math.min(Math.floor(ratio * 205 / ratiomax + 50), 255);
        ratioRGBA = rationB.toString()+ ',' + rationB.toString() + ',255,' + ratiobaropacity;
        ratiobarstr = '$&<br>\n\t\t\t<div class="right-icon likes-icon" align="right" style="width: ' + ratiowidth.toString() + 'px; background: rgba\(' + ratioRGBA + '\)"><span style="opacity: ' + ratiotextopacity + '">' + (ratio.toFixed(1)).toString() + '%</span></div>';
        bodyedit = bodyedit.replace(/open.*div>/, ratiobarstr);
        bodyedit = bodyedit.replace(/height=\"150\"/, 'height="150" style="border:solid ' + borderthickness + 'px rgba\(' + likeRGB + ',' + borderopacity + '\)"');
      }
    }
    divs[i].innerHTML = bodyedit;
  }
  
  // 静画エントリ用
  if (doforimage) {
    divs = document.body.getElementsByClassName('node node-image node-teaser node-teaser clearfix');
    for (i = 0; i < divs.length; i++) {
      bodyedit = divs[i].innerHTML;
      
      // NG機能
      nghit = false;
      for (j = 0; j < NGWords.length; j++) {
        dummy = null;
        dummy = bodyedit.match(NGWords[j]);
        if (dummy != null) {
          bodyedit = '<div style="opacity: ' + NGopacity + '">' + bodyedit + '</div>';
          nghit = true;
          j = NGWords.length;
        }
      }
      
      // 強調機能
      for (j = 0; j < EMWords.length; j++) {
        dummy = null;
        dummy = bodyedit.match(EMWords[j]);
        if (dummy != null) {
          bodyedit = '<div style="background-color: #' + emRGB + '">' + bodyedit + '</div>';
          j = EMWords.length;
        }
      }
      
      // バー表示機能
      if (NGdispstat || nghit == false) {
        likes = bodyedit.match(/heart\"><\/i> (\d+)/);
        disps = bodyedit.match(/open\"><\/i> ([0-9\.]+)k/);
        if (disps != null) {
          dispnum = parseFloat(disps[1]) * 1000;
        } else {
          disps = bodyedit.match(/open\"><\/i> ([0-9]+)/);
          dispnum = parseFloat(disps[1]);
        }
        if (likes != null) {
          likenum = parseInt(likes[1]);
          likewidth = Math.min(Math.floor(likenum * 70 / likemaxi + 40), 110);
          likenR = 255 - Math.min(Math.floor(likenum * 205 / likemaxi + 50), 255);
          likeRGB = '255,' + likenR.toString()+ ',' + likenR.toString();
          likebarstr = 'right-icon likes-icon" align="right" style="width: ' + likewidth.toString() + 'px; background-color: rgba\(' + likeRGB + ',' + likebaropacity + '\)"';
          bodyedit = bodyedit.replace(/right-icon likes-icon\"/, likebarstr);
          ratio = 100 * likenum / dispnum;
          ratiowidth = Math.min(Math.floor(ratio * 70 / ratiomax + 40), 110);
          rationB = 255 - Math.min(Math.floor(ratio * 205 / ratiomax + 50), 255);
          ratioRGBA = rationB.toString()+ ',' + rationB.toString() + ',255,' + ratiobaropacity;
          ratiobarstr = '$&<br>\n\t\t\t<div class="right-icon likes-icon" align="right" style="width: ' + ratiowidth.toString() + 'px; background: rgba\(' + ratioRGBA + '\)"><span style="opacity: ' + ratiotextopacity + '">' + (ratio.toFixed(1)).toString() + '%</span></div>';
          bodyedit = bodyedit.replace(/open.*div>/, ratiobarstr);
          bodyedit = bodyedit.replace(/height=\"150\"/, 'height="150" style="border:solid ' + borderthickness + 'px rgba\(' + likeRGB + ',' + borderopacity + '\)"');
        }
      }
      divs[i].innerHTML = bodyedit;
    }
  }
};
main();