so-manager/krgm.so-manager-dev.com
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

「駐輪場マスタ」画面修正
All checks were successful
Deploy main / deploy (push) Successful in 23s
Details

Browse Source
This commit is contained in:
你的名字 2025-09-03 11:04:04 +09:00
parent 542a910aa5
commit 7c5ba49a47
5 changed files with 211 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/Http/Controllers/Admin/ParkController.php
View File

@ -30,6 +30,7 @@ class ParkController extends Controller
'p.alert_flag', 'p.alert_flag',
'p.print_number', 'p.print_number',
'p.keep_alive', 'p.keep_alive',
'p.operator_id',
]); ]);
if ($request->filled('park_name')) { if ($request->filled('park_name')) {
@ -69,7 +70,7 @@ class ParkController extends Controller
$park->fill($validated); $park->fill($validated);
$park->save(); $park->save();
return redirect()->route('parks')->with('success', '登録しました'); return redirect()->route('parks')->with('success', '新規登録に完了しました。');
} }
return view('admin.parks.add', [ return view('admin.parks.add', [

20
resources/views/admin/news/add.blade.php
View File

@ -26,10 +26,15 @@
<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div> <div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif @endif
{{-- ▼ 成功メッセージ表示 --}}
@if (session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
{{-- ▼ 入力フォーム --}} {{-- ▼ 入力フォーム --}}
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<form method="post" action="{{ route('news_add') }}"> <form method="post" action="{{ route('news_add') }}" id="news-add-form">
@csrf @csrf
<div class="form-group"> <div class="form-group">
<label>ニュース内容 <span class="text-danger">*</span></label> <label>ニュース内容 <span class="text-danger">*</span></label>
@ -63,7 +68,7 @@
</div> </div>
<div class="text-right"> <div class="text-right">
<a href="{{ route('news') }}" class="btn btn-outline-secondary">戻る</a> <a href="{{ route('news') }}" class="btn btn-outline-secondary">戻る</a>
<button class="btn btn-primary">登録</button> <button type="button" class="btn btn-primary" id="register-btn">登録</button>
</div> </div>
</form> </form>
</div> </div>
@ -71,3 +76,14 @@
</div> </div>
</section> </section>
@endsection @endsection
@push('scripts')
<script>
// 登録ボタン押下時に確認ダイアログ
document.getElementById('register-btn').addEventListener('click', function(e) {
if (confirm('登録してよろしいですか？')) {
document.getElementById('news-add-form').submit();
}
});
</script>
@endpush

189
resources/views/admin/parks/add.blade.php
View File

@ -2,68 +2,141 @@
@section('title', '駐輪場マスタ 新規') @section('title', '駐輪場マスタ 新規')
@section('content') @section('content')
<div class="container-fluid page-park py-3">
{{-- 画面上部のツールバー（新規は登録だけ/目标图一致） --}} <div class="container-fluid page-park py-3">
<div class="screen-toolbar mb-2">
<div class="left"> {{-- ▼ 成功メッセージ表示 --}}
<button type="submit" form="park-add-form" class="btn btn-success btn-sm">登録</button> @if (session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
{{-- ▼ パンくず --}}
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-6">
<h1 class="m-0 text-dark">新規</h1>
</div>
<div class="col-lg-6">
<ol class="breadcrumb float-sm-right text-sm">
<li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
<li class="breadcrumb-item"><a href="{{ route('parks') }}">駐輪場マスタ</a></li>
<li class="breadcrumb-item active">新規</li>
</ol>
</div>
</div>
</div>
</div> </div>
<div class="right"><!-- 新規は削除無し --></div> {{-- 画面上部のツールバー（登録ボタン）
<div class="screen-toolbar mb-2">
<div class="left">
<button type="submit" form="park-add-form" class="btn btn-success btn-sm">登録</button>
</div>
<div class="right"><!-- 新規は削除無し --></div>
</div>--}}
{{-- 本体フォーム（白背景のカード） --}}
<form id="park-add-form" method="POST" action="{{ route('parks.store') }}" enctype="multipart/form-data"
class="card card-body form-card">
@csrf
@include('admin.parks._form')
<div class="form-footer mt-3 pt-2">
<button type="button" id="register-btn" class="btn btn-success">登録</button>
<a href="{{ route('parks') }}" class="btn btn-outline-secondary">戻る</a>
</div>
</form>
</div> </div>
{{-- 本体フォーム（白背景のカード） --}} @push('scripts')
<form id="park-add-form" method="POST" action="{{ route('parks.store') }}" enctype="multipart/form-data" class="card card-body form-card"> <script>
@csrf document.getElementById('register-btn').addEventListener('click', function (e) {
@include('admin.parks._form') if (confirm('登録してよろしいですか？')) {
// 重複チェック（駐輪場名）Ajax
const form = document.getElementById('park-add-form');
const formData = new FormData(form);
fetch('{{ route('parks.check_duplicate') }}', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
body: formData
})
.then(response => response.json())
.then(data => {
if (data.duplicate) {
alert('登録内容に重複があります。（重複駐輪場ID：' + data.park_id + '　駐輪場名：' + data.park_name + '）');
} else {
form.submit();
}
})
.catch(() => {
alert('重複チェックに失敗しました。');
});
}
});
</script>
@endpush
<div class="form-footer mt-3 pt-2"> <style>
<button type="button" id="register-btn" class="btn btn-success">登録</button> .page-park {
<a href="{{ route('parks') }}" class="btn btn-outline-secondary">戻る</a> background: #f4f6f9;
</div> }
</form>
</div>
<script> .form-card {
document.getElementById('register-btn').addEventListener('click', function(e) { border: 1px solid #e5e7eb;
if(confirm('登録してよろしいですか？')) { box-shadow: 0 1px 1px rgba(0, 0, 0, .04)
// 重複チェック（駐輪場名）Ajax }
const form = document.getElementById('park-add-form');
const formData = new FormData(form);
fetch('{{ route('parks.check_duplicate') }}', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
body: formData
})
.then(response => response.json())
.then(data => {
if(data.duplicate) {
alert('登録内容に重複があります。（重複駐輪場ID：' + data.park_id + '　駐輪場名：' + data.park_name + '）');
} else {
form.submit();
}
})
.catch(() => {
alert('重複チェックに失敗しました。');
});
}
});
</script>
<style> .screen-toolbar {
.page-park{background:#f4f6f9;} display: flex;
.form-card{border:1px solid #e5e7eb;box-shadow:0 1px 1px rgba(0,0,0,.04)} justify-content: space-between;
.screen-toolbar{display:flex;justify-content:space-between;align-items:center} align-items: center
.screen-toolbar .btn{border-radius:3px;padding:.35rem .7rem} }
.screen-toolbar .btn-light{background:#fff;border:1px solid #dcdfe3;color:#333}
.form-group{margin-bottom:.6rem} .screen-toolbar .btn {
.col-form-label{padding-top:.55rem;font-weight:600} border-radius: 3px;
.req:after{content:" *";color:#dc3545} padding: .35rem .7rem
input.form-control,select.form-control{height:34px;padding:.25rem .5rem} }
textarea.form-control{min-height:72px}
.img-thumbnail{border:1px dashed #d0d7de;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 8px,#f3f4f6 8px,#f3f4f6 16px)} .screen-toolbar .btn-light {
.form-footer{border-top:1px dashed #e9ecef} background: #fff;
</style> border: 1px solid #dcdfe3;
@endsection color: #333
}
.form-group {
margin-bottom: .6rem
}
.col-form-label {
padding-top: .55rem;
font-weight: 600
}
.req:after {
content: " *";
color: #dc3545
}
input.form-control,
select.form-control {
height: 34px;
padding: .25rem .5rem
}
textarea.form-control {
min-height: 72px
}
.img-thumbnail {
border: 1px dashed #d0d7de;
background: repeating-linear-gradient(45deg, #fafafa, #fafafa 8px, #f3f4f6 8px, #f3f4f6 16px)
}
.form-footer {
border-top: 1px dashed #e9ecef
}
</style>
@endsection

17
resources/views/admin/parks/edit.blade.php
View File

@ -2,6 +2,23 @@
@section('title', '駐輪場マスタ 編集') @section('title', '駐輪場マスタ 編集')
@section('content') @section('content')
{{-- ▼ パンくず --}}
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-lg-6">
<h1 class="m-0 text-dark">編集</h1>
</div>
<div class="col-lg-6">
<ol class="breadcrumb float-sm-right text-sm">
<li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
<li class="breadcrumb-item"><a href="{{ route('parks') }}">駐輪場マスタ</a></li>
<li class="breadcrumb-item active">編集</li>
</ol>
</div>
</div>
</div>
</div>
<div class="container-fluid page-park py-3"> <div class="container-fluid page-park py-3">
{{-- 画面上部のツールバー（左：登録/その他、右：削除） --}} {{-- 画面上部のツールバー（左：登録/その他、右：削除） --}}

86
resources/views/admin/parks/list.blade.php
View File

@ -2,9 +2,17 @@
@section('content') @section('content')
<div class="container-fluid pt-4"> <div class="container-fluid pt-4">
{{-- ▼ フラッシュメッセージ --}}
@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
@if(session('error'))
<div class="alert alert-danger">{{ session('error') }}</div>
@endif
<div class="d-flex justify-content-between align-items-center mb-3"> <div class="d-flex justify-content-between align-items-center mb-3">
<h3 class="mb-0">駐輪場マスタ</h3> <h3 class="mb-0">駐輪場マスタ</h3>
<ol class="breadcrumb float-sm-right text-sm mb-0"style="background: #f8f9fa;"> <ol class="breadcrumb float-sm-right text-sm mb-0" style="background: #f8f9fa;">
<li class="breadcrumb-item"><a href="{{ url('/home') }}">ホーム</a></li> <li class="breadcrumb-item"><a href="{{ url('/home') }}">ホーム</a></li>
<li class="breadcrumb-item active">駐輪場マスタ</li> <li class="breadcrumb-item active">駐輪場マスタ</li>
</ol> </ol>
@ -67,10 +75,10 @@
<th>住所</th> <th>住所</th>
<th>閉設フラグ</th> <th>閉設フラグ</th>
<th>閉設日</th> <th>閉設日</th>
<th>価格メモ</th>
<th>残警告チェックフラグ</th> <th>残警告チェックフラグ</th>
<th>印字数</th> <th>印字数</th>
<th>最新キープアライブ</th> <th>最新キープアライブ</th>
<th>更新オペレータID</th>
<th>更新期間開始日</th> <th>更新期間開始日</th>
<th>更新期間開始時</th> <th>更新期間開始時</th>
<th>更新期間終了日</th> <th>更新期間終了日</th>
@ -118,25 +126,26 @@
<a href="{{ route('parks.edit', ['id' => $park->park_id]) }}" <a href="{{ route('parks.edit', ['id' => $park->park_id]) }}"
class="btn btn-sm btn-outline-primary ml-2">編集</a> class="btn btn-sm btn-outline-primary ml-2">編集</a>
</td> </td>
<td class='sm-item text-left'><span>{{ $park->park_id }}</span></td> <td class='sm-item text-left'><span>{{ $park->park_id }}</span></td>
<td class='sm-item text-right'><span>{{ $park->city_name }}</span></td> <td class='sm-item text-right'><span>{{ $park->city_name }}</span></td>
<td class='sm-item text-right'><span>{{ $park->park_name }}</span></td> <td class='sm-item text-right'><span>{{ $park->park_name }}</span></td>
<td class='sm-item text-right'><span>{{ $park->park_ruby }}</span></td> <td class='sm-item text-right'><span>{{ $park->park_ruby }}</span></td>
<td class='sm-item text-left'><span>{{ $park->park_syllabary }}</span></td> <td class='sm-item text-left'><span>{{ $park->park_syllabary }}</span></td>
<td class='sm-item text-right'><span>{{ $park->park_adrs }}</span></td> <td class='sm-item text-right'><span>{{ $park->park_adrs }}</span></td>
<td class='sm-item text-right'> <td class='sm-item text-right'>
<span> <span>
@if($park->park_close_flag == 1) @if($park->park_close_flag == 1)
閉設 閉設
@else @else
営業中 営業中
@endif @endif
</span> </span>
</td> </td>
<td class='sm-item text-right'><span>{{ $park->park_day }}</span></td> <td class='sm-item text-right'><span>{{ $park->park_day }}</span></td>
<td class='sm-item text-left'><span>{{ $park->alert_flag }}</span></td> <td class='sm-item text-left'><span>{{ $park->alert_flag }}</span></td>
<td class='sm-item text-left'><span>{{ $park->print_number }}</span></td> <td class='sm-item text-left'><span>{{ $park->print_number }}</span></td>
<td class='sm-item text-left'><span>{{ $park->keep_alive }}</span></td> <td class='sm-item text-left'><span>{{ $park->keep_alive }}</span></td>
<td class='sm-item text-left'><span>{{ $park->operator_id ?? '' }}</span></td>
</tr> </tr>
@endforeach @endforeach
</tbody> </tbody>
@ -150,32 +159,23 @@
@endsection @endsection
@push('scripts') @push('scripts')
@extends('layouts.app')
@section('content')
<div class="container-fluid pt-4">
{{-- ここにテーブルやフォーム --}}
</div>
@endsection
@push('scripts')
<script>
// チェックボックス全選択
document.getElementById('check_all')?.addEventListener('change', function () {
document.querySelectorAll('.row_checkbox').forEach(cb => {
cb.checked = this.checked;
});
});
</script>
@endpush
<script> <script>
$('#check_all').on('change', function () { // チェックボックス全選択
$('.row_checkbox').prop('checked', this.checked); document.getElementById('check_all')?.addEventListener('change', function () {
document.querySelectorAll('.row_checkbox').forEach(cb => {
cb.checked = this.checked;
});
}); });
// jQuery fallback（もしjQueryが使われていれば）
if (window.$) {
$('#check_all').on('change', function () {
$('.row_checkbox').prop('checked', this.checked);
});
}
// 削除ボタンの確認ダイアログ // 削除ボタンの確認ダイアログ
document.getElementById('delete-btn').addEventListener('click', function() { document.getElementById('delete-btn').addEventListener('click', function () {
if (confirm('削除してよろしいですか？')) { if (confirm('削除してよろしいですか？')) {
document.getElementById('parks-delete-form').submit(); document.getElementById('parks-delete-form').submit();
} }