[第十九只羊] 迷雾森林舞会XIII 设定form 绑定dom 同步房间(单押)

天亮了 前晚是1号玩家死亡

关於迷雾森林故事

反指标

洛神:2号玩家请继续发言

2号:1号是猎人他带了6号但是6号身份未知,然後我讲一下,刚唯一只有3号把我当成狼,我先说为什麽我做不成狼,7号讲得那麽薄,如果我是狼队我马上就站边9号,不需要说7号捉摸不定让大家多一个质疑我的点,我刚真的是出於没有视角的角度,去讲7号当好人的时候他讲话也那麽少,就会觉得我是不是错看她,所以不用怀疑到我身上,现在场上还有两狼,未知6号身份的话,我想想,8我觉得给7包容度是好,但是现在如果7号确认,8号就小入坑,7号玩家点了3 9号,9号是预言家,那3号可能就要再变成一个焦点。

3号:其实我觉这个发言顺序有点尴尬,因为我就没有办法听到 5 8 10 的表水,然後我刚刚第一轮我是觉得5跟10蛮好的,但是刚刚7出去的时候10跟我反应蛮像的都是开心的,然後我刚刚也是差点被4号说服,4号果然是大反指标XD,但我觉得我刚的坑可能还是要从2 8选,因为2号说8跟他想法很像,又想踩一下8 又想踩一下我,因为你们都是对7号蛮有容忍度的两张牌所以我还是得担心一下。
待续..

动物园派对

介绍为最基础的Hotwire
我们继续把房间透过turbo套件完成不用重新读取页面就能在首页直接呈现新增的房间
先在 simple_form_for 上面对应Room.new的地方加上dom_id
这样就会自动帮我们锁定对应的room_id

/app/views/rooms/_form

<%= simple_form_for Room.new, dom_id:(room) do |f| %>
  <%= f.input :name, label: '房间名称'%>
  <%= f.input :number_of_gamer, label: '房间人数' %>
  <%= f.input :board, label: '板子',include_blank: false, collection: Room::BOARDS.map(&:to_sym) %>
  <%= f.input :user_id, as: :hidden, input_html: { value: current_user.id }%>
  <%= f.button :submit %>
<% end %>

接下来在前端生成表单
暂时先把这个form也移到首页上
所以首页目前的 views 会长这个样子

/app/views/rooms/index.erb

<%= render "rooms/form", room: @room %>

<h1>Rooms</h1>
<%= turbo_stream_from "rooms" do %>
  <%= render "rooms/form", room: @room %>
<% end %>

<%= turbo_frame_tag "rooms" do %>
  <%= render @rooms %>
<% end %>

回到 rooms_controller 把save与redirected_to拿掉
@room.save
redirect_to room_path(@room), notice: '房间建立成功'
redirect_to new_room_path, notice: '发生错误 请重新建立房间'
因为现在已经把建立房间放在index页面
也就是他进房间就是要登入状态才能建立房间
所以直接把authenticate_user绑在整个rooms_controller
也就是把
before_action :authenticate_user!, except: %i[index] 後面的except拿掉
, except: %i[index]

於是当我们新增房间的时候
透过 turbo_drive 与 turbo_frame
就会达成不重新读取页面(也就是不用 redirected_to)
房间名称就会直接出现在最下方罗
https://ithelp.ithome.com.tw/upload/images/20211004/20131155Y2RbcLcU2g.png

阿虎每日选币


图片来源

纳斯达克美股空方开工了,青蛙好可爱

天黑请闭眼


<<:  Swift纯Code之旅 Day24. 「各个TableViewHeader下的Cell显示(1)」

>>:  JS 19 - 我要一份能控制网页内容的三人全家桶!

Day06 - 【入门篇】Keycloak的替代品

本系列文之後也会置於个人网站 接者,来分享一下在寻找过程中看到的其他可以取代Keycloak全部或...

Day.22 Unique Paths

Leetcode #62. Unique Paths 有一个机器人,它只能往右跟往下走,找出可到达终...

人人有矿挖

故事简述如下 国外小伙 Abada 致力於挖矿普及,到星爸爸喝咖啡、溜自制挖矿平台、顺便再接别人家的...

【Laravel 】虚拟主机配置

一. 【文件】- host文件 【位址】- WINDOWS\system32\drivers\etc...

【PHP Telegram Bot】Day11 - Webhook 与 Web Hosting

网站服务器 网路上有很多的免费服务器(Free Hosting) 几乎每个都有支援 PHP 我就拿 ...