312

package.json

@@ -19,6 +19,7 @@
 		"@sveltejs/adapter-node": "^5.0.1",
 		"adapter": "^1.0.0-beta.10",
 		"from": "^0.1.7",
-		"import": "^0.0.6"
+		"import": "^0.0.6",
+		"sweetalert2": "^11.12.2"
 	}
 }

src/com/Renderdata.svelte

@@ -2,7 +2,7 @@
 	export let movies
     import {directlink_url} from '../base/config.js'
     import {randomAngka} from '../func/randomAngka.js'
-
+    import {simpanfilm} from '../func/simpanbokep.js'
 
     let btndisable = false
     let btnteks = "Nonton"
@@ -47,8 +47,12 @@
                        <span class="pink-text bold-text">{truncateTitle(movie.title, 40)}</span>
                
                 </div>
-                <div style="display: flex;justify-content: end;margin:5px;margin-top:5px">
-                
+                <div style="display: flex;justify-content: space-between;margin:5px;margin-top:5px">
+                 <button
+                    on:click={()=>simpanfilm(movie)}
+                     class="btn waves bold-text waves-effect blue"
+                     >
+                    Simpan</button>
                     <button
                     on:click={()=>gantipage(movie.file_code)}
                 	 class="btn waves bold-text waves-effect pink"

src/func/simpanbokep.js

@@ -0,0 +1,22 @@
+import Swal from 'sweetalert2';
+
+export function simpanfilm(movie) {
+    const existingData = localStorage.getItem('movies');
+    let movies = [];
+
+    if (existingData) {
+        movies = JSON.parse(existingData);
+    }
+
+    movies.push(movie);
+
+    localStorage.setItem('movies', JSON.stringify(movies));
+
+    Swal.fire({
+        toast:true,
+        icon: 'success',
+        title: 'Bokep nya udah di simpan',
+        showConfirmButton: false,
+        timer: 1000
+    });
+}

src/routes/home/+page.svelte

@@ -20,5 +20,10 @@
     class="btn waves waves-effect purple darken-3 bold-text"
 	>Cari Bokep</a>
 </div>
+<div class="container" style="margin-top: 10px">
+	<a href="/simpan"
+    class="btn waves waves-effect blue bold-text"
+	>Bokep Tersimpan</a>
+</div>
 
 <Renderdata movies={data}/>

src/routes/p/[id]/+page.svelte

@@ -51,7 +51,7 @@
 <div class="container" style="margin-top:10px">
 	<a href="/home" class="btn waves waves-effect pink">Kembali</a>
 	<a href="/cari" class="btn waves waves-effect purple darken-3 bold-text">cari Bokep</a>
-	<a href="/chat" class="btn waves waves-effect blue darken-3 bold-text">Request</a>
+	<a href="/simpan" class="btn waves waves-effect blue darken-3 bold-text">tersimpan</a>
 </div>
 
 {#if loadingframe}

src/routes/simpan/+page.svelte

@@ -0,0 +1,125 @@
+<script>
+    import { onMount } from 'svelte';
+    import Swal from 'sweetalert2';
+    import Nav from '../../com/Nav.svelte';
+    import { directlink_url } from '../../base/config.js';
+    import { randomAngka } from '../../func/randomAngka.js';
+
+    let movies = [];
+    let btndisable = false;
+    let btnteks = "Nonton";
+
+    // Function to retrieve movies from localStorage
+    function getMovies() {
+        const data = localStorage.getItem('movies');
+        if (data) {
+            movies = JSON.parse(data).reverse(); // Reverse to show the newest items at the top
+        }
+    }
+
+    // Function to delete a movie by file_code
+    function deleteMovie(file_code) {
+        // Retrieve existing data from localStorage
+        const existingData = localStorage.getItem('movies');
+        if (existingData) {
+            let moviesList = JSON.parse(existingData);
+            // Find the index of the movie with the given file_code
+            const index = moviesList.findIndex(movie => movie.file_code === file_code);
+            if (index !== -1) {
+                moviesList.splice(index, 1);
+
+                // Save the updated data back to localStorage
+                localStorage.setItem('movies', JSON.stringify(moviesList));
+
+                // Update the movies array to trigger reactivity
+                movies = moviesList.reverse();
+
+                // Display a SweetAlert2 notification
+                Swal.fire({
+                    icon: 'success',
+                    title: 'Berhasil dihapus',
+                    showConfirmButton: false,
+                    timer: 1500
+                });
+            }
+        }
+    }
+
+    function gantipage(code) {
+        let ran = randomAngka();
+        if (ran === 1) {
+            btndisable = true;
+            btnteks = "Sabar Bos";
+            window.location.href = `/p/${code}`;
+        } else {
+            window.open(directlink_url, "_blank");
+        }
+    }
+
+    onMount(() => {
+        getMovies();
+    });
+
+    function deleteAllMovies() {
+        localStorage.removeItem('movies');
+        movies = []; // Clear the movies array
+        Swal.fire({
+            icon: 'success',
+            title: 'Semua film telah dihapus',
+            showConfirmButton: false,
+            timer: 1500
+        });
+    }
+    
+</script>
+
+<style>
+    .row .col {
+        margin: 0px;
+        padding: 0px;
+    }
+    .bold-text {
+        font-weight: bold;
+    }
+</style>
+
+<Nav />
+<div>
+    <div class="container">
+        <a href="/home" class="btn waves waves-effect pink">kembali</a>
+        <a href="/cari" class="btn waves waves-effect purple bold-text">cari</a>
+        <button
+            class="btn waves waves-effect red white-text bold-text"
+           on:click={deleteAllMovies}
+        >
+            Hapus Semua
+        </button>
+    </div>
+
+    <div class="container">
+        <h5 class="bold-text">Semua Bokep yg udah lu Simpen</h5>
+    </div>
+
+    <div class="row">
+        {#each movies as movie}
+            <div class="col s6 m4 l4">
+                <div class="card waves waves-effect">
+                    <img src={movie.single_img} style="width: 100%" alt="">
+                    <div class="container">
+                        <span class="pink-text bold-text">{movie.title}</span>
+                    </div>
+                    <div style="display: flex; justify-content: space-between; margin: 3px">
+                        <button class="btn waves bold-text waves-effect red" on:click={() => deleteMovie(movie.file_code)}>Hapus</button>
+                        <button
+                            on:click={() => gantipage(movie.file_code)}
+                            class="btn waves bold-text waves-effect blue"
+                            disabled={btndisable}
+                        >
+                            {btnteks}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        {/each}
+    </div>
+</div>

yarn.lock

@@ -782,6 +782,11 @@ svelte@^4.2.7:
     magic-string "^0.30.4"
     periscopic "^3.1.0"
 
+sweetalert2@^11.12.2:
+  version "11.12.2"
+  resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-11.12.2.tgz#3430b6bd66f732ae6c36b19ff965da5b01b1e3fd"
+  integrity sha512-Rwv5iRYlApkDSXeX22aLhhWMlWPzFxnNBVLZajkFKYhaVEfQkMOPQQRhBtSFxKBPCoko9U3SccWm9hI4o3Id0Q==
+
 tiny-glob@^0.2.9:
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/tiny-glob/-/tiny-glob-0.2.9.tgz#2212d441ac17928033b110f8b3640683129d31e2"