adding/ loading of bookmarks implemented (only for fixed User)

This commit is contained in:
Senta Mandutz 2019-07-22 23:01:01 +02:00
parent 9eaf71ec3d
commit a6dd34cf81
5 changed files with 302 additions and 219 deletions

View File

@ -1,10 +1,12 @@
db.user.insert([ db.users.insert([
// author,OHMNEWS2019 // author,OHMNEWS2019
{"_id":"author","name":"Test Author","type":"author","roles":["user","author"],"hash":"sha256","salt":"cy5CkPrplcEze6o4psURhw==","pwd":"Gc8ozlxjEGITkS+fW9tz2xLROzws44s04EOCWuP04qE=","tags":["wichtig","th"],"bookmarks":["th"],}, {"_id":"author","name":"Test Author","type":"author","roles":["user","author"],"hash":"sha256","salt":"cy5CkPrplcEze6o4psURhw==","pwd":"Gc8ozlxjEGITkS+fW9tz2xLROzws44s04EOCWuP04qE=","tags":["wichtig","th"],"bookmarks":["th"],},
// admin,oZuse1 // admin,oZuse1
{"_id":"admin","name":"Test Admin","type":"admin","roles":["user","author","admin"],"hash":"sha256","salt":"PoIUHbDp7tP34ji31iQ0zw==","pwd":"mJpIfIksYs6LJJwYRBemFKqR6TacsSl2E0ZtpO1GMuk=","tags":["wichtig","th"],"bookmarks":["wichtig"],}, {"_id":"admin","name":"Test Admin","type":"admin","roles":["user","author","admin"],"hash":"sha256","salt":"PoIUHbDp7tP34ji31iQ0zw==","pwd":"mJpIfIksYs6LJJwYRBemFKqR6TacsSl2E0ZtpO1GMuk=","tags":["wichtig","th"],"bookmarks":["wichtig"],},
]) ])
db.users.insert({"name":"mustermannmax", "roles":["user"],"abos":[],"bookmarks":[]})
//var c = require('./server/crypto.js'), //var c = require('./server/crypto.js'),
// e = {"_id":"writer","hash":"sha256"}; // e = {"_id":"writer","hash":"sha256"};
//c.fillLocalAuth(e,"pwd"); //c.fillLocalAuth(e,"pwd");

View File

@ -5,6 +5,8 @@ function clearAuthState() {
auth.mail = ''; // Full mail address auth.mail = ''; // Full mail address
auth.roles = {}; // Role authorizations e.g. {user: true} auth.roles = {}; // Role authorizations e.g. {user: true}
auth.gender = ''; // Gender (e.g. Frau) auth.gender = ''; // Gender (e.g. Frau)
auth.bookmarks = []; // Ids of bookmarks
auth.abos = []; // Abos
} }
clearAuthState(); clearAuthState();

View File

