uTube/search.js at main · Common-Codes/uTube · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
function showResults(){
            const resulter = document.querySelector(".gridz");
            const fragment = new URLSearchParams(window.location.search.slice(1));
            const [query, filter] = [fragment.get("q"), fragment.get("filter")];
            const filler = query.toLowerCase();

            if(query != null){
                store.collection("vid").where("search", "array-contains", filler)
                .get()
                .then((querySnapshot) => {
                    querySnapshot.forEach((doc) => {
                        const rdata = doc.data()
                        document.title = `Search results for ${filler} | uTube`
                        document.getElementById("headersa").innerText = `Search Results for ${filler}`
                        resulter.innerHTML +=
                        `
                        <div>
                            <div onclick="location.href='https://common-codes.github.io/uTube/watch/#vid=${rdata.id}'" class="slot" title="Watch ${rdata.title}">
                                <div class="banner">
                                    <img class="banner-img" src="${rdata.vod}">
                                </div>
                                <div class="image">
                                    <img class="image-img" src="${rdata.uploader}">
                                </div>
                                <div class="video-descriptors">
                                    <div class="video-desc">
                                        <div class="video-name" style="cursor: pointer;">${rdata.title}</div>
                                        <div class="owner-descriptors">
                                            <div>
                                                <p class="video-id">${rdata.channel}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>`
                    })
                }).catch((err) => console.log(err))
            }
}

function searchFunction(){
    let query = document.getElementById("querygo").value;
    location.href=`https://common-codes.github.io/uTube/search/?q=${query}`;
}