adds story visibility

Datawheel · Oct 13, 2021 · 8e728f6 · 8e728f6
1 parent d6b695c
commit 8e728f6
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 1 deletion.
diff --git a/packages/cms/scripts/migration/db_0.21/story.js b/packages/cms/scripts/migration/db_0.21/story.js
@@ -19,6 +19,10 @@ module.exports = function(sequelize, db) {
       image: {
         type: db.STRING,
         defaultValue: ""
+      },
+      visible: {
+        type: db.BOOLEAN,
+        defaultValue: true
       }
     },
     {

diff --git a/packages/cms/src/api/mortarRoute.js b/packages/cms/src/api/mortarRoute.js
@@ -896,7 +896,7 @@ module.exports = function(app) {
     const now = Date.now();
     stories = stories
       .map(story => extractLocaleContent(story.toJSON(), locale, "story"))
-      .filter(story => story.date < now);
+      .filter(story => story.visible && story.date < now);
     return res.json(stories.sort(sorter));
   });
 

diff --git a/packages/cms/src/db/story.js b/packages/cms/src/db/story.js
@@ -19,6 +19,10 @@ module.exports = function(sequelize, db) {
       image: {
         type: db.STRING,
         defaultValue: ""
+      },
+      visible: {
+        type: db.BOOLEAN,
+        defaultValue: true
       }
     },
     {

diff --git a/packages/cms/src/story/StoryEditor.jsx b/packages/cms/src/story/StoryEditor.jsx
@@ -3,6 +3,7 @@ import {connect} from "react-redux";
 import Button from "../components/fields/Button";
 import Deck from "../components/interface/Deck";
 import TextCard from "../components/cards/TextCard";
+import Select from "../components/fields/Select";
 import Loading from "components/Loading";
 import {DatePicker} from "@blueprintjs/datetime";
 import deepClone from "../utils/deepClone";
@@ -41,6 +42,14 @@ class StoryEditor extends Component {
     return str.replace(/^\s+|\s+$/gm, "").replace(/[^a-zA-ZÀ-ž0-9-\ _]/g, "");
   }
 
+  changeVisibility(e) {
+    const {minData} = this.state;
+    minData.visible = e.target.value;
+    const payload = {id: minData.id, visible: minData.visible};
+    this.setState({minData});
+    this.props.updateEntity("story", payload);
+  }
+
   changeField(field, e) {
     const {minData} = this.state;
     minData[field] = field === "slug" ? this.urlPrep(e.target.value) : e.target.value;
@@ -86,6 +95,7 @@ class StoryEditor extends Component {
             type="story"
           />}
         >
+
           <div className="cms-editor-header">
             {/* change slug */}
             <label className="bp3-label cms-slug">
@@ -110,6 +120,18 @@ class StoryEditor extends Component {
                 }
               </div>
             </div>
+            <Select
+              label="Story Visibility"
+              className="cms-profile-visible-selector"
+              namespace="cms"
+              fontSize="xs"
+              inline
+              value={minData.visible}
+              onChange={this.changeVisibility.bind(this)}
+            >
+              <option key="true" value={true}>Visible</option>
+              <option key="false" value={false}>Hidden</option>
+            </Select>
           </div>
         </Deck>