@ -1,120 +1,68 @@
const BookmarkRouter = { const BookmarkRouter = {
template: ` template: `
<div class="content"> <div class="content">
<div class="is-hidden-desktop"> <div id="om-msg-cards" class="is-hidden-desktop">
<div class="bookmark-headline"><h4>Gepeicherte Beiträge</h4></div> <MsgCard
<div class="om-card card"> v-for="id in msgDisplay"
<h6 class="msg-head"> :key="id"
<b>Betreff</b> :msg="messages[id] || {}"
<img src="favicon.ico" width=20px height=20px> ></MsgCard>
</h6>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. <br><br>
<a href="#">#beispiel #tag</a>
<div class="om-card-footer">
<div class="om-user-line">
<i class="material-icons">account_circle</i>
Erstellt von User 1
</div>
<i class="material-icons" @click="myFilter" v-if="!isActive">bookmark_border</i>
<i class="material-icons" @click="myFilter" v-else="isActive">bookmark</i>
</div>
</div>
<div class="om-card card">
<h6 class="msg-head">
<b>Betreff</b>
<img src="favicon.ico" width=20px height=20px>
</h6>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <br><br>
<a href="#">#beispiel #tag</a>
<div class="om-card-footer">
<div class="om-user-line">
<i class="material-icons">account_circle</i>
Erstellt von User 2
</div>
<i class="material-icons" @click="myFilter" v-if="!isActive">bookmark_border</i>
<i class="material-icons" @click="myFilter" v-else="isActive">bookmark</i>
</div>
</div>
<div class="om-card card">
<h6 class="msg-head">
<b>Betreff</b>
<img src="favicon.ico" width=20px height=20px>
</h6>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. <br><br>
<a href="#">#beispiel #tag</a>
<div class="om-card-footer">
<div class="om-user-line">
<i class="material-icons">account_circle</i>
Erstellt von User 3
</div>
<i class="material-icons" @click="myFilter" v-if="!isActive">bookmark_border</i>
<i class="material-icons" @click="myFilter" v-else="isActive">bookmark</i>
</div>
</div>
</div> </div>
<div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop"> <div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop">
<div class="bookmark-headline"><h4>Gepeicherte Beiträge</h4></div>
<div class="om-card card">
<h6 class="msg-head">
<b>Betreff</b>
<img src="favicon.ico" width=20px height=20px>
</h6>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. <br><br>
<a href="#">#beispiel #tag</a>
<div class="om-card-footer">
<div class="om-user-line">
<i class="material-icons">account_circle</i>
Erstellt von User 1
</div>
<i class="material-icons" @click="myFilter" v-if="!isActive">bookmark_border</i>
<i class="material-icons" @click="myFilter" v-else="isActive">bookmark</i>
</div>
</div>
<div class="om-card card">
<h6 class="msg-head">
<b>Betreff</b>
<img src="favicon.ico" width=20px height=20px>
</h6>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <br><br>
<a href="#">#beispiel #tag</a>
<div class="om-card-footer">
<div class="om-user-line">
<i class="material-icons">account_circle</i>
Erstellt von User 2
</div>
<i class="material-icons" @click="myFilter" v-if="!isActive">bookmark_border</i>
<i class="material-icons" @click="myFilter" v-else="isActive">bookmark</i>
</div>
</div>
<div class="om-card card">
<h6 class="msg-head">
<b>Betreff</b>
<img src="favicon.ico" width=20px height=20px>
</h6>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. <br><br>
<a href="#">#beispiel #tag</a>
<div class="om-card-footer">
<div class="om-user-line">
<i class="material-icons">account_circle</i>
Erstellt von User 3
</div>
<i class="material-icons" @click="myFilter" v-if="!isActive">bookmark_border</i>
<i class="material-icons" @click="myFilter" v-else="isActive">bookmark</i>
</div>
</div>
</div> </div>
</div>`, </div>`,
data: function () { data: function () {
return { return {
messagelist: _messagelist,
messages: _messages, messages: _messages,
isActive: false, isActive: true,
messageId: '',
}
},
computed:{
msgDisplay: function(){
return (this.messagelist.slice().reverse());
} }
}, },
methods: { methods: {
myFilter () { myFilter: function() {
this.isActive = !this.isActive; this.isActive = !this.isActive;
},
getMessageId: function(){
},
getMessages: function(){
var _usrid = "5d360f06b8f3ce67d12ccc92";
$.ajax({
url: "api/usr/id/" + _usrid,
method: "GET"
})
.done(have_result).fail(have_error);
function have_result(res) {
var str = JSON.stringify(res[0].bookmarks).split(",");
_messagelist.splice(0, _messagelist.length);
for (var e in str) {
if (!_messages[str[e]]) {
str[e] =str[e].replace(/\[/g, '').replace(/\"/g, '').replace(/\]/g, '')
get_insert_message(str[e]);
}
}
_messagelist.push.apply(_messagelist, str);
//console.log("bookmark str: "+str);
}
function have_error(err) {
console.log("error: " + err.responseText);
console.log(err);
}
} }
}, },
mounted: function (){
this.getMessages();
}
}; };

View File

@ -2,6 +2,7 @@ Vue.component('MsgCard', {
template: `<div class="om-card card"> template: `<div class="om-card card">
<h6 class="msg-head"> <h6 class="msg-head">
<b>{{ msg.subject }}</b> <b>{{ msg.subject }}</b>
<div id="msgid">{{msg._id}}</div>
<img src="favicon.ico" width=20px height=20px> <img src="favicon.ico" width=20px height=20px>
</h6> </h6>
{{ msg.message }}<br> {{ msg.message }}<br>
@ -11,8 +12,8 @@ Vue.component('MsgCard', {
<div class="om-card-footer"> <div class="om-user-line"> <div class="om-card-footer"> <div class="om-user-line">
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
Erstellt von {{ msg.user }}</div> Erstellt von {{ msg.user }}</div>
<i class="material-icons" @click="myFilter()" v-if="!isActive">bookmark_border</i> <i class="material-icons" @click="myFilter(msg._id)" v-if="!isActive">bookmark_border</i>
<i class="material-icons" @click="myFilter()" v-else="isActive">bookmark</i> <i class="material-icons" @click="myFilter(msg._id)" v-else="isActive">bookmark</i>
</div></div>`, </div></div>`,
props: ['msg'], props: ['msg'],
@ -23,8 +24,33 @@ Vue.component('MsgCard', {
}, },
methods: { methods: {
myFilter: function() { myFilter: function(_messageid) {
//var _messageid = $("#msgid").text();
var _bookmark = auth.bookmarks;
_bookmark.push(_messageid);
console.log("msgid"+_bookmark);
var _userid = "5d360f06b8f3ce67d12ccc92";
this.isActive = !this.isActive; this.isActive = !this.isActive;
if(this.isActive){
$.ajax({
url: "api/usr",
data: {
userid: _userid,
bookmark: _bookmark
},
method: "PUT"
}).done(have_result).fail(have_error);
function have_result(res) {
console.log(res);
}
function have_error(err) {
console.log("error: " + err.responseText);
console.log(err);
}
}
}, },
filterForTag: function(tag) { filterForTag: function(tag) {
console.log("link: " +tag); console.log("link: " +tag);

View File

@ -16,20 +16,22 @@ const dbs = {
* -> Array of message schema object ids * -> Array of message schema object ids
* Get ALL known message ids * Get ALL known message ids
*/ */
get: function(req, res) { get: function (req, res) {
model.Messages.find({},{_id: true}).exec() model.Messages.find({}, {
_id: true
}).exec()
.then(results => { .then(results => {
//selects id from message: //selects id from message:
var parsed = []; var parsed = [];
for (var i in results) { for (var i in results) {
parsed.push (results[i]._id); parsed.push(results[i]._id);
} }
res.send(parsed); res.send(parsed);
} ) })
.catch(err => { .catch(err => {
console.log (err); console.log(err);
res.status(500).json(err); res.status(500).json(err);
}); });
}, },
}, },
"msg/id": { "msg/id": {
@ -38,10 +40,10 @@ const dbs = {
* -> Message schema * -> Message schema
* Get a particular message * Get a particular message
*/ */
get: function(req, res) { get: function (req, res) {
model.Messages.findById(req.params.id) .exec(function(err, result) { model.Messages.findById(req.params.id).exec(function (err, result) {
if (err) { if (err) {
console.log (err); console.log(err);
res.status(404).json(err); res.status(404).json(err);
} else { } else {
//console.log(JSON.stringify(result)); //console.log(JSON.stringify(result));
@ -56,22 +58,56 @@ const dbs = {
* -> Message schema * -> Message schema
* Get a particular message * Get a particular message
*/ */
get: function(req, res) { get: function (req, res) {
model.Messages.find( model.Messages.find({
{$text: {$search: req.params.phrase}}) $text: {
.sort({tag:-1}) $search: req.params.phrase
.exec().then(results => { }
//selects id from message: })
var parsed = []; .sort({
for (var i in results) { tag: -1
parsed.push (results[i]._id); })
} .exec().then(results => {
res.send(parsed); //selects id from message:
} ) var parsed = [];
.catch(err => { for (var i in results) {
console.log (err); parsed.push(results[i]._id);
res.status(500).json(err); }
}); res.send(parsed);
})
.catch(err => {
console.log(err);
res.status(500).json(err);
});
},
},
"usr/bookmark/ids": {
/* GET /api/usr/bookmark/ids [no args]
* -> Array of message schema object ids
* Get bookmark message ids
*/
get: function (req, res) {
model.Users.find({
},
function (err, result) {
if (err) {
return res.status(401).json(err.message);
} else {
var parsed = [];
for (var i in result) {
parsed.push(result[i].bookmarks);
}
console.log("bookmarks:" + JSON.stringify(parsed));
res.send(parsed);
}
if (result == null) {
return res.status(500).json("Can save bookmark.")
}
});
}, },
}, },
"msg": { "msg": {
@ -80,7 +116,7 @@ const dbs = {
* -> Message schema * -> Message schema
* Create a new message * Create a new message
*/ */
post: function(req, res) { post: function (req, res) {
/* /*
if ( !(req.body.tags instanceof Array) ) { if ( !(req.body.tags instanceof Array) ) {
return res.status(400).json({ error: "bad request" }); return res.status(400).json({ error: "bad request" });
@ -92,11 +128,13 @@ const dbs = {
message: req.body.message, message: req.body.message,
user: req.body.user, user: req.body.user,
tag: req.body.tag tag: req.body.tag
}, function(err, result) { }, function (err, result) {
if (err) { if (err) {
return res.status(401).json(err.message); return res.status(401).json(err.message);
} else { } else {
res.json({message: "Message created!!"}); res.json({
message: "Message created!!"
});
} }
if (result == null) { if (result == null) {
return res.status(500).json("Can not create message.") return res.status(500).json("Can not create message.")
@ -115,20 +153,22 @@ const dbs = {
* -> Array of tag schema object ids * -> Array of tag schema object ids
* Get ALL known tag ids * Get ALL known tag ids
*/ */
get: function(req, res) { get: function (req, res) {
model.Tags.find({},{_id: true}).exec() model.Tags.find({}, {
_id: true
}).exec()
.then(results => { .then(results => {
//selects id from tag: //selects id from tag:
var parsed = []; var parsed = [];
for (var i in results) { for (var i in results) {
parsed.push (results[i]._id); parsed.push(results[i]._id);
} }
res.send(parsed); res.send(parsed);
} ) })
.catch(err => { .catch(err => {
console.log (err); console.log(err);
res.status(500).json(err); res.status(500).json(err);
}); });
}, },
}, },
"tag/id": { "tag/id": {
@ -137,17 +177,17 @@ const dbs = {
* -> Tag schema * -> Tag schema
* Get a particular tag * Get a particular tag
*/ */
get: function(req, res) { get: function (req, res) {
model.Tags.findById(req.params.id) model.Tags.findById(req.params.id)
.exec(function(err, result) { .exec(function (err, result) {
if (err) { if (err) {
console.log (err); console.log(err);
res.status(404).json(err); res.status(404).json(err);
} else { } else {
//console.log(JSON.stringify(result)); //console.log(req.params.id);
res.json(result); res.json(result);
} }
}); });
}, },
}, },
"usr/id": { "usr/id": {
@ -156,17 +196,19 @@ const dbs = {
* -> User Schema * -> User Schema
* Get a particular user * Get a particular user
*/ */
get: function(req, res) { get: function (req, res) {
model.Users.findById(req.params.id) model.Users.find({
.exec(function(err, result) { _id: req.params.id
if (err) { })
console.log(err); .exec(function (err, result) {
res.status(404).json(err); if (err) {
} else { console.log(err);
//console.log(JSON.stringify(result)); res.status(404).json(err);
res.json(result); } else {
} console.log(result);
}); res.json(result);
}
});
}, },
}, },
"usr": { "usr": {
@ -175,8 +217,8 @@ const dbs = {
* -> User schema * -> User schema
* Create a new user * Create a new user
*/ */
post: function(req, res) { post: function (req, res) {
model.User.create({ model.Users.create({
_id: req.body.id, _id: req.body.id,
name: req.body.name, name: req.body.name,
type: req.body.type, type: req.body.type,
@ -186,12 +228,14 @@ const dbs = {
pwd: req.body.pwd, pwd: req.body.pwd,
abos: req.body.abos, abos: req.body.abos,
bookmarks: req.body.bookmarks, bookmarks: req.body.bookmarks,
}, function(err, result) { }, function (err, result) {
if (err) { if (err) {
console.log (err); console.log(err);
return res.status(401).json(err.message); return res.status(401).json(err.message);
} else { } else {
res.json({message: "User created!!"}); res.json({
message: "User created!!"
});
} }
if (result == null) { if (result == null) {
return res.status(500).json("Can not create user.") return res.status(500).json("Can not create user.")
@ -203,15 +247,41 @@ const dbs = {
* -> User schema * -> User schema
* Change a user * Change a user
*/ */
put: function(req, res) { put: function (req, res) {
model.Users.findById(reg.body._id)
.exec(function(err, entry) { model.Users.find({
if (err) _id: req.body.userid
console.log (err); })
if (entry == null) .exec(function (err, entry) {
return res.status(404).json(err.message); if (err) {
// TODO Catch edge cases console.log(err);
entry.save(function(err, data) { } else {
model.Users.update({
_id: req.body.userid
}, {
bookmarks: req.body.bookmark
}, function (err, data) {
if (err) {
console.log(err);
} else {
res.json({
id: "Bookmark saved"
});
}
if (data == null) {
return res.status(404).json(err.message);
}
});
}
if (entry == null)
return res.status(404).json(err.message);
// TODO Catch edge cases
// TODO Save/Update user // TODO Save/Update user
/* /*
_id: req.body.id, _id: req.body.id,
@ -224,9 +294,8 @@ const dbs = {
abos: req.body.abos, abos: req.body.abos,
bookmarks: req.body.bookmarks, bookmarks: req.body.bookmarks,
*/ */
res.json(data); // res.json(data);
}); });
});
}, },
}, },
}, },
@ -241,7 +310,7 @@ const dbs = {
* Local db: common.config.dbLocalConn * Local db: common.config.dbLocalConn
* TH db: common.config.dbConn * TH db: common.config.dbConn
*/ */
common.mongoose.connect (common.config.dbLocalConn, { common.mongoose.connect(common.config.dbLocalConn, {
useNewUrlParser: true useNewUrlParser: true
}).then(() => { }).then(() => {
console.log("Database connected successfully."); console.log("Database connected successfully.");
@ -258,47 +327,83 @@ const dbs = {
* - per entry: _comment: Comment for Admin UI - TODO: not working yet * - per entry: _comment: Comment for Admin UI - TODO: not working yet
*/ */
var messageSchema = common.mongoose.Schema({ var messageSchema = common.mongoose.Schema({
subject: { type: String, required: true, subject: {
_comment: "" }, type: String,
message: { type: String, required: true, required: true,
_comment: "" }, _comment: ""
user: { type: String, required: true, },
_comment: "" }, message: {
tag: { type: [String], type: String,
_comment: "" }, required: true,
_comment: ""
},
user: {
type: String,
required: true,
_comment: ""
},
tag: {
type: [String],
_comment: ""
},
//createtime: { type: Date, default: Date.now }, //createtime: { type: Date, default: Date.now },
}); });
messageSchema.index({ "$**":'text' }); messageSchema.index({
"$**": 'text'
});
model.Messages = common.mongoose.model('messages', messageSchema); model.Messages = common.mongoose.model('messages', messageSchema);
model.Messages._list = [ "" ]; model.Messages._list = [""];
var tagSchema = common.mongoose.Schema({ var tagSchema = common.mongoose.Schema({
name: { type: String, required: true, name: {
_comment: "" }, //unique type: String,
required: true,
_comment: ""
}, //unique
}); });
model.Tags = common.mongoose.model('tags', messageSchema); model.Tags = common.mongoose.model('tags', messageSchema);
model.Tags._list = [ "" ]; model.Tags._list = [""];
var userSchema = common.mongoose.Schema({ var userSchema = common.mongoose.Schema({
_id: { type: String }, /*_id: {
name: { type: String, required: true, type: String
_comment: "" }, },*/
pwd: { type: String, name: {
_comment: "" }, type: String,
hash: { type: String }, required: true,
salt: { type: String }, _comment: ""
type: { type: String }, },
roles: { type: [String], required: true, pwd: {
_comment: "" }, type: String,
abos: { type: [String], _comment: ""
_comment: "" }, },
hash: {
type: String
},
salt: {
type: String
},
type: {
type: String
},
roles: {
type: [String],
required: true,
_comment: ""
},
abos: {
type: [String],
_comment: ""
},
//deactivated: { type: Boolean }, //deactivated: { type: Boolean },
//host: { type: Boolean }, //host: { type: Boolean },
bookmarks: { type: [String], bookmarks: {
_comment: "" }, type: [String],
_comment: ""
},
}); });
model.Users = common.mongoose.model('users', userSchema); model.Users = common.mongoose.model('users', userSchema);
model.Users._list = [ "" ]; model.Users._list = [""];
}, },
models: model, models: model,
}; };