|
|
|
|
@ -17,7 +17,7 @@ function init() {
|
|
|
|
|
type: 'POST',
|
|
|
|
|
url: '/init',
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
success: function (data) {
|
|
|
|
|
success: function(data) {
|
|
|
|
|
console.log(data)
|
|
|
|
|
setDate(data.Result.startDate, data.Result.endDate)
|
|
|
|
|
document.getElementById('keywordBox').value = data.Result.keyword
|
|
|
|
|
@ -39,44 +39,44 @@ function init() {
|
|
|
|
|
buildSentetree()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
$(window).keydown(function (event) {
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$(window).keydown(function(event) {
|
|
|
|
|
if (event.keyCode == 13) {
|
|
|
|
|
event.preventDefault()
|
|
|
|
|
sendRequest()
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
$(window).on('mousemove', function (e) {
|
|
|
|
|
$(window).on('mousemove', function(e) {
|
|
|
|
|
$('#nodeTitle').css({
|
|
|
|
|
left: e.pageX,
|
|
|
|
|
top: e.pageY
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
$('#titleListContainer').hover(
|
|
|
|
|
function () { // Run on hover/mouseenter
|
|
|
|
|
function() { // Run on hover/mouseenter
|
|
|
|
|
$(this).css('overflow', 'auto')
|
|
|
|
|
},
|
|
|
|
|
function () { // Run on mouseleave
|
|
|
|
|
function() { // Run on mouseleave
|
|
|
|
|
$(this).css('overflow', 'hidden')
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
$('#titleListLayer').click(function (e) {
|
|
|
|
|
$('#titleListLayer').click(function(e) {
|
|
|
|
|
if ($('#titleListLayer').is(e.target)) {
|
|
|
|
|
hideTitles()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
$('#stopWordEditorLayer').click(function (e) {
|
|
|
|
|
$('#stopWordEditorLayer').click(function(e) {
|
|
|
|
|
if ($('#stopWordEditorLayer').is(e.target)) {
|
|
|
|
|
hideStopWordEditor()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
$('#idfEditorLayer').click(function (e) {
|
|
|
|
|
$('#idfEditorLayer').click(function(e) {
|
|
|
|
|
if ($('#idfEditorLayer').is(e.target)) {
|
|
|
|
|
hideIdfEditor()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
$('#pttPageWindow').click(function (e) {
|
|
|
|
|
$('#pttPageWindow').click(function(e) {
|
|
|
|
|
if ($('#pttPageWindow').is(e.target)) {
|
|
|
|
|
hidePTTPage()
|
|
|
|
|
}
|
|
|
|
|
@ -88,23 +88,23 @@ function init() {
|
|
|
|
|
|
|
|
|
|
function loadTemplate(num) {
|
|
|
|
|
templates = [{
|
|
|
|
|
startDate: '2020-12-01',
|
|
|
|
|
endDate: '2020-12-31',
|
|
|
|
|
keyword: '',
|
|
|
|
|
mode: 1
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
startDate: '2020-01-01',
|
|
|
|
|
endDate: '2020-03-01',
|
|
|
|
|
keyword: '衛生紙',
|
|
|
|
|
mode: 2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
startDate: '2020-01-11',
|
|
|
|
|
endDate: '2020-01-12',
|
|
|
|
|
keyword: '',
|
|
|
|
|
mode: 2
|
|
|
|
|
}
|
|
|
|
|
startDate: '2020-12-01',
|
|
|
|
|
endDate: '2020-12-31',
|
|
|
|
|
keyword: '',
|
|
|
|
|
mode: 1
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
startDate: '2020-01-01',
|
|
|
|
|
endDate: '2020-03-01',
|
|
|
|
|
keyword: '衛生紙',
|
|
|
|
|
mode: 2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
startDate: '2020-01-11',
|
|
|
|
|
endDate: '2020-01-12',
|
|
|
|
|
keyword: '',
|
|
|
|
|
mode: 2
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
chosenTemp = templates[num]
|
|
|
|
|
setDate(chosenTemp.startDate, chosenTemp.endDate)
|
|
|
|
|
@ -127,7 +127,7 @@ function addStopWord() {
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
stopwords.push(newsw)
|
|
|
|
|
$('#sweContainer').append($('<li>').attr('class', 'w3-display-container').append($('<span>').append(newsw)).append($('<span>').attr('class', 'w3-button w3-hover-red w3-transparent w3-display-right').click(function (e) {
|
|
|
|
|
$('#sweContainer').append($('<li>').attr('class', 'w3-display-container').append($('<span>').append(newsw)).append($('<span>').attr('class', 'w3-button w3-hover-red w3-transparent w3-display-right').click(function(e) {
|
|
|
|
|
var index = $(this).parent().index()
|
|
|
|
|
console.log(stopwords[index])
|
|
|
|
|
stopwords.splice(index, 1)
|
|
|
|
|
@ -172,14 +172,14 @@ function scrollIdfList() {
|
|
|
|
|
|
|
|
|
|
function showStopwordEditor() {
|
|
|
|
|
$(window).unbind('keydown')
|
|
|
|
|
$(window).keydown(function (event) {
|
|
|
|
|
$(window).keydown(function(event) {
|
|
|
|
|
if (event.keyCode == 13) {
|
|
|
|
|
addStopWord()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
$('#sweContainer').empty()
|
|
|
|
|
for (word of stopwords) {
|
|
|
|
|
$('#sweContainer').append($('<li>').append($('<span>').append(word)).append($('<span>').attr('class', 'w3-button w3-hover-red w3-transparent w3-display-right').click(function (e) {
|
|
|
|
|
$('#sweContainer').append($('<li>').append($('<span>').append(word)).append($('<span>').attr('class', 'w3-button w3-hover-red w3-transparent w3-display-right').click(function(e) {
|
|
|
|
|
var index = $(this).parent().index()
|
|
|
|
|
console.log(stopwords[index])
|
|
|
|
|
stopwords.splice(index, 1)
|
|
|
|
|
@ -192,27 +192,27 @@ function showStopwordEditor() {
|
|
|
|
|
|
|
|
|
|
function showIdfEditor() {
|
|
|
|
|
$(window).unbind('keydown')
|
|
|
|
|
$(window).keydown(function (event) {
|
|
|
|
|
$(window).keydown(function(event) {
|
|
|
|
|
if (event.keyCode == 13) {
|
|
|
|
|
scrollIdfList()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
$('#ieContainer').empty().append(
|
|
|
|
|
$('<thead>').append($('<tr>')
|
|
|
|
|
.append($('<th>')
|
|
|
|
|
.attr('style', 'position: sticky; top: 0; background: white;')
|
|
|
|
|
.append('單詞'))
|
|
|
|
|
.append($('<th>')
|
|
|
|
|
.attr('class', 'w3-center-align')
|
|
|
|
|
.attr('style', 'position: sticky; top: 0; background: white;')
|
|
|
|
|
.append('操作'))
|
|
|
|
|
.append($('<th>')
|
|
|
|
|
.attr('class', 'w3-right-align')
|
|
|
|
|
.attr('style', 'position: sticky; top: 0; background: white;')
|
|
|
|
|
.append('單詞頻率')
|
|
|
|
|
$('<thead>').append($('<tr>')
|
|
|
|
|
.append($('<th>')
|
|
|
|
|
.attr('style', 'position: sticky; top: 0; background: white;')
|
|
|
|
|
.append('單詞'))
|
|
|
|
|
.append($('<th>')
|
|
|
|
|
.attr('class', 'w3-center-align')
|
|
|
|
|
.attr('style', 'position: sticky; top: 0; background: white;')
|
|
|
|
|
.append('操作'))
|
|
|
|
|
.append($('<th>')
|
|
|
|
|
.attr('class', 'w3-right-align')
|
|
|
|
|
.attr('style', 'position: sticky; top: 0; background: white;')
|
|
|
|
|
.append('單詞頻率')
|
|
|
|
|
)
|
|
|
|
|
)
|
|
|
|
|
)
|
|
|
|
|
)
|
|
|
|
|
.append($('<tbody>'))
|
|
|
|
|
for (word of Object.entries(idfTable).sort((a, b) => { return (b[1] - a[1]) }).map((a) => { return a[0] }).slice(0, 1000)) {
|
|
|
|
|
$('#ieContainer').find('tbody')
|
|
|
|
|
@ -226,7 +226,7 @@ function showIdfEditor() {
|
|
|
|
|
.append($('<button>')
|
|
|
|
|
.attr('class', 'general-button')
|
|
|
|
|
.html('設為最小')
|
|
|
|
|
.click(function () {
|
|
|
|
|
.click(function() {
|
|
|
|
|
$(this)
|
|
|
|
|
.parent()
|
|
|
|
|
.parent()
|
|
|
|
|
@ -236,7 +236,7 @@ function showIdfEditor() {
|
|
|
|
|
.append($('<button>')
|
|
|
|
|
.attr('class', 'general-button')
|
|
|
|
|
.html('設為最大')
|
|
|
|
|
.click(function () {
|
|
|
|
|
.click(function() {
|
|
|
|
|
$(this)
|
|
|
|
|
.parent()
|
|
|
|
|
.parent()
|
|
|
|
|
@ -248,7 +248,7 @@ function showIdfEditor() {
|
|
|
|
|
.append($('<button>')
|
|
|
|
|
.attr('class', 'general-button')
|
|
|
|
|
.html('重設')
|
|
|
|
|
.click(function () {
|
|
|
|
|
.click(function() {
|
|
|
|
|
var _word = $($(this)
|
|
|
|
|
.parent()
|
|
|
|
|
.parent()
|
|
|
|
|
@ -275,7 +275,7 @@ function showIdfEditor() {
|
|
|
|
|
|
|
|
|
|
function hideStopWordEditor() {
|
|
|
|
|
$(window).unbind('keydown')
|
|
|
|
|
$(window).keydown(function (event) {
|
|
|
|
|
$(window).keydown(function(event) {
|
|
|
|
|
if (event.keyCode == 13) {
|
|
|
|
|
event.preventDefault()
|
|
|
|
|
sendRequest()
|
|
|
|
|
@ -286,7 +286,7 @@ function hideStopWordEditor() {
|
|
|
|
|
|
|
|
|
|
function hideIdfEditor() {
|
|
|
|
|
$(window).unbind('keydown')
|
|
|
|
|
$(window).keydown(function (event) {
|
|
|
|
|
$(window).keydown(function(event) {
|
|
|
|
|
if (event.keyCode == 13) {
|
|
|
|
|
event.preventDefault()
|
|
|
|
|
sendRequest()
|
|
|
|
|
@ -369,7 +369,7 @@ function sendRequest() {
|
|
|
|
|
url: '/addRequest',
|
|
|
|
|
data: content,
|
|
|
|
|
contentType: 'application/json',
|
|
|
|
|
success: function (data) {
|
|
|
|
|
success: function(data) {
|
|
|
|
|
console.log(data)
|
|
|
|
|
changeGraph(data.Result)
|
|
|
|
|
}
|
|
|
|
|
@ -460,16 +460,16 @@ function buildSentetree() {
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
seqList = node.data.seq.DBs.map(function (n) {
|
|
|
|
|
seqList = node.data.seq.DBs.map(function(n) {
|
|
|
|
|
return n.rawText
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
titleList = []
|
|
|
|
|
for (s of seqList) {
|
|
|
|
|
titleTemp = wordTitleList[s]
|
|
|
|
|
if ((titleList.map(function (n) {
|
|
|
|
|
return n.title
|
|
|
|
|
})).indexOf(titleTemp.title) == -1) {
|
|
|
|
|
if ((titleList.map(function(n) {
|
|
|
|
|
return n.title
|
|
|
|
|
})).indexOf(titleTemp.title) == -1) {
|
|
|
|
|
titleList.push(titleTemp)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -508,7 +508,7 @@ function buildSentetree() {
|
|
|
|
|
globKeyword: globKeyword
|
|
|
|
|
}),
|
|
|
|
|
contentType: 'application/json',
|
|
|
|
|
success: function (data) {
|
|
|
|
|
success: function(data) {
|
|
|
|
|
console.log(data)
|
|
|
|
|
$('#titleListKeywordInfo').html('單詞出現次數：' + data.Result.wordCount + ', 單詞出現的文章數：' + data.Result.postCount + ', 單詞頻率：' + (data.Result.postCount * 100 / totalPosts).toFixed(2) + '%')
|
|
|
|
|
}
|
|
|
|
|
@ -517,26 +517,26 @@ function buildSentetree() {
|
|
|
|
|
for (i of titleList) {
|
|
|
|
|
$('#titleListContainer').append(
|
|
|
|
|
$('<li>').attr('class', 'w3-panel')
|
|
|
|
|
.css('cursor', 'pointer').append(
|
|
|
|
|
$('<p>').attr('target', '_blank').append(
|
|
|
|
|
$('<h4>').html(i.title)
|
|
|
|
|
).append(
|
|
|
|
|
$('<span>').attr('style', 'margin: 0px 10px').html(i.author)
|
|
|
|
|
).append(
|
|
|
|
|
$('<span>').attr('style', 'margin: 0px 10px').html(i.date)
|
|
|
|
|
).append(
|
|
|
|
|
$('<span>').attr('style', 'margin: 0px 10px').html('推文數：' + i.pushes)
|
|
|
|
|
)
|
|
|
|
|
).click(function () {
|
|
|
|
|
let indx = $(this).index()
|
|
|
|
|
showPTTPage((titleList[indx].url).replace('www.ptt.cc', 'www.pttweb.cc'))
|
|
|
|
|
})
|
|
|
|
|
.css('cursor', 'pointer').append(
|
|
|
|
|
$('<p>').attr('target', '_blank').append(
|
|
|
|
|
$('<h4>').html(i.title)
|
|
|
|
|
).append(
|
|
|
|
|
$('<span>').attr('style', 'margin: 0px 10px').html(i.author)
|
|
|
|
|
).append(
|
|
|
|
|
$('<span>').attr('style', 'margin: 0px 10px').html(i.date)
|
|
|
|
|
).append(
|
|
|
|
|
$('<span>').attr('style', 'margin: 0px 10px').html('推文數：' + i.pushes)
|
|
|
|
|
)
|
|
|
|
|
).click(function() {
|
|
|
|
|
let indx = $(this).index()
|
|
|
|
|
showPTTPage((titleList[indx].url).replace('www.ptt.cc', 'www.pttweb.cc'))
|
|
|
|
|
})
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.on('nodeMouseenter', node => {
|
|
|
|
|
console.log(node)
|
|
|
|
|
titles = node.data.topEntries.map(function (x) {
|
|
|
|
|
titles = node.data.topEntries.map(function(x) {
|
|
|
|
|
return wordTitleList[x.rawText]
|
|
|
|
|
})
|
|
|
|
|
console.log(titles)
|
|
|
|
|
@ -564,7 +564,7 @@ function buildSentetree() {
|
|
|
|
|
}).on('linkMouseenter', link => {
|
|
|
|
|
console.log(link)
|
|
|
|
|
})
|
|
|
|
|
new ResizeSensor(jQuery('#d3kitRoot'), function () {
|
|
|
|
|
new ResizeSensor(jQuery('#d3kitRoot'), function() {
|
|
|
|
|
var scale, origin;
|
|
|
|
|
scale = Math.min(2, ($('#graph').outerWidth()) / ($('#d3kitRoot').outerWidth() + 60))
|
|
|
|
|
|
|
|
|
|
|
Zovjsra
