Slocks

gem 'slocks'

# app/views/notifications/order_shipped.slack_blocks
header "📦 Your order has shipped!"
section "*Order ##{@order.id}* is on its way", markdown: true
divider
section "Tracking:",
        fields: [
          mrkdwn_text("*Carrier:* #{@order.carrier}"),
          mrkdwn_text("*Tracking:* `#{@order.tracking_number}`")
        ]
actions [ button("Track Package", "track_#{@order.id}", style: "primary", url: @order.tracking_url) ]

class OrdersController < ApplicationController
  def mark
    @user = current_user
    
    payload = render_to_string(
      template: 'notifications/welcome',
      formats: [:slack_message]
    )
    
    slack_client.chat_postMessage(
      channel: @user.slack_id,
      **JSON.parse(payload, symbolize_names: true)
    )
  end
end

header "🎉 Great news, Baltimore!"

# simple text
section "hello world"
# mrkdwn text
section "to *bold*ly _italic_ize...", markdown: true
# fields
section "details:",
  fields: [
    mrkdwn_text("*computer:* over"),
    mrkdwn_text("*virus:* VERY yes.")
  ]
# accessorizing a little (images, buttons, etc)
section "click to continue",
  accessory: button("click me, i dare you", "explode_action")

divider

context [
  mrkdwn_text("Last updated: #{time_ago_in_words(@updated_at)} ago"),
  image_element("https://crouton.net/crouton.png", "icon")
]

actions [
  button("Approve", "approve", style: "primary"),
  button("Reject", "reject", style: "danger"),
  button("More Info", "info")
]

image "https://example.com/photo.jpg", "Photo description",
  title: "Amazing Photo"

input "Your name",
  plain_text_input("name_input", placeholder: "Enter your name")
input "Choose an option",
  select_menu("option_select",
    placeholder: "Select one",
    options: [
      option("Option 1", "opt1"),
      option("Option 2", "opt2")
    ]
  )

file "F123ABC456", source: "remote"

video "How to use Slocks",
  "https://example.com/video",
  "https://example.com/thumbnail.jpg",
  "https://example.com/video.mp4",
  alt_text: "Tutorial video"

button("Click me", "action_id")
button("Primary", "action", style: "primary")
button("Danger", "delete", style: "danger")
button("Link", "link", url: "https://example.com")

# Static select
select_menu("action_id",
  placeholder: "Choose one",
  options: [
    option("Label 1", "value1"),
    option("Label 2", "value2")
  ]
)
# Multi-select
multi_select_menu("action_id",
  placeholder: "Choose multiple",
  options: [...]
)
# User select
users_select("user_action", placeholder: "Select a user")
# Channel select
channels_select("channel_action", placeholder: "Select a channel")
# Conversation select
conversations_select("convo_action", placeholder: "Select a conversation")

# Text input
plain_text_input("action_id",
  placeholder: "Type here...",
  multiline: true
)
# Email input
email_input("email_action", placeholder: "your@email.com")
# URL input
url_input("url_action", placeholder: "https://...")
# Number input
number_input("number_action",
  is_decimal_allowed: true,
  min_value: 0,
  max_value: 100
)

date_picker("date_action", placeholder: "Select a date")
time_picker("time_action", placeholder: "Select a time")
datetime_picker("datetime_action")

# Checkboxes
checkboxes("check_action", [
  option("Option 1", "val1"),
  option("Option 2", "val2")
])
# Radio buttons
radio_buttons("radio_action", [
  option("Choice 1", "c1"),
  option("Choice 2", "c2")
])
# Overflow menu
overflow("overflow_action", [
  option("Edit", "edit"),
  option("Delete", "delete")
])
# File input
file_input("file_action", filetypes: ["pdf", "doc"], max_files: 5)

mrkdwn_text("*Bold* and _italic_")
plain_text("Plain text", emoji: true)

option("Display text", "value")
option("With description", "val", description: "More details")
option_group("Group label", [
  option("Opt 1", "v1"),
  option("Opt 2", "v2")
])

confirm_dialog(
  title: "Are you sure?",
  text: "This action cannot be undone",
  confirm: "Yes, delete it",
  deny: "Cancel",
  style: "danger"
)

title "Send Feedback"
submit "Submit"
close "Cancel"
callback "feedback_modal"
section "How was your experience?", markdown: true
input "Rating",
  select_menu("rating",
    placeholder: "Choose rating",
    options: [
      option("⭐⭐⭐⭐⭐ Excellent", "5"),
      option("⭐⭐⭐⭐ Good", "4"),
      option("⭐⭐⭐ Okay", "3"),
      option("⭐⭐ Poor", "2"),
      option("⭐ Bad", "1")
    ]
  )
input "Comments",
  plain_text_input("comments",
    placeholder: "Tell us more...",
    multiline: true
  ),
  optional: true

modal_json = render_to_string(
  template: 'modals/feedback',
  formats: [:slack_modal]
)
slack_client.views_open(
  trigger_id: params[:trigger_id],
  view: JSON.parse(modal_json, symbolize_names: true)
)

section "Order summary:",
  fields: [
    mrkdwn_text("*Items:* #{pluralize(@order.items.count, 'item')}"),
    mrkdwn_text("*Total:* #{number_to_currency(@order.total)}"),
    mrkdwn_text("*Ordered:* #{time_ago_in_words(@order.created_at)} ago")
  ]

# app/views/orders/_order.slack_blocks
section "*Order ##{@order.id}*",
  fields: [
    mrkdwn_text("*Status:* #{@order.status}"),
    mrkdwn_text("*Total:* #{number_to_currency(@order.total)}")
  ]
# app/views/orders/summary.slack_blocks
header "Your Orders"
render @orders  # Renders _order.slack_blocks for each order

rich_text do
  section do
    text "Hello ", bold: true
    text "world!", italic: true
    emoji "wave"
    link "https://example.com", text: "Click here"
  end
  
  list(style: "bullet") do
    text "First item"
    text "Second item"
  end
end