<strong>獨家影藏版</strong></span></p> <p><strong><span><a href="http://www.flickr.com/photos/77456773@N02/51626041145" target="_blank"><img src="https://live.staticflickr.com/65535/51626041145_5fe054eb9a_b.jpg" alt="248723469_828783434465730_5444189920759603503_n" /></a></span></strong></p> <p><strong><span><a href="http://www.flickr.com/photos/77456773@N02/51625833074" target="_blank"><img src="https://live.staticflickr.com/65535/51625833074_2368ba48fd_b.jpg" alt="245336090_936244893652224_7228682322814513592_n" /></a></span></strong></p> <p><strong><span><span>部落格完整介紹</span></span></strong></p> <p> <a href="http://ichiro0910.pixnet.net/blog" target="_blank"><strong><span><span>http://ichiro0910.pixnet.net/blog</span></span></strong></a></p> <p><strong><span><span><span>Flick網路相簿</span></span></span></strong></p> <p><span><strong><span><a href="https://www.flickr.com/people/ichiroyu/" target="_blank"><span>https://www.flickr.com/people/ichiroyu/</span></a></span></strong></span></p> <p><span><strong><span><span><span>粉專&IG</span></span></span><span><span><span><span><strong><span><a href="https://www.facebook.com/ichiroyuyu/" target="_blank"><img title="/tmp/phpgBfZs1" src="https://cdn.pinqueue.com/upload/2024/03/05/e78e4de29298.png" alt="/tmp/phpgBfZs1" width="200" height="200" /></a><a href="https://www.instagram.com/ichiro.yu/" target="_blank"><img title="/tmp/phpwfCbFz" src="https://cdn.pinqueue.com/upload/2024/03/05/c4af2e33c55b.png" alt="/tmp/phpwfCbFz" width="200" height="200" /></a></span></strong></span></p><br><br><a class="external-link" href="https://ichiro0910.pixnet.net/blog/post/33496315" target="_blank">查看來源內容 <i></i></a> </div> <div class="toolbar"> <div class="tool-footnote"> <div> <i class="icon icon-thumbs-up " onclick="voteUpTopic(this, 'c68d8d82f67aac21')"></i> <span data-toggle="tooltip" title="0">-</span> </div> <div> <i class="icon icon-thumbs-down " onclick="voteDownTopic(this, 'c68d8d82f67aac21')"></i> <span data-toggle="tooltip" title="0">-</span> </div> <div> <i class="icon icon-collect " onclick="collect(this, 'c68d8d82f67aac21')"></i> </div> <div> <i class="icon icon-share" data-title="[活動]【新竹活動】2021新竹光臨藝術節│光雕展演秀‧逛市集‧看表演│新竹火車站‧新竹第一信用合作社‧聖母聖心主教堂‧" data-href="https://www.pinqueue.com/topic/view/?topic_id=c68d8d82f67aac21"></i> </div> <div> <i class="icon icon-report" data-topic_id="c68d8d82f67aac21"></i> </div> </div> <div class="note">（基於 PinQueue 指標）</div> </div> <div class="taglist"><div><a href="https://www.pinqueue.com/tag/%E4%B8%80%E6%97%A5%E9%81%8A">一日遊</a></div><div><a href="https://www.pinqueue.com/tag/%E5%85%89%E8%87%A8%E8%97%9D%E8%A1%93%E7%AF%80">光臨藝術節</a></div><div><a href="https://www.pinqueue.com/tag/%E5%85%89%E9%9B%95">光雕</a></div><div><a href="https://www.pinqueue.com/tag/%E5%85%A9%E6%97%A5%E9%81%8A">兩日遊</a></div><div><a href="https://www.pinqueue.com/tag/%E5%85%AC%E8%B3%A3%E5%B1%80">公賣局</a></div><div><a href="https://www.pinqueue.com/tag/%E5%8D%8A%E6%97%A5%E9%81%8A">半日遊</a></div><div><a href="https://www.pinqueue.com/tag/%E5%B8%82%E9%9B%86">市集</a></div><div><a href="https://www.pinqueue.com/tag/%E5%BD%B1%E5%83%8F%E5%8D%9A%E7%89%A9%E9%A4%A8">影像博物館</a></div><div><a href="https://www.pinqueue.com/tag/%E6%96%B0%E7%AB%B9%E5%B8%82">新竹市</a></div><div><a href="https://www.pinqueue.com/tag/%E7%81%AB%E8%BB%8A%E7%AB%99">火車站</a></div><div><a href="https://www.pinqueue.com/tag/%E7%AC%AC%E4%B8%80%E4%BF%A1%E7%94%A8%E5%90%88%E4%BD%9C%E7%A4%BE">第一信用合作社</a></div><div><a href="https://www.pinqueue.com/tag/%E7%BE%8E%E8%A1%93%E9%A4%A8">美術館</a></div><div><a href="https://www.pinqueue.com/tag/%E8%81%96%E6%AF%8D%E8%81%96%E5%BF%83%E4%B8%BB%E6%95%99%E5%A0%82">聖母聖心主教堂</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="c68d8d82f67aac21"> <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="c68d8d82f67aac21" 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="c68d8d82f67aac21"></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=c68d8d82f67aac21', 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=c68d8d82f67aac21', 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>
