ビデオDB

app/Http/Controllers/HomeController.php

@@ -3,6 +3,7 @@
 namespace App\Http\Controllers;
 
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
 use App\Http\Controllers\AuthController;
 use App\Http\Controllers\SiteController;
 use App\Http\Controllers\UserController;
@@ -51,6 +52,33 @@ class HomeController extends Controller {
     return view('pages.site.profile', ['res' => $res, 'menu' => $this->menu, 'user' => $this->user]);
   }
 
+  public function videoGame () {
+    $res = DB::table('vid_game')->get();
+
+    foreach ($res as $r) {
+      $p = DB::table('vid_platform')->where('id', $r->platform_id)->first();
+      $r->name = $r->name.'（'.$p->name.'）';
+    }
+
+    return view('pages.site.video.game', ['res' => $res, 'menu' => $this->menu, 'user' => $this->user]);
+  }
+
+  public function videoTable ($slug) {
+    $slg = DB::table('vid_game')->select('id', 'name')->where('slug', $slug)->first();
+    $res = DB::table('vid_video')->where('game_id', $slg->id)->orderBy('id', 'desc')->get();
+
+    foreach ($res as $r) {
+      $r->gametitle = explode('】', $r->title);
+      $r->title = $r->gametitle[1];
+      $r->gametitle = $r->gametitle[0];
+      $r->gametitle = str_replace('【'.$slg->name, '', $r->gametitle);
+
+      if ($r->gametitle == '') $r->gametitle = '初代';
+    }
+
+    return view('pages.site.video.videotable', ['res' => $res, 'menu' => $this->menu, 'user' => $this->user]);
+  }
+
   public function addContent (Request $r) {
     if ($this->user && ($this->user['blg_addpost'] || $this->user['blg_addpage'])) {
       $bdl = array();

package.json

@@ -1,31 +1,32 @@
 {
-    "private": true,
-    "scripts": {
-        "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "npm run development -- --watch",
-        "watch-poll": "npm run watch -- --watch-poll",
-        "w": "npm run watch -- --watch-poll",
-        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "clear": "php artisan cache:clear && php artisan view:clear && php artisan route:clear"
-    },
-    "devDependencies": {
-        "axios": "^0.19",
-        "cross-env": "^7.0",
-        "laravel-mix": "^5.0.1",
-        "lodash": "^4.17.13",
-        "resolve-url-loader": "^3.1.0",
-        "sass": "^1.15.2",
-        "sass-loader": "^8.0.0",
-        "vue-template-compiler": "^2.6.11"
-    },
-    "dependencies": {
-        "bootstrap": "^4.5.0",
-        "jquery": "^3.5.1",
-        "popper.js": "^1.16.1",
-        "vue": "^2.6.11",
-        "vue-draggable-resizable": "^2.2.0"
-    }
+  "private": true,
+  "scripts": {
+    "dev": "npm run development",
+    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch": "npm run development -- --watch",
+    "watch-poll": "npm run watch -- --watch-poll",
+    "w": "npm run watch -- --watch-poll",
+    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "prod": "npm run production",
+    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "clear": "php artisan cache:clear && php artisan view:clear && php artisan route:clear"
+  },
+  "devDependencies": {
+    "axios": "^0.19",
+    "cross-env": "^7.0",
+    "laravel-mix": "^5.0.1",
+    "lodash": "^4.17.19",
+    "resolve-url-loader": "^3.1.0",
+    "sass": "^1.15.2",
+    "sass-loader": "^8.0.0",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "dependencies": {
+    "bootstrap": "^4.5.0",
+    "jquery": "^3.5.1",
+    "popper.js": "^1.16.1",
+    "vue": "^2.6.11",
+    "vue-bootstrap-datetimepicker": "^5.0.1",
+    "vue-draggable-resizable": "^2.2.0"
+  }
 }

resources/sass/_logo.scss

@@ -16,6 +16,17 @@
   border: 1px solid $black2;
 }
 
+.logo-play {
+  transition: background 0.3s, color 0.3s;
+  background-color: transparent;
+  border-radius: 25%;
+  padding: 2px;
+}
+
+.logo-play:hover {
+  background-color: $ng4;
+}
+
 .logo-br {
   position: absolute;
   bottom: 8px;

resources/sass/app.scss

@@ -25,6 +25,10 @@
 @import "conponent/check";
 @import "conponent/form";
 @import "conponent/modal";
+@import "conponent/select";
+
+// テーブル
+@import "conponent/table";
 
 // その他
 #app {

resources/sass/conponent/_button.scss

@@ -46,6 +46,15 @@
   border-right-color: $kawaii2;
 }
 
+.btn-fumei-check {
+  color: $white1;
+  background-color: $kawaii3;
+  border-color: transparent;
+  border-bottom-color: $kawaii2;
+  border-right-color: $kawaii2;
+  box-shadow: 0px 0px 7px 3px $kawaii2;
+}
+
 .btn-danshi, .btn-danshi.disabled, .btn-danshi:disabled {
   background: radial-gradient(ellipse at top, $dan2, transparent),
   radial-gradient(ellipse at bottom, $black1, transparent);
@@ -57,10 +66,19 @@
 
 .btn-danshi:hover {
   color: $white1;
-  background-color: $suwa08;
+  background-color: $dan4;
   border-color: transparent;
-  border-bottom-color: $suwa04;
-  border-right-color: $suwa04;
+  border-bottom-color: $dan3;
+  border-right-color: $dan3;
+}
+
+.btn-danshi-check {
+  color: $white1;
+  background-color: $dan4;
+  border-color: transparent;
+  border-bottom-color: $dan3;
+  border-right-color: $dan3;
+  box-shadow: 0px 0px 7px 3px $dan3;
 }
 
 .btn-joshi, .btn-joshi.disabled, .btn-joshi:disabled {
@@ -80,6 +98,15 @@
   border-right-color: $jo3;
 }
 
+.btn-joshi-check {
+  color: $white1;
+  background-color: $jo4;
+  border-color: transparent;
+  border-bottom-color: $jo3;
+  border-right-color: $jo3;
+  box-shadow: 0px 0px 7px 3px $jo3;
+}
+
 .btn-primary, .btn-primary.disabled, .btn-primary:disabled {
   background: radial-gradient(ellipse at top, $suwa03, transparent),
   radial-gradient(ellipse at bottom, $black1, transparent);

resources/sass/conponent/_select.scss

@@ -0,0 +1,5 @@
+.custom-select {
+  background-color: $black1;
+  border: 1px solid $suwa10;
+  color: $white1;
+}

resources/sass/conponent/_table.scss

@@ -0,0 +1,20 @@
+.table-dark {
+  color: $white1;
+  background-color: $black3;
+  border: 2px solid $suwa03;
+  transition: background-color 0.3s;
+}
+
+.table-dark th, .table-dark td, .table-dark thead th {
+  border-color: $suwa03;
+}
+
+.table-dark.table-hover tbody tr {
+  transition: background-color 0.3s;
+  background-color: $black3;
+}
+
+.table-dark.table-hover tbody tr:hover {
+  color: $white1;
+  background-color: $suwa07;
+}

resources/views/pages/site/profile.blade.php

@@ -70,13 +70,13 @@
           @if ($res->contacts->facebook)
           <div class="row">
             <div class="col-sm-3">フェースブック：</div>
-            <div class="col"><a href="https://www.twitter.com/{{ $res->contacts->facebook }}">{{ $res->contacts->facebook }}</a></div>
+            <div class="col"><a href="https://www.facebook.com/{{ $res->contacts->facebook }}">{{ $res->contacts->facebook }}</a></div>
           </div>
           @endif
           @if ($res->contacts->instagram)
           <div class="row">
             <div class="col-sm-3">インスタグラム：</div>
-            <div class="col"><a href="https://www.twitter.com/{{ $res->contacts->instagram }}">{{ $res->contacts->instagram }}</a></div>
+            <div class="col"><a href="https://www.instagram.com/{{ $res->contacts->instagram }}">{{ $res->contacts->instagram }}</a></div>
           </div>
           @endif
         </span>

resources/views/pages/site/video/game.blade.php

@@ -0,0 +1,15 @@
+@extends('layouts.site')
+
+@section('content')
+<div class="within">
+  <div class="bar">ゲームを選んで下さい</div>
+  <div class="back">
+    <ul style="list-style: none;">
+      @foreach ($res as $k => $r)
+        <li><a href="/video/{{ $r->slug }}">{{ $r->name }}</a></li>
+      @endforeach
+    </ul>
+  </div>
+</div>
+
+@endsection

resources/views/pages/site/video/videotable.blade.php

@@ -0,0 +1,36 @@
+@extends('layouts.site')
+
+@section('content')
+<div class="within">
+  <div class="bar">動画を選んで下さい</div>
+  <div class="back" style="white-space: pre-wrap;">
+    <div class="table-responsive">
+      <table class="table table-hover table-dark">
+        <thead>
+          <tr>
+            <th scope="col">ゲーム名</th>
+            <th scope="col">件名</th>
+            <th scope="col"><img src="/img/swk-box.webp" class="logo-play" alt="self"></th>
+            <th scope="col"><a href="https://www.youtube.com/user/UltimatePisman"><img src="/img/yt-box.webp" class="logo-play" alt="youtube"></a></th>
+            <th scope="col"><a href="https://www.twitter.com/TechnicalSuwako"><img src="/img/twit-box.webp" class="logo-play" alt="twitter"></a></th>
+            <th scope="col"><a href="https://www.nicovideo.jp/user/14848316"><img src="/img/nico-box.webp" class="logo-play" alt="nicovideo"></a></th>
+            <th scope="col"><a href="https://www.bitchute.com/channel/technicalsuwako"><img src="/img/bt-box.webp" class="logo-play" alt="bitchute"></a></th>
+          </tr>
+        </thead>
+        @foreach ($res as $k => $r)
+          <tr>
+            <td scope="row">{{ $r->gametitle }}</td>
+            <td scope="row">{{ $r->title }}</td>
+            <td scope="row">@if ($r->url) <a href="{{ $r->url }}"><img src="/img/play-box.webp" class="logo-play" alt="【{{ $r->gametitle }}】$r->title"></a> @endif</td>
+            <td scope="row">@if ($r->youtube) <a href="{{ $r->youtube }}"><img src="/img/play-box.webp" class="logo-play" alt="【{{ $r->gametitle }}】$r->title"></a> @endif</td>
+            <td scope="row">@if ($r->twitter) <a href="{{ $r->twitter }}"><img src="/img/play-box.webp" class="logo-play" alt="【{{ $r->gametitle }}】$r->title"></a> @endif</td>
+            <td scope="row">@if ($r->nicovideo) <a href="{{ $r->nicovideo }}"><img src="/img/play-box.webp" class="logo-play" alt="【{{ $r->gametitle }}】$r->title"></a> @endif</td>
+            <td scope="row">@if ($r->bitchute) <a href="{{ $r->bitchute }}"><img src="/img/play-box.webp" class="logo-play" alt="【{{ $r->gametitle }}】$r->title"></a> @endif</td>
+          </tr>
+        @endforeach
+      </table>
+    </div>
+  </div>
+</div>
+
+@endsection