☰

48CO Mod

Google+（ぐぐたす）で AKB48 グループメンバーのコメントを抽出するユーザースクリプト

  1. // ==UserScript==
  2. // @name        48CO Mod
  3. // @namespace   http://gplus.to/fronoske/
  4. // @version     2.1.0
  5. //
  6. // @description Google+（ぐぐたす）で AKB48 グループメンバーのコメントを抽出するユーザースクリプト
  7. // @icon        https://s3.amazonaws.com/uso_ss/icon/120097/large.png
  8. // @author      originally Ming-Hsien Lin (akiratw), revised by @fronoske
  9. // @license     MIT License
  10. //
  11. //
  12. // @match       https://plus.google.com/*
  13. // @include     https://plus.google.com/*
  14. // @exclude     https://plus.google.com/*_/*
  15. //
  16. // @require     https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  17. //
  18. // @grant       GM_addStyle
  19. // @grant       GM_setClipboard
  20. //
  21. // @run-at      document-idle
  22. // @noframes
  23. // ==/UserScript==
  24.  
  25. /*
  26. ■変更履歴  
  27. 2015.02.14 メンバーデータの取得日時の表示を改善
  28. 2015.12.07 新レイアウトに対応
  29.            レイアウトの新旧によって各所の処理を分岐
  30.            href="#" だとサイト側の javascript がイベントに反応するため href="javascript:void(0)" に変更
  31. 2015.12.13 コードを大幅に追加
  32.            抽出コメントの「+nn」をクリックすることで+1したユーザーを表示するようにした（新旧）
  33.            コメント欄のクリックで意図せずスクロールしていたのを抑止するようにした（新レイアウト）
  34.            自分の抽出コメントを編集したり削除したりしたときにそれが反映されなかった問題を修正（新旧）
  35.  
  36. ■制限事項
  37.  - コメント抽出タイミングは「カーソルを合わせたとき」固定
  38.  - コメントリストの位置は「投稿内容の下」固定
  39. */
  40.  
  41. var CommentsOnly = function () {
  42.   var self = this;
  43.  
  44.   self.NAME = '48 Comments Only';
  45.   self.VERSION = '2.0.0';
  46.   self.IS_CHROME = !!window.chrome && !!window.chrome.runtime;
  47.   self.SPREADSHEET_KEY = '1uWMxVR0MjwL2p-N2k0WuG096qIDtSA92tsTSjKV3w_8';
  48.   self.SPREADSHEET_URL = 'https://docs.google.com/spreadsheets/d/' + self.SPREADSHEET_KEY;
  49.  
  50.   this.SETTINGS_KEY = 'userscript.48comod';
  51.  
  52.   self.OLD_LAYOUT = !$("body").attr("jscontroller"); // 2015年秋のレイアウト変更前かどうか
  53.   self.INDIVIDUAL_POST = ( $("div[data-iid]").length == 0 );
  54.   // console.log( $("body").attr("jscontroller")   );
  55.   // console.log("[48CO] old_layout="+self.OLD_LAYOUT);
  56.   // console.log("[48CO] individual?=" + self.INDIVIDUAL_POST);
  57.   
  58.   if (self.OLD_LAYOUT){
  59.     this.SELECTORS = {
  60.     banner: '#gbqf',
  61.     post: 'div[id^="update-"]',
  62.     author: 'header a[oid]',
  63.     content: 'div.Al.pf',
  64.     comments: 'div.KK.gR',
  65.     sharers: 'div.eK',
  66.     plusone: {
  67.       button: '.esw',
  68.       pressed: '.eswa',
  69.       normal: '.eswd'
  70.       }
  71.     };
  72.   }else if ( self.INDIVIDUAL_POST ){ // 個別の投稿ページ
  73.     this.SELECTORS = {
  74.     banner: 'div.Vrm0oe',
  75.     post: 'div[role="main"]', // １つの投稿全体
  76.     author: 'div[id^="author:"] a[href]',
  77.     content: 'div.KwDIr',
  78.     comments: 'div.pQGRZe',
  79.     sharers: 'div.eK',
  80.     plusone: {
  81.       button: '.esw',
  82.       pressed: '.eswa',
  83.       normal: '.eswd'
  84.       }
  85.     };
  86.   }else{ // ストリーム
  87.     this.SELECTORS = {
  88.     banner: 'div.Vrm0oe', //バナー全体
  89.     post: 'div[data-iid]', // １つの投稿全体
  90.     author: 'div[id^="author:"] a[href]', // 
  91.     content: 'div.KwDIr',
  92.     comments: 'div.pQGRZe',
  93.     sharers: 'div.eK',
  94.     plusone: {
  95.       button: '.esw',
  96.       pressed: '.eswa',
  97.       normal: '.eswd'
  98.       }
  99.     };
  100.   }
  101.  
  102.   this.ICONS = {
  103.     loading: 'data:image/gif;base64,R0lGODlhEAAQAOZ9AGhoaGNjY1JSUvz8/FFRUejo6EtLS6ysrG5ubuXl5b+/v21tbZOTk+vr662trY2Njbi4uKKiooCAgFdXV729vYODg5CQkKqqqpaWls7OzomJifv7+29vb8XFxba2tqmpqXBwcMzMzKurq+3t7b6+vry8vF5eXoWFhXFxcbW1tenp6YKCgp+fn4GBgWJiYpWVlVZWVp6enmRkZK6urmdnZ5SUlFlZWY+Pj5iYmF9fX+zs7GVlZYiIiH19fYaGhltbW+rq6pycnISEhHNzc1hYWH9/f2BgYKCgoFNTU3d3d9zc3Ofn5+Pj41xcXHR0dE1NTZGRkV1dXY6OjuTk5Hh4eHx8fNbW1s3NzVRUVIeHh93d3VpaWvj4+JKSkk5OTs/Pz6enp7Gxsbu7u/7+/lBQUNHR0XJycpmZmXp6enV1dYuLi6GhobKysvb29tDQ0K+vr/f393t7e52dneLi4mZmZqOjo1VVVWpqamtra2xsbGlpaX5+foyMjP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1RkI0NUM4ODFFMjE2ODExODA4M0JBNDNFM0Q1NEYzOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjQwMTlGQTgxRjYxMUUxQjAxNENENERBMUE1RkFCRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MjQwMTlGOTgxRjYxMUUxQjAxNENENERBMUE1RkFCRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEVFRUM0Qzc5ODIwNjgxMThGNjI4NkQ3NjI0QjMzNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUZCNDVDODgxRTIxNjgxMTgwODNCQTQzRTNENTRGMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAAB9ACwAAAAAEAAQAAAHboB9gn0FDhoLCxoOBYONFAs0OzIyOzQLFI0DNzsBnZ6dOxYDgmsyn6cBMnV9c6aopzJTfK+vfHq0qHe4rwt6vr/AwCB7wcW/Kx/GxhcJeMrAeAl9yc++F4IbDNUMG40lCMUIJY2DBQcnvicHjIOBACH5BAUAAH0ALAAAAQAQAAcAAAc/gH2CfSB4hocgg4Mvh42HL4MijpN4Dn0JC3h3Lk1EExNETS53eAtLIgAwTwasraxPMAAOZquutq9OZLe7BmSBACH5BAUAAH0ALAAABAAQAAQAAAcdgH2CeISFhoKDhoqHK4uOeBU0JhOUlF5elZQmeYEAIfkEBQAAfQAsAAAHABAABQAAByeAMHaDhIWFREaGioRGPU2Lhk0SfX1GE5ATRpSbfQEmUTY2USYBnIEAIfkEBQAAfQAsAAAHABAACQAABzaACHiDhIWFTgCJiouMenmMkIoLWZGRGkqVkEp9XZmKNX2hJ54noaYpd5B3KaatfWBVoVVgroEAIfkEBQAAfQAsAAAAABAAEAAAB3mAfYKDPHk5fVpcg4slHHePdnZOVyqLGzWPmZF2QhlKY4OZmpEwYhlTgnmikJtSGV9wfauskSgZpy2zd5t2JrdWsrO8drdlCLrDt25FyJu+GVYfzbW3TAmqq7yuX2190tmkpkyDmKKbFZ6gg42jk5WLgw4+dyYaiYuBACH5BAUAAH0ALAgAAAAIABAAAAdGgEV1CiN9hn0gfHwWIYc0iooHA30ykIoKfTmWfA86UZt8Cj+gLKObDKaWUKmQLJ+bJJqWDw2VliR9j5CSiIqMh3sRhId9gQAh+QQFAAB9ACwEAAAABQAQAAAHL4B9fVByD31JEXV8eEF1ilWOinyRfDiUR5SRipp8mI6VlJOfPZSMn4eJfIIWMXyBACH5BAUAAH0ALAAAAAAIABAAAAc4gH2CfSMKdQ+DIRZ8jH0DB4yRfSSRkQ0PlYyUmXwxnHw3n6GcQZ8Un5ecfaeZjpCViYuNg4URfIEAIfkEBQAAfQAsAAAIABAACAAAB0OAR3WDhIWFLDiGioRnKWqCi4MxGh4FEns8L0ExkkEMWXsSBX0pe6anqKYefawRqakRrLIdFa8VHbK5DRAYphgQDbmBACH5BAUAAH0ALAAACAAQAAQAAAcfgGl6Li45doeIOYR6VBZ7j5CRkQx9kpaQfZmVl4+agQAh+QQFAAB9ACwAAAUAEAAEAAAHIYB9gj13JlsCAlsmdz2Cg0SIkZICRI1Jk5iISGgTmZkTgQAh+QQFAAB9ACwAAAAAEAAJAAAHOoB9gn0NEDgSEjgQDYONHRV7kZIVHY19EZKZkhGDHpqfexB9BRKgmhJAnqaaEF2rmgwtr5k+srORQoEAIfkEBQAAfQAsAAAAAAgAEAAAB0uAfYJ9KjNDdoMUKDsCAoIYeXkwjX0HkYyNCQiRJo0ClpE2niuRkp4cpVinqZ4tpZONF6WimZt5nZSyeXSej5ETlIKKNEiOg4VJE4EAIfkEBQAAfQAsBAAAAAUAEAAAByqAfX0aCBx9eYg0h4guiIyOeTmQJpA/kDaVk5CSjo2OAYt5io4Igjx5cYEAIfkEBQAAfQAsCAAAAAQAEAAAByeAMC19fQQEQ4UEE4kEIIYEAY82j0iPlpaVhpOGkYYchouGiHYShIEAIfkEBQAAfQAsCAAAAAgAEAAABzaAekM3TH2GfXqJC2GHiY5Sho6JdxeIknoolpdsl4knnXpUoKKdn51hnZmdlZcPkYpvjYOFh4EAOw==',
  104.     icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACvQAAAr0BiUEDvQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAWdEVYdFRpdGxlADQ4IENvbW1lbnRzIE9ubHkLFjLLAAACcklEQVQ4jaWUTUhUURTHf/f55qk5zqeZU2hSpIsIwYKgMNDQzZQkNC2yoCgXQsvauG7VOrBNrYKwQluERGaCUUYFKRJBYC78Kh1lZvya0Zl7Wsw4as8k9MBZ3HvP+Z1zz/9y1ftLt5+4Xe56hWKnJgjRWLTHdDtd9T6v179j0pppqTcBRGTXLAAT0aD17kmiMdCAFpubxV5ApdcorPIAVnkAxB6bdjBEa0TLJneUlVB85wqOA3vB4aDo1kXyqo7grD2O70YjImLLEa3t11SWiSdUx8r4NIjgPFPF0pfvLPYPAuC7eR6rPMDKyMQW1xRho7saa1gaGCYVjgCCshxIPJE9l+UESin+zkMEEwHRaTVzK8twlPiJPO3Fd2g/ooWlj9/wtzaBMshxFWAGikiMTGRz1jsDMz08jZFn4QnVEb7/HFIaJCOMArQmt6I0LUoyBYayvwAtazDBHTrLQs9nUuFoplK6dd/1IHOPXrIyOgWAK3gKV/A00WdvbTBDtJB37DBGYT4L74ay6gAYhQXoxTiJkcnsfqx7gNyK0i3UFExE2HPyKI59PgJ3W7KFcjyFWAdLkGRqvdPMvqwms+v1mWVgs+2dtgftb21i/vUn8qsr8TY3MN/9AZVr4WluINLxxj4zEUyttdiUAeLDP0nOxoh09FJQU4X3WpDkTIRoVz+JH+O2eK21qL66lnaP01ULm/4gy+dyl28MXoovR+Mrid82CgBKIguxPrXVj/HixOUL1ZWVXQApnZLJmZlXk7O/2kJfuwa3hqXN/NeBiBBZmB8dm/l979zA4wfbQbaFJWU1OTY1+XB0Ltx2dahz+n9AAH8AasJvx9p50VAAAAAASUVORK5CYII=',
  105.     settings: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABCklEQVR4nKXTPy9EQRQF8PU/svQSq5JoJXqNSiui2mh/kWi3I0ofQKIQhU5CodDxMVRUu6ESFIuVILtPM08mY188UdxMcs+55945c6eSZVnlP9E3iTVIchtYLStwix5OsIlTZGj+KoA5fIaCND4w21cA86ijWVCcRwvrWPgWwAieEuI1ljEVzpsEf8V4LjCEgwh8wXRytRl0Is4hhmPCKNoBPCsw9zzgzxj7YSIeAuG4QCB/jUcMpCbWo/HuUU2KJ6IGGRqxiZN4T0y6QC3gNVwmeAfVuMM2jvAWkbph3G6Ua2MXK0WLtBS2sN8O9LBYZpXvQsEV9sOZoVX2L+xgL3cag0Foq5TAX+ILTWdrlfnxT24AAAAASUVORK5CYII=',
  106.     collapse: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAfUlEQVR4nNXSsQkCURRE0c00EK3C3C6swMRYDtiGHdiHDViBTWgm1iAYjImCiPy/7kYbTHgPPHhNkqbPesUDALDEoROAMS4I1l2A3SsObpi2BjDH/QMI9v8Ax684eGBRBbD6Eb93KgKY4FoAgk0J2Fbi4Fw7YVbZaECv3GZPL0C6D5doRJAAAAAASUVORK5CYII=',
  107.     expand: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAgUlEQVR4nM3SoQ3CUBRG4QYSBkARJmECxiDBfBJR30U6AmvgSWprGABD8PAwFQ0ht/TVVBx5TnLf+4uUUjGFSfIMAzjgNsAlCmzwQAqowhNwCuQWq6HAAtcf8hv7vx4RO7y+AudRv4C6Jz+xHRtY494Fyqwd4IgGy+whRfIMp5zDB0+gwsyFf2bqAAAAAElFTkSuQmCC',
  108.     dropdown: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAiUlEQVR4nLXSoQ3CUBQF0CYIAoYgmACFwSHRaDrEWQPLBtguwAwMgUTgWYAg4GFK0lT1/x/Elffk5uVVEVGVpKj8fwBTrEuAI24YJwNY4YXAIQe4tOXAE8vBAOpO+ZdzCjDCrJdJCrDHvZcmdcG1M/+NTeoRt/i0wCn3Dxo8MM8FFthlf+KQFANfGzfDcQ3pqD8AAAAASUVORK5CYII=',
  109.     block: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABKElEQVR4nKXTuy5FURDGcZyTEBEKiUcgCkLlBURFvICGyI/HUCg4rgVRIBQ6hUSnEQWiQKNSiUoQISEujaOZLdvOuRSKVcx885/JWuubmmKxWPOfUzKJBgxjGusoYBRtVRtgEo8o4h03eIr4CytoLNkAa1F4gn7kUloXdkI/R/OfBpgIcT0NZgZ04gXf2P1tgHo8xOS6CvAdZjEXw/oScTASA1XgQsQteMNyUjCFT+QrwHOZ/AGOk2AVtxXg+RLaJq6TYAYvZeCFMtfaw3kSjMQbdGfgxTJwDvfYThKt+Ih/TuClcvbFWAwcTicX4n+fsVwB7gkvXKI26//TaFJASwbMYxyvYfWOUlZuimt8xx4cYgv7qf24QHu1bewNtx3hCmfYwBBq07U/MIlc+S9pbBUAAAAASUVORK5CYII=',
  110.     blocked: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABPklEQVR4nKWTvS6EURCGn7WbEBFbSFwCURAqNyAqsjegIRIuQ6HgW8sWRLGEQqeQ6DSieIliaVQqUQkiNiF+mv00c+Q4+X4KxSlm3nlmcs55hziO+c9JTAq6BBXBsqAhiASzgv7cBoJFwbMgFnwI7gQvFn8LNgXdiQ0E21Z4LpgQFD1tWHBgelPQ+6eBYMHEhg8GA4YELUFbcPjbQNApeLLJHRnwg2BVULVh406cssRkDhxZXBa8C+quYEnwJShlwNUgfyKQC7YE9xnwWoK2K7h1wYqglQLXUq51JGi6YMbeYCSA11PgouBRsO8SfYJP+2cHb6TZVzBnAyt+smb/+yqoZ8Cj5oVrQSH0/4U1iQTlACwJ5gVvZvXBJCv32DXatgengj3BsbcfV4KBvG0cM7edCW4El4IdwbSg4Nf+ALz5JK+eztUKAAAAAElFTkSuQmCC',
  111.     addUser: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAzUlEQVR4nK3TMUqDQRCG4WgTbJTYWaQURQi5gOAZPICke06gHsHSRitTBA2SVMETWFtYeYX0KVMF1mZ/WMIkuMTig2V3vndmd2ZbKaXWLtrJvBGAc/SwXwVABz9IWXOc1QDuC3OjUQ3gLgC81wAeAsBHcf6M4TbAFVZrADjAEV7wmtftsAuYFeYv7GEcVPa4CXBdBN3kvS76mOYEfZxEVzjEZwH4bgK3vgFO8YRFUOoSb7jMc3IcAW4DY6RJ2MYKQFof7wZwgcFf9O+/8RfsjXoBH7fMzwAAAABJRU5ErkJggg==',
  112.     close: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAA8ElEQVR4nK3TzyrEURQH8BljodRM2VI2SlJ4AVmy9gr08RJ2ygvIEg8hVuMNrCZlSciSKCXJtblTpzu/n5kai7M53z/d8z3nNlJKjXFqLPGAAY5xg/UqMrZxi/0BA8wj5XrFciHewGfGvzFRGjTRDSYPmM3YEl4Cdlo3Qhu9QOxhEXeh18VkbYiYw1MQfBWG7aFbwAregjDhsT/SSGvEeWFwNPId4KAQJ/xgZ6gBdjO5L7wq8tj865C2itAOc/8k9N6xVnVInSK4s4C1cBmw+yqDGXxkwgVaxeumcZ3xZzSrRljNGUzVhNvBHhb+7Tf+AiQ5gYVlylm0AAAAAElFTkSuQmCC',
  113.     copy: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVR42mNkgIKGhob/DEQCoFpGGJsR2YD6+nqCmhsbG+lgAEgRsQCnAcS6hvYGYPMOstxIcwG6odR3ATZ/YtOEDBixKcKXrGGugyVpsgyAqmHE6wJ8fkfOTACWlX8HDBsg/gAAAABJRU5ErkJggg=='
  114.   };
  115.  
  116.   this.API = new GooglePlusAPI();
  117.   // 2015.12.13 @fronoske セッションを早めに取得しておく。新レイアウトの場合はこの１回だけ同期的にajax呼び出し。
  118.   this.API._getSession({async: false});
  119.  
  120.   this._settings = {
  121.     gplusIDs: [],
  122.     blockIDs: [],
  123.     commentLoadTrigger: 'mouseenter',
  124.     commentLoadInterval: 30000,
  125.     loadSharers: true,
  126.     highlightMyComments: true,
  127.     commentsPosition: 'content',
  128.     commentStyle: 'normal',
  129.     triggerDelay: 0,
  130.     autoExpand: true,
  131.     hideStreamComments: false,
  132.     displayCommentNumber: true,
  133.     displayCommentHumanTime: true,
  134.     colors: ['#FFF2F6', '#FFE6EE', '#FF3377'],
  135.     memberData: {}
  136.   };
  137.  
  138.   this._members = {
  139.     groups: {},
  140.     members: {},
  141.     updated: null
  142.   };
  143.  
  144.   this._login_user = {
  145.     id: null,
  146.     name: null,
  147.     photo: null
  148.   };
  149.  
  150.   this._idRegex = null;
  151.  
  152.   this._lang = {};
  153.  
  154.   this._readSettings();
  155.  
  156.   this._initData(function () {
  157.     self._localize();
  158.     self._renderGeneralUI();
  159.     self._renderCommentUI();
  160.     self._renderSettingsUI();
  161.     self._writeSettings();
  162.   });
  163.  
  164.   return this;
  165. };
  166.  
  167. CommentsOnly.prototype._renderGeneralUI = function () {
  168.   var self = this;
  169.  
  170.   /**
  171.    * Adds CSS.
  172.    */
  173.   var addStyle = function () {
  174.     self._addStyle('general',
  175.       '.ext48co { color: #333; font: normal 12px Roboto, Arial, sans-serif; }' +
  176.       '.ext48co a { color: #36C; text-decoration: none; }' +
  177.       '.ext48co a:hover { text-decoration: underline; }' +
  178.       'button.ext48co { cursor: pointer; margin: 2px 5px; padding: 5px 15px; border: 1px solid #CCC; border-radius: 2px; background: #FAFAFA; color: #333; font-weight: bold; }' +
  179.       'button.ext48co:disabled { cursor: default; opacity: 0.5; }' +
  180.       'button.ext48co:hover { box-shadow: 0 1px 1px #CCC; }' +
  181.       'button.ext48co.ext48co-submit { border-color: #29691D; background: #3D9400; color: #FFF; }' +
  182.       'button.ext48co.ext48co-main { border-color: #3079ED; background: #4D90FE; color: #FFF; }' +
  183.       'button.ext48co.ext48co-extButton { margin: 0 2px; border-color: 1px solid rgba(0, 0, 0, 0.2); background: #CC295F; color: #FFF; font-size: 11px; }' +
  184.       'input.ext48co { vertical-align: middle; }' +
  185.       'input[type="text"].ext48co { margin: 2px; padding: 5px; font: normal 12px Roboto, Arial, sans-serif; }');
  186.   };
  187.  
  188.   addStyle();
  189. };
  190.  
  191. CommentsOnly.prototype._renderCommentUI = function () {
  192.   var self = this;
  193.  
  194.   /**
  195.    * Adds CSS.
  196.    */
  197.   var addStyle = function () {
  198.     self._addStyle('comments',
  199.       'div.ext48co-comments { display: none; padding: 5px; background: ' + self._settings.colors[1] + '; }' +
  200.       'div.ext48co-comments.ext48co-popup { z-index: 9999; position: absolute; left: 480px; top: 30px; width: 360px; border-radius: 4px; box-shadow: 0 0 5px #CCC; }' +
  201.       'div.ext48co-comments.ext48co-popup:after { content: ""; position: absolute; top: 10px; left: -10px; border-width: 10px 10px 10px 0; border-style: solid; border-color: transparent ' + self._settings.colors[1] + '; }' + self.SELECTORS.content + ' div.ext48co-comments { position: relative; margin: 20px 0 10px 0; border-radius: 4px; }' + self.SELECTORS.content + ' div.ext48co-comments:after { content: ""; position: absolute; top: -10px; left: 10px; border-width: 0 10px 10px; border-style: solid; border-color: ' + self._settings.colors[1] + ' transparent; }' +
  202.       'div.ext48co-status { overflow: hidden; height: 18px; padding: 5px 50px 5px 5px; color: ' + self._settings.colors[2] + '; text-overflow: ellipsis; white-space: nowrap; }' +
  203.       'div.ext48co-status img { margin: 0 2px; opacity: 0.5; }' +
  204.       'div.ext48co-status a:hover img { opacity: 1; }' +
  205.       'span.ext48co-status-text { cursor: pointer; }' +
  206.       'img.ext48co-loading { padding: 0 5px 0 0; vertical-align: middle; }' +
  207.       'span.ext48co-status-buttons { position: absolute; right: 5px; }' +
  208.       'div.ext48co-comment { padding: 5px 5px 8px 5px; }' +
  209.       'div.ext48co-comment:hover div.ext48co-comment-number { visibility: visible; }' +
  210.       'div.ext48co-comment:hover span.ext48co-comment-plusone button { visibility: visible; }' +
  211.       'div.ext48co-comment-myself { background: #FAFAFA; }' +
  212.       'div.ext48co-comment-member { background: ' + self._settings.colors[0] + '; }' +
  213.       'img.ext48co-comment-photo { position: absolute; border-radius: 2px; }' +
  214.       'div.ext48co-comment-number { visibility: hidden; position: absolute; right: 5px; color: #CCC; font-size: 10px; }' +
  215.       'div.ext48co-comment-content { position: relative; margin-left: 55px; }' +
  216.       'div.ext48co-comment-author { font-weight: bold; }' +
  217.       'div.ext48co-comment-body { margin: 2px 0; }' +
  218.       'div.ext48co-comment-time { color: #999; }' +
  219.       'a.ext48co-copy { opacity: 0.5; }' +
  220.       'a.ext48co-copy:hover { opacity: 1; }' +
  221.       'span.ext48co-comment-plusone { position: absolute; right: 5px; }' +
  222.       // 2015.12.14 @fronoske +1ユーザーダイアログ
  223.       'div.ext48co-po-userlist-dialog { width: 200px; padding: 5px 10px; z-index: 1200; }' +
  224.       'div.ext48co-po-userlist-dialog div.header { float: left; width:160px; margin: 1em auto; }' +
  225.       'div.ext48co-po-userlist-dialog div.close { padding: 4px; width:auto; float:right; text-align:right; font-size: normal; color: gray; cursor: pointer }' +
  226.       'div.ext48co-po-userlist-dialog div.userlist { margin: 5px; clear: both; width: 100%; max-height: 300px; overflow-x: hidden; overflow-y: auto; text-overflow: ellipsis; }' +
  227.       'div.ext48co-po-userlist-dialog div.userlist div.user { margin: 0.3em auto; }' +
  228.       'div.ext48co-po-userlist-dialog div.userlist div.user * { vertical-align: middle; text-decoration: none; }' +
  229.       // 2015.12.14 @fronoske 抽出コメントの「+nn」のカーソルもpointerに
  230.       'span.ext48co-comment-plusone { cursor: pointer; }' +
  231.       'span.ext48co-comment-plusone button { visibility: hidden; vertical-align: top; cursor: pointer; border: 1px solid #D9D9D9; border-radius: 2px; background: #FFF; color: #262626; font: bold 11px Roboto, Arial, sans-serif; }' +
  232.       'span.ext48co-comment-plusone button.ext48co-comment-plused { visibility: visible; border-color: #FFF; background: #DD4B39; color: #FFF; }' +
  233.       'div.ext48co-comment-ballon { position: relative; padding: 5px; border: 1px solid #CCC; border-radius: 4px; background: #FFF; }' +
  234.       'div.ext48co-comment-ballon:after { content: ""; position: absolute; top: 15px; left: -5px; border-width: 5px 5px 5px 0; border-style: solid; border-color: transparent #FFF; }' +
  235.       'div.ext48co-comment-ballon:before { content: ""; position: absolute; top: 13px; left: -7px; border-width: 7px 7px 7px 0; border-style: solid; border-color: transparent #CCC; }' +
  236.       'div.ext48co-comment-editor textarea { width: 90%; height: 50px; padding: 5px; border: 1px solid #CCC; font-size: 12px; }');
  237.   };
  238.  
  239.   /**
  240.    * Bind event handler functions.
  241.    */
  242.   var bindEvents = function () {
  243.     $(document).on('loadComments', self.SELECTORS.post, loadComments);
  244.     $(document).on('initComments', self.SELECTORS.post, initComments);
  245.     $(document).on(self._settings.commentLoadTrigger, self.SELECTORS.post, function () {
  246.       // console.log("[48CO] triggered!")
  247.       var $this = $(this);
  248.       if (self._settings.triggerDelay) {
  249.         setTimeout(function () {
  250.           $this.trigger('loadComments');
  251.         }, self._settings.triggerDelay);
  252.       } else {
  253.         $this.trigger('loadComments');
  254.       }
  255.     });
  256.  
  257.     $(document).on('toggleComments', 'div.ext48co-comments', toggleComments);
  258.     $(document).on('addComments', 'div.ext48co-commentlist', addComments);
  259.     $(document).on('addSharers', 'div.ext48co-sharerlist', addSharers);
  260.     $(document).on('plusOneComment', 'div.ext48co-comment', plusOneComment);
  261.     $(document).on('openEditor', 'div.ext48co-comment', openEditor);
  262.     $(document).on('closeEditor', 'div.ext48co-comment', closeEditor);
  263.     $(document).on('saveComment', 'div.ext48co-comment', saveComment);
  264.     $(document).on('deleteComment', 'div.ext48co-comment', deleteComment);
  265.     $(document).on('copyComment', 'div.ext48co-comment', copyComment);
  266.     $(document).on('setStatusText', 'div.ext48co-status', setStatusText);
  267.  
  268.     $(document).on('click', 'div.ext48co-status', function () {
  269.       var $comments = $(this).parents('div.ext48co-comments');
  270.       $comments.trigger('toggleComments');
  271.     });
  272.  
  273.     $(document).on('click', 'span.ext48co-comment-plusone button', function (event) {
  274.       var $comment = $(this).parents('div.ext48co-comment');
  275.       $comment.trigger('plusOneComment');
  276.     });
  277.  
  278.     $(document).on('click', 'a.ext48co-comment-edit', function (event) {
  279.       event.preventDefault();
  280.       var $comment = $(this).parents('div.ext48co-comment');
  281.       $comment.trigger('openEditor');
  282.     });
  283.  
  284.     $(document).on('click', 'button.ext48co-comment-cancel', function (event) {
  285.       var $comment = $(this).parents('div.ext48co-comment');
  286.       $comment.trigger('closeEditor');
  287.     });
  288.  
  289.     $(document).on('click', 'button.ext48co-comment-save', function (event) {
  290.       var $comment = $(this).parents('div.ext48co-comment');
  291.       $comment.trigger('saveComment');
  292.     });
  293.  
  294.     $(document).on('click', 'button.ext48co-comment-delete', function (event) {
  295.       var $comment = $(this).parents('div.ext48co-comment');
  296.       $comment.trigger('deleteComment');
  297.     });
  298.  
  299.     $(document).on('click', 'a.ext48co-button-toggle', function (event) {
  300.       event.preventDefault();
  301.     });
  302.  
  303.     $(document).on('click', 'a.ext48co-copy', function (event) {
  304.       event.preventDefault();
  305.       var $comment = $(this).parents('div.ext48co-comment');
  306.       $comment.trigger('copyComment');
  307.     });
  308.  
  309.     // 2015.12.14 @fronoske
  310.     $(document).on('plusOneUserList', 'div.ext48co-comment', plusOneUserList);
  311.     $(document).on('click', 'span.ext48co-comment-plusone', function (event) {
  312.       if (event.target.localName == 'button') return;
  313.       var $comment = $(this).parents('div.ext48co-comment');
  314.       $comment.trigger('plusOneUserList');
  315.     });
  316.   };
  317.  
  318.   /**
  319.    * Initializes comments list and attaches post data to element.
  320.    */
  321.   var initComments = function () {
  322.     var $post = $(this);
  323.     // 2015.12.07 @fronoske 新旧レイアウトによって authorID と postID の取得方法を変える
  324.     if (self.OLD_LAYOUT) {
  325.       var authorID = $post.find(self.SELECTORS.author).eq(0).attr('oid');
  326.       var postID = $post.prop('id').match(/^update-(.+)$/)[1];
  327.     } else {
  328.       var authorID = $post.find(self.SELECTORS.author).eq(0).attr('href').replace("./", "");
  329.       var postID = $post.attr('data-iid') || $post.find("div[jscontroller]").eq(0).attr('jsdata').replace(/^\w+;|;\w+$/g, "");
  330.       // console.log("authorID=" + authorID);
  331.       // console.log( $post.find("div[jscontroller]").eq(0).attr('jsdata')  );
  332.       // console.log("postID=" + postID);
  333.     }
  334.  
  335.     if (!authorID.match(self._idRegex)) {
  336.       $post.data('ext48co.disabled', true);
  337.       return;
  338.     }
  339.  
  340.     $post.data('ext48co.id', postID);
  341.     $post.data('ext48co.timestamp', 0);
  342.     $post.data('ext48co.locked', false);
  343.  
  344.     var html =
  345.       // 2015.12.13 @fronoske スクロールされるのを抑止するためにjsaction属性を追加
  346.       '<div class="ext48co ext48co-comments" jsaction="click:null">' +
  347.       '<div class="ext48co-status">' +
  348.       '<img class="ext48co-loading" src="' + self.ICONS.loading + '">' +
  349.       '<span class="ext48co-status-text"></span>' +
  350.       '<span class="ext48co-status-buttons">' +
  351.       '<a href="#" class="ext48co-button-settings" title="' + self._('48 Comments Only Settings') + '"><img src="' + self.ICONS.settings + '"></a>' +
  352.       '<a href="#" class="ext48co-button-toggle" title="' + self._('Collapse or expand comments') + '"><img src="' + (self._settings.autoExpand ? self.ICONS.collapse : self.ICONS.expand) + '"></a>' +
  353.       '</span>' +
  354.       '</div>' +
  355.       '<div class="ext48co-commentlist"' + (self._settings.autoExpand ? '' : ' style="display: none"') + '></div>' +
  356.       '<div class="ext48co-sharerlist"></div>' +
  357.       '</div>';
  358.  
  359.     if (self.OLD_LAYOUT){
  360.       if (self._settings.commentsPosition == 'content') {
  361.         $post.find(self.SELECTORS.content).append(html);
  362.         $post.find('div.ext48co-comments').fadeIn(200);
  363.       } else if (self._settings.commentsPosition == 'list') {
  364.         $post.find(self.SELECTORS.comments).parent().before(html);
  365.         $post.find('div.ext48co-comments').fadeIn(200);
  366.       } else if (self._settings.commentsPosition == 'popup') {
  367.         $post.find(self.SELECTORS.content).after(html);
  368.         $post.find('div.ext48co-comments').addClass('ext48co-popup').fadeIn(200);
  369.       }
  370.     } else {
  371.       if (self._settings.commentsPosition == 'content' || self._settings.commentsPosition == 'list' ) {
  372.         $post.find(self.SELECTORS.content).append(html);
  373.         $post.find('div.ext48co-comments').fadeIn(200);
  374.       } else if (self._settings.commentsPosition == 'popup') {
  375.         $post.find(self.SELECTORS.content).after(html);
  376.         $post.find('div.ext48co-comments').addClass('ext48co-popup').fadeIn(200);
  377.       }
  378.     }
  379.  
  380.     if (self._settings.hideStreamComments && location.href.indexOf('/posts/') == -1) {
  381.       $post.find(self.SELECTORS.comments).fadeOut(200);
  382.     }
  383.   };
  384.  
  385.   /**
  386.    * Loads comments.
  387.    */
  388.   var loadComments = function (event) {
  389.     var $post = $(this);
  390.     var now = new Date();
  391.  
  392.     if (!$post.data('ext48co.id')) $post.trigger('initComments');
  393.  
  394.     if ($post.data('ext48co.disabled')) return;
  395.     if (now.getTime() - $post.data('ext48co.timestamp') < self._settings.commentLoadInterval) return;
  396.     if ($post.data('ext48co.locked')) return;
  397.  
  398.     $post.data('ext48co.timestamp', now.getTime());
  399.     $post.data('ext48co.locked', true);
  400.  
  401.     var $status = $post.find('div.ext48co-status');
  402.     var $commentList = $post.find('div.ext48co-commentlist');
  403.     var $sharerList = $post.find('div.ext48co-sharerlist');
  404.  
  405.     $status.trigger('setStatusText', [self._('Loading...')]);
  406.  
  407.     // Send AJAX request to fetch all comments and parse them.
  408.     self.API.lookupPost($post.data('ext48co.id'), function (response) {
  409.       if (response.success) {
  410.         var comments = response.data.comments;
  411.         $commentList.trigger('addComments', [comments]);
  412.       } else {
  413.         var errorStatus = self._('HTTP % - %', [response.data.error, response.data.text]);
  414.         $status.trigger('setStatusText', [self._('Error occurred.'), errorStatus]);
  415.       }
  416.  
  417.       now = new Date();
  418.       $post.data('ext48co.timestamp', now.getTime());
  419.       $post.data('ext48co.locked', false);
  420.     });
  421.  
  422.     if ($post.find(self.SELECTORS.sharers).length !== 0 && self._settings.loadSharers) {
  423.       // Send AJAX request to fetch all sharers and parse them.
  424.       self.API.lookupSharers($post.data('ext48co.id'), function (response) {
  425.         if (response.success) {
  426.           var sharers = response.data;
  427.           $sharerList.trigger('addSharers', [sharers]);
  428.         } else {
  429.           var errorStatus = self._('HTTP % - %', [response.data.error, response.data.text]);
  430.           $status.trigger('setStatusText', [self._('Error occurred.'), errorStatus]);
  431.         }
  432.       });
  433.     }
  434.   };
  435.  
  436.   /**
  437.    * Adds comments to list.
  438.    */
  439.   var addComments = function (event, comments) {
  440.     var $commentList = $(this);
  441.     var $post = $commentList.parents(self.SELECTORS.post);
  442.     var $status = $commentList.prev();
  443.     var memberComments = [];
  444.     var myComments = [];
  445.     var names = [];
  446.     var latest = null;
  447.  
  448.     comments.forEach(function (element, index) {
  449.       var postBy;
  450.  
  451.       if (element.author.id == self._login_user.id && self._settings.highlightMyComments) {
  452.         postBy = 'myself';
  453.       } else if (element.author.id.match(self._idRegex)) {
  454.         postBy = 'member';
  455.       } else {
  456.         return;
  457.       }
  458.  
  459.       var commentTime = element.edited || element.time;
  460.       var commentHTML =
  461.         '<div class="ext48co-comment ext48co-comment-' + postBy + '" data-id="' + element.id + '" data-authorid="' + element.author.id +
  462.         // 2015.12.14 @fronoske plusoneIdを持たせた
  463.         '" data-plusoneid="' + element.plusone.id + '">' +
  464.         '<a href="./' + element.author.id + '" oid="' + element.author.id + '"><img class="ext48co-comment-photo" src="' + element.author.photo + '?sz=48"></a>' +
  465.         '<div class="ext48co-comment-content' + (self._settings.commentStyle == 'ballon' ? ' ext48co-comment-ballon' : '') + '">' +
  466.         '<div class="ext48co-comment-number">' +
  467.         '<!--<a href="javascript:void(0)" class="ext48co-copy">' + self._('Copy') + '</a>--> ' + (self._settings.displayCommentNumber ? (index + 1) : '') +
  468.         '</div>' +
  469.         '<div class="ext48co-comment-author">' +
  470.         '<a href="./' + element.author.id + '" oid="' + element.author.id + '">' + element.author.name + '</a>' +
  471.         ' ' + ((self._settings.gplusIDs.indexOf(element.author.id) !== -1) ? '<small>(' + self._('Custom') + ')</small>' : '') +
  472.         '</div>' +
  473.         '<div class="ext48co-comment-body">' + element.content + '</div>' +
  474.         '<div class="ext48co-comment-time">' +
  475.         '<span title="' + commentTime.toLongString() + '">' + (self._settings.displayCommentHumanTime ? commentTime.toHumanTimeDiff(self._('humantime')) + ' - ' : '') + commentTime.toShortString() + (element.edited ? self._(' (edited)') : '') +
  476.         '</span>' + (postBy == 'myself' ? ' <a href="javascript:void(0)" class="ext48co-comment-edit">' + self._('Edit') + '</a>' : '') + (self._login_user.id ? '<span class="ext48co-comment-plusone">' +
  477.         '<button id="po-' + element.id + '"' +
  478.         ' class="' + (element.plusone.isPlused ? 'ext48co-comment-plused' : '') + '"' +
  479.         ' g:entity="comment:' + element.id + '"' +
  480.         ' g:token="true">+1' +
  481.         '</button>' + (element.plusone.count ? ' +<strong>' + element.plusone.count + '</strong>' : '') +
  482.         '</span>' : '') +
  483.         '</div>' +
  484.         '</div>' +
  485.         '</div>';
  486.  
  487.       if (postBy == 'member') {
  488.         memberComments.push(commentHTML);
  489.         latest = commentTime;
  490.         if (names.indexOf(element.author.name) == -1) names.push(element.author.name);
  491.         $post.find('div[id="' + element.id + '"]').addClass('ext48co-comment-member');
  492.       } else {
  493.         myComments.push(commentHTML);
  494.         $post.find('div[id="' + element.id + '"]').addClass('ext48co-comment-myself');
  495.       }
  496.     });
  497.  
  498.     $commentList.empty().html(memberComments.join(' ') + myComments.join(' '));
  499.  
  500.     var commentCount = memberComments.length;
  501.     var name = names.reverse().join(self._(', '));
  502.     if (commentCount) {
  503.       var statusText = self._('% comments', commentCount) + ' - ' + latest.toHumanTimeDiff(self._('humantime')) + ' - ' + name;
  504.       $status.trigger('setStatusText', [statusText, name]);
  505.     } else {
  506.       $status.trigger('setStatusText', [self._('No comment from members')]);
  507.     }
  508.   };
  509.  
  510.   /**
  511.    * Add sharers to list.
  512.    */
  513.   var addSharers = function (event, sharers) {
  514.     var $sharerList = $(this);
  515.     var output = [];
  516.  
  517.     sharers.forEach(function (element, index) {
  518.       if (!element.id.match(self._idRegex)) return;
  519.       output.push(
  520.         '<img src="' + element.photo + '?sz=24" style="vertical-align: middle"> ' +
  521.         '<a href="./' + element.id + '" oid="' + element.id + '">' + element.name + '</a>');
  522.     });
  523.  
  524.     if (output.length) {
  525.       $sharerList.html('<div class="ext48co-comment ext48co-comment-member"> ' + self._('% shared this post.', output.join(self._(', '))) + '</div>');
  526.     } else {
  527.       $sharerList.empty();
  528.     }
  529.   };
  530.  
  531.   /**
  532.    * +1 a comment.
  533.    */
  534.   var plusOneComment = function (event) {
  535.     var $comment = $(this);
  536.     var $post = $comment.parents(self.SELECTORS.post);
  537.     var $button = $comment.find('span.ext48co-comment-plusone button');
  538.     var $counter = $comment.find('span.ext48co-comment-plusone strong');
  539.     var count = parseInt($counter.text(), 10);
  540.     var now = new Date();
  541.  
  542.     $post.data('ext48co.timestamp', now.getTime());
  543.  
  544.     if ($counter.length === 0) {
  545.       $button.after('&nbsp; +<strong>1</strong>');
  546.     }
  547.  
  548.     if ($button.hasClass('ext48co-comment-plused')) {
  549.       $button.prop('disabled', true);
  550.       $button.removeClass('ext48co-comment-plused');
  551.       self.API.plusOneComment($comment.data('id'), false, function (response) {
  552.         count -= 1;
  553.         $counter.text(count);
  554.         $button.prop('disabled', false);
  555.       });
  556.     } else {
  557.       $button.prop('disabled', true);
  558.       $button.addClass('ext48co-comment-plused');
  559.       self.API.plusOneComment($comment.data('id'), true, function (response) {
  560.         count += 1;
  561.         $counter.text(count);
  562.         $button.prop('disabled', false);
  563.       });
  564.     }
  565.   };
  566.  
  567.   /**
  568.    * +1 user list (2015.12.14 @fronoske)
  569.    */
  570.   var plusOneUserList = function (event) {
  571.     var $comment = $(this);
  572.     var $counter = $comment.find('span.ext48co-comment-plusone strong');
  573.     var count = parseInt($counter.text(), 10);
  574.  
  575.     // console.log("[48CO] call plusOneUserList");
  576.     self.API.plusOneUserList($comment.data('plusoneid'), function (response) {
  577.       var userList = response.data[1];
  578.       var plusOneUsers = [];
  579.       userList.forEach(function (user, index) {
  580.        // console.dir(user);
  581.         plusOneUsers.push( {
  582.           name: user[0],
  583.           id: user[1],
  584.           photo: user[3],
  585.           altName: user[4]
  586.           });
  587.       });
  588.       var $dialog = $('<div class="ext48co ext48co-po-userlist-dialog"></div>');
  589.       var html = '<div class="header"><strong>' + self._("% people +1'd this comment", count) + '</strong></div>' +
  590.         '<div class="close">&#10005;</div>' +
  591.           '<div class="userlist">' +
  592.         $.map(plusOneUsers, function(user, index){
  593.           return '<div class="user"><a href="./' + user.id + '"><img src="' + user.photo + '?sz=28">&nbsp;&nbsp;<span>' + user.name + '</span></a></div>'
  594.         }).join("\n") +  '</div>';
  595.       $dialog.html(html);
  596.       // console.log("[48CO] plusOneUserList HTML= " + html);
  597.       $('body').append($dialog);
  598.       $dialog.css({
  599.       'position': 'absolute',
  600.       'top': $counter.offset().top,
  601.       'left': $counter.offset().left,
  602.       'opacity': 1.0,
  603.       'background': 'white',
  604.       'box-shadow': '5px 2px 2px black'
  605.       });
  606.  
  607.       /*
  608.       var centerY = $(window).innerHeight() / 2;
  609.       var elementTop = $counter.offset().top - $(window).scrollTop();
  610.       if ( elementTop > centerX ){
  611.         $dialog.offset( {top: $counter.offset().top - $dialog.height()});
  612.       }
  613.       */
  614.       $dialog.fadeIn(500);
  615.       $(document).one('click', function(event) {
  616.         if(!$.contains($dialog, event.target)){
  617.           // console.log("[48CO] click to close");
  618.           $dialog.fadeOut(500, function(){
  619.             $dialog.remove();
  620.           });
  621.         }
  622.       });
  623.     });
  624.   };
  625.  
  626.   /**
  627.    * Opens comment editor.
  628.    */
  629.   var openEditor = function (event) {
  630.     var $comment = $(this);
  631.     var $post = $comment.parents(self.SELECTORS.post);
  632.     var $commentBody = $comment.find('div.ext48co-comment-body');
  633.  
  634.     if ($comment.find('div.ext48co-comment-editor').length !== 0) return;
  635.  
  636.     $post.data('ext48co.locked', true);
  637.  
  638.     var comment = $commentBody.html()
  639.       .replace(/<br>/g, "\n")
  640.       .replace(/(<b>|<\/b>)/g, '*')
  641.       .replace(/(<i>|<\/i>)/g, '_')
  642.       .replace(/(<s>|<\/s>)/g, '-')
  643.       .replace(/(<a\s([^>]+)>|<\/a>)/g, '')
  644.       .replace(/(<span\s([^>]+)>|<\/span>)/g, '');
  645.  
  646.     $commentBody.hide()
  647.       .after(
  648.       '<div class="ext48co-comment-editor">' +
  649.       '<textarea>' + comment + '</textarea><br>' +
  650.       '<button class="ext48co ext48co-submit ext48co-comment-save">' + self._('Save') + '</button>' +
  651.       '<button class="ext48co ext48co-comment-delete">' + self._('Delete') + '</button>' +
  652.       '<button class="ext48co ext48co-comment-cancel">' + self._('Cancel') + '</button>' +
  653.       '</div>');
  654.  
  655.     $comment.find('div.ext48co-comment-editor textarea').focus();
  656.   };
  657.  
  658.   /**
  659.    * Closes comment editor.
  660.    */
  661.   var closeEditor = function (event) {
  662.     var $comment = $(this);
  663.     var $post = $comment.parents(self.SELECTORS.post);
  664.     var $commentBody = $comment.find('div.ext48co-comment-body');
  665.  
  666.     $post.data('ext48co.locked', false);
  667.     $commentBody.show();
  668.     $comment.find('div.ext48co-comment-editor').remove();
  669.   };
  670.  
  671.   /**
  672.    * Saves edited comment.
  673.    */
  674.   var saveComment = function (event) {
  675.     var $comment = $(this);
  676.     var $editor = $comment.find('div.ext48co-comment-editor');
  677.     var $textarea = $editor.find('textarea');
  678.     var $commentBody = $comment.find('div.ext48co-comment-body');
  679.  
  680.     $editor.find('textarea, button').prop('disabled', true);
  681.  
  682.     self.API.editComment($comment.data('id'), $textarea.val(), function (response) {
  683.       if (response.success) {
  684.         $commentBody.html(response.data.content);
  685.       }
  686.       $comment.trigger('closeEditor');
  687.     });
  688.   };
  689.  
  690.   /**
  691.    * Deletes the comment.
  692.    */
  693.   var deleteComment = function (event) {
  694.     var $comment = $(this);
  695.     var answer = confirm(self._('Do you want to permanently delete this comment?'));
  696.  
  697.     if (answer) {
  698.       self.API.deleteComment($comment.data('id'), function (response) {
  699.         if (response.success) {
  700.           $comment.fadeOut(200, function () {
  701.             $comment.trigger('closeEditor').remove();
  702.           });
  703.         }
  704.       });
  705.     }
  706.   };
  707.  
  708.   /**
  709.    * Collapses or expands comment list.
  710.    */
  711.   var toggleComments = function (event) {
  712.     var $this = $(this);
  713.     var $commentList = $this.find('div.ext48co-commentlist');
  714.     var $buttonImage = $this.find('a.ext48co-button-toggle img');
  715.  
  716.     if ($commentList.is(':visible')) {
  717.       $commentList.fadeOut(200);
  718.       $buttonImage.prop('src', self.ICONS.expand);
  719.     } else {
  720.       $commentList.fadeIn(200);
  721.       $buttonImage.prop('src', self.ICONS.collapse);
  722.     }
  723.   };
  724.  
  725.   var copyComment = function (event) {
  726.     var $comment = $(this);
  727.     var comment = $comment.find('.ext48co-comment-body').html()
  728.       .replace(/<br>/g, "\n")
  729.       .replace(/(<b>|<\/b>)/g, '')
  730.       .replace(/(<i>|<\/i>)/g, '')
  731.       .replace(/(<s>|<\/s>)/g, '')
  732.       .replace(/(<a\s([^>]+)>|<\/a>)/g, '')
  733.       .replace(/(<span\s([^>]+)>|<\/span>)/g, '');
  734.  
  735.     var data = $comment.find('.ext48co-comment-author').text() + "：\n" + comment + "\n" +
  736.       "（" + $comment.find('.ext48co-comment-time span').eq(0).text() + "）\n";
  737.  
  738.     GM_setClipboard(data);
  739.   };
  740.  
  741.   /**
  742.    * Sets comments status bar text.
  743.    */
  744.   var setStatusText = function (event, text, title) {
  745.     var $this = $(this);
  746.     var $status = $this.find('span.ext48co-status-text');
  747.     var $loading = $this.find('img.ext48co-loading');
  748.  
  749.     if (text == self._('Loading...')) {
  750.       $loading.show();
  751.     } else {
  752.       $loading.hide();
  753.     }
  754.  
  755.     $status.html(text)
  756.       .prop('title', title);
  757.   };
  758.  
  759.   addStyle();
  760.   bindEvents();
  761. };
  762.  
  763. CommentsOnly.prototype._renderSettingsUI = function () {
  764.   var inFrame = (top != self);
  765.   var self = this;
  766.  
  767.   /**
  768.    * Adds CSS.
  769.    */
  770.   var addStyle = function () {
  771.     self._addStyle('settings', (inFrame ? '' : ' a.ext48co-button-settings { display: none; }') +
  772.       '#ext48co-settings-button { display: inline-block; vertical-align: top; }' +
  773.       '#ext48co-settings-dialog { display: none; position: absolute; z-index: 988; top: 0; left: 0; width: 50%; min-width: 720px; padding: 50px 10px 10px 10px; border: 1px solid #CCC; box-shadow: 0 0 20px #CCC; background: #FFF; }' +
  774.       '#ext48co-settings-dialog h1 { margin: 0; color: #CC295F; font-size: 18px; font-weight: normal; }' +
  775.       '#ext48co-settings-dialog p { margin: 5px 0; }' +
  776.       '#ext48co-settings-dialog label { display: inline-block; min-width: 200px; }' +
  777.       '#ext48co-settings-close { position: absolute; top: 60px; right: 20px; }' +
  778.       '#ext48co-settings-main { overflow: auto; min-height: 300px; margin: 10px 0 60px 0; }' +
  779.       '#ext48co-settings-menu { position: absolute; width: 160px; max-width: 160px; border-right: 1px solid #E5E5E5; }' +
  780.       '#ext48co-settings-menu a { display: block; padding: 10px; border-left: 3px solid transparent; color: #333; }' +
  781.       '#ext48co-settings-menu a.ext48co-selected { border-color: #CC295F; color: #CC295F; }' +
  782.       '#ext48co-settings-menu a:hover { background: #FAFAFA; text-decoration: none; }' +
  783.       '.ext48co-settings-content { position: relative; margin-left: 180px; }' +
  784.       '#ext48co-settings-info { position: absolute; bottom: 10px; left: 10px; color: #999; font-size: 11px; }' +
  785.       '#ext48co-settings-buttons { position: absolute; bottom: 10px; right: 10px; }' +
  786.       '#ext48co-settings-groups { padding: 5px; border-top: 1px solid #E5E5E5; background: #FAFAFA; }' +
  787.       '#ext48co-settings-groups a { padding: 5px 10px; color: #333; font-weight: bold; text-decoration: none; }' +
  788.       '#ext48co-settings-groups a:hover { color: #CC295F; }' +
  789.       '#ext48co-settings-groups a.ext48co-selected { background: #CC295F; color: #FFF; }' +
  790.       '#ext48co-settings-teams { padding: 8px 5px 5px 5px; background: #CC295F; }' +
  791.       '#ext48co-settings-teams a { margin: 0 2px; padding: 5px 10px; color: #FFF; text-decoration: none; }' +
  792.       '#ext48co-settings-teams a.ext48co-selected { background: #FFF; color: #CC295F; }' +
  793.       '#ext48co-settings-users { overflow: auto; margin: 0; padding: 0; height: 300px; max-height: 300px; list-style: none; }' +
  794.       '#ext48co-settings-users li { overflow: hidden; padding: 5px 0; border-bottom: 1px dotted #CCC; text-overflow: ellipsis; white-space: nowrap; }' +
  795.       '#ext48co-settings-users li a { margin: 0 5px; font-weight: bold; }' +
  796.       '#ext48co-settings-users li span { color: #999; font-size: 11px; }' +
  797.       '#ext48co-settings-users li img { vertical-align: middle; }' +
  798.       '#ext48co-settings-users li img.ext48co-settings-photo { width: 24px; height: 24px; }' +
  799.       'img.ext48co-settings-photo { width: 24px; height: 24px; background: #E9ECEE; vertical-align: middle; }' +
  800.       'a.ext48co-settings-userbutton { opacity: 0.5; }' +
  801.       'a.ext48co-settings-userbutton:hover { opacity: 1; }' +
  802.       '.ext48co-desc { color: #999; }');
  803.   };
  804.  
  805.   /**
  806.    * Inserts buttons.
  807.    */
  808.   var initButton = function () {
  809.     $(self.SELECTORS.banner)
  810.       .append(
  811.       '<div id="ext48co-settings-button">' +
  812.       '  <button class="ext48co ext48co-extButton ext48co-button-settings" title="' + self._('48 Comments Only Settings') + '">' + self.NAME + '</button>' +
  813.       '</div>');
  814.   };
  815.  
  816.   /**
  817.    * Binds event handler functions.
  818.    */
  819.   var bindEvents = function () {
  820.     $(document).on('toggleDialog', '#ext48co-settings-dialog', toggleDialog);
  821.     $(document).on('readSettings', '#ext48co-settings-dialog', readSettings);
  822.     $(document).on('saveSettings', '#ext48co-settings-dialog', saveSettings);
  823.     $(document).on('resetSettings', '#ext48co-settings-dialog', resetSettings);
  824.     $(document).on('checkUpdate', '#ext48co-update', checkUpdate);
  825.  
  826.     $(document).on('addUser', '#ext48co-settings-users li', addUser);
  827.     $(document).on('editUser', '#ext48co-settings-users li', editUser);
  828.     $(document).on('blockMember', '#ext48co-settings-users li', blockMember);
  829.     $(document).on('deleteCustomUser', '#ext48co-settings-users li', deleteCustomUser);
  830.  
  831.     $(document).on('click', '#ext48co-settings-groups a', switchGroup);
  832.     $(document).on('click', '#ext48co-settings-teams a', swtichTeam);
  833.  
  834.     $(document).on('keyup', '#ext48co-settings-add', addCustomUser);
  835.  
  836.     $(document).on('click', '.ext48co-button-settings', function (event) {
  837.       event.preventDefault();
  838.       event.stopPropagation();
  839.  
  840.       var $dialog = $('#ext48co-settings-dialog');
  841.       if ($dialog.length === 0) {
  842.         buildDialog();
  843.       } else {
  844.         $dialog.trigger('toggleDialog');
  845.       }
  846.     });
  847.  
  848.     $(document).on('click', '.ext48co-settings-save', function (event) {
  849.       var $dialog = $('#ext48co-settings-dialog');
  850.       $dialog.trigger('saveSettings');
  851.     });
  852.  
  853.     $(document).on('click', '.ext48co-settings-cancel', function (event) {
  854.       event.preventDefault();
  855.       var $dialog = $('#ext48co-settings-dialog');
  856.       $dialog.trigger('toggleDialog');
  857.     });
  858.  
  859.     $(document).on('click', '.ext48co-settings-reset', function (event) {
  860.       var $dialog = $('#ext48co-settings-dialog');
  861.       $dialog.trigger('resetSettings');
  862.     });
  863.  
  864.     $(document).on('click', '#ext48co-settings-menu a', function (event) {
  865.       event.preventDefault();
  866.       var $this = $(this);
  867.       var tab = $this.data('tab');
  868.       $('#ext48co-settings-menu a').removeClass('ext48co-selected');
  869.       $this.addClass('ext48co-selected');
  870.       $('div.ext48co-settings-content[data-tab]').hide();
  871.       $('div.ext48co-settings-content[data-tab="' + tab + '"]').show();
  872.     });
  873.  
  874.     $(document).on('click', '#ext48co-settings-users li a.ext48co-settings-userblock', function (event) {
  875.       event.preventDefault();
  876.       var $this = $(this);
  877.       var $user = $this.parent('li');
  878.       $user.trigger('blockMember');
  879.     });
  880.  
  881.     $(document).on('click', '#ext48co-settings-users li a.ext48co-settings-userdelete', function (event) {
  882.       event.preventDefault();
  883.       var $this = $(this);
  884.       var $user = $this.parent('li');
  885.       $user.trigger('deleteCustomUser');
  886.     });
  887.  
  888.   };
  889.  
  890.   /**
  891.    * Builds the settings dialog.
  892.    */
  893.   var buildDialog = function () {
  894.     var $dialog = $('<div id="ext48co-settings-dialog" class="ext48co"></div>');
  895.  
  896.     $dialog.html(
  897.       '<h1>48 Comments Only</h1>' +
  898.       '<div id="ext48co-settings-close"><a href="javascript:void(0)" class="ext48co-settings-cancel"><img src="' + self.ICONS.close + '"></a></div>' +
  899.       '<div id="ext48co-settings-main">' +
  900.       '<div id="ext48co-settings-menu">' +
  901.       '<a href="javascript:void(0)" data-tab="userlist">' + self._('Members & Custom Users') + '</a>' +
  902.       '<a href="javascript:void(0)" data-tab="extraction">' + self._('Extraction') + '</a>' +
  903.       '<a href="javascript:void(0)" data-tab="display">' + self._('Display') + '</a>' +
  904.       '</div>' +
  905.  
  906.       '<div class="ext48co-settings-content" data-tab="extraction">' +
  907.       /* 2015.12.07 @fronoske 自動ロードは機能しないので選択肢から削除
  908.       '<p><label>' + self._('Extraction:') + '</label> <select data-key="commentLoadTrigger"><option value="mouseenter">' + self._('Cursor moving') + '</option><option value="DOMNodeInserted">' + self._('Auto load') + '</option></select></p>' +
  909.       */
  910.       '<p><label>' + self._('Extraction:') + '</label> <select data-key="commentLoadTrigger"><option value="mouseenter" selected>' + self._('Cursor moving') + '</option></select></p>' +
  911.       '<p><label>' + self._('Interval:') + '</label> <input type="text" size="5" data-key="commentLoadInterval"> ms</p>' +
  912.       '<p><label>' + self._('Delay:') + '</label> <input type="text" size="5" data-key="triggerDelay"> ms</p>' +
  913.       '<p><input type="checkbox" data-key="highlightMyComments"> <label>' + self._('Load my comments when I logged in.') + '</label></p>' +
  914.       '<p><input type="checkbox" data-key="loadSharers"> <label>' + self._('Load post share information.') + '</label></p>' +
  915.       '</div>' +
  916.  
  917.       '<div class="ext48co-settings-content" data-tab="display">' +
  918.       '<p><label>' + self._('Comment Style:') + '</label> <select data-key="commentStyle"><option value="ballon">' + self._('Speech balloon style') + '</option><option value="normal">' + self._('Normal style') + '</option></select></p>' +
  919.       '<p><label>' + self._('Comment Position:') + '</label> <select data-key="commentsPosition"><option value="content">' + self._('Bottom of post content') + '</option><option value="list">' + self._('Top of all comments') + '</option><option value="popup">' + self._('Popup') + '</option></select></p>' +
  920.       '<p><label>' + self._('Colors:') + '</label> <select data-key="colors">' +
  921.       '<option value="#FFF2F6,#FFE6EE,#FF3377" style="background: #FFE6EE; color: #FF3377;">' + self._('Pink') + '</option>' +
  922.       '<option value="#FFF2F4,#FF485E,#FFFFFF" style="background: #FF485E; color: #FFFFFF;">' + self._('Red') + '</option>' +
  923.       '<option value="#F2FFF7,#38D171,#FFFFFF" style="background: #38D171; color: #FFFFFF;">' + self._('Green') + '</option>' +
  924.       '<option value="#F2F7FF,#6CA2FF,#FFFFFF" style="background: #6CA2FF; color: #FFFFFF;">' + self._('Blue') + '</option>' +
  925.       '<option value="#FFFDF2,#FFEB4A,#666666" style="background: #FFEB4A; color: #666666;">' + self._('Yellow') + '</option>' +
  926.       '<option value="#F2F2F2,#9D9D9D,#333333" style="background: #9D9D9D; color: #333333;">' + self._('Gray') + '</option>' +
  927.       '</select></p>' +
  928.       '<p><input type="checkbox" data-key="autoExpand"> <label>' + self._('Expand all comments by default.') + '</label></p>' +
  929.       '<p><input type="checkbox" data-key="hideStreamComments"> <label>' + self._('Hide other comments in stream page.') + '</label></p>' +
  930.       '<p><input type="checkbox" data-key="displayCommentNumber"> <label>' + self._('Display comment number.') + '</label></p>' +
  931.       '<p><input type="checkbox" data-key="displayCommentHumanTime"> <label>' + self._('Display comment time difference.') + '</label></p>' +
  932.       '</div>' +
  933.  
  934.       '<div class="ext48co-settings-content" data-tab="userlist">' +
  935.       '<p>' + self._('Comments posted by users in list will be displayed.') + '</p>' +
  936.       '<p class="ext48co-desc">' +
  937.       // 2015.02.14 @fronoske メンバーデータの取得日時の表示を改善
  938.       '<a href="' + self.SPREADSHEET_URL + '/">' + self._('Latest update of member data:') + ' ' + '<span id="ext48co-settings-dataupdated"></span></a>' +
  939.       '<br/>' +
  940.       '<span>' + self._('Latest update on server:') + ' ' + '<span id="ext48co-settings-db-updated"></span></span>' +
  941.       /* end */
  942.       '</p>' +
  943.       '<div id="ext48co-settings-groups"></div>' +
  944.       '<div id="ext48co-settings-teams"></div>' +
  945.       '<ul id="ext48co-settings-users"></ul>' +
  946.       '</div>' +
  947.       '</div>' +
  948.  
  949.       '<div id="ext48co-settings-info">' +
  950.       '<strong>48 Comments Only</strong>' +
  951.       '<br>' +
  952.       'Written by Ming-Hsien Lin (akiratw), 2011-2015. ' +
  953.       'Revised by <a href="./112869918300681260602" oid="112869918300681260602">@fronoske</a>, 2015.<br/>' +
  954.       'Iconset <a href="http://www.entypo.com/">Entypo</a>.' +
  955.       '</div>' +
  956.  
  957.       '<div id="ext48co-settings-buttons">' +
  958.       '<button class="ext48co ext48co-settings-reset">' + self._('Reset') + '</button>' +
  959.       '<button class="ext48co ext48co-settings-cancel">' + self._('Cancel') + '</button>' +
  960.       '<button class="ext48co ext48co-main ext48co-settings-save">' + self._('Save') + '</button>' +
  961.       '</div>');
  962.  
  963.     $('body').append($dialog);
  964.     $('#ext48co-update').trigger('checkUpdate');
  965.     $('#ext48co-settings-menu a').eq(0).click();
  966.     $dialog.trigger('readSettings')
  967.       .trigger('toggleDialog');
  968.   };
  969.  
  970.   /**
  971.    * Reads all settings and user data to dialog.
  972.    */
  973.   var readSettings = function (event) {
  974.     var $dialog = $(this);
  975.     var $fields = $dialog.find('[data-key]');
  976.  
  977.     $fields.each(function () {
  978.       var $field = $(this);
  979.       var value = self._settings[$field.data('key')];
  980.  
  981.       if ($field.prop('tagName') == 'INPUT') {
  982.         if ($field.prop('type') == 'text') $field.val(value);
  983.         if ($field.prop('type') == 'checkbox') $field.prop('checked', value);
  984.       } else if ($field.prop('tagName') == 'SELECT') {
  985.         if (Array.isArray(value)) value = value.join(',');
  986.         $field.find('option[value="' + value + '"]').prop('selected', 'selected');
  987.       }
  988.     });
  989.  
  990.     var $groups = $('#ext48co-settings-groups');
  991.     var $teams = $('#ext48co-settings-teams');
  992.     var $users = $('#ext48co-settings-users');
  993.     var $updated = $('#ext48co-settings-dataupdated');
  994.     var $dbUpdated = $('#ext48co-settings-db-updated');
  995.     var ids = [];
  996.  
  997.     $updated.text(
  998.     self._members.updated.toHumanTimeDiff(self._('humantime')) + ' ' +
  999.       '(' + self._members.updated.toShortString() + ')');
  1000.     $dbUpdated.text(
  1001.     self._members.dbUpdated.toHumanTimeDiff(self._('humantime')) + ' ' +
  1002.       '(' + self._members.dbUpdated.toShortString() + ')');
  1003.     $groups.empty()
  1004.       .append(
  1005.       '<a href="javascript:void(0)" data-group="all">' + self._('All') + '</a>' +
  1006.       '<a href="javascript:void(0)" data-group="custom">' + self._('Custom') + '</a>');
  1007.     $teams.empty();
  1008.     $users.empty()
  1009.       .append(
  1010.       '<li data-group="custom">' +
  1011.       '<img src="' + self.ICONS.addUser + '"> ' +
  1012.       '<input type="text" id="ext48co-settings-add" class="ext48co" size="50" placeholder="' + self._('Add a user to list by ID or Profile URL.') + '">' +
  1013.       '</li>');
  1014.  
  1015.     for (var group in self._members.groups) {
  1016.       $groups.append('<a href="javascript:void(0)" data-group="' + escape(group) + '">' + self._(group) + '</a>');
  1017.  
  1018.       var teams = self._members.groups[group];
  1019.       teams.forEach(function (element, index) {
  1020.         $teams.append('<a href="javascript:void(0)" data-group="' + escape(group) + '" data-team="' + escape(element) + '">' + self._(element) + '</a>');
  1021.       });
  1022.     }
  1023.  
  1024.     for (var id in self._members.members) {
  1025.       ids.push(id);
  1026.  
  1027.       var member = self._members.members[id];
  1028.       var $member = $('<li>').appendTo($users);
  1029.       $member.trigger('addUser', [id, member.name, '', '', member.group, member.team, false]);
  1030.  
  1031.       if (self._settings.blockIDs.indexOf(id) != -1) $member.trigger('blockMember');
  1032.     }
  1033.  
  1034.     self._settings.gplusIDs.forEach(function (element, index) {
  1035.       if (ids.indexOf(element) != -1) return;
  1036.       ids.push(element);
  1037.  
  1038.       var $user = $('<li>').insertAfter($users.find('li').eq(0));
  1039.       $user.trigger('addUser', [element, element, '', '', 'custom', 'custom', true]);
  1040.     });
  1041.  
  1042.     $groups.find('a').eq(0).click();
  1043.  
  1044.     self.API.lookupUsers(ids, function (response) {
  1045.       if (!response.success) return;
  1046.       var data = response.data;
  1047.       for (var id in data) {
  1048.         var $user = $users.find('li[data-id="' + id + '"]');
  1049.         $user.trigger('editUser', [id, data[id].name, data[id].photo, data[id].description]);
  1050.       }
  1051.     });
  1052.   };
  1053.  
  1054.   /**
  1055.    * Saves all settings.
  1056.    */
  1057.   var saveSettings = function (event) {
  1058.     var $dialog = $(this);
  1059.     var $fields = $dialog.find('[data-key]');
  1060.  
  1061.     $fields.each(function () {
  1062.       var $field = $(this);
  1063.       var key = $field.data('key');
  1064.  
  1065.       if ($field.prop('tagName') == 'INPUT') {
  1066.         if ($field.prop('type') == 'text') self._settings[key] = $field.val();
  1067.         if ($field.prop('type') == 'checkbox') self._settings[key] = $field.prop('checked');
  1068.       } else if ($field.prop('tagName') == 'SELECT') {
  1069.         var value = $field.find('option:selected').prop('value');
  1070.         values = value.split(',');
  1071.         if (values.length == 1) {
  1072.           self._settings[key] = values[0];
  1073.         } else {
  1074.           self._settings[key] = values;
  1075.         }
  1076.       }
  1077.     });
  1078.  
  1079.     self._settings.gplusIDs = [];
  1080.     self._settings.blockIDs = [];
  1081.  
  1082.     var $users = $dialog.find('#ext48co-settings-users li');
  1083.     $users.each(function () {
  1084.       var $user = $(this);
  1085.       if ($user.attr('data-group') == 'custom' && $user.attr('data-id')) {
  1086.         self._settings.gplusIDs.push($user.attr('data-id'));
  1087.       } else if ($user.attr('data-block')) {
  1088.         self._settings.blockIDs.push($user.attr('data-id'));
  1089.       }
  1090.     });
  1091.  
  1092.     self._writeSettings();
  1093.     location.reload(true);
  1094.   };
  1095.  
  1096.   /**
  1097.    * Resets all settings.
  1098.    */
  1099.   var resetSettings = function (event) {
  1100.     var answer = confirm(self._('Do you want to reset all options?'));
  1101.     if (!answer) return;
  1102.  
  1103.     localStorage.removeItem(self.SETTINGS_KEY);
  1104.     location.reload(true);
  1105.   };
  1106.  
  1107.   /**
  1108.    * Adds a user to list.
  1109.    */
  1110.   var addUser = function (event, id, name, photo, description, group, team, deletable) {
  1111.     var $user = $(this);
  1112.     var $list = $('#ext48co-settings-users');
  1113.  
  1114.     if ($list.find('li[data-id="' + id + '"]').length !== 0) return;
  1115.  
  1116.     $user.attr('data-id', id)
  1117.       .attr('data-group', escape(group))
  1118.       .attr('data-team', escape(team))
  1119.       .html(
  1120.     (deletable ?
  1121.       '<a href="javascript:void(0)" class="ext48co-settings-userbutton ext48co-settings-userdelete" title="' + self._('Delete this user from list.') + '"><img src="' + self.ICONS.close + '"></a>' :
  1122.       '<a href="javascript:void(0)" class="ext48co-settings-userbutton ext48co-settings-userblock" title="' + self._('Block this user from comment displayed.') + '"><img src="' + self.ICONS.block + '"></a>') +
  1123.       '<img class="ext48co-settings-photo" src="' + photo + '">' +
  1124.       '<a class="ext48co-settings-name" href="./' + id + '" oid="' + id + '">' + name + '</a>' +
  1125.       '<span>' + self._('Loading...') + '</span>');
  1126.   };
  1127.  
  1128.   /**
  1129.    * Edits user information in list.
  1130.    */
  1131.   var editUser = function (event, id, name, photo, description) {
  1132.     var $user = $(this);
  1133.  
  1134.     $user.find('img.ext48co-settings-photo').prop('src', photo + '?sz=24');
  1135.     $user.find('a.ext48co-settings-name').eq(0).text(name);
  1136.     $user.find('span').eq(0).text(description || self._(unescape($user.attr('data-team'))));
  1137.   };
  1138.  
  1139.   /**
  1140.    * Blocks a member from comment extraction.
  1141.    */
  1142.   var blockMember = function (event) {
  1143.     var $user = $(this);
  1144.     if ($user.attr('data-block')) {
  1145.       $user.removeAttr('data-block')
  1146.         .css({
  1147.         textDecoration: ''
  1148.       })
  1149.         .find('a.ext48co-settings-userblock img').prop('src', self.ICONS.block);
  1150.     } else {
  1151.       $user.attr('data-block', true)
  1152.         .css({
  1153.         textDecoration: 'line-through'
  1154.       })
  1155.         .find('a.ext48co-settings-userblock img').prop('src', self.ICONS.blocked);
  1156.     }
  1157.   };
  1158.  
  1159.   /**
  1160.    * Switches a group to display.
  1161.    */
  1162.   var switchGroup = function (event) {
  1163.     event.preventDefault();
  1164.  
  1165.     var $tab = $(this);
  1166.     var $groups = $('#ext48co-settings-groups');
  1167.     var $teams = $('#ext48co-settings-teams');
  1168.     var $list = $('#ext48co-settings-users');
  1169.     var group = $tab.attr('data-group');
  1170.  
  1171.     $teams.find('a').hide();
  1172.     $list.find('li').hide();
  1173.  
  1174.     if (group == 'all') {
  1175.       $list.find('li').show();
  1176.     } else {
  1177.       $list.find('li[data-group="' + group + '"]').show();
  1178.       $teams.find('a[data-group="' + group + '"]').show();
  1179.     }
  1180.  
  1181.     $groups.find('a').removeClass('ext48co-selected');
  1182.     $teams.find('a').removeClass('ext48co-selected');
  1183.     $tab.addClass('ext48co-selected');
  1184.  
  1185.     $list.animate({
  1186.       scrollTop: 0
  1187.     }, 200);
  1188.   };
  1189.  
  1190.   /**
  1191.    * Switches a team to display.
  1192.    */
  1193.   var swtichTeam = function (event) {
  1194.     event.preventDefault();
  1195.  
  1196.     var $tab = $(this);
  1197.     var $groups = $('#ext48co-settings-groups');
  1198.     var $teams = $('#ext48co-settings-teams');
  1199.     var $list = $('#ext48co-settings-users');
  1200.     var group = $tab.attr('data-group');
  1201.     var team = $tab.attr('data-team');
  1202.  
  1203.     $teams.find('a').hide();
  1204.     $list.find('li').hide();
  1205.  
  1206.     $teams.find('a[data-group="' + group + '"]').show();
  1207.     $list.find('li[data-group="' + group + '"][data-team="' + team + '"]').show();
  1208.  
  1209.     $teams.find('a').removeClass('ext48co-selected');
  1210.     $tab.addClass('ext48co-selected');
  1211.  
  1212.     $list.animate({
  1213.       scrollTop: 0
  1214.     }, 200);
  1215.   };
  1216.  
  1217.   /**
  1218.    * Adds a custom user by ID or Profile URL.
  1219.    */
  1220.   var addCustomUser = function (event) {
  1221.     var input = $(this).val();
  1222.     var $list = $('#ext48co-settings-users');
  1223.  
  1224.     if (!input.match(/(\d{21})/)) return;
  1225.  
  1226.     var id = input.match(/(\d{21})/)[1];
  1227.     if ($list.find('li[data-id="' + id + '"]').length !== 0) return;
  1228.  
  1229.     var $user = $('<li>').insertAfter($list.find('li').eq(0));
  1230.     $user.css('background', '#FFC')
  1231.       .trigger('addUser', [id, id, '', '', 'custom', 'Custom', true]);
  1232.  
  1233.     $(this).val('');
  1234.  
  1235.     self.API.lookupUsers(id, function (response) {
  1236.       if (response.success) {
  1237.         var data = response.data[id];
  1238.         $user.trigger('editUser', [id, data.name, data.photo, data.description]);
  1239.       } else {
  1240.         $user.fadeOut(200, function () {
  1241.           $(this).remove();
  1242.         });
  1243.       }
  1244.     });
  1245.   };
  1246.  
  1247.   /**
  1248.    * Deletes a custom user.
  1249.    */
  1250.   var deleteCustomUser = function (event) {
  1251.     var $user = $(this);
  1252.     $user.fadeOut(200, function () {
  1253.       $(this).remove();
  1254.     });
  1255.   };
  1256.  
  1257.   /**
  1258.    * Displays or hides the settings dialog.
  1259.    */
  1260.   var toggleDialog = function (event) {
  1261.     var $dialog = $(this);
  1262.     $dialog.css('left', ($(window).width() - $dialog.outerWidth()) / 2)
  1263.       .slideToggle(200);
  1264.   };
  1265.  
  1266.   /**
  1267.    * Checks userscript update and display version information.
  1268.    */
  1269.   var checkUpdate = function (event) {
  1270.     var $this = $(this);
  1271.     self._checkUpdate(function (response) {
  1272.       if (response.success) {
  1273.         if (response.data.isUpdateAvailable) {
  1274.           $this.html(' - ' + '<a href="' + response.data.scriptURL + '">' + self._('A newer version (%) is found. Click here to install.', response.data.version) + '</a>');
  1275.         } else {
  1276.           $this.html(' - ' + self._('You are using the latest version.'));
  1277.         }
  1278.       }
  1279.     });
  1280.   };
  1281.  
  1282.   addStyle();
  1283.   bindEvents();
  1284.   initButton();
  1285. };
  1286.  
  1287. CommentsOnly.prototype._initData = function (callback) {
  1288.   var self = this;
  1289.   var _callback = callback;
  1290.  
  1291.   /**
  1292.    * Fetches current login user data.
  1293.    */
  1294.   var getLoginUserData = function () {
  1295.     self.API.lookupCurrentUser(function (response) {
  1296.       if (response.error) return;
  1297.  
  1298.       self._login_user.id = response.data.id;
  1299.       self._login_user.name = response.data.name;
  1300.       self._login_user.photo = response.data.photo;
  1301.     });
  1302.   };
  1303.  
  1304.   /**
  1305.    * Builds Regex for comments extraction and purify user settings.
  1306.    */
  1307.   var buildRegex = function (ids) {
  1308.     self._settings.gplusIDs.forEach(function(element, index) {
  1309.       if (ids.indexOf(element) == -1) {
  1310.         ids.push(element);
  1311.       }
  1312.     });
  1313.  
  1314.     self._idRegex = new RegExp('(' + ids.join('|') + ')');
  1315.   };
  1316.  
  1317.   /**
  1318.    * Retrieves member data.
  1319.    */
  1320.   var retrievesMemberData = function (data) {
  1321.     data.people.forEach(function (element, index) {
  1322.       var id = element.id;
  1323.       var name = element.name;
  1324.       var group = element.group;
  1325.       var team = element.team;
  1326.  
  1327.       self._members.members[id] = {
  1328.         id: id,
  1329.         name: name,
  1330.         group: group,
  1331.         team: team
  1332.       };
  1333.  
  1334.       if (!Array.isArray(self._members.groups[group])) {
  1335.         self._members.groups[group] = [];
  1336.       }
  1337.       if (self._members.groups[group].indexOf(team) == -1) {
  1338.         self._members.groups[group].push(team);
  1339.       }
  1340.     });
  1341.  
  1342.     self._members.updated = new Date(data.updated);
  1343.     self._members.dbUpdated = new Date(data.dbUpdated);
  1344.     self._settings.memberData = data;
  1345.     self._writeSettings();
  1346.  
  1347.     buildRegex(data.ids);
  1348.   };
  1349.  
  1350.   var getJSON = function () {
  1351.     $.ajax({
  1352.       // url: 'https://script.google.com/macros/s/AKfycbzg_KpbULRmyY-_TOjU0UPrGyypP8bl4PWg_ZcdXEEvtHmAtck/exec',
  1353.       // url: 'https://script.google.com/macros/s/AKfycbxi8qgVpXm39lX9HH4Xv5FUyS86Fuqcs2nifrCCFGs3nRIPqjc/exec',
  1354.       url: 'https://spreadsheets.google.com/feeds/list/1uWMxVR0MjwL2p-N2k0WuG096qIDtSA92tsTSjKV3w_8/od6/public/values?alt=json',
  1355.       type: 'GET',
  1356.       dataType: 'json',
  1357.       success: function (data) {
  1358.         // load JSON directly (not via script) from spreadsheet
  1359.         var data2 = {
  1360.           "kind": "memberlist",
  1361.           "dbUpdated": data['feed']['updated']['$t'],
  1362.           "updated": new Date(),
  1363.           "etag": "d41d8cd98f00b204e9800" + (new Date(data['feed']['updated']['$t'])).getTime().toString(16),
  1364.           "totalItems": data['feed']['entry'].length,
  1365.           "people": [],
  1366.           "ids": []
  1367.         };
  1368.         var ids = [];
  1369.         for(var i=0; i < data['feed']['entry'].length; i++){
  1370.           var _entry = data['feed']['entry'][i];
  1371.           var _id = _entry['gsx$id']['$t'];
  1372.           var _name = _entry['gsx$name']['$t'];
  1373.           var _group = _entry['gsx$group']['$t'];
  1374.           var _team = _entry['gsx$team']['$t'];
  1375.           var _status = _entry['gsx$status']['$t'];
  1376.           if (_id != "" && _status == ""){ // statusが "removed" などのIDは登録しない
  1377.             ids.push(_id);
  1378.             data2['people'].push( {"id": _id, "name": _name, "group": _group, "team": _team, "status": _status } );
  1379.           }
  1380.         }
  1381.         data2["ids"] = ids.filter(function (x, i, self) { return self.indexOf(x) === i; });
  1382.         retrievesMemberData(data2);
  1383.         getLoginUserData();
  1384.         _callback();
  1385.       }
  1386.     });
  1387.   };
  1388.  
  1389.   if (self._settings.memberData.updated && self._settings.memberData.dbUpdated) {
  1390.     var updated = new Date(self._settings.memberData.updated),
  1391.         now = new Date();
  1392.     
  1393.     if (now.getTime() - updated.getTime() < 86400000 * 7) {
  1394.       retrievesMemberData(self._settings.memberData);
  1395.       getLoginUserData();
  1396.       _callback();
  1397.     } else {
  1398.       getJSON();
  1399.     }
  1400.   } else {
  1401.     getJSON();
  1402.   }
  1403.  
  1404. };
  1405.  
  1406. CommentsOnly.prototype._localize = function () {
  1407.   var langs = {
  1408.     'en': {
  1409.       'name': 'English',
  1410.       'humantime': ['Just now', '1 minute ago', '% minutes ago', '1 hour ago', '% hours ago', '1 day ago', '% days ago'],
  1411.       '48 Comments Only Settings': '48 Comments Only Settings',
  1412.       'Collapse or expand comments': 'Collapse or expand comments',
  1413.       'Loading...': 'Loading...',
  1414.       'HTTP % - %': 'HTTP % - %',
  1415.       'Error occurred.': 'Error occurred.',
  1416.       ' (edited)': ' (edited)',
  1417.       'Edit': 'Edit',
  1418.       'Copy': 'Copy',
  1419.       ', ': ', ',
  1420.       '% comments': '% comments',
  1421.       'No comment from members': 'No comment from members',
  1422.       '% shared this post.': '% shared this post.',
  1423.       'Save': 'Save',
  1424.       'Delete': 'Delete',
  1425.       'Cancel': 'Cancel',
  1426.       'Do you want to permanently delete this comment?': 'Do you want to permanently delete this comment?',
  1427.       'Members & Custom Users': 'Members & Custom Users',
  1428.       'Extraction': 'Extraction',
  1429.       'Display': 'Display',
  1430.       'Extraction:': 'Extraction:',
  1431.       'Cursor moving': 'Cursor moving',
  1432.       'Auto load': 'Auto load',
  1433.       'Interval:': 'Interval:',
  1434.       'Delay:': 'Delay:',
  1435.       'Load my comments when I logged in.': 'Load my comments when I logged in.',
  1436.       'Load post share information.': 'Load post share information.',
  1437.       'Comment Style:': 'Comment Style:',
  1438.       'Speech balloon style': 'Speech balloon style',
  1439.       'Normal style': 'Normal style',
  1440.       'Comment Position:': 'Comment Position:',
  1441.       'Bottom of post content': 'Bottom of post content',
  1442.       'Top of all comments': 'Top of all comments',
  1443.       'Popup': 'Popup',
  1444.       'Colors:': 'Colors:',
  1445.       'Pink': 'Pink',
  1446.       'Red': 'Red',
  1447.       'Green': 'Green',
  1448.       'Blue': 'Blue',
  1449.       'Yellow': 'Yellow',
  1450.       'Gray': 'Gray',
  1451.       'Expand all comments by default.': 'Expand all comments by default.',
  1452.       'Hide other comments in stream page.': 'Hide other comments in stream page.',
  1453.       'Display comment number.': 'Display comment number.',
  1454.       'Display comment time difference.': 'Display comment time difference.',
  1455.       'Comments posted by users in list will be displayed.': 'Comments posted by users in list will be displayed.',
  1456.       'Latest update of member data:': 'Latest update of member data:',
  1457.       'Latest update on server:': 'Latest update on server:',
  1458.       'Reset': 'Reset',
  1459.       'All': 'All',
  1460.       'Custom': 'My List',
  1461.       'Official': 'Official',
  1462.       'Page': 'Page',
  1463.       'Staff': 'Staff',
  1464.       'Trainee': 'Trainee',
  1465.       'Other': 'Other',
  1466.       'OG': 'Former members',
  1467.       'Add a user to list by ID or Profile URL.': 'Add a user to list by ID or Profile URL.',
  1468.       'Do you want to reset all options?': 'Do you want to reset all options?',
  1469.       'Delete this user from list.': 'Delete this user from list.',
  1470.       'Block this user from comment displayed.': 'Block this user from comment displayed.',
  1471.       'A newer version (%) is found. Click here to install.': 'A newer version (%) is found. Click here to install.',
  1472.       'You are using the latest version.': 'You are using the latest version.',
  1473.       // 2015.12.14 @fronoske
  1474.       "% people +1'd this comment": "% people +1'd this comment"
  1475.     },
  1476.     'ja': {
  1477.       'name': '日本語',
  1478.       '48 Comments Only Settings': '48 Comments Only 設定',
  1479.       'humantime': ['たった今', '1 分前', '% 分前', '1 時間前', '% 時間前', '1 日前', '% 日前'],
  1480.       'Collapse or expand comments': 'コメントを折りたたむ／展開する',
  1481.       'Loading...': '読み込んでいます…',
  1482.       'HTTP % - %': 'HTTP % - %',
  1483.       'Error occurred.': 'エラーが発生しました。',
  1484.       ' (edited)': ' (編集)',
  1485.       'Edit': '編集',
  1486.       'Copy': 'コピー',
  1487.       ', ': '、',
  1488.       '% comments': '% 件のコメント',
  1489.       'No comment from members': 'メンバーのコメントが見つかりません。',
  1490.       '% shared this post.': '% がこの投稿を共有しました。',
  1491.       'Save': '変更保存',
  1492.       'Delete': '削除',
  1493.       'Cancel': 'キャンセル',
  1494.       'Do you want to permanently delete this comment?': 'このコメントを完全に削除してもよろしいですか？',
  1495.       'Members & Custom Users': 'メンバーとマイリスト',
  1496.       'Extraction': 'コメント抽出設定',
  1497.       'Display': '表示設定',
  1498.       'Extraction:': '抽出：',
  1499.       'Cursor moving': 'カーソルを合わせた時',
  1500.       'Auto load': '自動ロード',
  1501.       'Interval:': '抽出間隔：',
  1502.       'Delay:': '抽出遅延：',
  1503.       'Load my comments when I logged in.': 'ログインした場合は自分のコメントを表示する',
  1504.       'Load post share information.': '共有情報を表示する',
  1505.       'Comment Style:': 'コメント仕様：',
  1506.       'Speech balloon style': 'ふきだし',
  1507.       'Normal style': 'ノーマル',
  1508.       'Comment Position:': 'コメントリストの位置：',
  1509.       'Bottom of post content': '投稿内容の下',
  1510.       'Top of all comments': 'すべてのコメントの上',
  1511.       'Popup': '飛び出し',
  1512.       'Colors:': '色選択：',
  1513.       'Pink': 'ピンク',
  1514.       'Red': '赤',
  1515.       'Green': '緑',
  1516.       'Blue': '青',
  1517.       'Yellow': '黄',
  1518.       'Gray': 'グレー',
  1519.       'Expand all comments by default.': 'デフォルトでコメントを展開する',
  1520.       'Hide other comments in stream page.': 'ストリームでメンバー以外のコメントを非表示にする',
  1521.       'Display comment number.': 'コメントの番号を表示する',
  1522.       'Display comment time difference.': 'コメントの時間差を表示する',
  1523.       'Comments posted by users in list will be displayed.': 'リストにいるメンバーとユーザーの投稿したコメントが表示されます。',
  1524.       'Latest update of member data:': 'メンバーデータの更新日時：',
  1525.       'Latest update on server:': 'サーバーデータの更新日時：',
  1526.       'Reset': 'リセット',
  1527.       'All': 'すべて',
  1528.       'Custom': 'マイリスト',
  1529.       'Official': '運営／関係者',
  1530.       'Page': 'ページ',
  1531.       'Staff': 'スタッフ',
  1532.       'Trainee': '研究生',
  1533.       'Other': 'その他',
  1534.       'OG': '元メンバー',
  1535.       'Add a user to list by ID or Profile URL.': 'ID またはプロフィールの URL でユーザーを追加する…',
  1536.       'Do you want to reset all options?': 'すべての設定をリセットしますか？',
  1537.       'Delete this user from list.': 'リストからこのユーザーを削除する。',
  1538.       'Block this user from comment displayed.': 'このユーザーのコメントを非表示にする。',
  1539.       'A newer version (%) is found. Click here to install.': '新しいバージョン（%）があります。',
  1540.       'You are using the latest version.': '最新バージョン',
  1541.       // 2015.12.14 @fronoske
  1542.       "% people +1'd this comment": '% 人がこのコメントを +1 しました'
  1543.     },
  1544.     'zh-TW': {
  1545.       'name': '正體中文',
  1546.       '48 Comments Only Settings': '48 Comments Only 設定',
  1547.       'humantime': ['剛剛', '1 分鐘前', '% 分鐘前', '1小時前', '% 小時前', '1 天前', '% 天前'],
  1548.       'Collapse or expand comments': '收合／展開所有留言',
  1549.       'Loading...': '正在讀取中…',
  1550.       'HTTP % - %': 'HTTP % - %',
  1551.       'Error occurred.': '發生錯誤。',
  1552.       ' (edited)': ' (編輯)',
  1553.       'Edit': '編輯',
  1554.       'Copy': '複製',
  1555.       ', ': '、',
  1556.       '% comments': '% 則留言',
  1557.       'No comment from members': '找不到來自成員的留言。',
  1558.       '% shared this post.': '% 分享了這則訊息。',
  1559.       'Save': '儲存變更',
  1560.       'Delete': '刪除',
  1561.       'Cancel': '取消',
  1562.       'Do you want to permanently delete this comment?': '你確定要永久刪除這則留言嗎？',
  1563.       'Members & Custom Users': '成員與自訂使用者',
  1564.       'Extraction': '留言載入設定',
  1565.       'Display': '顯示設定',
  1566.       'Extraction:': '載入：',
  1567.       'Cursor moving': '游標移過時',
  1568.       'Auto load': '自動載入',
  1569.       'Interval:': '載入間隔：',
  1570.       'Delay:': '載入延遲：',
  1571.       'Load my comments when I logged in.': '登入時顯示我發表的留言',
  1572.       'Load post share information.': '顯示成員間的分享資訊',
  1573.       'Comment Style:': '留言顯示樣式：',
  1574.       'Speech balloon style': '對話框',
  1575.       'Normal style': '一般',
  1576.       'Comment Position:': '留言列表位置：',
  1577.       'Bottom of post content': '訊息內文的下方',
  1578.       'Top of all comments': '所有留言的最上方',
  1579.       'Popup': '彈出式',
  1580.       'Colors:': '顏色設定：',
  1581.       'Pink': '粉紅',
  1582.       'Red': '紅',
  1583.       'Green': '綠',
  1584.       'Blue': '藍',
  1585.       'Yellow': '黃',
  1586.       'Gray': '灰',
  1587.       'Expand all comments by default.': '預設展開所有留言',
  1588.       'Hide other comments in stream page.': '在訊息串中隱藏其他非成員的留言',
  1589.       'Display comment number.': '顯示留言編號',
  1590.       'Display comment time difference.': '顯示留言時間差',
  1591.       'Comments posted by users in list will be displayed.': '在以下清單內的成員和使用者所發表的留言會顯示出來。',
  1592.       'Latest update of member data:': '成員資料最後更新於：',
  1593.       'Latest update on server:': 'Lateset update on server',
  1594.       'Reset': '重設',
  1595.       'All': '全部',
  1596.       'Custom': '自訂',
  1597.       'Official': '官方與關係者',
  1598.       'Page': '專頁',
  1599.       'Staff': '工作人員',
  1600.       'Trainee': '研究生',
  1601.       'Other': '其他',
  1602.       'OG': '已畢業成員',
  1603.       'Add a user to list by ID or Profile URL.': '以 ID 或個人檔案網址來新增使用者…',
  1604.       'Do you want to reset all options?': '你確定要重設所有設定嗎？',
  1605.       'Delete this user from list.': '刪除這個使用者。',
  1606.       'Block this user from comment displayed.': '不要顯示此成員的留言。',
  1607.       'A newer version (%) is found. Click here to install.': '有新的版本（%）。',
  1608.       'You are using the latest version.': '最新版本',
  1609.        // 2015.12.14 @fronoske
  1610.       "% people +1'd this comment": '% 人 +1 了這則留言'
  1611.     },
  1612.     'zh-CN': {
  1613.       'name': '简体中文',
  1614.       '48 Comments Only Settings': '48 Comments Only 设定',
  1615.       'humantime': ['刚刚', '1 分钟前', '% 分钟前', '1小时前', '% 小时前', '1 天前', '% 天前'],
  1616.       'Collapse or expand comments': '收合／展开所有评论',
  1617.       'Loading...': '正在读取中…',
  1618.       'HTTP % - %': 'HTTP % - %',
  1619.       'Error occurred.': '发生错误。',
  1620.       '　(edited)': '　(编辑)',
  1621.       'Edit': '编辑',
  1622.       'Copy': '复制',
  1623.       ', ': '、',
  1624.       '% comments': '% 条评论',
  1625.       'No comment from members': '找不到来自成员的评论。',
  1626.       '% shared this post.': '% 分享了这则信息。',
  1627.       'Save': '保存更改',
  1628.       'Delete': '删除',
  1629.       'Cancel': '取消',
  1630.       'Do you want to permanently delete this comment?': '要永久性删除此评论吗？',
  1631.       'Members & Custom Users': '成员与自订用户',
  1632.       'Extraction': '评论加载设定',
  1633.       'Display': '显示设定',
  1634.       'Extraction:': '加载：',
  1635.       'Cursor moving': '鼠标移过时',
  1636.       'Auto load': '自动加载',
  1637.       'Interval:': '加载间隔：',
  1638.       'Delay:': '加载延迟：',
  1639.       'Load my comments when I logged in.': '登入时显示我发表的评论',
  1640.       'Load post share information.': '显示成员间的分享信息',
  1641.       'Comment Style:': '评论显示样式：',
  1642.       'Speech balloon style': '对话框',
  1643.       'Normal style': '一般',
  1644.       'Comment Position:': '评论列表位置：',
  1645.       'Bottom of post content': '信息内文的下方',
  1646.       'Top of all comments': '所有评论的最上方',
  1647.       'Colors:': '颜色设定：',
  1648.       'Pink': '粉红',
  1649.       'Red': '红',
  1650.       'Green': '绿',
  1651.       'Blue': '蓝',
  1652.       'Yellow': '黄',
  1653.       'Gray': '灰',
  1654.       'Expand all comments by default.': '默认展开所有评论',
  1655.       'Hide other comments in stream page.': '在讯息串中隐藏其他非成员的评论',
  1656.       'Display comment number.': '显示评论编号',
  1657.       'Display comment time difference.': '显示评论时间差',
  1658.       'Comments posted by users in list will be displayed.': '在以下清单内的成员和用户所发表的评论会显示出来。',
  1659.       'Latest update of member data:': '成员数据最后更新于：',
  1660.       'Latest update on server:': 'Lateset update on server',
  1661.       'Reset': '重置',
  1662.       'All': '全部',
  1663.       'Custom': '自订',
  1664.       'Official': '官方与关系者',
  1665.       'Page': '专页',
  1666.       'Staff': '工作人员',
  1667.       'Trainee': '研究生',
  1668.       'Other': '其他',
  1669.       'OG': '已毕业成员',
  1670.       'Add a user to list by ID or Profile URL.': '以 ID 或个人档案网址来新增用户…',
  1671.       'Do you want to reset all options?': '你确定要重置所有设定吗？',
  1672.       'Delete this user from list.': '删除这个用户。',
  1673.       'Block this user from comment displayed.': '不要显示此成员的评论。',
  1674.       'A newer version (%) is found. Click here to install.': '有新的版本（%）。',
  1675.       'You are using the latest version.': '最新版本',
  1676.        // 2015.12.14 @fronoske
  1677.       "% people +1'd this comment": '有 % 个人为此评论 +1 了'
  1678.     }
  1679.   };
  1680.  
  1681.   var langCode = $('html').prop('lang');
  1682.   this._lang = langs[langCode] || langs[navigator.language] || langs.ja;
  1683. };
  1684.  
  1685. CommentsOnly.prototype._ = function (string, replace) {
  1686.   var output = this._lang[string] || string;
  1687.  
  1688.   if (replace) {
  1689.     if (!Array.isArray(replace)) replace = [replace];
  1690.  
  1691.     replace.forEach(function (element, index) {
  1692.       output = output.replace('%', element);
  1693.     });
  1694.   }
  1695.  
  1696.   return output;
  1697. };
  1698.  
  1699. CommentsOnly.prototype._readSettings = function () {
  1700.   var settings = localStorage.getItem(this.SETTINGS_KEY);
  1701.   if (settings) {
  1702.     this._settings = $.extend(this._settings, JSON.parse(settings));
  1703.   }
  1704. };
  1705.  
  1706. CommentsOnly.prototype._writeSettings = function () {
  1707.   var settings = JSON.stringify(this._settings);
  1708.   localStorage.setItem(this.SETTINGS_KEY, settings);
  1709. };
  1710.  
  1711. CommentsOnly.prototype._addStyle = function (id, css) {
  1712.   GM_addStyle(css);
  1713. };
  1714.  
  1715.  
  1716. var GooglePlusAPI = function () {
  1717.   // ---------- CONSTANTS ----------
  1718.   // API URLs.
  1719.   this.ACTIVITY_URL = 'https://plus.google.com/_/stream/getactivity/';
  1720.   this.SHARERS_URL = 'https://plus.google.com/_/stream/getsharers/';
  1721.   this.LOOKUP_URL = 'https://plus.google.com/_/socialgraph/lookup/hovercards/';
  1722.   this.INITIAL_DATA_URL = 'https://plus.google.com/_/initialdata?key=14';
  1723.   this.COMMENT_EDIT_URL = 'https://plus.google.com/_/stream/editcomment/';
  1724.   this.COMMENT_DELETE_URL = 'https://plus.google.com/_/stream/deletecomment/';
  1725.   this.COMMENT_PLUSONE_URL = 'https://plus.google.com/_/plusone';
  1726.  
  1727.   // 2015.12.10 @fronosoke
  1728.   this.OLD_LAYOUT = !$("body").attr("jscontroller"); // 2015年秋のレイアウト変更前かどうか
  1729.   this.GET_SESSION_URL = 'https://plus.google.com/u/0/_/notifications/frame'
  1730.   this.PLUSONE_USERS_URL = 'https://plus.google.com/_/common/getpeople/'
  1731.   // ref. https://github.com/mohamedmansour/google-plus-extension-jsapi
  1732.   // ---------- Private Fields ----------
  1733.   this._session = null;
  1734. };
  1735.  
  1736. /**
  1737.  * Parses Google+ JSON string.
  1738.  *
  1739.  * @param {string} input A JSON string returned by Google+.
  1740.  * @return {Object} A parsed JSON object.
  1741.  */
  1742. GooglePlusAPI.prototype._parseJSON = function (input) {
  1743.   // var jsonString = input.replace(/\[,/g, '[null,');
  1744.   // jsonString = jsonString.replace(/,\]/g, ',null]');
  1745.   // jsonString = jsonString.replace(/,,/g, ',null,');
  1746.   // jsonString = jsonString.replace(/,,/g, ',null,');
  1747.   // jsonString = jsonString.replace(/\{(\d+):/, '{"$1":');
  1748.   //
  1749.   // return JSON.parse(jsonString);
  1750.  
  1751.   try {
  1752.     return eval('(' + input +')');
  1753.   } catch (error) {
  1754.     return {};
  1755.   }
  1756. };
  1757.  
  1758. /**
  1759.  * Fires callback safely.
  1760.  *
  1761.  * @param {boolean} isSuccess Whether the request is successful.
  1762.  * @param {Object} data Data to send in the callback.
  1763.  * @param {function (Object)} callback A callback to fire back.
  1764.  */
  1765. GooglePlusAPI.prototype._fireCallback = function (isSuccess, data, callback) {
  1766.   if (!callback) return;
  1767.   callback({
  1768.     success: isSuccess,
  1769.     data: data
  1770.   });
  1771. };
  1772.  
  1773. /**
  1774.  * Sends an HTTP request to Google + server.
  1775.  *
  1776.  * @param {string} url An URL to request.
  1777.  * @param {?string} postData A string of data to be sent to server.
  1778.  * @param {function (Object)} callback A callback.
  1779.  */
  1780. GooglePlusAPI.prototype._sendRequest = function (url, postData, callback) {
  1781.   var self = this;
  1782.  
  1783.   var doSuccess = function (data, textStatus, jqXHR) {
  1784.     if (!data && jqXHR.status === 200) {
  1785.       var responseText = jqXHR.responseText.substring(4);
  1786.       var results = self._parseJSON(responseText);
  1787.       callback(Array.isArray(results) ? results[0] : results);
  1788.     } else if (data && jqXHR.status === 200) {
  1789.       callback(data);
  1790.     }
  1791.   };
  1792.  
  1793.   var doError = function (jqXHR, textStatus, errorThrown) {
  1794.     if (textStatus === 'parsererror') {
  1795.       if (jqXHR.status === 200) {
  1796.         doSuccess(null, textStatus, jqXHR);
  1797.       }
  1798.       return;
  1799.     }
  1800.     callback({
  1801.       error: errorThrown || jqXHR.status || 'error',
  1802.       text: textStatus,
  1803.       responseText: jqXHR.responseText
  1804.     });
  1805.   };
  1806.  
  1807.   return $.ajax({
  1808.     url: url,
  1809.     type: postData ? 'POST' : 'GET',
  1810.     data: postData || null,
  1811.     dataType: 'json',
  1812.     success: doSuccess,
  1813.     error: doError
  1814.   });
  1815. };
  1816.  
  1817. /**
  1818.  * Verifies an HTTP request is successful. If not, fire callback.
  1819.  *
  1820.  * @param {Object} response An response object returned by _sendRequest().
  1821.  * @param {function (Object)} callback A callback.
  1822.  * @return {boolean} Whether the request is successful.
  1823.  */
  1824. GooglePlusAPI.prototype._isRequestSuccess = function (response, callback) {
  1825.   if (response.error) {
  1826.     this._fireCallback(false, response, callback);
  1827.     return false;
  1828.   } else {
  1829.     return true;
  1830.   }
  1831. };
  1832.  
  1833. /**
  1834.  * Fetches Google+ current login user session.
  1835.  *
  1836.  * @param {boolean} reset Force re-fetch.
  1837.  * @return {string} Google+ login user session.
  1838.  */
  1839. GooglePlusAPI.prototype._getSession = function (param) {
  1840.   var self = this;
  1841.   param = $.extend({reset: false, async: true}, param);
  1842.   if (this._session && !param.reset) return this._session;
  1843.  
  1844.   var html = $('body').html();
  1845.   var searchFor = ',"https://csi.gstatic.com/csi","';
  1846.   var startIndex = html.indexOf(searchFor);
  1847.   
  1848.   if (startIndex !== -1) {
  1849.     var remaining = html.substring(startIndex + searchFor.length);
  1850.     this._session = remaining.substring(0, remaining.indexOf('"'));
  1851.     console.log("[48CO] (old layout) session=" + this._session);
  1852.     return this._session;
  1853.   }
  1854.   // 2015.12.13 @fronoske 新レイアウト対応
  1855.   var ajax_param = {
  1856.         url: this.GET_SESSION_URL,
  1857.         type:"get",
  1858.         async: param.async,
  1859.         dataType:"html"
  1860.       };
  1861.   if (!this._session){
  1862.     if (param.async == false){ // ブロッキング
  1863.       // console.log("[48CO] Sorry. blocking AJAX start");
  1864.       var text = $.ajax(ajax_param).responseText;
  1865.       var searchFor = ',"https://csi.gstatic.com/csi","';
  1866.       var startIndex = text.indexOf(searchFor);
  1867.       if (startIndex !== -1) {
  1868.         var remaining = text.substring(startIndex + searchFor.length);
  1869.         this._session = remaining.substring(0, remaining.indexOf('"'));
  1870.         // console.log("[48CO] getSession sync: " + this._session);
  1871.       }
  1872.     } else { // ノンブロッキング（取得済みなら上でreturnするのでまずここは通らない）
  1873.       $.ajax(ajax_param).then( function(response){
  1874.         // console.log("[48CO] getSession async success");
  1875.         var searchFor = ',"https://csi.gstatic.com/csi","';
  1876.         var startIndex = response.indexOf(searchFor);
  1877.         if (startIndex !== -1) {
  1878.           var remaining = response.substring(startIndex + searchFor.length);
  1879.           this._session = remaining.substring(0, remaining.indexOf('"'));
  1880.           // console.log("[48CO] getSession async: " + this._session);
  1881.         }
  1882.       });
  1883.     }
  1884.   }
  1885.   // console.log("[48CO] session=" + this._session);
  1886.   return this._session;
  1887. };
  1888.  
  1889. /**
  1890.  * Parses a Google+ post array to object.
  1891.  *
  1892.  * @param {Array} postArray A Google+ post array.
  1893.  * @return {Object} A parsed post data object.
  1894.  */
  1895. GooglePlusAPI.prototype._parsePost = function (postArray) {
  1896.   var self = this;
  1897.   var post = {
  1898.     id: postArray[8],
  1899.     comments: [],
  1900.     sharedFrom: postArray[39]
  1901.   };
  1902.  
  1903.   postArray[7].forEach(function (element, index) {
  1904.     post.comments.push(self._parseComment(element));
  1905.   });
  1906.  
  1907.   return post;
  1908. };
  1909.  
  1910. /**
  1911.  * Parses a Google+ comment array to object.
  1912.  *
  1913.  * @param {Array} commentArray A Google+ comment array.
  1914.  * @return {Object} A parsed comment data object.
  1915.  */
  1916. GooglePlusAPI.prototype._parseComment = function (commentArray) {
  1917.   // 2015.02.14 @fronoske G+の仕様変更に伴う修正
  1918.   /*
  1919.   console.log(commentArray);
  1920.   if(commentArray[6] == "108806390753406890782")
  1921.     for(var i=0; i < commentArray.length; i++){
  1922.       console.error(i);
  1923.       console.error(commentArray[i]);
  1924.     }*/
  1925.   var contentStr = commentArray[2] || '';
  1926.   var contentArray = commentArray[27] && commentArray[27][0] || [];
  1927.   /* if(commentArray[4] == "z12bgp5ggnycy3i1p23hvnd4drfvx3tjw04#1423833570014115")
  1928.     for(var i=0; i < contentArray.length; i++){
  1929.       console.error(i);
  1930.       console.error(contentArray[i]);
  1931.     }
  1932.     */
  1933.   for(var i=0; i < contentArray.length; i++){
  1934.     var contentPart = contentArray[i];
  1935.     switch (contentPart[0]){
  1936.     case 1:
  1937.       contentStr += "<br/>";
  1938.       break;
  1939.     case 2:
  1940.       contentStr += '<a class="ot-anchor" href="' + contentPart[3][0] + '" target="_blank" rel="nofollow">' +  contentPart[1] + '</a>';
  1941.       break;
  1942.     case 3:
  1943.       contentStr += '<span class="proflinkWrapper"><span class="proflinkPrefix">+</span><a oid="' +
  1944.         contentPart[4][1] + '" href="/' + contentPart[4][1] + '" class="proflink">' + contentPart[1] + '</a></span>';
  1945.       break;
  1946.     default:
  1947.       contentStr += contentPart[1];
  1948.     }
  1949.   }
  1950.   var comment = {
  1951.     id: commentArray[4],
  1952.     author: {
  1953.       id: commentArray[6],
  1954.       name: commentArray[25][0],
  1955.       photo: commentArray[25][4]
  1956.     },
  1957.     content: contentStr,
  1958.     time: new Date(commentArray[3]),
  1959.     edited: commentArray[14] ? new Date(commentArray[14]) : null,
  1960.     plusone: {
  1961.       count: (typeof commentArray[15][12][0] != 'undefined') ? commentArray[15][12][0][0] : 0,
  1962.       isPlused: (commentArray[15][13] == '1'),
  1963.       id: commentArray[15][0] // 2015.12.14 @fronoske +1ユーザー表示のために plusoneId を取得しておく
  1964.     }
  1965.   };
  1966.  
  1967.   return comment;
  1968. };
  1969.  
  1970. /**
  1971.  * Parses a Google+ user array to object.
  1972.  *
  1973.  * @param {Array} userArray A Google+ user array.
  1974.  * @return {Object} A parsed user data object.
  1975.  */
  1976. GooglePlusAPI.prototype._parseUser = function (userArray) {
  1977.   var user = {
  1978.     id: userArray[0][2],
  1979.     name: userArray[2][0],
  1980.     photo: userArray[2][8],
  1981.     description: userArray[2][21]
  1982.   };
  1983.  
  1984.   return user;
  1985. };
  1986.  
  1987. /**
  1988.  * Parses a Google+ sharer array to object.
  1989.  *
  1990.  * @param {Array} sharerArray A Google+ sharer array.
  1991.  * @return {Object} A parsed sharer data object.
  1992.  */
  1993. GooglePlusAPI.prototype._parseSharer = function (sharerArray) {
  1994.   var sharer = {
  1995.     id: sharerArray[1],
  1996.     name: sharerArray[0],
  1997.     photo: sharerArray[4]
  1998.   };
  1999.  
  2000.   return sharer;
  2001. };
  2002.  
  2003. /**
  2004.  * Queries a specified post.
  2005.  *
  2006.  * @param {string} id A Google+ post ID.
  2007.  * @param {function (Object)} callback A callback.
  2008.  */
  2009. GooglePlusAPI.prototype.lookupPost = function (id, callback) {
  2010.   var self = this;
  2011.   var params = '?updateId=' + id;
  2012.  
  2013.   this._sendRequest(this.ACTIVITY_URL + params, null, function (response) {
  2014.     if (!self._isRequestSuccess(response, callback)) return;
  2015.  
  2016.     var post = self._parsePost(response[1]);
  2017.     self._fireCallback(true, post, callback);
  2018.   });
  2019. };
  2020.  
  2021. /**
  2022.  * Queries sharers of a specified post.
  2023.  *
  2024.  * @param {string} id A Google+ post ID.
  2025.  * @param {function (Object)} callback A callback.
  2026.  */
  2027. GooglePlusAPI.prototype.lookupSharers = function (id, callback) {
  2028.   var self = this;
  2029.   var params = '?id=' + id + '&rt=j';
  2030.  
  2031.   this._sendRequest(this.SHARERS_URL + params, null, function (response) {
  2032.     if (!self._isRequestSuccess(response, callback)) return;
  2033.  
  2034.     var sharers = [];
  2035.     response[1].forEach(function (element, index) {
  2036.       sharers.push(self._parseSharer(element));
  2037.     });
  2038.  
  2039.     self._fireCallback(true, sharers, callback);
  2040.   });
  2041. };
  2042.  
  2043. /**
  2044.  * Queries specified users.
  2045.  *
  2046.  * @param {(string|Array.<string>)} ids Google+ user IDs.
  2047.  * @param {function (Object)} callback A callback.
  2048.  */
  2049. GooglePlusAPI.prototype.lookupUsers = function (ids, callback) {
  2050.   var self = this;
  2051.   var allSlices = [];
  2052.  
  2053.   if (!Array.isArray(ids)) ids = [ids];
  2054.   ids.forEach(function (element, index) {
  2055.     allSlices.push('[null,null,"' + element + '"]');
  2056.   });
  2057.  
  2058.   var maxSlices = 12;
  2059.   var slicedIndex = 0;
  2060.   var doRequest = function () {
  2061.     var currentSlices = allSlices.slice(slicedIndex, slicedIndex + maxSlices);
  2062.     if (currentSlices.length === 0) return;
  2063.     slicedIndex += currentSlices.length;
  2064.  
  2065.     var params = '?n=6&m=[[' + currentSlices.join(',') + ']]&rt=j';
  2066.     var data = 'at=' + self._getSession();
  2067.     // console.log("[48CO] Lookup URL: " + self.LOOKUP_URL + params);
  2068.     // console.log("[48CO] postData=" + data);
  2069.     self._sendRequest(self.LOOKUP_URL + params, data, function (response) {
  2070.       if (!self._isRequestSuccess(response, callback)) {
  2071.         doRequest();
  2072.         return;
  2073.       }
  2074.  
  2075.       var users = {};
  2076.  
  2077.       response[0][1].forEach(function (element, index) {
  2078.         var user = self._parseUser(element[1]);
  2079.         users[user.id] = user;
  2080.       });
  2081.       self._fireCallback(true, users, callback);
  2082.       doRequest();
  2083.     });
  2084.   };
  2085.  
  2086.   doRequest();
  2087. };
  2088.  
  2089. /**
  2090.  * Queries Google+ current login user data.
  2091.  *
  2092.  * @param {function (Object)} callback A callback.
  2093.  */
  2094. GooglePlusAPI.prototype.lookupCurrentUser = function (callback) {
  2095.   var self = this;
  2096.   if (!this._getSession()) {
  2097.     self._fireCallback(false, 'Not Login', callback);
  2098.     return;
  2099.   }
  2100.  
  2101.   this._sendRequest(this.INITIAL_DATA_URL + '&rt=j', null, function (response) {
  2102.     if (!self._isRequestSuccess(response, callback)) return;
  2103.  
  2104.     var info = self._parseJSON(response[0][1]);
  2105.     var data = {};
  2106.  
  2107.     for (var i in info) {
  2108.       data.id = info[i][0];
  2109.       data.name = info[i][20].replace(/(.+) <(.+)>/, '$1');
  2110.       data.photo = info[i][1][3];
  2111.       break;
  2112.     }
  2113.  
  2114.     self._fireCallback(true, data, callback);
  2115.   });
  2116. };
  2117.  
  2118. /**
  2119.  * Edits a specified comment posted by current login user.
  2120.  *
  2121.  * @param {string} id Google+ comment ID.
  2122.  * @param {string} text Edited comment content.
  2123.  * @param {function (Object)} callback A callback.
  2124.  */
  2125. GooglePlusAPI.prototype.editComment = function (id, text, callback) {
  2126.   var self = this;
  2127.   var postID = id.split('#')[0];
  2128.   var data = 'at=' + this._getSession() +
  2129.     '&itemId=' + postID +
  2130.     '&commentId=' + id +
  2131.     '&text=' + encodeURIComponent(text);
  2132.   this._sendRequest(this.COMMENT_EDIT_URL, data, function (response) {
  2133.     if (!self._isRequestSuccess(response, callback)) return;
  2134.     var comment = self._parseComment(response[1]);
  2135.     self._fireCallback(true, comment, callback);
  2136.   });
  2137. };
  2138.  
  2139. /**
  2140.  * Deletes a specified comment posted by current login user.
  2141.  *
  2142.  * @param {string} id Google+ comment ID.
  2143.  * @param {function (Object)} callback A callback.
  2144.  */
  2145. GooglePlusAPI.prototype.deleteComment = function (id, callback) {
  2146.   var self = this;
  2147.   var data = 'at=' + this._getSession() +
  2148.  '&commentId=' + id;
  2149.  
  2150.   this._sendRequest(this.COMMENT_DELETE_URL, data, function (response) {
  2151.     if (!self._isRequestSuccess(response, callback)) return;
  2152.     self._fireCallback(true, null, callback);
  2153.   });
  2154. };
  2155.  
  2156. /**
  2157.  * +1 a specified comment.
  2158.  */
  2159. GooglePlusAPI.prototype.plusOneComment = function (id, set, callback) {
  2160.   var self = this;
  2161.   var data = 'at=' + this._getSession() +
  2162.     '&itemId=' + encodeURIComponent('comment:' + id) +
  2163.     '&set=' + (set ? 'true' : 'false');
  2164.  
  2165.   this._sendRequest(this.COMMENT_PLUSONE_URL, data, function (response) {
  2166.     if (!self._isRequestSuccess(response, callback)) return;
  2167.     self._fireCallback(true, null, callback);
  2168.   });
  2169. };
  2170.  
  2171. /**
  2172.  * +1 user list (2015.12.14 @fronoske)
  2173.  */
  2174. GooglePlusAPI.prototype.plusOneUserList = function (id, callback) {
  2175.   var self = this;
  2176.   var data = 'at=' + this._getSession() +
  2177.     '&plusoneId=' + encodeURIComponent(id) +
  2178.     '&num=999';
  2179.   
  2180.   this._sendRequest(this.PLUSONE_USERS_URL, data, function (response) {
  2181.     if (!self._isRequestSuccess(response, callback)) return;
  2182.     self._fireCallback(true, response, callback);
  2183.   });
  2184. };
  2185.  
  2186.  
  2187. Date.prototype.toShortString = function () {
  2188.   var month = this.getMonth() + 1;
  2189.   var date = this.getDate();
  2190.   var hours = this.getHours();
  2191.   var minutes = (this.getMinutes() < 10) ? '0' + this.getMinutes() : this.getMinutes();
  2192.  
  2193.   return month + '/' + date + ' ' + hours + ':' + minutes;
  2194. };
  2195.  
  2196. Date.prototype.toLongString = function () {
  2197.   var year = this.getFullYear();
  2198.   var month = this.getMonth() + 1;
  2199.   var date = this.getDate();
  2200.   var hours = (this.getHours() < 10) ? '0' + this.getHours() : this.getHours();
  2201.   var minutes = (this.getMinutes() < 10) ? '0' + this.getMinutes() : this.getMinutes();
  2202.   var seconds = (this.getSeconds() < 10) ? '0' + this.getSeconds() : this.getSeconds();
  2203.  
  2204.   return year + '/' + month + '/' + date + ' ' + hours + ':' + minutes + ':' + seconds;
  2205. };
  2206.  
  2207. Date.prototype.toHumanTimeDiff = function (format) {
  2208.   var now = new Date();
  2209.   var diff = (now.getTime() - this.getTime()) / 1000;
  2210.   var string = '';
  2211.  
  2212.   if (diff < 60) {
  2213.     return format[0];
  2214.   }
  2215.   if (diff < 3600) {
  2216.     diff = Math.round(diff / 60);
  2217.     string = (diff == 1) ? format[1] : format[2];
  2218.     return string.replace('%', diff);
  2219.   }
  2220.   if (diff < 86400) {
  2221.     diff = Math.round(diff / 3600);
  2222.     string = (diff == 1) ? format[3] : format[4];
  2223.     return string.replace('%', diff);
  2224.   }
  2225.  
  2226.   diff = Math.round(diff / 86400);
  2227.   string = (diff == 1) ? format[5] : format[6];
  2228.   return string.replace('%', diff);
  2229. };
  2230.  
  2231. new CommentsOnly();
  2232.  
  2233. if (typeof chrome === 'object') {
  2234.   chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
  2235.     if (request.action === 'pageAction') {
  2236.       $('.ext48co-button-settings').eq(0).click();
  2237.     }
  2238.   });
  2239. }