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

mong_usr.js

@@ -1,10 +1,12 @@
-db.user.insert([
+db.users.insert([
     // author,OHMNEWS2019
     {"_id":"author","name":"Test Author","type":"author","roles":["user","author"],"hash":"sha256","salt":"cy5CkPrplcEze6o4psURhw==","pwd":"Gc8ozlxjEGITkS+fW9tz2xLROzws44s04EOCWuP04qE=","tags":["wichtig","th"],"bookmarks":["th"],},
     // admin,oZuse1
     {"_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'),
 //    e = {"_id":"writer","hash":"sha256"};
 //c.fillLocalAuth(e,"pwd");

public/routes/auth.js

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

public/routes/bookmark.js

@@ -1,120 +1,68 @@
 const BookmarkRouter = {
     template: `
 <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 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>`,
 
     data: function () {
         return {
+            messagelist: _messagelist,
             messages: _messages,
-            isActive: false,
+            isActive: true,
+            messageId: '',
+        }
+    },
+    computed:{
+        msgDisplay: function(){
+            return (this.messagelist.slice().reverse());
         }
     },
     methods: {
-        myFilter () {
+        myFilter: function() {
             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();
+    }
 };

public/routes/msgCard.js

@@ -2,6 +2,7 @@ Vue.component('MsgCard', {
     template: `<div class="om-card card">
                 <h6 class="msg-head">
                 <b>{{ msg.subject }}</b>
+                <div id="msgid">{{msg._id}}</div>
                 <img src="favicon.ico" width=20px height=20px>
                 </h6>
                 {{ msg.message }}<br>
@@ -11,8 +12,8 @@ Vue.component('MsgCard', {
                 <div class="om-card-footer"> <div class="om-user-line">
                 <i class="material-icons">account_circle</i>
                 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>`,
     props: ['msg'],
 
@@ -23,8 +24,33 @@ Vue.component('MsgCard', {
     },
 
     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;
+            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) {
             console.log("link: " +tag);

server/dbs.js

@@ -17,7 +17,9 @@ const dbs = {
              * Get ALL known message ids
              */
             get: function (req, res) {
-                model.Messages.find({},{_id: true}).exec()
+                model.Messages.find({}, {
+                        _id: true
+                    }).exec()
                     .then(results => {
                         //selects id from message:
                         var parsed = [];
@@ -57,9 +59,14 @@ const dbs = {
              * Get a particular message
              */
             get: function (req, res) {
-                model.Messages.find(
+                model.Messages.find({
-                    {$text: {$search: req.params.phrase}})
+                        $text: {
-                    .sort({tag:-1})
+                            $search: req.params.phrase
+                        }
+                    })
+                    .sort({
+                        tag: -1
+                    })
                     .exec().then(results => {
                         //selects id from message:
                         var parsed = [];
@@ -74,6 +81,35 @@ const dbs = {
                     });
             },
         },
+
+        "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": {
             /* POST /api/msg
              * <- Message schema
@@ -96,7 +132,9 @@ const dbs = {
                     if (err) {
                         return res.status(401).json(err.message);
                     } else {
-                        res.json({message: "Message created!!"});
+                        res.json({
+                            message: "Message created!!"
+                        });
                     }
                     if (result == null) {
                         return res.status(500).json("Can not create message.")
@@ -116,7 +154,9 @@ const dbs = {
              * Get ALL known tag ids
              */
             get: function (req, res) {
-                model.Tags.find({},{_id: true}).exec()
+                model.Tags.find({}, {
+                        _id: true
+                    }).exec()
                     .then(results => {
                         //selects id from tag:
                         var parsed = [];
@@ -144,7 +184,7 @@ const dbs = {
                             console.log(err);
                             res.status(404).json(err);
                         } else {
-                        //console.log(JSON.stringify(result));
+                            //console.log(req.params.id);
                             res.json(result);
                         }
                     });
@@ -157,13 +197,15 @@ const dbs = {
              * Get a particular user
              */
             get: function (req, res) {
-                model.Users.findById(req.params.id)
+                model.Users.find({
+                        _id: req.params.id
+                    })
                     .exec(function (err, result) {
                         if (err) {
                             console.log(err);
                             res.status(404).json(err);
                         } else {
-                        //console.log(JSON.stringify(result));
+                            console.log(result);
                             res.json(result);
                         }
                     });
@@ -176,7 +218,7 @@ const dbs = {
              * Create a new user
              */
             post: function (req, res) {
-                model.User.create({
+                model.Users.create({
                     _id: req.body.id,
                     name: req.body.name,
                     type: req.body.type,
@@ -191,7 +233,9 @@ const dbs = {
                         console.log(err);
                         return res.status(401).json(err.message);
                     } else {
-                        res.json({message: "User created!!"});
+                        res.json({
+                            message: "User created!!"
+                        });
                     }
                     if (result == null) {
                         return res.status(500).json("Can not create user.")
@@ -204,14 +248,40 @@ const dbs = {
              * Change a user
              */
             put: function (req, res) {
-                model.Users.findById(reg.body._id)
+
+                model.Users.find({
+                        _id: req.body.userid
+                    })
                     .exec(function (err, entry) {
-                    if (err)
+                        if (err) {
                             console.log(err);
+                        } 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
-                    entry.save(function(err, data) {
+
                         // TODO Save/Update user
                         /*
                         _id: req.body.id,
@@ -224,8 +294,7 @@ const dbs = {
                         abos: req.body.abos,
                         bookmarks: req.body.bookmarks,
                         */
-                        res.json(data);
+                        // res.json(data);
-                    });
                     });
             },
         },
@@ -258,44 +327,80 @@ const dbs = {
          * - per entry: _comment: Comment for Admin UI - TODO: not working yet
          */
         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 },
         });
-        messageSchema.index({ "$**":'text' });
+        messageSchema.index({
+            "$**": 'text'
+        });
         model.Messages = common.mongoose.model('messages', messageSchema);
         model.Messages._list = [""];
 
         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._list = [""];
 
         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 },
             //host: { type: Boolean },
-            bookmarks: { type: [String],
+            bookmarks: {
-                      _comment: "" },
+                type: [String],
+                _comment: ""
+            },
         });
         model.Users = common.mongoose.model('users', userSchema);
         model.Users._list = [""];