yadamskaya · ghost · Feb 17, 2018 · Feb 17, 2018 · Feb 19, 2018 · Feb 22, 2018
diff --git a/.gitignore b/.gitignore
diff --git a/UI/images/1.jpg b/UI/images/1.jpg
diff --git a/UI/images/10.jpg b/UI/images/10.jpg
diff --git a/UI/images/101.png b/UI/images/101.png
diff --git a/UI/images/102.png b/UI/images/102.png
diff --git a/UI/images/103.png b/UI/images/103.png
diff --git a/UI/images/11.jpg b/UI/images/11.jpg
diff --git a/UI/images/12.jpg b/UI/images/12.jpg
diff --git a/UI/images/13.jpg b/UI/images/13.jpg
diff --git a/UI/images/14.jpg b/UI/images/14.jpg
diff --git a/UI/images/15.jpg b/UI/images/15.jpg
diff --git a/UI/images/16.jpg b/UI/images/16.jpg
diff --git a/UI/images/16_1.jpg b/UI/images/16_1.jpg
diff --git a/UI/images/17.jpg b/UI/images/17.jpg
diff --git a/UI/images/18.jpg b/UI/images/18.jpg
diff --git a/UI/images/19.jpg b/UI/images/19.jpg
diff --git a/UI/images/19_1.jpg b/UI/images/19_1.jpg
diff --git a/UI/images/19_2.jpg b/UI/images/19_2.jpg
diff --git a/UI/images/1_1.jpg b/UI/images/1_1.jpg
diff --git a/UI/images/2.jpg b/UI/images/2.jpg
diff --git a/UI/images/20.jpg b/UI/images/20.jpg
diff --git a/UI/images/21.jpg b/UI/images/21.jpg
diff --git a/UI/images/22.jpg b/UI/images/22.jpg
diff --git a/UI/images/3.jpg b/UI/images/3.jpg
diff --git a/UI/images/4.jpg b/UI/images/4.jpg
diff --git a/UI/images/5.jpg b/UI/images/5.jpg
diff --git a/UI/images/5_1.jpg b/UI/images/5_1.jpg
diff --git a/UI/images/6.jpg b/UI/images/6.jpg
diff --git a/UI/images/7.jpg b/UI/images/7.jpg
diff --git a/UI/images/7_1.jpg b/UI/images/7_1.jpg
diff --git a/UI/images/8.jpg b/UI/images/8.jpg
diff --git a/UI/images/9.jpg b/UI/images/9.jpg
diff --git a/UI/images/body.jpg b/UI/images/body.jpg
diff --git a/UI/images/delete.png b/UI/images/delete.png
diff --git a/UI/images/edit.png b/UI/images/edit.png
diff --git a/UI/images/email.png b/UI/images/email.png
diff --git a/UI/images/heart1.png b/UI/images/heart1.png
diff --git a/UI/images/insta.png b/UI/images/insta.png
diff --git a/UI/images/search.png b/UI/images/search.png
diff --git a/UI/images/vk.png b/UI/images/vk.png
diff --git a/UI/index.html b/UI/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Marshmallows</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+<header>
+    <div class="logo">Marshmallows</div>
+    <div class="menu">
+        <a href="index.html" class="home">Home</a>
+        <form action="" method="get" class="search">
+            <!--1search-->
+            <input type="text" placeholder=" search by date...">
+            <!--2search-->
+            <input type="text" placeholder=" search by name...">
+            <!--3search-->
+            <input type="text" list="hashTag" placeholder=" search by hashTag...">
+            <datalist id="hashTag">
+                <option>#nature</option>
+                <option>#food</option>
+                <option>#coffe</option>
+                <option>#flowers</option>
+            </datalist>
+
+            <button type="submit" class="button_search"><img src="images/search.png"/></button>
+        </form>
+        <a href="" class="sign_out">Sign out</a>
+    </div>
+</header>
+<main>
+    <div class="site_content">
+        <!--&lt;!&ndash;1photo&ndash;&gt;-->
+        <!--<div class="photo_post">-->
+        <!--<div class="post">-->
+        <!--<div class="image_name_date">-->
+        <!--<img class="post_image" src="images/103.png"/>-->
+        <!--<p class="name">Murashko Yuliya</p>-->
+        <!--<p class="date_post">06.03.2018</p>-->
+        <!--</div>-->
+        <!--</div>-->
+        <!--<img class="photo" src="images/1_1.jpg">-->
+        <!--<div class="entry">-->
+        <!--<p class="description">Text...</p>-->
+        <!--<p class="hashTag">#coffe</p>-->
+        <!--<div class="like"> <p>Like: </p><p>author1, author2</p>-->
+        <!--</div>-->
+        <!--</div>-->
+        <!--<button type="button" class="put_like"><img src="images/heart1.png" alt="like"/></button>-->
+        <!--</div>-->
+
+        <!--<button type="button" class="download"><b>...</b></button>-->
+
+    </div>
+    <div class="avatar">
+        <img class="avatar_image" src="images/101.png"/>
+        <div class="name">
+            <p><b>Adamskaya Yuliya</b></p>
+            <a href=""><i>Add post</i></a>
+            <div class="line"></div>
+        </div>
+    </div>
+</main>
+<footer>
+    <div class="logo_footer">Marshmallows</div>
+    <div class="footer_icon">
+        <button type="button" class="vk"><img src="images/vk.png" alt="vk"/></button>
+        <button type="button" class="email"><img src="images/email.png" alt="email"/></button>
+        <button type="button" class="insta"><img src="images/insta.png" alt="instagram"/></button>
+    </div>
+    <p class="data">Adamskaya Yuliya 2 course 6 group<br>03.03.2018</p>
+</footer>
+<script src="DOM.js"></script>
+</body>
+</html>
+
diff --git a/UI/script.js b/UI/script.js
@@ -0,0 +1,305 @@
+(function () {
+        var photoPosts = [{
+            id: '1',
+            description: 'Text',
+            createdAt: new Date('2018-03-01T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/1.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author1", "author2"]
+        }, {
+            id: '2',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Murashko Yuliya',
+            photoLink: 'images/2.jpg',
+            hashTag: ['#hashTag'],
+            like: ["author1"]
+        }, {
+            id: '3',
+            description: 'Text',
+            createdAt: new Date('2018-02-28T23:00:00'),
+            author: 'Ambrosyonok Marina',
+            photoLink: 'images/3.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author2"]
+        }, {
+            id: '4',
+            description: 'Text',
+            createdAt: new Date('2018-02-27T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/4.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author1", "author2", "author3"]
+        }, {
+            id: '5',
+            description: 'Text',
+            createdAt: new Date('2018-02-20T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/5.jpg',
+            hashTag: ['#hashtag_2'],
+            like: ["author1", "author2"]
+        }, {
+            id: '6',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Ambrosyonok Marina',
+            photoLink: 'images/6.jpg',
+            hashTag: ['#hashtag_10'],
+            like: ["author1", "author2"]
+        }, {
+            id: '7',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/7.jpg',
+            hashTag: ['#hashTag'],
+            like: ["author3"]
+        }, {
+            id: '8',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Murashko Yuliya',
+            photoLink: 'images/8.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author2"]
+        }, {
+            id: '9',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/9.jpg',
+            hashTag: ['#hashtag_11'],
+            like: ["author1", "author3"]
+        }, {
+            id: '10',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/10.jpg',
+            hashTag: ['#hashtag_5'],
+            like: ["author1", "author2"]
+        }, {
+            id: '11',
+            description: 'Text',
+            createdAt: new Date('2018-03-01T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/11.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author1", "author2"]
+        }, {
+            id: '12',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Murashko Yuliya',
+            photoLink: 'images/12.jpg',
+            hashTag: ['#hashTag'],
+            like: ["author1"]
+        }, {
+            id: '13',
+            description: 'Text',
+            createdAt: new Date('2018-02-28T23:00:00'),
+            author: 'Ambrosyonok Marina',
+            photoLink: 'images/13.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author2"]
+        }, {
+            id: '14',
+            description: 'Text',
+            createdAt: new Date('2018-02-27T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/14.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author1", "author2", "author3"]
+        }, {
+            id: '15',
+            description: 'Text',
+            createdAt: new Date('2018-02-20T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/15.jpg',
+            hashTag: ['#hashtag_2'],
+            like: ["author1", "author2"]
+        }, {
+            id: '16',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Ambrosyonok Marina',
+            photoLink: 'images/16.jpg',
+            hashTag: ['#hashtag_10'],
+            like: ["author1", "author2"]
+        }, {
+            id: '17',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/17.jpg',
+            hashTag: ['#hashTag'],
+            like: ["author3"]
+        }, {
+            id: '18',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Murashko Yuliya',
+            photoLink: 'images/18.jpg',
+            hashTag: ['#hashtag_1'],
+            like: ["author2"]
+        }, {
+            id: '19',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/19.jpg',
+            hashTag: ['#hashtag_11'],
+            like: ["author1", "author3"]
+        }, {
+            id: '20',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T23:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/20.jpg',
+            hashTag: ['#hashtag_5'],
+            like: ["author1", "author2"]
+        }];
+
+        function compareDate(a, b) {
+            return (a.createdAt) - (b.createdAt);
+        }
+
+        function filterAuthor(photoPosts, author) {
+            var result = [];
+            for (var item in photoPosts) {
+                if (photoPosts[item].author === author) {
+                    result.push(photoPosts[item]);
+                }
+            }
+            return result;
+        }
+
+        function filterHashtag(photoPosts, hashtag) {
+            var result = [];
+            for (var item in photoPosts) {
+                if (photoPosts[item].hashTag === hashtag) {
+                    result.push(photoPosts[item]);
+                }
+            }
+            return result;
+        }
+
+        function getPhotoPosts(skip, top, filterConfig) {
+            var resultArray = [];
+            if (filterConfig === undefined) {
+                return photoPosts.sort(compareDate).slice(skip, skip + top);
+            } else {
+                resultArray = photoPosts.sort(compareDate).slice(skip, skip + top);
+                if (filterConfig.author !== undefined) {
+                    resultArray = filterAuthor(resultArray, filterConfig.author);
+                }
+                if (filterConfig.hashTag !== undefined) {
+                    resultArray = filterHashtag(resultArray, filterConfig.hashTag);
+                }
+            }
+            return resultArray;
+        }
+
+        function getPhotoPost(id) {
+            for (var item in photoPosts) {
+                if (photoPosts[item].id === id) {
+                    return photoPosts[item];
+                }
+            }
+        }
+
+        function validatePhotoPost(photoPost) {
+            if (typeof(photoPost.id) !== "string" || typeof(photoPost.author) !== "string" || typeof(photoPost.description) !== "string"
+                || typeof(photoPost.photoLink) !== "string") {
+                return false;
+            }
+            if (photoPost.id.trim() === "" || photoPost.author.trim() === "" || photoPost.description.trim() === "" || photoPost.photoLink.trim() === ""
+                || photoPost.hashTag.length === 0 || photoPost.like.length === 0) {
+                return false;
+            }
+            for (var item in photoPost.hashTag) {
+                if (typeof(photoPost.hashTag[item]) !== "string" || photoPost.hashTag[item].trim() === "") {
+                    return false;
+                }
+            }
+
+            for (var item in photoPost.like) {
+                if (typeof(photoPost.like[item]) !== "string" || photoPost.like[item].trim() === "") {
+                    return false;
+                }
+            }
+
+            if (!photoPost.createdAt instanceof Date) {
+                return false;
+            }
+            return true;
+        }
+
+        function removePhotoPost(id) {
+            for (var item in photoPosts) {
+                if (photoPosts[item].id === id) {
+                    photoPosts = photoPosts.splice(item, 1);
+                    return true;
+                }
+                return false;
+            }
+        }
+
+        function addPhotoPost(objectPhotoPost) {
+            if (validatePhotoPost(objectPhotoPost)) {
+                photoPosts.push(objectPhotoPost);
+                return true;
+            }
+            return false;
+        }
+
+        function editPhotoPost(id, objectPhotoPost) {
+            if (validatePhotoPost(objectPhotoPost)) {
+                if (!objectPhotoPost) {
+                    return false;
+                }
+                if (id === undefined) {
+                    return false;
+                }
+                for (var item in photoPosts) {
+                    if (photoPosts[item].id === id) {
+                        var post = photoPosts[item];
+                        if (objectPhotoPost.photoLink !== undefined && objectPhotoPost.photoLink !== 0) {
+                            post.photoLink = objectPhotoPost.photoLink;
+                        }
+                        if (objectPhotoPost.description !== undefined && objectPhotoPost.description !== 0 && objectPhotoPost.description.length < 200) {
+
+                            post.description = objectPhotoPost.description;
+                        }
+                        if (objectPhotoPost.hashTag !== undefined && objectPhotoPost.hashTag.length > 0) {
+
+                            post.hashTag = objectPhotoPost.hashTag;
+                        }
+                        photoPosts[item] = post;
+                        console.log(post);
+                        return true;
+                    }
+                }
+            }
+            return false;
+        }
+
+        console.log(getPhotoPosts(0, 10));
+        console.log(getPhotoPosts(0, 10, {hashTag: "#hashtag_1", author: "Adamskaya Yuliya"}));
+        console.log(getPhotoPost("8"));
+        addPhotoPost({
+            id: '21',
+            description: 'Text',
+            createdAt: new Date('2018-02-23T21:00:00'),
+            author: 'Adamskaya Yuliya',
+            photoLink: 'images/21.jpg',
+            hashTag: ['#hashtag_1', '#hashtag_2'],
+            like: ['author21']
+        });
+        removePhotoPost('4');
+        editPhotoPost('1', {hashTag: ['#hashtag_1', '#hashtag_8']});
+        getPhotoPost('1');
+    }
+
+)();