【Bootstrap4】Bootstrap 4管理仪表板模板，用于管理面板和仪表板以及添加页面监听器

2024-07-03 14:35:11 +08:00
parent ad11069b05
commit ff7cef5dd5
2 changed files with 738 additions and 0 deletions
@@ -0,0 +1,138 @@
+
+    $(document).ready(function () {
+        $('#basic').on('click', function () {
+            Swal.fire('Hello! This is a Basic Message.')
+    	});
+        $('#basic-title').on('click', function () {
+            Swal.fire(
+                'The Internet?',
+                'That thing is still around?',
+                'question'
+            )
+        });
+        $('#success').on('click', function () {
+            Swal.fire({                
+                icon: 'success',
+                title: 'Your work has been saved',
+                showConfirmButton: false,                
+            })
+        });
+        $('#info').on('click', function () {
+            Swal.fire({                
+                icon: 'info',
+                title: 'Good Job!',
+                showConfirmButton: false,                
+            })
+        });
+        $('#warning').on('click', function () {
+            Swal.fire({                
+                icon: 'warning',
+                title: 'Changes are not saved',
+                showConfirmButton: false,
+                
+            })
+        });
+        $('#danger').on('click', function () {
+            Swal.fire({
+                icon: 'error',
+                title: 'OOps!!',
+                text: 'Something went Wrong',
+                showConfirmButton: false,                
+            })
+        });
+        $('#confirmation').on('click', function () {
+            Swal.fire({
+                title: "Are you sure?",
+                text: "Once deleted, you will not be able to recover this imaginary file!",
+                icon: "warning",
+                buttons: true,
+                dangerMode: true,
+            })
+            .then((willDelete) => {
+                if (willDelete) {
+                    Swal.fire("Poof! Your imaginary file has been deleted!", {
+                        icon: "success",
+                    });
+                } else {
+                    Swal.fire("Your imaginary file is safe!");
+                }
+            });
+        });
+        $('#custom-buttons').on('click', function () {
+            Swal.fire("A wild Pikachu appeared! What do you want to do?", {
+                buttons: {
+                    cancel: "Run away!",
+                    catch: {
+                        text: "Throw Pokéball!",
+                        value: "catch",
+                    },
+                    defeat: true,
+                },
+            })
+            .then((value) => {
+                switch (value) {
+
+                    case "defeat":
+                        Swal.fire("Pikachu fainted! You gained 500 XP!");
+                        break;
+
+                    case "catch":
+                        Swal.fire("Gotcha!", "Pikachu was caught!", "success");
+                        break;
+
+                    default:
+                        Swal.fire("Got away safely!");
+                }
+            });
+        });
+        $('#ajax-request').on('click', function () {
+            Swal.fire({
+                text: 'Search for a movie. e.g. "La La Land".',
+                content: "input",
+                button: {
+                    text: "Search!",
+                    closeModal: false,
+                },
+            })
+            .then(name => {
+                if (!name) throw null;
+
+                return fetch(`https://itunes.apple.com/search?term=${name}&entity=movie`);
+            })
+            .then(results => {
+                return results.json();
+            })
+            .then(json => {
+                const movie = json.results[0];
+
+                if (!movie) {
+                    return Swal.fire("No movie was found!");
+                }
+
+                const name = movie.trackName;
+                const imageURL = movie.artworkUrl100;
+
+                Swal.fire({
+                    title: "Top result:",
+                    text: name,
+                    icon: imageURL,
+                });
+            })
+            .catch(err => {
+                if (err) {
+                    Swal.fire("Oh noes!", "The AJAX request failed!", "error");
+                } else {
+                    Swal.fire.stopLoading();
+                    Swal.fire.close();
+                }
+            });
+        }); 
+        $('#form-input').on('click', function () {
+            Swal.fire("Write something here:", {
+                content: "input",
+            })
+            .then((value) => {
+                Swal.fire(`You typed: ${value}`);
+            });
+        });      
+    });