Merge pull request #18572 from wordpress-mobile/feature/18429-compact_card_show_prompt

Blogging Prompt Compact Card: show a real prompt

Author: ScoutHarris

WordPress/Classes/ViewRelated/Blog/Blog Dashboard/Cards/Prompts/DashboardPromptsCardCell.swift

@@ -359,6 +359,7 @@ private extension DashboardPromptsCardCell {
             self?.prompt = prompt
             self?.didFailLoadingPrompt = false
         }, failure: { [weak self] (error) in
+            self?.prompt = nil
             self?.didFailLoadingPrompt = true
             DDLogError("Failed fetching blogging prompt: \(String(describing: error))")
         })

WordPress/Classes/ViewRelated/System/Action Sheet/BloggingPromptsHeaderView.swift

@@ -18,22 +18,21 @@ class BloggingPromptsHeaderView: UIView, NibLoadable {
         configureView()
     }
 
-    @IBAction private func answerPromptTapped(_ sender: Any) {
-        answerPromptHandler?()
+    static func view(for prompt: BloggingPrompt?) -> BloggingPromptsHeaderView {
+        let promptsHeaderView = BloggingPromptsHeaderView.loadFromNib()
+        promptsHeaderView.configure(prompt)
+        return promptsHeaderView
     }
 
-    @IBAction private func shareTapped(_ sender: Any) {
-        // TODO
-    }
 }
 
 // MARK: - Private methods
 
 private extension BloggingPromptsHeaderView {
 
+    // MARK: - Configure View
+
     func configureView() {
-        // TODO: Hide correct UI based on if prompt is answered
-        answeredStackView.isHidden = true
         configureSpacing()
         configureStrings()
         configureStyles()
@@ -49,8 +48,6 @@ private extension BloggingPromptsHeaderView {
 
     func configureStrings() {
         titleLabel.text = Strings.title
-        // TODO: Use prompt from backend
-        promptLabel.text = Strings.examplePrompt
         answerPromptButton.titleLabel?.text = Strings.answerButtonTitle
         answeredLabel.text = Strings.answeredLabelTitle
         shareButton.titleLabel?.text = Strings.shareButtonTitle
@@ -91,6 +88,24 @@ private extension BloggingPromptsHeaderView {
         }
     }
 
+    func configure(_ prompt: BloggingPrompt?) {
+        promptLabel.text = prompt?.text
+
+        let answered = prompt?.answered ?? false
+        answerPromptButton.isHidden = answered
+        answeredStackView.isHidden = !answered
+    }
+
+    // MARK: - Button Actions
+
+    @IBAction func answerPromptTapped(_ sender: Any) {
+        answerPromptHandler?()
+    }
+
+    @IBAction func shareTapped(_ sender: Any) {
+        // TODO
+    }
+
     // MARK: - Constants
 
     struct Constants {
@@ -102,7 +117,6 @@ private extension BloggingPromptsHeaderView {
     }
 
     struct Strings {
-        static let examplePrompt = NSLocalizedString("Cast the movie of your life.", comment: "Example prompt for blogging prompts in the create new bottom action sheet.")
         static let title = NSLocalizedString("Prompts", comment: "Title label for blogging prompts in the create new bottom action sheet.")
         static let answerButtonTitle = NSLocalizedString("Answer Prompt", comment: "Title for a call-to-action button in the create new bottom action sheet.")
         static let answeredLabelTitle = NSLocalizedString("✓ Answered", comment: "Title label that indicates the prompt has been answered.")

WordPress/Classes/ViewRelated/System/Floating Create Button/CreateButtonCoordinator.swift

@@ -56,20 +56,11 @@ import WordPressFlux
         }
     }
 
-    private lazy var promptsHeaderView: BloggingPromptsHeaderView? = {
-        let headerView = FeatureFlag.bloggingPrompts.enabled ? BloggingPromptsHeaderView.loadFromNib() : nil
-        headerView?.answerPromptHandler = { [weak self] in
-            self?.viewController?.dismiss(animated: true) {
-                guard let blog = self?.blog else {
-                    return
-                }
-                let editor = EditPostViewController(blog: blog, prompt: .examplePrompt)
-                editor.modalPresentationStyle = .fullScreen
-                editor.entryPoint = .bloggingPromptsActionSheetHeader
-                self?.viewController?.present(editor, animated: true)
-            }
-        }
-        return headerView
+    // TODO: when prompt is used, get prompt from cache so it's using the latest.
+    private var prompt: BloggingPrompt?
+
+    private lazy var bloggingPromptsService: BloggingPromptsService? = {
+        return BloggingPromptsService(blog: blog)
     }()
 
     private weak var noticeContainerView: NoticeContainerView?
@@ -92,6 +83,11 @@ import WordPressFlux
         super.init()
 
         listenForQuickStart()
+
+        // Only fetch the prompt if it is actually needed, i.e. on the FAB that has multiple actions.
+        if actions.count > 1 {
+            fetchBloggingPrompt()
+        }
     }
 
     deinit {
@@ -161,7 +157,7 @@ import WordPressFlux
     }
 
     private func actionSheetController(with traitCollection: UITraitCollection) -> UIViewController {
-        let actionSheetVC = CreateButtonActionSheet(headerView: promptsHeaderView, actions: actions)
+        let actionSheetVC = CreateButtonActionSheet(headerView: createPromptHeaderView(), actions: actions)
         setupPresentation(on: actionSheetVC, for: traitCollection)
         return actionSheetVC
     }
@@ -302,3 +298,50 @@ extension UserDefaults {
         }
     }
 }
+
+
+// MARK: - Blogging Prompts Methods
+
+private extension CreateButtonCoordinator {
+
+    private func fetchBloggingPrompt() {
+
+        // TODO: check for cached prompt first.
+
+        guard let bloggingPromptsService = bloggingPromptsService else {
+            DDLogError("FAB > failed creating BloggingPromptsService instance.")
+            prompt = nil
+            return
+        }
+
+        bloggingPromptsService.fetchTodaysPrompt(success: { [weak self] (prompt) in
+            self?.prompt = prompt
+        }, failure: { [weak self] (error) in
+            self?.prompt = nil
+            DDLogError("FAB > failed fetching blogging prompt: \(String(describing: error))")
+        })
+    }
+
+    private func createPromptHeaderView() -> BloggingPromptsHeaderView? {
+        guard FeatureFlag.bloggingPrompts.enabled,
+              let blog = blog,
+              let prompt = prompt else {
+            return nil
+        }
+
+        let promptsHeaderView = BloggingPromptsHeaderView.view(for: prompt)
+
+        promptsHeaderView.answerPromptHandler = { [weak self] in
+            self?.viewController?.dismiss(animated: true) {
+                // TODO: pass prompt to post editor
+                let editor = EditPostViewController(blog: blog, prompt: .examplePrompt)
+                editor.modalPresentationStyle = .fullScreen
+                editor.entryPoint = .bloggingPromptsActionSheetHeader
+                self?.viewController?.present(editor, animated: true)
+            }
+        }
+
+        return promptsHeaderView
+    }
+
+}