編集履歴

質問編集履歴

12月24日追記：エラー画面追加

2019/12/24 13:21

投稿

Dizzyboy

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -592,78 +592,76 @@
-## 12月24日追記
-viewのdata-schedule-idに"<%=user.schedules.order(in: :desc).first.id%>"を挿入した際に出るエラー画面の内容です。
-上記を挿入後、リロードすると以下のエラー画面が表示されます。
-```view
-NoMethodError in Users#index　 <- 一番上の赤い帯部分に表示されるエラーです
-Showing /Users/hoge/アプリが入ってるファイル名/アプリ名/app/views/users/_employee.html.erb where line #3 raised:
-undefined method `id' for nil:NilClass
-Extracted source (around line #3):
----------ボックス内に表示されるコード---------------------------
-<% @users.each do |user| %>
-<ul class="employee__box__list">
-      <li class="employee__box__list__name", id="leave", value="<%=user.id%>" data-user-id="<%=user.id%>",  data-schedule-id="<%=user.schedules.order(in: :desc).first.id%>"><%= user.name %></li>  <- この部分に色がついています。
-</ul>
-<% end %>
-----------------------------------------------------------
-Trace of template inclusion: app/views/users/index.html.erb
-Rails.root: /Users/hoge/アプリが入っているファイル名/アプリ名
-Application Trace | Framework Trace | Full Trace
-app/views/users/_employee.html.erb:3:in `block in _app_views_users__employee_html_erb___3489706940194667954_70265714907200'
-app/views/users/_employee.html.erb:1:in `_app_views_users__employee_html_erb___3489706940194667954_70265714907200'
-app/views/users/index.html.erb:3:in `_app_views_users_index_html_erb___306235934780249853_70265715004260'
-Request
-Parameters:
-None
-Toggle session dump
-Toggle env dump
-Response
-Headers:
-None
-```
+### ターミナル上のアップデートが失敗した時のエラー表示
+```html
+Started PATCH "/users/4/schedules/" for ::1 at 2019-12-24 21:56:32 +0900
+ActionController::RoutingError (No route matches [PATCH] "/users/4/schedules"):
+actionpack (5.2.3) lib/action_dispatch/middleware/debug_exceptions.rb:65:in `call'
+web-console (3.7.0) lib/web_console/middleware.rb:135:in `call_app'
+web-console (3.7.0) lib/web_console/middleware.rb:30:in `block in call'
+web-console (3.7.0) lib/web_console/middleware.rb:20:in `catch'
+web-console (3.7.0) lib/web_console/middleware.rb:20:in `call'
+actionpack (5.2.3) lib/action_dispatch/middleware/show_exceptions.rb:33:in `call'
+railties (5.2.3) lib/rails/rack/logger.rb:38:in `call_app'
+railties (5.2.3) lib/rails/rack/logger.rb:26:in `block in call'
+activesupport (5.2.3) lib/active_support/tagged_logging.rb:71:in `block in tagged'
+activesupport (5.2.3) lib/active_support/tagged_logging.rb:28:in `tagged'
+activesupport (5.2.3) lib/active_support/tagged_logging.rb:71:in `tagged'
+railties (5.2.3) lib/rails/rack/logger.rb:26:in `call'
+sprockets-rails (3.2.1) lib/sprockets/rails/quiet_assets.rb:13:in `call'
+actionpack (5.2.3) lib/action_dispatch/middleware/remote_ip.rb:81:in `call'
+actionpack (5.2.3) lib/action_dispatch/middleware/request_id.rb:27:in `call'
+rack (2.0.8) lib/rack/method_override.rb:22:in `call'
+rack (2.0.8) lib/rack/runtime.rb:22:in `call'
+activesupport (5.2.3) lib/active_support/cache/strategy/local_cache_middleware.rb:29:in `call'
+actionpack (5.2.3) lib/action_dispatch/middleware/executor.rb:14:in `call'
+actionpack (5.2.3) lib/action_dispatch/middleware/static.rb:127:in `call'
+rack (2.0.8) lib/rack/sendfile.rb:111:in `call'
+railties (5.2.3) lib/rails/engine.rb:524:in `call'
+puma (3.12.2) lib/puma/configuration.rb:227:in `call'
+puma (3.12.2) lib/puma/server.rb:674:in `handle_request'
+puma (3.12.2) lib/puma/server.rb:476:in `process_client'
+puma (3.12.2) lib/puma/server.rb:334:in `block in run'
+puma (3.12.2) lib/puma/thread_pool.rb:135:in `block in spawn_thread'
+```

12月24日追記：エラー画面

2019/12/24 13:21

投稿

Dizzyboy

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -589,3 +589,81 @@
 })
 ```
+## 12月24日追記
+viewのdata-schedule-idに"<%=user.schedules.order(in: :desc).first.id%>"を挿入した際に出るエラー画面の内容です。
+上記を挿入後、リロードすると以下のエラー画面が表示されます。
+```view
+NoMethodError in Users#index　 <- 一番上の赤い帯部分に表示されるエラーです
+Showing /Users/hoge/アプリが入ってるファイル名/アプリ名/app/views/users/_employee.html.erb where line #3 raised:
+undefined method `id' for nil:NilClass
+Extracted source (around line #3):
+---------ボックス内に表示されるコード---------------------------
+<% @users.each do |user| %>
+<ul class="employee__box__list">
+      <li class="employee__box__list__name", id="leave", value="<%=user.id%>" data-user-id="<%=user.id%>",  data-schedule-id="<%=user.schedules.order(in: :desc).first.id%>"><%= user.name %></li>  <- この部分に色がついています。
+</ul>
+<% end %>
+----------------------------------------------------------
+Trace of template inclusion: app/views/users/index.html.erb
+Rails.root: /Users/hoge/アプリが入っているファイル名/アプリ名
+Application Trace | Framework Trace | Full Trace
+app/views/users/_employee.html.erb:3:in `block in _app_views_users__employee_html_erb___3489706940194667954_70265714907200'
+app/views/users/_employee.html.erb:1:in `_app_views_users__employee_html_erb___3489706940194667954_70265714907200'
+app/views/users/index.html.erb:3:in `_app_views_users_index_html_erb___306235934780249853_70265715004260'
+Request
+Parameters:
+None
+Toggle session dump
+Toggle env dump
+Response
+Headers:
+None
+```

12月23日追記

2019/12/24 10:11

投稿

Dizzyboy

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -355,3 +355,237 @@
 また、上記コード以外で不足部分がございましたら、追記いたしますのでお伝え下さい。
 よろしくお願いします。
+## 12月23日追記
+現在のコード状況です。
+```erb
+<% @users.each do |user| %>
+<ul class="employee__box__list">
+      <li class="employee__box__list__name", id="leave", data-user-id="<%=user.id%>",  data-schedule-id="<%=user.schedules.ids.last%>"><%= user.name %></li>
+</ul>
+<% end %>
+```
+schedules_controller
+```Rails
+class SchedulesController < ApplicationController
+  def index
+    @schedules = Schedule.where(schedule_params)
+  end
+  def new
+      @schedule = Schedule.new
+  end
+  def create
+    @schedule = Schedule.new(in: params[:sch], user_id: schedule_params[:user_id])
+    @schedule.save
+    respond_to do |format|
+      format.html {redirect_to ("/")}
+      format.json
+    end
+  end
+  def update
+    user = User.find(schedule_params[:user_id])
+    @schedule = Schedule.find(user.schedules.ids.last)
+    binding.pry
+    binding.pry
+    @schedule.update(out: params[:sch])
+    respond_to do |format|
+      format.html {redirect_to ("/")}
+      format.json
+    end
+  end
+  private
+  def schedule_params
+    params.permit(:in, :out, :user_id)
+  end
+end
+```
+binding.pryで見る限りでは、@scheduleはアップデートしたいschedule.idを取得できています。
+```jQuery
+$(document).on('turbolinks:load', function(){
+  $(".employee__box__list__name").click(function(){
+    let time = new Date
+    let hour = time.getHours();
+    let minute = time.getMinutes();
+    let second = time.getSeconds();
+    let schedule = hour+":"+minute+":"+second
+    let user_id = $(this).data('user-id');
+    let url = '/users/' + user_id + '/schedules';
+    console.log("user-id取得", user_id)
+    if($(this).prop('id') == 'leave'){
+       $(this).prop('id', 'attend');
+       $(this).addClass('employee__box__list__name_select');
+        $.ajax({
+        url: url,
+        type: "POST",
+        data: {sch: schedule},
+        dataType: 'json'
+        })
+        .done(function(data){
+          var data_id = data.id
+          $(".employee__box__list__name").attr('data-id', data_id)
+          console.log("jsonからのデータ",data_id)
+        })
+        .fail(function(data){
+          alert('出勤できてません');
+        })
+      }else{
+        let schedule_id = $(this).data('id');
+        let update_schedule = $(this).data('schedule-id');
+        console.log("updateしたいschedule.id", update_schedule)
+        let update_url = '/users/' + user_id + '/schedules/' + update_schedule;
+        $(this).prop('id', 'leave');
+        $(this).removeClass('employee__box__list__name_select');
+        $.ajax({
+          url: update_url,
+          type: "PATCH",
+          data: {sch: schedule},
+          dataType: 'json'
+        })
+    }
+})
+```

jQueryを修正しました

2019/12/22 16:03

投稿

Dizzyboy

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -258,7 +258,7 @@
     let url = '/users/' + user_id + '/schedules';
-    console.log("user-id取得", user_id) <=user.idは取得できている
+    console.log("user-id取得", user_id)
@@ -290,7 +290,7 @@
           $(".employee__box__list__name").attr('data-id', data_id)
-          console.log("jsonからのデータ",data_id) <= jsonのデータ取得できている（直近のschedule.id）
+          console.log("jsonからのデータ",data_id)
         })
