377 lines
12 KiB
JavaScript
377 lines
12 KiB
JavaScript
'use strict';
|
|
/**
|
|
* Created by Martin on 24/02/2016.
|
|
*/
|
|
|
|
$.fn.pressEnter = function (fn) {
|
|
|
|
return this.each(function () {
|
|
$(this).bind('enterPress', fn);
|
|
$(this).keyup(function (e) {
|
|
if (e.keyCode === 13) {
|
|
$(this).trigger('enterPress');
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
var Keeper = (function () {
|
|
|
|
var self = this;
|
|
|
|
console.log('GO!');
|
|
var $list = $('#listContainer');
|
|
var displayList = function (obj) {
|
|
var html = new EJS({url: '/partials/list.ejs'}).render(obj);
|
|
// console.log(html);
|
|
$list.empty();
|
|
$list.append(html);
|
|
$('#listContainer').find('.entry').not('.emptyMessage').click(function () {
|
|
getBookmark(this.id);
|
|
});
|
|
},
|
|
displayPage = function (obj) {
|
|
var $bodyContents = $('#bodyContents');
|
|
|
|
if (obj.reduced.length > 0) {
|
|
var vdata = {
|
|
data: {
|
|
_id: obj._id,
|
|
_rev: obj._rev,
|
|
title: obj.title,
|
|
reduced: obj.reduced,
|
|
tags: obj.tags,
|
|
url: obj.url
|
|
}
|
|
};
|
|
|
|
var redoData = {
|
|
_id: obj._id,
|
|
_rev: obj._rev,
|
|
url: obj.url
|
|
};
|
|
|
|
var html = new EJS({url: 'partials/view.ejs'}).render(vdata);
|
|
|
|
$bodyContents.empty();
|
|
$bodyContents.scrollTop(0);
|
|
|
|
$bodyContents.append(html);
|
|
|
|
$('#redo').on('click', function () {
|
|
self.trigger('redo', redoData);
|
|
|
|
});
|
|
|
|
$('#tagSave').on('click', function () {
|
|
self.trigger('tagsave', redoData);
|
|
|
|
});
|
|
|
|
$('#tageditmode').on('click', function () {
|
|
self.trigger('startTags');
|
|
});
|
|
|
|
}
|
|
}, getBookmark = function (id) {
|
|
//console.log('getBookmark');
|
|
var url = '/entry/' + id;
|
|
var data = '';
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: url,
|
|
data: data,
|
|
dataType: 'json',
|
|
|
|
timeout: 10000,
|
|
|
|
//contentType: ('application/json'),
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
|
|
'Access-Control-Allow-Headers': 'Content-Type'
|
|
|
|
},
|
|
success: function (data) {
|
|
// console.log(data);
|
|
displayPage(data);
|
|
},
|
|
error: function (xhr, type) {
|
|
console.log('ajax error');
|
|
console.log(xhr);
|
|
console.log(type);
|
|
}
|
|
});
|
|
},
|
|
updateMainTagList = function (obj) {
|
|
var $taglist = $('#tagList');
|
|
|
|
var html = new EJS({url: '/partials/taglist.ejs'}).render(obj);
|
|
$taglist.empty();
|
|
$taglist.html(html);
|
|
|
|
},
|
|
|
|
getMainTagList = function () {
|
|
var url = '/tags';
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: url,
|
|
data: '',
|
|
dataType: 'json',
|
|
|
|
timeout: 10000,
|
|
|
|
//contentType: ('application/json'),
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
|
|
'Access-Control-Allow-Headers': 'Content-Type'
|
|
|
|
},
|
|
success: function (data) {
|
|
// console.log(data);
|
|
updateMainTagList(data);
|
|
},
|
|
error: function (xhr, type) {
|
|
console.log('ajax error');
|
|
console.log(xhr);
|
|
console.log(type);
|
|
}
|
|
});
|
|
},
|
|
getList = function () {
|
|
|
|
var url = '/list';
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: url,
|
|
data: '',
|
|
dataType: 'json',
|
|
|
|
timeout: 10000,
|
|
|
|
//contentType: ('application/json'),
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
|
|
'Access-Control-Allow-Headers': 'Content-Type'
|
|
|
|
},
|
|
success: function (data) {
|
|
// console.log(data);
|
|
displayList(data);
|
|
},
|
|
error: function (xhr, type) {
|
|
console.log('ajax error');
|
|
console.log(xhr);
|
|
console.log(type);
|
|
}
|
|
});
|
|
},
|
|
saveTags = function (d) {
|
|
function parse(input) {
|
|
return input
|
|
.trim()
|
|
.split(/\s*,\s*/)
|
|
.map(function (col) {
|
|
return col.trim();
|
|
})
|
|
.filter(function (col) {
|
|
return col && col.length;
|
|
});
|
|
}
|
|
|
|
var data = d;
|
|
var url = '/tags';
|
|
var tags = {}, tagItems = $('#edittags').val();
|
|
tagItems = parse(tagItems);
|
|
tags.list = tagItems;
|
|
tags.solid = tagItems.join(', ');
|
|
|
|
data.tags = tags;
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: d,
|
|
dataType: 'json',
|
|
|
|
timeout: 10000,
|
|
|
|
//contentType: ('application/json'),
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
|
|
'Access-Control-Allow-Headers': 'Content-Type'
|
|
|
|
},
|
|
success: function () {
|
|
// console.log(data);
|
|
// displayList(data);
|
|
$('#visualTabs').toggle();
|
|
$('#tagForm').toggle();
|
|
},
|
|
error: function (xhr, type) {
|
|
console.log('ajax error');
|
|
console.log(xhr);
|
|
console.log(type);
|
|
}
|
|
});
|
|
}
|
|
|
|
, addNew = function (newUrl) {
|
|
var url = '/add';
|
|
|
|
var data = {url: JSON.stringify(newUrl)};
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: data,
|
|
dataType: 'json',
|
|
|
|
timeout: 10000,
|
|
|
|
//contentType: ('application/json'),
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
|
|
'Access-Control-Allow-Headers': 'Content-Type'
|
|
|
|
},
|
|
success: function () {
|
|
// console.log(data);
|
|
// displayList(data);
|
|
},
|
|
error: function (xhr, type) {
|
|
console.log('ajax error');
|
|
console.log(xhr);
|
|
console.log(type);
|
|
}
|
|
});
|
|
},
|
|
redo = function (d) {
|
|
console.log('redooing');
|
|
var url = '/redo';
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: d,
|
|
dataType: 'json',
|
|
|
|
timeout: 10000,
|
|
|
|
//contentType: ('application/json'),
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
|
|
'Access-Control-Allow-Headers': 'Content-Type'
|
|
|
|
},
|
|
success: function () {
|
|
// console.log(data);
|
|
// displayList(data);
|
|
},
|
|
error: function (xhr, type) {
|
|
console.log('ajax error');
|
|
console.log(xhr);
|
|
console.log(type);
|
|
}
|
|
});
|
|
},
|
|
start = function () {
|
|
|
|
getList();
|
|
getMainTagList();
|
|
},
|
|
listFromTag = function (tag) {
|
|
console.log('get for ' + tag);
|
|
var url = '/tags/' + tag;
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: url,
|
|
data: '',
|
|
dataType: 'json',
|
|
|
|
timeout: 10000,
|
|
|
|
//contentType: ('application/json'),
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
|
|
'Access-Control-Allow-Headers': 'Content-Type'
|
|
|
|
},
|
|
success: function (data) {
|
|
// console.log(data);
|
|
displayList(data);
|
|
},
|
|
error: function (xhr, type) {
|
|
console.log('ajax error');
|
|
console.log(xhr);
|
|
console.log(type);
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
$('#newurl').pressEnter(function () {
|
|
var url = $(this).val();
|
|
if (url !== null) {
|
|
console.log('Adding: ' + url);
|
|
addNew(url);
|
|
$('#addstatus').fadeIn(400).delay(1500).fadeOut(400);
|
|
$(this).val('');
|
|
/* setTimeout(function () {
|
|
getList();
|
|
}, 5000);*/
|
|
}
|
|
});
|
|
|
|
$('#fnRefresh').on('click', function () {
|
|
getList();
|
|
});
|
|
|
|
$(window).on('hashchange', ()=> {
|
|
|
|
self.trigger('hashchange', location.hash);
|
|
});
|
|
|
|
this.bind('redo', function (data) {
|
|
redo(data);
|
|
});
|
|
|
|
this.bind('tagsave', function (data) {
|
|
saveTags(data);
|
|
});
|
|
this.bind('startTags', function (data) {
|
|
$('#visualTabs').toggle();
|
|
$('#tagForm').toggle();
|
|
});
|
|
|
|
this.bind('hashchange', function (data) {
|
|
|
|
var tagroute = data.replace('#?', '');
|
|
|
|
if (tagroute !== '')
|
|
{
|
|
listFromTag(tagroute);
|
|
}
|
|
else
|
|
{
|
|
getList();
|
|
}
|
|
});
|
|
|
|
start();
|
|
})
|
|
;
|
|
|
|
MicroEvent.mixin(Keeper);
|
|
|
|
var keeper = new Keeper();
|