1
0
mirror of https://github.com/vichan-devel/vichan.git synced 2024-12-05 04:18:03 +01:00
vichan/js/inline.js

155 lines
3.5 KiB
JavaScript
Raw Normal View History

$(document).ready(function() {
2014-10-06 00:51:22 +02:00
var App = {
cache: {},
get: function(url, cb) {
var $page = App.cache[url]
if ($page)
return cb($page)
$.get(url, function(data) {
var $page = $(data)
App.cache[url] = $page
cb($page)
})
2014-10-06 01:20:25 +02:00
},
options: {
add: function(key, description, tab) {
tab || (tab = 'general')
var checked = App.options.get(key)
var $el = $(
'<div>' +
'<label>' +
'<input type="checkbox">' +
description +
'</label>' +
'</div>')
$el
.find('input')
.prop('checked', checked)
.on('change', App.options.check(key))
window.Options.extend_tab(tab, $el)
},
get: function(key) {
if (localStorage[key])
return JSON.parse(localStorage[key])
},
check: function(key) {
return function(e) {
var val = this.checked
localStorage[key] = JSON.stringify(val)
}
}
2014-10-06 00:51:22 +02:00
}
}
2014-09-24 21:49:18 +02:00
2014-09-24 06:25:34 +02:00
var inline = function(e) {
e.preventDefault()
2014-09-25 19:11:33 +02:00
var $root = $(this).closest('.post')
2014-10-03 22:32:41 +02:00
var targetNum = this.textContent.slice(2)
2014-09-24 06:25:34 +02:00
2014-10-03 22:40:05 +02:00
var srcOP = $root.closest('[id^=thread]').attr('id').match(/\d+/)[0]
2014-09-24 06:25:34 +02:00
2014-10-03 22:40:05 +02:00
var node, targetOP
2014-10-06 02:26:50 +02:00
var isBacklink = !!this.className
if (isBacklink) {
2014-10-03 22:40:05 +02:00
node = $root.find('> .intro')
targetOP = srcOP
} else {
node = $(this)
2014-10-07 03:36:19 +02:00
var to_search = inMod ? this.search : this.pathname;
targetOP = to_search.match(/(\d+).html/)[1]
2014-10-03 22:40:05 +02:00
}
2014-09-25 19:11:33 +02:00
2014-09-24 06:25:34 +02:00
var link = {
2014-10-06 02:26:50 +02:00
id: 'inline_' + targetNum,
isBacklink: isBacklink,
node: node
2014-09-24 06:25:34 +02:00
}
2014-09-24 21:17:30 +02:00
2014-10-03 22:40:05 +02:00
var selector = targetNum === targetOP
? '#op_' + srcOP
2014-10-03 22:40:05 +02:00
: '#reply_' + targetNum
2014-10-06 02:26:50 +02:00
var $clone = $root.find('#inline_' + targetNum)
if ($clone.length) {
$clone.remove()
$(selector)
.show()
.next()
.show()
return
}
2014-10-03 22:32:41 +02:00
if (srcOP === targetOP) {
2014-10-04 17:16:01 +02:00
if (targetNum === targetOP)
link.node = link.node.next()// bypass `(OP)`
2014-10-03 22:28:52 +02:00
2014-09-24 21:17:30 +02:00
var $target = $(selector)
2014-10-03 22:28:52 +02:00
if ($target.length)
return add(link, $target)
2014-09-24 21:49:18 +02:00
}
2014-10-06 01:52:00 +02:00
var $loading = $('<div class="inline post">loading...</div>')
.attr('id', link.id)
.insertAfter(link.node)
2014-10-06 00:51:22 +02:00
App.get(this.pathname, function($page) {
2014-10-06 01:52:00 +02:00
$loading.remove()
2014-10-06 00:51:22 +02:00
var $target = $page.find(selector)
2014-09-24 21:49:18 +02:00
add(link, $target)
})
2014-09-24 06:25:34 +02:00
}
var add = function(link, $target) {
var $clone = $target.clone(true)
2014-10-06 02:26:50 +02:00
if (link.isBacklink && App.options.get('hidePost'))
$target
.hide()
.next()
.hide()
$clone.find('.inline').remove()
2014-09-24 06:25:34 +02:00
$clone.attr({
2014-10-03 18:53:11 +02:00
"class": 'inline post',
2014-10-06 01:52:00 +02:00
id: link.id,
2014-10-03 22:28:52 +02:00
style: null// XXX remove post hover styling
2014-09-24 06:25:34 +02:00
})
2014-10-03 22:05:45 +02:00
$clone.insertAfter(link.node)
2014-09-24 06:25:34 +02:00
}
2014-09-24 04:52:06 +02:00
2015-03-20 09:09:21 +01:00
App.options.add('useInlining', _('Enable inlining'))
App.options.add('hidePost', _('Hide inlined backlinked posts'))
2014-10-06 01:20:25 +02:00
2014-09-24 04:52:06 +02:00
$('head').append(
'<style>' +
2014-10-04 15:48:29 +02:00
'.inline {' +
'border: 1px dashed black;' +
'white-space: normal;' +
'overflow: auto;' + // clearfix
'}' +
2014-09-24 04:52:06 +02:00
'</style>')
// don't attach to outbound links
2014-10-07 04:03:50 +02:00
if (App.options.get('useInlining')) {
var assign_inline = function() {
$('.body a[href*="'+location.pathname+'"]:not([rel]):not(.toolong a), .mentioned a')
2014-10-10 02:48:23 +02:00
.attr('onclick', null)// XXX disable highlightReply
2014-10-10 20:13:26 +02:00
.off('click')
2014-10-10 02:48:23 +02:00
.click(inline)
}
assign_inline();
$(document).on('new_post', function(e, post) {
assign_inline();
});
}
});