@@ -308,14 +308,18 @@
         let schedule_id = $(this).data('id');
+        let update_schedule = $(this).data('schedule-id');　<- 追記した部分です
+        console.log("updateしたいschedule.id", update_schedule)  <- consoleで確認するとupdate_scheduleは""になってます
-        let update_url = '/users/' + user_id + '/schedules/' + schedule_id; <= ここのschedule_idが上記のjsonで取得したデータ固定になっているのをクリックしたuserのschedule.idに変更されるようにしたい
+        let update_url = '/users/' + user_id + '/schedules/' + schedule_id;　<- このschedule_id部分を各userのschedule.idにしたいです。
         $(this).prop('id', 'leave');
         $(this).removeClass('employee__box__list__name_select');
         $.ajax({
           url: update_url,

users_controllerを追記しました。

2019/12/18 05:54

投稿

Dizzyboy

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -16,7 +16,7 @@
-SchedulesController
+schedules_Controller
 ```Rails
@@ -98,6 +98,116 @@
 ```
+users_controller
+```Rails
+class UsersController < ApplicationController
+  def index
+    @users = User.all.order("id")
+    get_schedule_id
+  end
+  def get_schedule_id             <= schedule.idを取得するために使うメソッド、indexに渡して一覧で@schedule.idでscheduleのidを取得できるようにしている。
+      @schedules = Schedule.all
+      @schedules.each do |sch|
+      @schedule = sch
+    end
+  end
+  def new
+    @user = User.new
+  end
+  def create
+    @user = User.new(name: user_params[:name], email: user_params[:email], password: user_params[:password])
+    @user.save
+    redirect_to("/")
+  end
+  def edit
+    @user = User.find(params[:id])
+  end
+  def update
+    @user = User.find(params[:id])
+    @user.update(user_params)
+    redirect_to("/users/show")
+  end
+  def show
+    @users = User.all.order("id")
+  end
+  def destroy
+    user = User.find(params[:id])
+    user.destroy
+    redirect_to("/users/show")
+  end
+  private
+  def user_params
+    params.require(:user).permit(:name, :email, :password)
+  end
+end
+```
 Userが一覧されるhtml.erbのrender部分（html.erbです）
 ```erb