35 - Publish Date Toggle

Author: codingforentrepreneurs

full_stack_python/blog/forms.py

@@ -39,6 +39,7 @@ def blog_post_add_form() -> rx.Component:
 def blog_post_edit_form() -> rx.Component:
     post = BlogEditFormState.post
     title = post.title
+    publish_active = post.publish_active
     post_content = BlogEditFormState.post_content
     return rx.form(
             rx.box(
@@ -70,6 +71,34 @@ def blog_post_edit_form() -> rx.Component:
                     height='50vh',
                     width='100%',
                 ),
+                rx.flex(
+                    rx.switch(
+                        default_checked=BlogEditFormState.post_publish_active,
+                        on_change=BlogEditFormState.set_post_publish_active,
+                        name='publish_active',          
+                    ),
+                    rx.text("Publish Active"),
+                    spacing="2",
+                ),
+                rx.cond(
+                    BlogEditFormState.post_publish_active,
+                    rx.box(
+                        rx.hstack(
+                            rx.input(
+                                type='date',
+                                name='publish_date',
+                                width='100%'
+                            ),
+                            rx.input(
+                                type='time',
+                                 name='publish_time',
+                                width='100%'
+                            ),
+                        width='100%'
+                        ),
+                        width='100%'
+                    )
+                ),
                 rx.button("Submit", type="submit"),
             ),
             on_submit=BlogEditFormState.handle_submit,

full_stack_python/blog/model.py

@@ -28,5 +28,6 @@ class BlogPostModel(rx.Model, table=True):
         },
         nullable=False
     )
+    publish_active: bool = False
     # publish_date
     # publish_time

full_stack_python/blog/state.py

@@ -14,6 +14,7 @@ class BlogPostState(rx.State):
     posts: List['BlogPostModel'] = []
     post: Optional['BlogPostModel'] = None
     post_content: str = ""
+    post_publish_active: bool = False
 
     @rx.var
     def blog_post_id(self):
@@ -46,6 +47,7 @@ def get_post_detail(self):
                 self.post_content = ""
                 return
             self.post_content = self.post.content
+            self.post_publish_active = self.post.publish_active
         # return
 
 
@@ -108,6 +110,17 @@ class BlogEditFormState(BlogPostState):
     def handle_submit(self, form_data):
         self.form_data = form_data
         post_id = form_data.pop('post_id')
+        publish_date = None
+        if 'publish_date' in form_data:
+            publish_date = form_data.pop('publish_date')
+        publish_time = None
+        if 'publish_time' in form_data:
+            publish_time = form_data.pop('publish_time')
+        print(publish_date, publish_time)
+        publish_active = False
+        if 'publish_active' in form_data:
+            publish_active = form_data.pop('publish_active') == "on"
         updated_data = {**form_data}
+        updated_data['publish_active'] = publish_active
         self.save_post_edits(post_id, updated_data)
         return self.to_blog_post()