{"id":11,"date":"2025-06-18T01:57:33","date_gmt":"2025-06-18T01:57:33","guid":{"rendered":"https:\/\/www.redwaver.com\/index.php\/redwaver-social\/"},"modified":"2025-06-18T01:57:33","modified_gmt":"2025-06-18T01:57:33","slug":"redwaver-social","status":"publish","type":"page","link":"https:\/\/www.redwaver.com\/index.php\/redwaver-social\/","title":{"rendered":"Redwaver Social"},"content":{"rendered":"\r\n<div class=\"pawsome-date-social-feed\">\r\n            <div class=\"pawsome-date-notice pawsome-date-info\">\r\n            Please <a href=\"https:\/\/www.redwaver.com\/wp-login.php?redirect_to=https%3A%2F%2Fwww.redwaver.com%2Findex.php%2Fredwaver-social%2F\">log in<\/a> to create posts and interact with the community.        <\/div>\r\n        \r\n    <div class=\"pawsome-date-posts-timeline\">\r\n        <h3>Recent Posts<\/h3>\r\n        \r\n                    <div class=\"pawsome-date-notice pawsome-date-info\">\r\n                No posts found.            <\/div>\r\n            <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.pawsome-date-social-feed {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.pawsome-date-post-form {\r\n    background-color: #fff;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    margin-bottom: 30px;\r\n    box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n}\r\n\r\n.pawsome-date-char-count {\r\n    text-align: right;\r\n    font-size: 12px;\r\n    color: #666;\r\n    margin-top: 5px;\r\n}\r\n\r\n.pawsome-date-image-preview {\r\n    margin: 10px 0;\r\n    position: relative;\r\n}\r\n\r\n.pawsome-date-image-preview img {\r\n    max-width: 100%;\r\n    max-height: 200px;\r\n    border-radius: 8px;\r\n}\r\n\r\n.pawsome-date-remove-image {\r\n    position: absolute;\r\n    top: 5px;\r\n    right: 5px;\r\n    background-color: rgba(0,0,0,0.5);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 24px;\r\n    height: 24px;\r\n    font-size: 16px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n}\r\n\r\n.pawsome-date-post {\r\n    background-color: #fff;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n}\r\n\r\n.pawsome-date-post-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.pawsome-date-post-user {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.pawsome-date-user-avatar {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    margin-right: 10px;\r\n    object-fit: cover;\r\n}\r\n\r\n.pawsome-date-user-avatar-placeholder {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    margin-right: 10px;\r\n    background-color: #e9ecef;\r\n}\r\n\r\n.pawsome-date-post-user-name {\r\n    font-weight: bold;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.pawsome-date-post-meta {\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n\r\n.pawsome-date-post-privacy {\r\n    margin-left: 10px;\r\n}\r\n\r\n.pawsome-date-post-actions {\r\n    display: flex;\r\n    gap: 5px;\r\n}\r\n\r\n.pawsome-date-post-action-button {\r\n    background: none;\r\n    border: none;\r\n    color: #666;\r\n    cursor: pointer;\r\n    padding: 5px;\r\n}\r\n\r\n.pawsome-date-post-action-button:hover {\r\n    color: #0073aa;\r\n}\r\n\r\n.pawsome-date-post-content {\r\n    margin-bottom: 15px;\r\n    white-space: pre-line;\r\n}\r\n\r\n.pawsome-date-post-image {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.pawsome-date-post-image img {\r\n    max-width: 100%;\r\n    border-radius: 8px;\r\n}\r\n\r\n.pawsome-date-post-stats {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 10px 0;\r\n    border-top: 1px solid #eee;\r\n    border-bottom: 1px solid #eee;\r\n    margin-bottom: 10px;\r\n    font-size: 14px;\r\n    color: #666;\r\n}\r\n\r\n.pawsome-date-post-interactions {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.pawsome-date-interaction-button {\r\n    flex: 1;\r\n    background: none;\r\n    border: none;\r\n    padding: 8px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    color: #666;\r\n    text-align: center;\r\n    border-radius: 4px;\r\n}\r\n\r\n.pawsome-date-interaction-button:hover {\r\n    background-color: #f8f9fa;\r\n    color: #0073aa;\r\n}\r\n\r\n.pawsome-date-interaction-button.active {\r\n    color: #e91e63;\r\n}\r\n\r\n.pawsome-date-comments-section {\r\n    margin-top: 15px;\r\n    border-top: 1px solid #eee;\r\n    padding-top: 15px;\r\n}\r\n\r\n.pawsome-date-comments-list {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.pawsome-date-comment {\r\n    display: flex;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.pawsome-date-user-avatar-small {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    margin-right: 10px;\r\n    object-fit: cover;\r\n}\r\n\r\n.pawsome-date-user-avatar-placeholder-small {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    margin-right: 10px;\r\n    background-color: #e9ecef;\r\n}\r\n\r\n.pawsome-date-comment-content {\r\n    flex: 1;\r\n}\r\n\r\n.pawsome-date-comment-bubble {\r\n    background-color: #f8f9fa;\r\n    border-radius: 18px;\r\n    padding: 8px 12px;\r\n    display: inline-block;\r\n    max-width: 100%;\r\n}\r\n\r\n.pawsome-date-comment-author {\r\n    font-weight: bold;\r\n    margin-bottom: 3px;\r\n    font-size: 14px;\r\n}\r\n\r\n.pawsome-date-comment-text {\r\n    font-size: 14px;\r\n}\r\n\r\n.pawsome-date-comment-meta {\r\n    font-size: 12px;\r\n    color: #666;\r\n    margin-top: 3px;\r\n    margin-left: 12px;\r\n}\r\n\r\n.pawsome-date-view-more-comments {\r\n    text-align: center;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.pawsome-date-view-more-link {\r\n    color: #0073aa;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n}\r\n\r\n.pawsome-date-comment-form {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.pawsome-date-comment-input-wrapper {\r\n    display: flex;\r\n    width: 100%;\r\n    border: 1px solid #ddd;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    background-color: #f8f9fa;\r\n}\r\n\r\n.pawsome-date-comment-input-wrapper textarea {\r\n    flex: 1;\r\n    border: none;\r\n    padding: 8px 12px;\r\n    resize: none;\r\n    background-color: transparent;\r\n    min-height: 36px;\r\n}\r\n\r\n.pawsome-date-comment-submit {\r\n    background: none;\r\n    border: none;\r\n    padding: 8px 12px;\r\n    cursor: pointer;\r\n    color: #0073aa;\r\n}\r\n\r\n.pawsome-date-pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 30px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.pawsome-date-pagination-link,\r\n.pawsome-date-pagination-current,\r\n.pawsome-date-pagination-dots {\r\n    margin: 0 5px;\r\n    padding: 5px 10px;\r\n}\r\n\r\n.pawsome-date-pagination-link {\r\n    text-decoration: none;\r\n    color: #0073aa;\r\n    border: 1px solid #ddd;\r\n    border-radius: 3px;\r\n}\r\n\r\n.pawsome-date-pagination-link:hover {\r\n    background-color: #f8f9fa;\r\n}\r\n\r\n.pawsome-date-pagination-current {\r\n    background-color: #0073aa;\r\n    color: #fff;\r\n    border-radius: 3px;\r\n    font-weight: bold;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .pawsome-date-post-interactions {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .pawsome-date-interaction-button {\r\n        width: 100%;\r\n    }\r\n    \r\n    .pawsome-date-post-stats {\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .pawsome-date-post-stat {\r\n        flex: 1;\r\n        min-width: 80px;\r\n        text-align: center;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n    \/\/ Character counter for post content\r\n    $('#post_content').on('input', function() {\r\n        var maxLength = $(this).attr('maxlength');\r\n        var currentLength = $(this).val().length;\r\n        $('#post_content_count').text(currentLength);\r\n        \r\n        if (currentLength > maxLength * 0.9) {\r\n            $('#post_content_count').css('color', '#e91e63');\r\n        } else {\r\n            $('#post_content_count').css('color', '');\r\n        }\r\n    });\r\n    \r\n    \/\/ Toggle comments section\r\n    $('.toggle-comments').on('click', function() {\r\n        var postId = $(this).data('post-id');\r\n        $('#comments-' + postId).slideToggle();\r\n    });\r\n    \r\n    \/\/ Auto-resize comment textarea\r\n    $('textarea[name=\"comment_content\"]').on('input', function() {\r\n        this.style.height = 'auto';\r\n        this.style.height = (this.scrollHeight) + 'px';\r\n    });\r\n    \r\n    \/\/ Preview image before upload\r\n    $('#post_image').on('change', function() {\r\n        var file = this.files[0];\r\n        if (file) {\r\n            var reader = new FileReader();\r\n            reader.onload = function(e) {\r\n                if ($('.pawsome-date-image-preview').length === 0) {\r\n                    $('<div class=\"pawsome-date-image-preview\"><img decoding=\"async\" src=\"' + e.target.result + '\"><button type=\"button\" class=\"pawsome-date-remove-image\">&times;<\/button><\/div>').insertAfter('#post_image');\r\n                } else {\r\n                    $('.pawsome-date-image-preview img').attr('src', e.target.result);\r\n                }\r\n            }\r\n            reader.readAsDataURL(file);\r\n        }\r\n    });\r\n    \r\n    \/\/ Remove preview image\r\n    $(document).on('click', '.pawsome-date-remove-image', function() {\r\n        $('#post_image').val('');\r\n        $('.pawsome-date-image-preview').remove();\r\n    });\r\n    \r\n    \/\/ Confirm post deletion\r\n    $('.pawsome-date-post-delete').on('click', function() {\r\n        if (confirm('Are you sure you want to delete this post? This action cannot be undone.')) {\r\n            var postId = $(this).data('post-id');\r\n            \/\/ AJAX call to delete post would go here\r\n            alert('Post deletion functionality will be implemented soon.');\r\n        }\r\n    });\r\n    \r\n    \/\/ Edit post\r\n    $('.pawsome-date-post-edit').on('click', function() {\r\n        var postId = $(this).data('post-id');\r\n        \/\/ AJAX call to get post data and show edit form would go here\r\n        alert('Post editing functionality will be implemented soon.');\r\n    });\r\n    \r\n    \/\/ Share post\r\n    $('.toggle-share').on('click', function() {\r\n        var postId = $(this).data('post-id');\r\n        var postUrl = window.location.href.split('?')[0] + '#post-' + postId;\r\n        \r\n        \/\/ Create a temporary input to copy the URL\r\n        var $temp = $('<input>');\r\n        $('body').append($temp);\r\n        $temp.val(postUrl).select();\r\n        document.execCommand('copy');\r\n        $temp.remove();\r\n        \r\n        alert('Post URL copied to clipboard!');\r\n    });\r\n});\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.redwaver.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.redwaver.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.redwaver.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.redwaver.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.redwaver.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":0,"href":"https:\/\/www.redwaver.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.redwaver.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}