+ |
+
+ |
+ ${website.subdomain}.puter.site |
+ ${website.created_at} |
+  |
+
+ `;
+}
+
+$(document).on('input change keyup keypress keydown paste cut', '.search', function (e) {
+ // search apps for query
+ search_query = $(this).val().toLowerCase();
+ if (search_query === '') {
+ // hide 'clear search' button
+ $('.search-clear').hide();
+ // show all apps again
+ $(`.website-card`).show();
+ } else {
+ // show 'clear search' button
+ $('.search-clear').show();
+ // show apps that match search_query and hide apps that don't
+ websites.forEach((website) => {
+ if (
+ website.name.toLowerCase().includes(search_query.toLowerCase())
+ )
+ {
+ $(`.website-card[data-name="${website.name}"]`).show();
+ } else {
+ $(`.website-card[data-name="${website.name}"]`).hide();
+ }
+ })
+ }
+})
+
+$(document).on('click', '.delete-websites-btn', async function (e) {
+ // show confirmation alert
+ let resp = await puter.ui.alert(`Are you sure you want to delete the selected websites?`, [
+ {
+ label: 'Delete',
+ type: 'danger',
+ value: 'delete',
+ },
+ {
+ label: 'Cancel',
+ },
+ ], {
+ type: 'warning',
+ });
+
+ if (resp === 'delete') {
+ // disable delete button
+ $('.delete-websites-btn').addClass('disabled');
+
+ // show 'deleting' modal
+ puter.ui.showSpinner();
+
+ let start_ts = Date.now();
+ const websites = $('.website-checkbox:checked').toArray();
+
+ // delete all checked websites
+ for (let website of websites) {
+ let website_name = $(website).attr('data-website-name');
+ // delete website
+ await puter.hosting.delete(website_name)
+
+ // remove website card
+ $(`.website-card[data-name="${website_name}"]`).fadeOut(200, function name(params) {
+ $(this).remove();
+ if ($(`.website-card`).length === 0) {
+ $('section:not(.sidebar)').hide();
+ $('#no-websites-notice').show();
+ } else {
+ $('section:not(.sidebar)').hide();
+ $('#website-list').show();
+ }
+ count_websites();
+ });
+
+ try{
+ count_websites();
+ } catch(err) {
+ console.log(err);
+ }
+ }
+
+ // close 'deleting' modal
+ setTimeout(() => {
+ puter.ui.hideSpinner();
+ if($('.website-checkbox:checked').length === 0){
+ // disable delete button
+ $('.delete-websites-btn').addClass('disabled');
+ // reset the 'select all' checkbox
+ $('.select-all-websites').prop('indeterminate', false);
+ $('.select-all-websites').prop('checked', false);
+ }
+ }, (start_ts - Date.now()) > 500 ? 0 : 500);
+ }
+})
+
+$(document).on('contextmenu', '.website-card', function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+ puter.ui.contextMenu({
+ items: [
+ {
+ label: 'Delete',
+ type: 'danger',
+ action: () => {
+ attempt_delete_website($(this).attr('data-name'));
+ },
+ },
+ ],
+ });
+})
+
+$(document).on('click', '.options-icon-website', function (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+ puter.ui.contextMenu({
+ items: [
+ {
+ label: 'Delete',
+ type: 'danger',
+ action: () => {
+ attempt_delete_website($(this).attr('data-website-name'));
+ },
+ },
+ ],
+ });
+})
+
+async function attempt_delete_website(website_name) {
+ // confirm delete
+ const alert_resp = await puter.ui.alert(`Are you sure you want to premanently delete