<span><span> <strong><span><strong><strong><span>煙火施放日期：</span></strong></strong></span></strong></span></span></p> <span><strong><span><span>施放位置在港區</span></span></strong></span></p> <span><span><strong>淡水端：漁人碼頭週邊、福容飯店週邊（廣角）</strong></span></span></p> <span><span><span><strong>八里大堀湖、西龍巖觀音廟</strong></span></span></span></p> <p><strong><span><span>2023年淡水漁人碼頭煙火</span></span></strong></p> <p><strong><span><span><span>8/27雙砲台，砲台位置</span></span></span></strong></p> <p><img alt="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│" src="https://pic.pimg.tw/ichiro0910/1693378886-3734135237-g_l.png" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53148187840" target="_blank"><img alt="370250827_6937634979589671_2620491095057656572_n" src="//live.staticflickr.com/65535/53148187840_968639686c_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a><a href="http://www.flickr.com/photos/77456773@N02/53148187810" target="_blank"><img alt="370247958_6937636219589547_4331677814030223373_n" src="//live.staticflickr.com/65535/53148187810_747d9c534a_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53147961604" target="_blank"><img alt="370109298_6937648226255013_1885469049094170443_n" src="//live.staticflickr.com/65535/53147961604_5e0094f01d_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53147754926" target="_blank"><img alt="369912612_6937636926256143_6129979614591438082_n" src="//live.staticflickr.com/65535/53147754926_72232b8c69_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></p> <p><a href="http://www.flickr.com/photos/77456773@N02/53147961544" target="_blank"><img alt="372027794_6937645792921923_1466049026068562434_n" src="//live.staticflickr.com/65535/53147961544_ea37e722ce_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></p> <p><span>2022年淡水漁人碼頭中秋煙火</span></p> <p><span><span>開幕雙砲台</span> </span></p> <p><span><a href="http://www.flickr.com/photos/77456773@N02/52363507145" target="_blank"><img alt="305808861_5798934063459774_2777724224372063797_n" src="https://live.staticflickr.com/65535/52363507145_33b7239f99_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></span></p> <p><span><span>2022年單砲台</span></span></p> <p><span><span>煙火施放點為木棧道尾端</span></span></p> <p><span><a href="http://www.flickr.com/photos/77456773@N02/52371630724"arial black', 'avant garde'; font-size: 24px; text-align: center;" target="_blank"img alt="IMG_9540" src="https://live.staticflickr.com/65535/52371630724_b35ff4e19a_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52371629994" target="_blank"img alt="IMG_9547" src="https://live.staticflickr.com/65535/52371629994_517940ba5e_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52371630109" target="_blank"img alt="IMG_9546" src="https://live.staticflickr.com/65535/52371630109_b244e6ba8e_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52371547628" target="_blank"img alt="IMG_9545" src="https://live.staticflickr.com/65535/52371547628_95b88ca397_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52371738430" target="_blank"img alt="IMG_9543" src="https://live.staticflickr.com/65535/52371738430_ec81c82315_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52371323286" target="_blank"img alt="IMG_9542" src="https://live.staticflickr.com/65535/52371323286_f22cdffb71_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52371548003" target="_blank"img alt="IMG_9541" src="https://live.staticflickr.com/65535/52371548003_591eaf5801_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pa href="http://www.flickr.com/photos/77456773@N02/52371738985"arial black', 'avant garde'; font-size: 24px;" target="_blank"img alt="IMG_9539" src="https://live.staticflickr.com/65535/52371738985_d0c092e31f_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/p pspanspan2022年單砲台/span/span/p pspanspan煙火施放點為木棧道尾端/span/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52363418509" target="_blank"img alt="SAM_3273" src="https://live.staticflickr.com/65535/52363418509_be1136c4bf_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52363532280" target="_blank"img alt="SAM_3271" src="https://live.staticflickr.com/65535/52363532280_82be233113_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52363419194" target="_blank"img alt="SAM_3264" src="https://live.staticflickr.com/65535/52363419194_9932b4fc04_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52363340413" target="_blank"img alt="SAM_3003" src="https://live.staticflickr.com/65535/52363340413_149a9daf93_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52363108901" target="_blank"img alt="SAM_3000" src="https://live.staticflickr.com/65535/52363108901_9d6fe4b16c_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/52362167972" target="_blank"img alt="SAM_2999" src="https://live.staticflickr.com/65535/52362167972_cdc63facc2_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspan2021年淡水漁人碼頭煙火/span/p pLiHei Pro', PMingLiU, sans-serif; font-size: 18px; line-height: 32.4px; text-align: center;"><span><span><span>雙砲台十分精彩</span></span></span></p> <span><a href="http://www.flickr.com/photos/77456773@N02/51647652565" target="_blank"><span><img alt="248417416_4839003756119481_7106279886032776561_n" src="https://live.staticflickr.com/65535/51647652565_42043282ce_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></span></a></span></p> <strong><span><span><span>八里山上拍攝</span></span></span></strong></p> <span><a href="http://www.flickr.com/photos/77456773@N02/51645507147" target="_blank"><img alt="250899656_4608850589136544_1387531925284956695_n" src="https://live.staticflickr.com/65535/51645507147_584da8e492_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></span></p> <span><a href="http://www.flickr.com/photos/77456773@N02/51647190925" target="_blank"><img alt="249550592_4608849849136618_6967592889809182383_n" src="https://live.staticflickr.com/65535/51647190925_74712cc5fe_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></span></p> <span><span>2020年淡水輕軌藍海線通車煙火</span></span></p> <p><span><a href="http://www.flickr.com/photos/77456773@N02/50630304773"arial black', 'avant garde'; font-size: 24px; text-align: center;" target="_blank"img alt="125182885_3808598152493385_2589746022784783034_o" src="https://live.staticflickr.com/65535/50630304773_292c690dc8_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/50631046256" target="_blank"img alt="125535974_3808594842493716_7232621597453663110_o" src="https://live.staticflickr.com/65535/50631046256_cf2ac95b24_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/50630304558" target="_blank"img alt="125366175_3808594682493732_7397231712688029768_o" src="https://live.staticflickr.com/65535/50630304558_d467080c7c_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/50630304623" target="_blank"img alt="125272518_3808594975827036_5340605109422389180_o" src="https://live.staticflickr.com/65535/50630304623_3cec7abc36_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pspana href="http://www.flickr.com/photos/77456773@N02/50631046501" target="_blank"img alt="125198203_3808597572493443_8277647205054381086_o" src="https://live.staticflickr.com/65535/50631046501_2bf54eb5e6_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/a/span/p pstrongspanspan2020年七夕情人節/span/span/strong/p pstrongspanspan施放場次增加為兩場/span/span/strong/p pspana href="http://www.flickr.com/photos/77456773@N02/43477397704" target="_blank"spanimg alt="22135681_1731857840167437_4867498523027202021_o" src="https://farm2.staticflickr.com/1813/43477397704_0ca3bb7ec8_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"/span/a/span/p pstrongspanspan2020/08/30正式場煙火/span/span/strong/p pLiHei Pro', PMingLiU, sans-serif; font-size: 18px; line-height: 32.4px; text-align: center;"strongspanspan多了高空煙火/span/span/strong/p pLiHei Pro', PMingLiU, sans-serif; font-size: 18px; line-height: 32.4px; text-align: center;"><strong><span><span>讓整體的煙火層次加分</span></span></strong></p> <a href="http://www.flickr.com/photos/77456773@N02/50315168628" target="_blank"><img alt="118137792_3573788419307694_2869711405083445868_o" src="https://live.staticflickr.com/65535/50315168628_a816e6ef88_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></p> <strong><span><span>高空+低空煙火居多</span></span></strong></p> <img alt="117445438_3527273197292550_8577027959613117493_o (1)" src="https://live.staticflickr.com/65535/50231809273_7960a30cc4_b.jpg" title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│"></a></p> <strong><span><span><span>淡水端較好的拍攝點</span> </span></span></strong></p> <p><strong><span><span><span>莫過於情人橋旁的漁市場及碼頭...</span></span></span></strong></p></span></a></span></strong></span><br><br><a class="external-link" href="https://ichiro0910.pixnet.net/blog/post/32502682" target="_blank">查看來源內容 <i></i></a> </div> <div class="toolbar"> <div class="tool-footnote"> <div> <i class="icon icon-thumbs-up " onclick="voteUpTopic(this, '9be4088561c65851')"></i> <span data-toggle="tooltip" title="0">-</span> </div> <div> <i class="icon icon-thumbs-down " onclick="voteDownTopic(this, '9be4088561c65851')"></i> <span data-toggle="tooltip" title="0">-</span> </div> <div> <i class="icon icon-collect " onclick="collect(this, '9be4088561c65851')"></i> </div> <div> <i class="icon icon-share" data-title="【2023淡水漁人碼頭煙火】2023/9/3施放長達15分│砲台位置‧煙火施放時間‧淡水八里拍攝點‧如何拍攝煙火‧觀賞地點│新北跨年煙火綻放淡江大橋‧八里河岸夜空‧跨河煙火" data-href="https://www.pinqueue.com/topic/view/?topic_id=9be4088561c65851"></i> </div> <div> <i class="icon icon-report" data-topic_id="9be4088561c65851"></i> </div> </div> <div class="note">（基於 PinQueue 指標）</div> </div> <div class="taglist"><div><a href="https://www.pinqueue.com/tag/%E4%B8%AD%E7%A7%8B%E7%AF%80">中秋節</a></div><div><a href="https://www.pinqueue.com/tag/%E5%85%AB%E9%87%8C">八里</a></div><div><a href="https://www.pinqueue.com/tag/%E5%9C%8B%E6%85%B6">國慶</a></div><div><a href="https://www.pinqueue.com/tag/%E5%9C%8B%E6%85%B6%E6%97%A5">國慶日</a></div><div><a href="https://www.pinqueue.com/tag/%E6%83%85%E4%BA%BA%E7%AF%80">情人節</a></div><div><a href="https://www.pinqueue.com/tag/%E6%8C%96%E4%BB%94%E5%B0%BE">挖仔尾</a></div><div><a href="https://www.pinqueue.com/tag/%E6%B2%B9%E8%BB%8A%E5%8F%A3">油車口</a></div><div><a href="https://www.pinqueue.com/tag/%E6%B7%A1%E6%B0%B4">淡水</a></div><div><a href="https://www.pinqueue.com/tag/%E6%B7%A1%E6%B0%B4%E6%BC%81%E4%BA%BA%E7%A2%BC%E9%A0%AD">淡水漁人碼頭</a></div><div><a href="https://www.pinqueue.com/tag/%E6%B7%A1%E6%B1%9F%E5%A4%A7%E6%A9%8B">淡江大橋</a></div><div><a href="https://www.pinqueue.com/tag/%E6%BC%81%E4%BA%BA%E7%A2%BC%E9%A0%AD">漁人碼頭</a></div><div><a href="https://www.pinqueue.com/tag/%E7%85%99%E7%81%AB">煙火</a></div><div><a href="https://www.pinqueue.com/tag/%E7%A6%8F%E5%AE%B9%E5%A4%A7%E9%A3%AF%E5%BA%97">福容大飯店</a></div><div><a href="https://www.pinqueue.com/tag/%E8%AA%87%E5%B9%B4">誇年</a></div><div><a href="https://www.pinqueue.com/tag/%E9%9B%99%E5%8D%81%E7%AF%80">雙十節</a></div></div> </div> <div class="line_h"></div> <div id="recommend-container"></div> <div class="line_h mobile"></div> <div id="comment-insert"> <form id="comment-form" data-topic_id="9be4088561c65851"> <div> <textarea id="comment-description"></textarea> </div> <div class="btn-group flex" style="display: none;"> <button type="submit" class="btn btn-primary">提交</button> <button type="button" class="btn btn-secondary cancel">取消</button> </div> </form> </div> <div id="comment-block"> <div class="comment-info"> <div class="count"><span>0</span> 則留言</div> <div class="sorting" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="icon icon-sorting"></i> </div> <div data-topic_id="9be4088561c65851" id="topic-view-list-order" class="dropdown-menu dropdown-menu-left"> <a class="dropdown-item active" href="javascript:void(0)" data-order="vote">最高投票</a> <a class="dropdown-item " href="javascript:void(0)" data-order="inserttime">最新發佈</a> </div> </div> <div class="comment-list"></div> </div> </div> </div> <div class="side"> <div class="gads"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6143293922427535" data-ad-slot="3822864470" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> <div id="recommend-area" data-topic_id="9be4088561c65851"></div> </div> </div><script> let btn, editor, editor_update, ias = function () { new InfiniteAjaxScroll('.comment-list', { item: '.comment-list > .comment', logger: false, negativeMargin: 400, next: '.next', pagination: '.pagination', }); }, s = '#comment-description', swiper, $s; $(function () { $s = $(s); btn = $s.closest('form').find('.btn-group'); editor = new FroalaEditor(s, config.froala.comment); editor.$el.on('focus', function () { btn.show(); }); btn.find('.cancel').on('click', function () { editor.html.set(''); btn.hide(); }); ias(); $(document) .on('click', '#topic-view-list-order .dropdown-item', function () { let $that = $(this); $that.siblings().removeClass('active').end() .addClass('active'); refreshCommentBlock($that.parent('div').data('topic_id'), $that.data('order')); }) .on('submit', '#comment-form', function () { let pass = true, topic_id = $(this).data('topic_id'); if (editor.core.isEmpty()) { pass = false; noticeError('請填寫留言。'); editor.events.focus(true); } if (pass) { startLoading(); let data = { comment: { description: editor.html.get(), topic_id: topic_id, } }; $.post(f.url('ajax', 'insertcomment'), JSON.stringify(data), function (r) { switch (r.result) { case lib.res.SystemOk: refreshCommentBlock(topic_id, 'inserttime').then(() => { endLoading(); noticeSuccess(r.message); window.onbeforeunload = null; editor.html.set(''); btn.hide(); }); break; case lib.res.UserRequestLogin: endLoading(); requestUserLogin(r); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); } return false; }); swiper = new Swiper('.swiper-root > .swiper-container', { effect: 'fade', fadeEffect: { crossFade: true }, grabCursor: true, loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { clickable: true, el: '.swiper-pagination', }, }); }); function openUpdateComment($comment) { let $comment_update = $('#comment-update'), textarea_id = 'comment-update-description'; if ($comment_update.length) { $comment_update.closest('.comment').find('.right').children(':visible').remove().end().children(':hidden').show(); } $comment.find('.right').children().hide().end().append('<div id="comment-update" data-comment_id="' + $comment.data('comment_id') + '">' + '<div><textarea id="' + textarea_id + '"></textarea></div>' + '<div class="btn-group flex"><button type="button" class="btn btn-primary submit">提交</button><button type="button" class="btn btn-secondary cancel">取消</button></div>' + '</div>'); editor_update = new FroalaEditor('#' + textarea_id, config.froala.comment, function () { editor_update.html.set($comment.find('.description').html()); }); $comment.find('#comment-update .btn-group') .on('click', '.cancel', function () { window.onbeforeunload = null; $comment.find('.right').children(':visible').remove().end().children(':hidden').show(); }) .on('click', '.submit', function () { let description = editor_update.html.get(), pass = true; if (description === '') { pass = false; noticeError('請填寫留言。'); editor_update.events.focus(true); } if (pass) { startLoading(); $.post(f.url('ajax', 'updatecomment'), JSON.stringify({ comment: { description: description, }, comment_id: $comment.data('comment_id'), }), function (r) { switch (r.result) { case 'SystemOk': endLoading(); noticeSuccess(r.message); window.onbeforeunload = null; editor_update.destroy(); $comment.find('.right').children(':visible').remove().end().children(':hidden').show().end().find('.description').html(description); break; case 'UserRequestLogin': endLoading(); requestUserLogin(r); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); } }); } function refreshCommentBlock(topic_id, order = 'vote') { return new Promise((resolve) => { $.get(f.url('topic', 'view', { order_comment: order, topic_id: topic_id, }), function (r) { $('#comment-block').html($('#comment-block', r).html()); ias(); resolve(); }); }) } </script></div><!-- #wrapper --> <div id="navmenu-bottom"> <a class="item " href="https://www.pinqueue.com/"> <i class="icon-index"></i> <span class="text">首頁</span> </a> <div class="item " onclick="popupNavMenu()"> <i class="icon-explore"></i> <span class="text">探索</span> </div> <a class="item " href="https://www.pinqueue.com/history/"> <i class="icon-history"></i> <span class="text">瀏覽紀錄</span> </a> </div><script> let arr_load_ad = [], arr_view_topic = [], confirmExitRegister, cropAvatar, ias_settings = function () { let _ = '.list.ias'; if ($(_).length) { let ias = new InfiniteAjaxScroll(_, { item: _ + ' > .item', logger: false, negativeMargin: 400, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } }, ias_tag = function () { if ($('#tag').length) { let ias = new InfiniteAjaxScroll('.area', { item: '.area > .grid', logger: false, negativeMargin: 600, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } }, inViewAd = function () { inView.threshold(0.9); inView('.ad').on('enter', el => { triggerAd(el, 'viewad'); }); }, inViewTopic = function () { inView.threshold(0.9); inView('.topic').on('enter', el => { let $el = $(el), arr_pass_topic, n = 'inViewTopic', topic_id = $el.data('topic_id').toString(); arr_pass_topic = JSON.parse(Cookies.get(n) ?? '[]'); if (!arr_pass_topic.includes(topic_id)) { arr_pass_topic.push(topic_id); Cookies.set(n, JSON.stringify(arr_pass_topic), {expires: 300 / 86400}); arr_view_topic.push(topic_id); } }); }, knowDisclaimer = 'knowDisclaimer2022-03-09', lastScrollTop = 0, modalCookie, modalBase = new jBox('Modal', { id: 'modalBase', maxWidth: 600, minWidth: 400, zIndex: 500, }), modalNavMenu = new jBox('Modal', { content: $('#navmenu').html(), id: 'navmenu-popup', maxWidth: 600, minWidth: 400, zIndex: 500, }), modalReport, modalRequestUserLogin, $navmenu = $('#navmenu').length ? $('#navmenu') : $('#navmenu_account'), navmenu_trigger_point = 1280, navmenuMinimizeCookieName = 'navmenuMinimize', overlayAd, overlayAdCookieName = 'overlayAd', tagify, tooltipShare, visual_size_l = 1024, visual_size_m = 768, $floating_tool = $('#floating-tool'); $(function () { confirmExitRegister = new jBox('Confirm', { cancelButton: 'Nope', confirmButton: 'Do it!', content: '請先登入。\r\r若離開表單頁面內容將會遺失，如有需要請返回備份。', }); modalCookie = new jBox('Modal', { blockScroll: false, closeButton: false, content: '為了提升服務品質，我們使用了 cookie 或其他類似技術來強化功能方面的體驗。' + '<br>若繼續瀏覽本網站即表示您同意<a href="https://www.pinqueue.com/privacy/">隱私權政策</a>。' + '<br><br><div class="btn-group flex"><button type="button" class="btn btn-primary">知道了</button></div>', offset: { y: -16 }, id: 'modalCookie', maxWidth: 600, minWidth: 400, overlay: false, position: { y: 'bottom' }, title: '我們尊重用戶的隱私權', zIndex: 500, }); if (!Cookies.get(knowDisclaimer)) { //20210226 Lion: 延遲出現, 避開 gsc 的行動裝置可用性 (元素過近) 的問題 setTimeout(function () { modalCookie.open(); }, 4000); } modalReport = new jBox('Modal', { id: 'modalReport', maxWidth: 600, minWidth: 400, zIndex: 500, }); modalRequestUserLogin = new jBox('Modal', { id: 'modalRequestUserLogin', maxWidth: 600, minWidth: 400, zIndex: 600, }); tooltipShare = new jBox('Tooltip', { animation: { close: 'move:top', open: 'move:top', }, attach: '.icon-share', closeOnClick: 'body', closeOnMouseleave: true, content: '<div id="tooltipShare"></div>', createOnInit: true, onOpen: function () { let $that = $(this.source), param = { shareIn: 'popup', shares: [ {share: 'line', logo: '/static/frontstage/images/share/line.svg'}, {share: 'facebook', logo: '/static/frontstage/images/share/facebook.svg'}, {share: 'messenger', logo: '/static/frontstage/images/share/facebook-messenger.svg'}, {share: 'twitter', logo: '/static/frontstage/images/share/twitter.svg'}, {share: 'telegram', logo: '/static/frontstage/images/share/telegram.svg'}, ], showLabel: false, showCount: false, }; if ($that.data('href')) param['url'] = $that.data('href'); if ($that.data('title')) param['text'] = $that.data('title'); $('#tooltipShare').jsSocials(param); }, offset: {x: -10, y: 10}, outside: 'xy',//20210205 Lion: onOpen 會有偏移問題, 利用此參數隱藏箭號 position: {x: 'right', y: 'top'}, }); $(document) .on('change', '#profile-form-avatar input:file', function () { if (this.files && this.files[0]) { let reader = new FileReader(); reader.onload = function (e) { cropAvatar.bind({ url: e.target.result }); }; reader.readAsDataURL(this.files[0]); } }) .on('click', 'button', function () { //%$(this).prop("disabled", true); }) .on('click', 'div[data-root="gallery"] img', function (e) { e.preventDefault(); initGallery($(this)); }) .on('click', '#activity-list-order .dropdown-item', function () { let $that = $(this); $that .siblings().removeClass('active').end() .addClass('active'); refreshActivityList($that.data('object'), $that.data('order'), 1); }) .on('click', '#headbar #right .dropdown-menu', function (e) { e.stopPropagation(); }) .on('click', '#modalCookie .btn-primary', function () { Cookies.set(knowDisclaimer, true, {expires: 30}); modalCookie.close(); }) .on('click', '#profile-form-avatar .icon-cancle', function () { $('#profile-form-avatar').hide(); $('#profile-row-avatar').show(); }) .on('click', '#profile-form-avatar .icon-save', function () { startLoading(); cropAvatar.result({ circle: false, format: 'png', }).then(function (r_0) { $.post('https://www.pinqueue.com/ajax/updateuseravatar/', { avatar: r_0 }, function (r_1) { endLoading(); switch (r_1.result) { case lib.res.SystemOk: noticeSuccess(r_1.message); $('#user-avatar').prop('src', r_0); $('#right .avatar img').prop('src', r_0); $('#profile-form-avatar').hide(); $('#profile-row-avatar').show(); break; case lib.res.UserRequestLogin: requestUserLogin(r_1); break; default: noticeError(r_1.message); break; } }, 'json'); }); }) .on('click', '#profile-form-displayname .icon-cancle', function () { $('#profile-form-displayname') .find('input').val('').end() .hide(); $('#profile-row-displayname').show(); }) .on('click', '#profile-form-password .icon-cancle', function () { $('#profile-form-password') .find('input').val('').end() .hide(); $('#profile-row-password').show(); }) .on('click', '#profile-row-avatar .icon-update', function () { $('#profile-row-avatar').hide(); $('#profile-form-avatar').show(); cropAvatar.refresh(); }) .on('click', '#profile-row-displayname .icon-update', function () { $('#profile-row-displayname').hide(); $('#profile-form-displayname').show(); }) .on('click', '#profile-row-password .icon-update', function () { $('#profile-row-password').hide(); $('#profile-form-password').show(); }) .on('click', '#report-form .btn-secondary', function () { modalReport.close(); }) .on('click', '#topic .filter .head', function () { let $head = $(this); $head.toggleClass('active'); $head.siblings('.body').toggleClass('active'); }) .on('click', '#userlogin .btn-primary', function () { location.href = f.url('login', null, {'redirect': $('#userlogin').data('redirect') ?? location.href}); }) .on('click', '#userlogin .btn-secondary', function () { modalRequestUserLogin.close(); }) .on('click', '.ad', function () { triggerAd(this, 'clickad'); }) .on('click', '.icon-report', function () { let $that = $(this); $.post('https://www.pinqueue.com/ajax/gethtmlofreport/', JSON.stringify({ report: { topic_id: $that.data('topic_id') ?? null, } }), function (r) { switch (r.result) { case lib.res.SystemOk: modalReport .setContent(r.data) .open(); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); }) .on('input', 'textarea[data-kit="autoresize"]', function () { this.style.height = '1px'; this.style.height = this.scrollHeight + 'px'; }) .on('mouseup', '#topic .filter .body .list .item', function (e) { let $item = $(this), href = '', query = $('#query').val().trim(), param = {}, url_query = ''; //先處理狀態 switch ($item.parent('.list').data('case')) { case 'order_by': if (!$item.hasClass('active')) { $item.siblings().removeClass('active').end().addClass('active'); } break; case 'publishtime': if ($item.hasClass('active')) { $item.removeClass('active'); } else { $item.siblings().removeClass('active').end().addClass('active'); } break; case 'platform': $item.find('[type=checkbox]').trigger('click'); break; } //再蒐集值 if (query !== '') param['query'] = query; $('#topic .filter .body .list').each(function () { let $list = $(this), platform = []; switch ($list.data('case')) { case 'order_by': case 'publishtime': let condition = $list.find('.item.active').data('condition'); if (condition !== undefined) { param[$list.data('case')] = condition; } break; case 'platform': $list.find(':checked').each(function () { platform.push($(this).data('condition')); }); if ($list.children('.item').length !== platform.length) param['platform'] = platform.join(',');//可 empty, 表示都沒選 break; } }); if (Object.keys(param).length) { url_query = '?' + $.param(param); } href = 'https://www.pinqueue.com/search/' + url_query; if (href !== location.href) location.href = href; }) .on('hide.bs.collapse', '#accordion > .item', function () { let $head = $(this).find('> a'); $head.removeClass('active'); }) .on('show.bs.collapse', '#accordion > .item', function () { let $head = $(this).find('> a'); $head.addClass('active'); }) .on('scroll', function () { let st = $(this).scrollTop(); if (st > lastScrollTop) { // down $floating_tool.fadeOut('fast'); } else { // up $floating_tool.fadeIn('fast'); } goAdTop(); lastScrollTop = st; }) .on('show.bs.tab', '#nav-activity-tab', function () { $('#tab-content-activity').load( 'https://www.pinqueue.com/settings/activity/', function () { let $that = $('#chart-reputation'); new Chart($that, { type: 'line', data: { labels: $that.data('labels'), datasets: [{ backgroundColor: '#00a700', borderColor: '#00a700', steppedLine: true, data: $that.data('data'), fill: false, }] }, options: { legend: { display: false }, maintainAspectRatio: false, tooltips: { callbacks: { title: function (tooltipItem, data) { return null; }, }, } }, }); ias_settings(); } ); }) .on('show.bs.tab', '#nav-activity .nav-item', function () { let $that = $(this); $('#tab-content-activity').load( 'https://www.pinqueue.com/settings/activity/', {object: $that.data('object')}, function () { ias_settings(); } ); }) .on('submit', '#report-form', function () { let $that = $(this); $.post('https://www.pinqueue.com/ajax/insertreportoftopic/', JSON.stringify({ report: { description: $('#report-description').val().trim() || null, topic_id: $that.data('topic_id'), reportreason_id: $('#report-reportreason_id').val(), } }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); window.onbeforeunload = null; modalReport.close(); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; case 'UserNotice': noticeNotice(r.message); break; default: noticeError(r.message); break; } }, 'json'); return false; }) .on('submit', '#search-form', function () { let query = $('#query').val().trim(); location.href = 'https://www.pinqueue.com/search/' + (query === '' ? '' : '?query=' + encodeURIComponent(query)); return false; }) .on('submit', '#profile-form-displayname', function () { startLoading(); let displayname = $('#user-displayname').val(); $.post('https://www.pinqueue.com/ajax/updateuser/', JSON.stringify({ displayname: displayname, }), function (r) { endLoading(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('#profile-form-displayname .icon-cancle').trigger('click'); $('#profile-row-displayname .content').text(displayname); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); return false; }) .on('submit', '#profile-form-password', function () { startLoading(); $.post('https://www.pinqueue.com/ajax/updateuser/', JSON.stringify({ password: $('#user-password').val(), password_old: $('#user-password-old').val(), }), function (r) { endLoading(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('#profile-form-password .icon-cancle').trigger('click'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); return false; }); $(document).tooltip({ selector: '[data-toggle="tooltip"]', trigger: 'hover',//避免點擊後不會消失的情況 }); $(window).on('resize', function () { _windowresize(); }); $('form').find('input, textarea').on('keyup', function () { window.onbeforeunload = function () { }; }); $('#query').textcomplete( [ { cache: true, index: 1, match: /#([^#\s]+)$/, replace: function (v, term) { return '#' + v + ' '; }, search: function (term, callback) { $.post(f.url('ajax', 'gettaglist'), { query: term, }, function (r) { callback($.map(r, function (v, i) { return (v.toLowerCase().indexOf(term.toLowerCase()) >= 0) ? v : null; })); }, 'json'); }, }, ], { zIndex: 900 } ).overlay([ { match: /#[^#\s]+/g, css: { 'background-color': '#e5e5e5' } }, { match: /@[^@\s]+([\s]?[^@\s]+)*/g, css: { 'background-color': '#ffe079' } }, ]); if ($('.ias').length) { ias_settings(); } if ($('#index').length) { let ias = new InfiniteAjaxScroll('.area', { item: '.area > .grid', logger: false, negativeMargin: 600, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } if ($('#topic').length) { let ias = new InfiniteAjaxScroll('.area', { item: '.area > .card', logger: false, negativeMargin: 400, next: '.next', pagination: '.pagination', }); ias.on('appended', function () { reAttach(); }); } if ($('#recommend-area').length) { let $recommend_area = $('#recommend-area'); $.post(f.url('ajax', 'gethtmlofrelatedtopic'), JSON.stringify({ topic_id: $recommend_area.data('topic_id') }), function (r) { if (r.result === lib.res.SystemOk) { $recommend_area.html(r.data); reAttach(); } }, 'json'); } if ($('#recommendtaglist').length) { let _ = '#recommendtaglist'; new Swiper(_ + ' .swiper-container', { navigation: { nextEl: _ + ' .button-next', prevEl: _ + ' .button-prev', }, slidesPerGroup: 2, slidesPerView: 'auto', speed: 800, }); } if ($('#query-tag').length) { ias_tag(); $('#query-tag > input').typeWatch({ callback: function (txt) { $.get('https://www.pinqueue.com/tag/', { query: txt }, function (r) { $('#tag > .area').html($(r).find('#tag > .area > *')); ias_tag(); }, 'html'); }, captureLength: -1, wait: 750, }); } if ($('.tag-chart').length) { $('.tag-chart').each(function (index) { let $that = $('#' + $(this).prop('id') + ' canvas'); new Chart($that, { type: 'line', data: { labels: $that.data('labels').split(','), datasets: [{ backgroundColor: '#00a700', borderColor: '#00a700', steppedLine: true, data: $that.data('data').split(','), fill: false, }] }, options: { legend: { display: false }, maintainAspectRatio: false, scales: { yAxes: [{ ticks: { beginAtZero: true, stepSize: 1, } }] }, tooltips: { callbacks: { title: function (tooltipItem, data) { return null; }, }, } }, }); }); } if ($('#input-tag').length) { let anchor; tagify = new Tagify( document.getElementById('input-tag'), { addTagOnBlur: false, callbacks: { 'input': function (e) { let query = e.detail; tagify.settings.whitelist = [query]; if (anchor) anchor.abort(); anchor = $.post(f.url('ajax', 'gettaglist'), { query: query }, function (r) { tagify.settings.whitelist = r; tagify.dropdown.show.call(tagify, query); }, 'json'); } }, dropdown: { enabled: 1, maxItems: 5, }, maxTags: 5, maxtagnamelength: 16, whitelist: [], } ); } if ($('#user-avatar-crop').length) { let id = 'user-avatar-crop', size = 240, $that = $('#' + id); cropAvatar = new Croppie(document.getElementById(id), { boundary: { width: size, height: size }, enableExif: true, url: $that.data('url'), viewport: { width: size, height: size, type: 'circle' }, }); } if ($floating_tool.length) { setInterval(function () { if ($floating_tool.not(':visible')) { $floating_tool.fadeIn('fast'); } }, 8000); } _windowresize(); inrTopic(); inViewAd(); inViewTopic(); loadAd(); }); function _windowresize() { goAdTop(); goNavMenu(); if ($('#topic-view').length) { if (window.innerWidth > visual_size_l && $('#recommend-container').html().trim() !== '') { $('.gads, #recommend-area').detach().prependTo('.side'); } else if (window.innerWidth <= visual_size_l && $('.side').html().trim() !== '') { $('.gads, #recommend-area').detach().prependTo('#recommend-container'); } } if ($('.ad_top_fake').length) $('.ad_top_fake').height($('.ad_top').height()); } function changeTheme(e) { let $_ = $(e), $root = $_.closest('.dropdown'), theme = $_.data('theme'); $_.closest('.dropdown-menu').find('.dropdown-item').removeClass('active').end().end().addClass('active'); $root.children('.dropdown-item').find('data').text($_.data('name')); $('link[id="theme"]').attr('href', 'https://cdn.pinqueue.com/static/frontstage/css/' + theme + '.min.css'); Cookies.set('theme', JSON.stringify(theme), {expires: 30}); } function collect(that, topic_id) { if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletecollect'), JSON.stringify({ topic_id: topic_id }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $(that).removeClass('active'); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertcollect'), JSON.stringify({ topic_id: topic_id }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $(that).addClass('active'); break; case 'UserNotice': noticeNotice(r.message); $(that).addClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function contact() { startLoading(); $.post(f.url('ajax', 'contact'), JSON.stringify({ contact: { contactreason_id: $('#contact-contactreason_id').val(), description: $('#contact-description').val(), email: $('#contact-email').val(), } }), function (r) { switch (r.result) { case lib.res.SystemOk: endLoading(); noticeSuccess(r.message); window.onbeforeunload = null; break; default: noticeError(r.message); endLoading(); break; } }, 'json'); return false; } function confirmPassword(that) { that.setCustomValidity((that.value == document.getElementById('user-password').value) ? '' : '"密碼"與"確認密碼"不相符。'); } function deleteComment(comment_id) { $.post(f.url('ajax', 'deletecomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { modalBase.close(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('.comment[data-comment_id="' + comment_id + '"]').remove(); let $count_comment = $('.comment-info > .count > span'); $count_comment.text(parseInt($count_comment.text(), 10) - 1); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } function endLoading(e = ':loading') { $(e).loading('stop'); } function exportTagObj() { let tag = []; if (tagify.value.length > 0) { $.each(tagify.value, function (i, v) { tag[i] = { name: v.value }; }); } return tag; } function forgetpassword() { startLoading(); $.post(f.url('ajax', 'forgetpassword'), JSON.stringify({ account: $('#user-account').val(), }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); return false; } function getUserVerifyCode(account) { startLoading(); $.post(f.url('ajax', 'userverify'), JSON.stringify({ account: account, }), function (r) { endLoading(); switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $('#signup') .find('form:eq(0)').find('input').prop('disabled', true).end().end() .find('form:eq(1)').find('button, input').prop('disabled', false).end(); break; default: noticeError(r.message); break; } }, 'json'); return false; } function goAdTop() { let $headbar = $('#headbar'), b = window.matchMedia('(max-width: ' + visual_size_m + 'px)').matches, s = $(this).scrollTop(); $('#headbar, #index, #topic-view').each(function () { let $_ = $(this); $_.stop(true); if (b) { if (s > lastScrollTop) { // down $_.animate({top: -$headbar.height()}); } else { // up $_.animate({top: 0}); } } else { $_.animate({top: 0}); } }); } function goNavMenu(e) { let is_mini = Cookies.get(navmenuMinimizeCookieName) === 'true', n = 'mini'; switch ($navmenu.prop('id')) { case 'navmenu': if (e === 'click') { if (window.innerWidth >= navmenu_trigger_point && $navmenu.is(':visible')) { $navmenu.toggleClass(n); Cookies.set(navmenuMinimizeCookieName, $navmenu.hasClass(n), {expires: 7}); } else { modalNavMenu.open(); } } else { if (window.innerWidth >= navmenu_trigger_point) { modalNavMenu.close(); is_mini ? $navmenu.addClass(n) : $navmenu.removeClass(n); } else { $navmenu.addClass(n); } } break; case 'navmenu_account': if (e === 'click') { let v = $navmenu.is(':visible'); v ? $navmenu.hide() : $navmenu.show(); Cookies.set(navmenuMinimizeCookieName, v, {expires: 7}); } else { if (window.innerWidth >= navmenu_trigger_point) { is_mini ? $navmenu.hide() : $navmenu.show(); } else { $navmenu.hide() } } break; } } function initGallery(tgt) { let it = [], ix = 0, p = []; tgt.closest('div[data-root="gallery"]').find('img').each(function (k) { let t = $(this); if (p.includes(t.prop('src'))) return; it.push({ h: t.attr('height') || t[0].naturalHeight, msrc: t.prop('src'), src: t.prop('src'), w: t.attr('width') || t[0].naturalWidth }); p.push(t.prop('src')); if (tgt.is(t)) ix = k; }); new PhotoSwipe(document.querySelectorAll('.pswp')[0], PhotoSwipeUI_Default, it, {index: ix}).init(); } function inrTopic() { setInterval(function () { if (arr_view_topic.length > 0) { $.post(f.url('ajax', 'impresstopic'), JSON.stringify(arr_view_topic)); arr_view_topic = []; } }, 4000); } function loadAd() { $('.ad > .load').each(function () { let $el = $(this), id = $el.prop('id'); if (!arr_load_ad.includes(id)) { arr_load_ad.push(id); postscribe('#' + id, $el.data('src')); } }); } function login() { startLoading(); $.post('https://www.pinqueue.com/ajax/login/?topic_id=9be4088561c65851', JSON.stringify({ account: $('#user-account').val(), password: $('#user-password').val(), }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); return false; } function loginByFacebook() { startLoading(); FB.getLoginStatus(function (resp) { if (resp.status === 'connected') { $.post('https://www.pinqueue.com/ajax/loginbyfacebook/?topic_id=9be4088561c65851', JSON.stringify({ access_token: resp.authResponse.accessToken }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); } else { endLoading(); noticeError('資料溝通異常。'); } }); } function noticeError(msg) { new jBox('Notice', { color: 'red', content: msg, }); } function noticeNotice(msg) { new jBox('Notice', { color: 'yellow', content: msg, }); } function noticeSuccess(msg) { new jBox('Notice', { color: 'green', content: msg, }); } function openDeleteComment(comment_id) { modalBase .setContent('<div><p class="text-center">確定刪除留言？</p><div class="btn-group flex"><button type="button" class="btn btn-primary" onclick="deleteComment(\'' + comment_id + '\')">刪除</button><button type="button" class="btn btn-secondary" onclick="modalBase.close()">取消</button></div></div>') .open(); } function popupNavMenu() { modalNavMenu.open(); } function reAttach() {//2021-04-14 Lion: 作用於再綁定動態 html 事件 inViewAd(); inViewTopic(); loadAd(); tooltipShare.attach(); } function refreshActivityList(object = 'topic', order = 'inserttime', page = 1) { $.post('https://www.pinqueue.com/ajax/getactivitylist/', { object: object, order: order, page: page, }, function (r) { r = $.parseJSON(r); switch (r.result) { case lib.res.SystemOk: $('#nav-' + object).html(r.data); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }); } function requestUserLogin(r) { modalRequestUserLogin.setContent(r.data).open(); } function signUp() { startLoading(); $.post('https://www.pinqueue.com/ajax/signup/', JSON.stringify({ account: $('#userverify-account').val(), code: $('#userverify-code').val(), displayname: $('#user-displayname').val(), password: $('#user-password').val(), password_confirm: $('#user-password-confirm').val(), }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); setTimeout(function () { endLoading(); window.onbeforeunload = null; location.href = r.data.redirect; }, 1200); break; default: endLoading(); noticeError(r.message); break; } }, 'json'); return false; } function startLoading(e = 'body', m = '處理中...') { $(e).loading({ message: m, theme: Cookies.get('theme') === undefined ? 'light' : JSON.parse(Cookies.get('theme')), zIndex: 1000, }); } function triggerAd(el, ev) { let $el = $(el), ad_id = $el.data('ad_id'), adboard_id = $el.data('adboard_id'), adschedule_id = $el.data('adschedule_id'), topic_id = $el.data('topic_id'), n, u; switch (ev) { case 'clickad': n = 'beenclickedAd'; u = f.url('ajax', 'clickad'); break; case 'viewad': n = 'viewedAd'; u = f.url('ajax', 'viewad'); break; } n += ':' + adschedule_id + '-' + adboard_id + '-' + ad_id + '-' + topic_id; if (u && !Cookies.get(n)) { Cookies.set(n, true, {expires: 2 / 86400}); $.post(u, JSON.stringify({ ad_id: ad_id ?? null, adboard_id: adboard_id ?? null, adschedule_id: adschedule_id ?? null, topic_id: topic_id ?? null, })); } } function voteDownComment(that, comment_id) { let $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevotedowncomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvotedowncomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').addClass('active').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function voteDownTopic(that, topic_id) { let $header_vote_info = $(that).closest('.body').siblings('.header').find('.vote-info'), $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevotedowntopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvotedowntopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').addClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function voteUpComment(that, comment_id) { let $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevoteupcomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvoteupcomment'), JSON.stringify({ comment_id: comment_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').text(r.data.countofbeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').addClass('active').siblings('span').text(r.data.countofbeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } function voteUpTopic(that, topic_id) { let $header_vote_info = $(that).closest('.body').siblings('.header').find('.vote-info'), $tool = $(that).closest('.tool-footnote'); if ($(that).hasClass('active')) { $.post(f.url('ajax', 'deletevoteuptopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); $(that).removeClass('active'); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } else { $.post(f.url('ajax', 'insertvoteuptopic'), JSON.stringify({ topic_id: topic_id, }), function (r) { switch (r.result) { case lib.res.SystemOk: noticeSuccess(r.message); $tool .find('.icon-thumbs-down').removeClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').addClass('active').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); $header_vote_info .find('.icon-thumbs-down').siblings('span').attr('data-original-title', r.data.countbybeenvoteddown).text(r.data.countbybeenvoteddown_spoken).end().end() .find('.icon-thumbs-up').siblings('span').attr('data-original-title', r.data.countbybeenvotedup).text(r.data.countbybeenvotedup_spoken); break; case 'UserNotice': noticeNotice(r.message); break; case lib.res.UserRequestLogin: requestUserLogin(r); break; default: noticeError(r.message); break; } }, 'json'); } } </script> <ins class="clickforceads" data-ad-zone="14300"></ins> <script async type="text/javascript" src="//cdn.holmesmind.com/js/init.js"></script></body> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div></html>
