Warning, /plasma-bigscreen/peertube-voice-application/ui/+mediacenter/CategoryBoxView.qml is written in an unsupported language. File is not indexed.

 /*
  *  Copyright 2018 by Aditya Mehra <aix.m@outlook.com>
  *
  *  This program is free software: you can redistribute it and/or modify
  *  it under the terms of the GNU General Public License as published by
  *  the Free Software Foundation, either version 3 of the License, or
  *  (at your option) any later version.
 
  *  This program is distributed in the hope that it will be useful,
  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  *  GNU General Public License for more details.
 
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
 import QtQuick 2.9
 import QtQuick.Layouts 1.4
 import QtGraphicalEffects 1.0
 import QtQuick.Controls 2.3
 import org.kde.kirigami 2.8 as Kirigami
 import org.kde.plasma.core 2.0 as PlasmaCore
 import org.kde.plasma.components 3.0 as PlasmaComponents3
 import org.kde.plasma.components 2.0 as PlasmaComponents
 import Mycroft 1.0 as Mycroft
 import "+mediacenter/views" as Views
 import "+mediacenter/delegates" as Delegates
 
 Item {
     id: cbView
     property alias model: videoListView.model
     Layout.fillWidth: true
     Layout.fillHeight: true
     readonly property int responsiveCellWidth: width >= 800 ? videoListView.view.width / 4 : videoListView.view.width / 2
     readonly property bool miniModeState: delegate.delegateMiniMode
     
     states: [ 
         State {
             name: "miniModeType"
 
             AnchorChanges {
                 target: videoListView
                 anchors.top: cbView.top
             }
         }, 
         State {
             name: "maxModeType"
 
             AnchorChanges {
                 target: videoListView
                 anchors.top: searchBarArea.bottom
             }
         }
     ]
     
     onMiniModeStateChanged: {
         if(miniModeState) {
             cbView.state = "miniModeType"
         } else {
             cbView.state = "maxModeType"
         }
     }
     
     
     onFocusChanged: {
         if(focus && !delegate.delegateMiniMode){
             searchBarArea.forceActiveFocus()
         } else if(focus && delegate.delegateMiniMode){
             videoListView.forceActiveFocus()
         }
     }
     
   function timeSanitize(sec) {
         var millisec = sec * 1000;
         var seconds = (millisec / 1000).toFixed(0);
         var minutes = Math.floor(seconds / 60);
         var hours = "";
         if (minutes > 59) {
             hours = Math.floor(minutes / 60);
             hours = (hours >= 10) ? hours : "0" + hours;
             minutes = minutes - (hours * 60);
             minutes = (minutes >= 10) ? minutes : "0" + minutes;
         }
 
         seconds = Math.floor(seconds % 60);
         seconds = (seconds >= 10) ? seconds : "0" + seconds;
         if (hours != "") {
             return hours + ":" + minutes + ":" + seconds;
         }
         return minutes + ":" + seconds;
     }
     
     function searchpTResults(query){
         triggerGuiEvent("PeerTube.SearchQuery", {"search_query": query})
         categoryLayout.currentIndex = 5
         searchQuery = query
         busyIndicatorPop.open()
     }
     
     function setPublishedDate(publishDate){
         var date1 = new Date(publishDate).getTime();
         var date2 = new Date().getTime();
         console.log(date1)
         console.log(date2)
         
         var msec = date2 - date1;
         var mins = Math.floor(msec / 60000);
         var hrs = Math.floor(mins / 60);
         var days = Math.floor(hrs / 24);
         var yrs = Math.floor(days / 365);
         mins = mins % 60;
         hrs = hrs % 24;
         days = days % 365;
         var result = ""
         if(days == 0 && hrs > 0) {
             result = hrs + " hours, " + mins + " minutes ago"
         } else if (days == 0 && hrs == 0) {
             result = mins + " minutes ago"
         } else {
             result = days + " days, " + hrs + " hours, " + mins + " minutes ago"
         }
         return result
     }
     
     function returnCategory(){
         switch(catName){
             case "News":
                 return homeCatButton
                 break
             case "Music":
                 return musicCatButton
                 break
             case "Technology":
                 return techCatButton
                 break
             case "Entertainment":
                 return entertainmentCatButton
                 break
             case "Gaming": 
                 return gamingCatButton
                 break
             case "Search Results":
                 return searchCatButton
                 break
         }
     }
     
     Rectangle {
         id: searchBarArea
         anchors.top: parent.top
         anchors.topMargin: Kirigami.Units.largeSpacing
         anchors.horizontalCenter: parent.horizontalCenter
         height: !delegate.delegateMiniMode ? Kirigami.Units.gridUnit * 3 : 0
         width: parent.width / 3
         radius: 12
         color: searchBarArea.activeFocus ? Qt.rgba(Kirigami.Theme.highlightColor.r, Kirigami.Theme.highlightColor.g, Kirigami.Theme.highlightColor.b, 0.95) : Qt.rgba(Kirigami.Theme.backgroundColor.r, Kirigami.Theme.backgroundColor.g, Kirigami.Theme.backgroundColor.b, 0.95)
         visible: !delegate.delegateMiniMode
         enabled: !delegate.delegateMiniMode
                 
         Keys.onReturnPressed: {
             videoQueryBox.forceActiveFocus()
         }
         
         KeyNavigation.up: returnCategory()
         KeyNavigation.down: videoListView
         
         RowLayout {
             anchors.fill: parent
             TextField {
                 id: videoQueryBox
                 Layout.leftMargin: Kirigami.Units.largeSpacing
                 Layout.fillWidth: true
                 placeholderText: "Search here..."
                 Layout.fillHeight: true
                 text: searchQuery.length > 0 ? searchQuery : ""
                 onAccepted: {
                     searchBitChuteLiveResults(videoQueryBox.text)
                 }
                 KeyNavigation.down: videoListView
                 KeyNavigation.right: searchVideoQuery
                 
                 onTextChanged: {
                     searchQuery = videoQueryBox.text
                 }
             }
             
             Kirigami.Icon {
                 id: searchVideoQuery
                 Layout.preferredWidth: Kirigami.Units.gridUnit * 2
                 Layout.fillHeight: true
                 source: "search" 
                 KeyNavigation.left: videoQueryBox
                 KeyNavigation.down: videoListView
                 
                 Keys.onReturnPressed: {
                     searchBitChuteLiveResults(videoQueryBox.text)
                 }
                 
                 MouseArea {
                     anchors.fill: parent
                     onClicked: {
                         searchBitChuteLiveResults(videoQueryBox.text)
                     }
                 }
                 
                 ColorOverlay {
                     anchors.fill: parent
                     source: searchVideoQuery
                     color: Kirigami.Theme.highlightColor
                     visible: searchVideoQuery.activeFocus ? 1 : 0
                 }
             }
         }
     }
     
     Views.TileView {
         id: videoListView
         focus: true
         title: " "
         anchors {
             top: searchBarArea.bottom
             left: parent.left
             right: parent.right
             bottom: parent.bottom
         }
         delegate: Delegates.VideoCard {
             width: videoListView.cellWidth
             height: videoListView.cellHeight
         }
         cellWidth: cbView.responsiveCellWidth
         cellHeight: cellWidth / 1.8 + Kirigami.Units.gridUnit * 5
         KeyNavigation.up: searchBarArea
     }
 }