app/Http/Controllers/RatingController.php

@@ -1,19 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\DB;
-use App\Models\Rating;
-
-class RatingController extends Controller
-{
-    public function index(Request $request)
-    {
-        $rating = new Rating;
-        $rating->rate = $request->rate;
-        $rating->comment = $request->comment;
-        $rating->save();
-        return ['code' => $rating->save() ? 200 : 500];
-    }
-}

app/Models/Rating.php

@@ -1,19 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-use Illuminate\Http\Request;
-
-class Rating extends Model
-{
-    use HasFactory;
-
-    /**
-     * The table associated with the model.
-     *
-     * @var string
-     */
-    protected $table = 'rating';
-}

database/migrations/2024_06_03_081209_create_rating_table.php

@@ -1,29 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('rating', function (Blueprint $table) {
-            $table->id();
-            $table->integer('rate')->nullable();
-            $table->text('comment')->nullable();
-            $table->timestamps();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('rating');
-    }
-};

resources/css/app.css

@@ -1,10 +0,0 @@
-.box-gradient {
-    border: 10px solid transparent;
-    background: linear-gradient(
-        #ffffff,
-        #ffffff) padding-box,
-    linear-gradient(45deg,
-        #FF52E5,
-        #F6D242) border-box;
-    border-radius: 14px;
-}

resources/views/Schedule.vue

@@ -3,52 +3,37 @@
         <p class="text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5 ma-5">Расписание стримов</p>
         <v-skeleton-loader v-if="fetching" type="text" />
         <p v-else class="ma-5 text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5"> {{ parseDate(dates[0].current_date) }} - {{ parseDate(dates[1].current_date) }}</p>
-        <ScheduleTable :is-wide="isWide"/>
+        <ScheduleTable/>
         <p class="text-xl-h3 text-lg-h3 text-md-h4 text-sm-h4 text-h5 ma-5">Ссылочки</p>
-        <Links :is-wide="isWide"/>
+        <Links/>
-        <AdditionalButtons :is-wide="isWide"/>
     </v-sheet>
 </template>
 
 <script>
 import ScheduleTable from "./Schedule/ScheduleTable.vue";
 import Links from "./Schedule/Links.vue";
-import AdditionalButtons from "./Schedule/AdditionalButtons.vue";
 import {ref} from "vue";
 import {useScheduleStore} from '../stores/schedule.js';
 
 export default {
     name: "Schedule",
-    components: {AdditionalButtons, Links, ScheduleTable},
+    components: {Links, ScheduleTable},
     data: () => ({
         dates: ref(),
         scheduleStore: useScheduleStore(),
-        fetching: true,
+        fetching: true
-        windowHeight: document.documentElement.clientHeight,
-        windowWidth: document.documentElement.clientWidth,
-        isWide: window.innerWidth >= 460
     }),
     methods: {
         parseDate(date){
             let dateArr = date.split("-");
             return dateArr[2] + "." + dateArr[1];
-        },
-        myEventHandler(e) {
-            this.windowHeight = document.documentElement.clientHeight;
-            this.windowWidth = document.documentElement.clientWidth;
-            this.isWide = this.windowWidth >= 460;
         }
     },
-    created() {
-        window.addEventListener("resize", this.myEventHandler);
-    },
     mounted() {
         this.scheduleStore.getDates().then(()=>{
             this.dates = this.scheduleStore.dates;
             this.fetching = false;
         });
-        this.myEventHandler();
-        window.addEventListener("resize", this.myEventHandler, { passive: true });
     }
 }
 </script>

resources/views/Schedule/AdditionalButtons.vue

@@ -1,101 +0,0 @@
-<script>
-import Links from "./Links.vue";
-import ScheduleTable from "./ScheduleTable.vue";
-import {ref} from "vue";
-import {useScheduleStore} from "../../stores/schedule.js";
-
-export default {
-    name: "AdditionalButtons",
-    data: () => ({
-        showModal: ref(false),
-        afterModal: ref(false),
-        afterModalText: '',
-        rating: 0,
-        comment: ''
-    }),
-    props: {
-        isWide: Boolean
-    },
-    methods:{
-        onShowModal(){
-            this.showModal = !this.showModal;
-            if (!this.showModal){
-                this.rating = 0;
-                this.comment = '';
-            }
-        },
-        onShowAfterModal(){
-            this.afterModal = !this.afterModal;
-        },
-        sendRating(){
-            axios.post(
-                '/api/v1/rating',
-                {
-                    rate: this.rating,
-                    comment: this.comment
-                }
-            ).then((responce)=>{
-                this.onShowModal();
-                console.log(responce.data['code']);
-                if (responce.data['code'] === 200){
-                    this.afterModalText = 'Спасибо за отзыв!';
-                } else {
-                    this.afterModalText = 'Ошибка: Отзыв не отправился :(';
-                }
-                this.onShowAfterModal();
-            });
-        }
-    }
-}
-</script>
-
-<template>
-    <div class="w-100 d-flex justify-space-evenly" :class="isWide ? '' : 'flex-column'">
-        <v-btn
-            class="box-gradient pt-2 pb-2 ma-5 h-auto"
-            text="Кинуть копеечку"
-            href="https://www.donationalerts.com/r/dhaverd"
-            target="_blank"
-        />
-        <v-btn
-            class="box-gradient pt-2 pb-2 ma-5 h-auto"
-            text="Оставить отзыв"
-            @click="onShowModal"
-        />
-    </div>
-    <v-dialog v-model="showModal" class="align-center" :class="isWide ? 'w-50' : 'w-100 h-100'">
-        <v-sheet class="mt-5 mb-5 pa-5 h-auto rounded-lg d-flex flex-column">
-            <div class="w-100 d-flex justify-end">
-                <v-btn icon="mdi-window-close" elevation="0" @click="onShowModal"/>
-            </div>
-            <v-label class="text-xl-h6">Оцените канал:</v-label>
-            <v-rating v-model="rating" active-color="orange-lighten-1">
-                sss
-            </v-rating>
-            <v-label class="text-xl-h6 mb-2">Оставьте отзыв:</v-label>
-            <v-textarea v-model="comment" clearable variant="outlined" label="Что можно улучшить?"/>
-            <div class="d-flex justify-center">
-                <v-btn class="box-gradient pt-2 pb-2 w-auto h-auto" @click="sendRating">Отправить</v-btn>
-            </div>
-        </v-sheet>
-    </v-dialog>
-    <v-dialog v-model="afterModal" class="align-center" :class="isWide ? 'w-50' : 'w-100 h-100'">
-        <v-sheet class="mt-5 mb-5 pa-5 h-auto rounded-lg d-flex flex-column">
-            <div class="w-100 d-flex justify-end">
-                <v-btn icon="mdi-window-close" elevation="0" @click="onShowAfterModal"/>
-            </div>
-            <v-label class="text-xl-h6">{{afterModalText}}</v-label>
-        </v-sheet>
-    </v-dialog>
-</template>
-
-<style scoped>
-.v-dialog {
-    align-items: center;
-    justify-content: center;
-    margin: auto;
-}
-.v-label {
-    color: #000000;
-}
-</style>

resources/views/Schedule/Links.vue

@@ -7,16 +7,28 @@
         data: () => ({
             links: ref(),
             fetching: true,
-            scheduleStore: useScheduleStore()
+            scheduleStore: useScheduleStore(),
+            windowHeight: document.documentElement.clientHeight,
+            windowWidth: document.documentElement.clientWidth,
+            isWide: window.innerWidth >= 460
         }),
-        props: {
-            isWide: Boolean
-        },
         mounted() {
             this.scheduleStore.getLinks().then(()=>{
                 this.links = this.scheduleStore.links;
                 this.fetching = false;
             });
+            this.myEventHandler();
+            window.addEventListener("resize", this.myEventHandler, { passive: true });
+        },
+        created() {
+            window.addEventListener("resize", this.myEventHandler);
+        },
+        methods: {
+            myEventHandler(e) {
+                this.windowHeight = document.documentElement.clientHeight;
+                this.windowWidth = document.documentElement.clientWidth;
+                this.isWide = this.windowWidth >= 460;
+            }
         }
     }
 </script>
@@ -36,5 +48,20 @@
 </template>
 
 <style scoped>
+    .bg-gradient-noh {
+        background: linear-gradient(-45deg, #f103b0, #f0a068, #4fdbfeff);
+        background-size: 200% 200%;
+        animation: gradient 15s ease infinite;
+    }
+    .box-gradient {
+        border: 10px solid transparent;
+        background: linear-gradient(
+            #ffffff,
+            #ffffff) padding-box,
+        linear-gradient(45deg,
+            #FF52E5,
+            #F6D242) border-box;
+        border-radius: 14px;
+    }
 
 </style>

resources/views/Schedule/ScheduleTable.vue

@@ -9,9 +9,6 @@
             scheduleStore: useScheduleStore(),
             fetching: true
         }),
-        props: {
-            isWide: Boolean
-        },
         methods: {
             parseDate(date){
                 let dateArr = date.split("-");
@@ -30,7 +27,7 @@
 <template>
     <div class="w-100 d-flex justify-center">
         <v-skeleton-loader v-if="fetching" type="table"/>
-        <v-table v-else class="text-xl-h5 text-lg-h5 text-md-h5 text-sm-h5  text-body-2" :class="isWide ? 'w-66' : 'w-100'">
+        <v-table v-else class="text-xl-h5 text-lg-h5 text-md-h5 text-sm-h5  text-body-2 w-66">
             <tbody>
             <tr v-for="schedule in schedules">
                 <td>{{ parseDate(schedule.current_date) }} {{ schedule.weekday_name }} {{ schedule.stream_time }}</td>

routes/api_v1.php

@@ -19,4 +19,3 @@
 Route::get('/schedules', 'App\Http\Controllers\SchedulesController@index')->name('schedules');
 Route::get('/dates', 'App\Http\Controllers\SchedulesController@mmDate')->name('dates');
 Route::get('/phrases', 'App\Http\Controllers\BasyaPhrasesController@index')->name('phrases');
-Route::post('/rating', 'App\Http\Controllers\RatingController@index')->name('rating');