質問編集履歴

解決策の記載

2019/06/30 01:09

投稿

HirakuMorishima

スコア29

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -48,58 +48,16 @@
+##解決に至ったコード
 ●items.blade.php
 ```php
-@extends('layouts.layout')
-@section('title','案件一覧')
-     @section('body')
-    <!--サイドメニューここから-->
-    <div class="row">
-      <div class="col s0 l2">
-        <ul id="slide-out" class="sidenav sidenav-fixed ">
-          <li><a href="{{url('/user')}}">クライアント一覧<i class="material-icons left">person</i></a></li>
-          <li><a href="#">案件カレンダー<i class="material-icons left">date_range</i></a></li>
-          <li><a href="{{url('/addClient')}}">クライアント追加<i class="material-icons left">add</i></a></li>
-          <li><a href="{{url('addItem')}}">案件追加<i class="material-icons left">add</i></a></li>
-        </ul>
-      </div>
-    <!--サイドメニューここまで-->
-    <div class="col s12 offset-l1 l8">
-    <nav class="header">
-        <a href="#" data-target="slide-out" class="sidenav-trigger btn-floating"><i class="medium z-depth-1 material-icons">add</i></a>
-    <h2 class="center-align">案件一覧</h2>
-    </nav>
-    @foreach($clientList as $val)
-    @if($id == $val->id)
-    <h3>{{$val->client_name}}</h3>
-    @endif
-    @endforeach
         <table class="highlight centered">
             <thead>
@@ -124,10 +82,12 @@
             <tbody>
+                <!--変数化して、formsのindex番号を割り振るための$index-->
+                <?php $index = 0; ?>
                     @foreach($list as $val)
-                    @if($id == $val->client_id)
                 <tr>
                     <th>{{$val->item_name}}</th>
@@ -138,13 +98,13 @@
                     <th>
-                        <form method="POST" action="/updateItemStates/{{$val->id}}" id="states_form" href="#modal01">
+                        <form method="POST" action="/updateItemStates/{{$val->id}}" id="states_form">
                           {{csrf_field()}}
                           <div class="input-field col s12">
-                            <select id="states" class="select" name="states">
+                            <select id="states" class="select" name="states" onchange="modalOpen{{$val->id}}()">
                               <option value="1" {{$val->states == '1' ? 'selected' : ""}}>未執筆</option>
@@ -158,6 +118,28 @@
                         </form>
+                    <script>
+                        function modalOpen{{$val->id}}() {
+                            //alert(document.forms[{{$loop->index - 1}}].states.selectedIndex);
+                          if(document.forms[{{$index}}].states.selectedIndex==1){
+                            //document.getElementById('states').selectedIndex
+                            document.modal_form.item_id.value = '{{$val->id}}';
+                            $('#modal01').modal('open');
+                          }
+                        }
+                    </script>
+                    <?php $index ++; ?>
                     </th>
                     <th>{{$val->memo}}</th>
@@ -166,8 +148,6 @@
                 </tr>
-                    @endif
                     @endforeach
             </tbody>
@@ -178,7 +158,9 @@
     </div>
-         <!--請求書選択モーダル-->
+    <!--請求書選択モーダル-->
     <div class="modal" id="modal01">
@@ -186,11 +168,11 @@
             <div class="inner">
-                  {{Form::open(['url' => 'insertInvoice', 'id' => 'modal_select' ])}}
+                  {{Form::open(['url' => 'addInvoice', 'id' => 'modal_select', 'name' => 'modal_form' ])}}
                   {{ csrf_field() }}
-                <select  class="select" onchange="submit(this.form)">
+                <select name="invoice_id" class="select" onchange="submit(this.form)">
                   @foreach($invoiceList as $val)
@@ -202,180 +184,28 @@
                 <label for="client_id">登録先の請求書</label>
+                <button type="submit" class="btn btn-primary">請求書へ挿入</button>
+                {{Form::hidden('item_id', '')}}
+                {{Form::hidden('states', '2')}}
+                {{Form::hidden('client_id', $client->id)}}
+                @foreach($list as $val)
+                {{Form::hidden('item_name', $val->item_name)}}
+                {{Form::hidden('bill_unit_price', $val->unit_price)}}
+                @endforeach
                 {{Form::close()}}
-                <button type="submit" class="btn btn-primary">請求書へ挿入</button>
             <a href="" class="modalClose">Close</a>
             </div>
     </div>
- <script type="text/javascript">
-// モーダルウィンドウの開閉処理
-$(function(){
- // モーダルウィンドウが開くときの処理
-$(".select").change(function(){
-    // モーダルが開く処理を書く
-    var navClass = $(this).attr("class"),
-        href = $(this).attr("href");
-        $(href).fadeIn();
-    $(this).addClass("open");
-    return false;
-});
-   // モーダルウィンドウが閉じるときの処理
-$(".modalClose").click(function(){
-    $(this).parents(".modal").fadeOut();
-    $(".modalOpen").removeClass("open");
-    return false;
-});
-     });
- </script>
-@endsection
 ```
-●layout.blade.php
-```php
-<!DOCTYPE html>
-<html lang="ja" dir="ltr">
-  <head>
-    <meta charset="utf-8">
-    <!--MaterializeCSS-->
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
-    <!--Google Web Font-->
-    <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap" rel="stylesheet">
-    <!--CSS-->
-    <link rel="stylesheet" href="css/styles.css" type="text/css" />
-    <title>@yield('title')</title>
-  </head>
-   <body>
-@yield('body')
-<script src="{{ secure_asset('js/main.js') }}" defer></script>
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
-    <!--Materialize JS-->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
-      <!-- タブボタンのJS -->
-             <script>
-        $(function() {
-          /*クリックイベント*/
-          $('.tab_btn').on('click', function() {
-            $('.tab_item').removeClass("is-active-item");
-            $($(this).attr("href")).addClass("is-active-item");
-            $('.tab_btn').removeClass('is-active-btn');
-            $(this).addClass('is-active-btn');
-          });
-        });
-      </script>
-      <!--　サイドバーの初期化用JS　-->
-      <script>
-        document.addEventListener('DOMContentLoaded', function() {
-          var elems = document.querySelectorAll('.sidenav');
-          var instances = M.Sidenav.init(elems, {});
-        });
-      </script>
-      <!--　select optionの初期化用JS　-->
-      <script>
-        const Selector = document.querySelectorAll('.select');
-          M.FormSelect.init(Selector,{});
-      </script>
-      <!--datepickerの初期化用JS-->
-      <script>
-        const Calendar = document.querySelector('.datepicker');
-        M.Datepicker.init(Calendar,{});
-      </script>
-      <!--datepickerのフォーマットを変える-->
-      <script>
-        $( function() {
-          $( ".datepicker" ).datepicker({format: 'yyyy-mm-dd'});
-        } );
-      </script>
-      @stack('scripts')
-  </body>
-</html>
-```