';
diff --git a/modules/content-board/lib/content-board-print.css b/modules/content-board/lib/content-board-print.css
index bee46dd1..e68e162e 100644
--- a/modules/content-board/lib/content-board-print.css
+++ b/modules/content-board/lib/content-board-print.css
@@ -18,7 +18,11 @@ footer,
.change-date,
#pp-content-filters .clear-filter,
.pp-content-board-manage,
-.pp-version-notice-bold-purple {
+.pp-version-notice-bold-purple,
+.board-title-content .co-filter,
+.board-title-content .content-board-modal,
+.content-board-table-wrap .statuses-contents .status-content[data-counts="0"],
+.content-board-table-wrap .board-content .content-item .post-action {
display: none;
}
@@ -104,19 +108,22 @@ a {
text-shadow: none;
}
-table.content-board {
+.content-board-table-wrap {
background: white;
- padding: 15px;
- border: 1px solid rgb( 101, 111, 125 );
- border-radius: 0.5rem;
- border-left-width: 1px;
margin-top: 10px;
padding-top: 5px;
}
-table.content-board tr td {
- border-top: 1px solid rgb(240, 241, 243);
- border-bottom: 1px solid rgb(240, 241, 243);
+.content-board-table-wrap .statuses-contents .content-wrap {
+ display: flex;
+ column-gap: 30px;
+}
+
+.content-board-table-wrap .statuses-contents .status-content {
+ width: 100%;
+ min-width: 234px;
+ max-width: 234px;
+ margin-right: 15px;
}
.pp-content-board-filters {
@@ -127,6 +134,142 @@ table.content-board tr td {
width: 100%;
}
+.content-board-table-wrap .statuses-contents .status-content {
+ width: 100%;
+ min-width: 234px;
+ max-width: 234px;
+ margin-right: 15px;
+}
+
+.content-board-table-wrap .board-title {
+ width: 100%;
+ border-radius: .25rem .25rem;
+ box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .106), 0 .0625rem .125rem -.0625rem rgba(0, 0, 0, .106);
+ background-color: rgb(255, 255, 255);
+ border-top: 2px solid;
+ border-top-color: rgb(135, 144, 158);
+ position: relative;
+ align-items: center;
+ flex-basis: 169px;
+ overflow: hidden;
+ margin-bottom: 15px;
+ margin-right: 20px;
+}
+
+.content-board-table-wrap .board-title .board-title-content {
+ display: flex;
+ justify-content: space-between;
+ padding: 12px;
+ padding-left: 0;
+}
+
+.content-board-table-wrap .board-title .status-title-count {
+ font-size: 11px;
+ font-weight: 500;
+ line-height: 1;
+ height: 20px;
+ border-radius: 20px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 6px;
+ min-width: 25px;
+ background-color: transparent;
+}
+
+.content-board-table-wrap .board-title .title-text {
+ display: flex;
+ align-items: center;
+ overflow: hidden;
+ margin-right: 8px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-size: 13px;
+ font-weight: 500;
+ line-height: 1.3;
+ margin: 0;
+ color: rgb(42, 46, 52);
+ text-transform: uppercase;
+}
+
+.content-board-table-wrap .statuses-contents .content-wrap {
+ display: flex;
+ column-gap: 30px;
+}
+
+.content-board-table-wrap .statuses-contents .status-content {
+ width: 100%;
+ min-width: 234px;
+ max-width: 234px;
+ margin-right: 15px;
+}
+
+.content-board-table-wrap .board-content {
+ width: 100%;
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+}
+
+.content-board-table-wrap .board-content .content-item {
+ background-color: rgb(255, 255, 255);
+ box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .055), 0 .0625rem .125rem rgba(0, 0, 0, .055);
+ border-radius: .25rem;
+ border: 1px solid rgb(232, 234, 237);
+ margin: 6px 0 6px 0;
+ border-end-start-radius: .25rem;
+ border-end-end-radius: .25rem;
+}
+
+.content-board-table-wrap .board-content .content-item .content-item-post {
+ padding: 7px 10px 2px;
+ min-width: 0;
+ flex-grow: 1;
+}
+
+.content-board-table-wrap .board-content .content-item .content-item-post .post-date {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: flex;
+ align-items: center;
+ margin: 0 0 7px;
+ font-size: 10px;
+ font-weight: 400;
+ line-height: 1.2;
+ color: #544d61;
+}
+
+.content-board-table-wrap .board-content .content-item .content-item-post .post-title {
+ margin: 0;
+ color: #544d61;
+ font-size: 0;
+ position: relative;
+}
+
+.content-board-table-wrap .board-content .content-item .content-item-post .post-title .post-title-text {
+ cursor: pointer;
+ font-size: .875rem;
+ font-weight: 500;
+ line-height: 1.5;
+ margin-right: 4px;
+ border-radius: 4px;
+ color: rgb(42, 46, 52);
+}
+
+.content-board-table-wrap .board-content .content-item .content-item-post .post-meta {
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1px solid rgb(240, 241, 243);
+ padding: 5px 0 5px 0;
+ color: #bcc0c7;
+ font-size: 13px;
+ color: #50575e;
+ column-gap: 15px;
+}
+
+
.pp-content-board-filters button.clear-filter, .pp-content-board-filters button.co-filter {
white-space: nowrap;
display: inline-block;
diff --git a/modules/content-board/lib/content-board.css b/modules/content-board/lib/content-board.css
index 45e48a5a..205c5c80 100644
--- a/modules/content-board/lib/content-board.css
+++ b/modules/content-board/lib/content-board.css
@@ -554,6 +554,15 @@
margin-bottom: 5px;
}
+.content-board-modal.schedule-date-modal .schedule-date-options {
+ display: flex;
+ min-width: 200px;
+}
+
+.content-board-modal.schedule-date-modal .schedule-date-options select {
+ flex: 1;
+}
+
.metadata-item-filter .filter-title {
font-weight: 500;
font-size: 1rem;
diff --git a/modules/content-board/lib/content-board.js b/modules/content-board/lib/content-board.js
index a11763d2..d0d29c2b 100644
--- a/modules/content-board/lib/content-board.js
+++ b/modules/content-board/lib/content-board.js
@@ -363,7 +363,6 @@ jQuery(document).ready(function ($) {
$(formClass + ' .entry-item.custom.customize-item-' + entryMetaKey).remove();
});
-
$(document).on('click', '.co-cc-content .save-cc-changes', function (e) {
e.preventDefault();
@@ -403,6 +402,23 @@ jQuery(document).ready(function ($) {
});
+ $(document).on('click', '.content-board-modal.schedule-date-modal #filter-submit', function (e) {
+ e.preventDefault();
+
+ $('.content-board-modal').hide();
+
+ var schedule_number = $('.schedule-content-number').val();
+ var schedule_period = $('.schedule-content-period').val();
+ var data = {
+ action: "publishpress_content_board_update_schedule_period",
+ schedule_number: schedule_number,
+ schedule_period: schedule_period,
+ nonce: PPContentBoard.nonce
+ };
+
+ $.post(ajaxurl, data);
+ });
+
function sortedPostCardsList(selector) {
@@ -430,12 +446,14 @@ jQuery(document).ready(function ($) {
// update post status
var post_id = receivedItem.attr('data-post_id');
var post_status = receivedItem.closest('.status-content.board-main-content').attr('data-slug');
- var schedule_date = $('#content_board_scheduled_date').val();
+ var schedule_number = $('.schedule-content-number').val();
+ var schedule_period = $('.schedule-content-period').val();
var data = {
action: "publishpress_content_board_update_post_status",
post_id: post_id,
post_status: post_status,
- schedule_date: schedule_date,
+ schedule_number: schedule_number,
+ schedule_period: schedule_period,
nonce: PPContentBoard.nonce
};
diff --git a/readme.txt b/readme.txt
index 5d05a582..404192ff 100644
--- a/readme.txt
+++ b/readme.txt
@@ -118,7 +118,7 @@ PublishPress Planner is based on the EditFlow plugin. It is easy for Edit Flow u
The format is based on [Keep a Changelog](http://keepachangelog.com/)
and this project adheres to [Semantic Versioning](http://semver.org/).
-= [4.2.0] - 14 May 2024 =
+= [4.2.0] - 16 May 2024 =
* Feature : Add a kanban board to display posts by status(Content Board), #1379
* Update : Change "Editorial Metadata" to "Editorial Fields", #1577