From fdbb8e9f79bd7b096f53381d15b84a6d75a9a79e Mon Sep 17 00:00:00 2001
From: Dhaverd <jedi55@mail.ru>
Date: Tue, 9 Apr 2024 19:57:23 +0800
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B8=D0=BB=D0=B8=D0=BC=20=D1=84=D0=B8?=
 =?UTF-8?q?=D1=87=D1=83=20=D1=81=20=D0=BF=D0=BB=D0=B5=D0=B5=D1=80=D0=BE?=
 =?UTF-8?q?=D0=BC=20=D1=82=D0=B2=D0=B8=D1=87=D0=B0=20=D0=B2=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B5=D0=BD=D0=BD=D1=8B=D0=BC=20=D0=B2=20=D1=81?=
 =?UTF-8?q?=D0=B0=D0=B9=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/Schedule.vue               | 28 +++++++++++++++++++---
 resources/views/Schedule/Links.vue         |  1 +
 resources/views/Schedule/ScheduleTable.vue |  1 +
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/resources/views/Schedule.vue b/resources/views/Schedule.vue
index 8d51fc2..21632df 100644
--- a/resources/views/Schedule.vue
+++ b/resources/views/Schedule.vue
@@ -1,11 +1,17 @@
 <template>
     <v-sheet class="mt-5 mb-5 rounded-lg w-75">
-        <p class="text-h3 ma-5">Расписание стримов</p>
         <v-skeleton-loader v-if="fetching" type="text" />
         <p v-else class="ma-5 text-h4"> {{ parseDate(dates[0].current_date) }} - {{ parseDate(dates[1].current_date) }}</p>
         <ScheduleTable/>
-        <p class="text-h3 ma-5">Ссылочки</p>
         <Links/>
+        <iframe
+            src="https://player.twitch.tv/?channel=dhaverd&parent=localhost:8000/&muted=true"
+            frameborder="0"
+            allowfullscreen="true"
+            scrolling="no"
+            height="378"
+            width="620"
+        />
     </v-sheet>
 </template>
 
@@ -19,7 +25,8 @@ export default {
     components: {Links, ScheduleTable},
     data: () => ({
         dates: [],
-        fetching: true
+        fetching: true,
+        twitchStreamIsOnline: false
     }),
     methods: {
         parseDate(date){
@@ -33,10 +40,25 @@ export default {
                     this.dates = response.data;
                     this.fetching = false;
                 });
+        },
+        async checkTwitchStreamOnline(){
+            await axios
+                .get('https://api.twitch.tv/helix/search/channels?query=Dhaverd', {
+                    headers: {
+                        'Authorization': 'Bearer 2gbdx6oar67tqtcmt49t3wpcgycthx',
+                        'Client-Id': 'wbmytr93xzw8zbg0p1izqyzzc5mbiz'
+                    }
+                })
+                .then(response => {
+                    for (let item in response.data){
+                        console.log(item);
+                    }
+                });
         }
     },
     mounted() {
         this.getDates();
+        this.checkTwitchStreamOnline();
     }
 }
 </script>
diff --git a/resources/views/Schedule/Links.vue b/resources/views/Schedule/Links.vue
index 42146ef..4d7b915 100644
--- a/resources/views/Schedule/Links.vue
+++ b/resources/views/Schedule/Links.vue
@@ -20,6 +20,7 @@
 
 <template>
     <div class="w-100 d-flex justify-center">
+        <p class="text-h3 ma-5">Ссылочки</p>
         <v-list class="w-66">
             <v-skeleton-loader v-if="fetching" type="list-item"/>
             <v-list-item v-else class="ma-5 bg-gradient-noh" elevation="6" v-for="link in links" :href="link.link"> <!-- style="background-color: #E57373; color: #FFFFFF" -->
diff --git a/resources/views/Schedule/ScheduleTable.vue b/resources/views/Schedule/ScheduleTable.vue
index 5ffee7e..adbcdf2 100644
--- a/resources/views/Schedule/ScheduleTable.vue
+++ b/resources/views/Schedule/ScheduleTable.vue
@@ -26,6 +26,7 @@
 
 <template>
     <div class="w-100 d-flex justify-center">
+        <p class="text-h3 ma-5">Расписание стримов</p>
         <v-skeleton-loader v-if="fetching" type="table"/>
         <v-table v-else class="text-h5 w-66">
             <tbody>