Add new admin instance manage page. Fixes #448

Author: dansup

app/Http/Controllers/Api/AdminController.php

@@ -743,7 +743,11 @@ public function instances(Request $request)
             if (str_starts_with($search, 'software:')) {
                 $software = trim(substr($search, 9));
                 if (! empty($software)) {
-                    $query->where('software', 'like', $software.'%');
+                    if ($software === 'unknown') {
+                        $query->whereNull('software');
+                    } else {
+                        $query->where('software', 'like', $software.'%');
+                    }
                 }
             } elseif (str_starts_with($search, 'description:')) {
                 $desc = trim(substr($search, 12));
@@ -893,6 +897,8 @@ public function updateInstanceRefreshData(Request $request, $id)
         $instance->report_count = Report::where('domain', $instance->domain)->count();
         $instance->save();
 
+        FetchInstanceNodeinfo::dispatch($instance)->onQueue('actor-update');
+
         return $this->success();
     }
 
@@ -926,11 +932,11 @@ public function instanceStats(Request $request)
     {
         $res = [
             [
-                'name' => 'Total Instances',
+                'name' => 'Total',
                 'value' => Instance::whereNotNull('software')->whereFederationState(5)->count(),
             ],
             [
-                'name' => 'New (past 24h)',
+                'name' => 'New',
                 'value' => Instance::whereNotNull('software')->whereFederationState(5)->where('created_at', '>', now()->subHours(24))->count(),
             ],
             [
@@ -946,6 +952,78 @@ public function instanceStats(Request $request)
         return $this->data($res);
     }
 
+    public function instanceAdvancedStats()
+    {
+        $totalInstances = Instance::count();
+        $activeInstances = Instance::where('is_blocked', false)->count();
+        $allowedVideoPosts = Instance::where('allow_video_posts', true)->count();
+        $allowedInFyf = Instance::where('allow_videos_in_fyf', true)->count();
+
+        $softwareStats = Instance::select('software')
+            ->selectRaw('COUNT(*) as count')
+            ->selectRaw('SUM(CASE WHEN allow_video_posts = 1 THEN 1 ELSE 0 END) as allow_video_posts_count')
+            ->groupBy('software')
+            ->orderByDesc('count')
+            ->get();
+
+        return response()->json([
+            'data' => [
+                'stats' => [
+                    ['name' => 'Total Instances', 'value' => $totalInstances],
+                    ['name' => 'Active Instances', 'value' => $activeInstances],
+                    ['name' => 'Video Posts Allowed', 'value' => $allowedVideoPosts],
+                    ['name' => 'FYF Allowed', 'value' => $allowedInFyf],
+                ],
+                'software_stats' => $softwareStats,
+            ],
+        ]);
+    }
+
+    public function manageInstanceToggleBySoftware(Request $request)
+    {
+        $request->validate([
+            'software' => 'required|string',
+            'allow_video_posts' => 'required|boolean',
+        ]);
+
+        $software = $request->software;
+        $allowVideoPosts = (bool) $request->allow_video_posts;
+        $updatedCount = Instance::where('software', $software)
+            ->update(['allow_video_posts' => $request->allow_video_posts]);
+
+        app(AdminAuditLogService::class)->logInstanceSoftwareUpdateAllowVideoPosts($request->user(), ['software' => $software, 'allow_video_posts' => $allowVideoPosts]);
+
+        return response()->json([
+            'data' => [
+                'updated_count' => $updatedCount,
+            ],
+        ]);
+    }
+
+    public function manageInstanceToggleByDomains(Request $request)
+    {
+        $request->validate([
+            'domains' => 'required|array',
+            'domains.*' => 'string',
+            'allow_video_posts' => 'required|boolean',
+        ]);
+
+        $domains = array_map(function ($domain) {
+            return parse_url($domain, PHP_URL_HOST) ?: $domain;
+        }, $request->domains);
+
+        $updatedCount = Instance::whereIn('domain', $domains)
+            ->update(['allow_video_posts' => $request->allow_video_posts]);
+
+        app(AdminAuditLogService::class)->logInstanceDomainsUpdateAllowVideoPosts($request->user(), ['domains' => $domains, 'allow_video_posts' => $request->allow_video_posts]);
+
+        return response()->json([
+            'data' => [
+                'updated_count' => $updatedCount,
+            ],
+        ]);
+    }
+
     public function instanceCreate(Request $request)
     {
         $validated = $request->validate([
@@ -1156,6 +1234,10 @@ public function deleteAdminInvite(Request $request, $id)
 
     private function applySorting($query, $sort)
     {
+        if ($sort === 'allow_video_posts') {
+            return $query->where('allow_video_posts', 1);
+        }
+
         if ($sort === 'unprocessed') {
             return $query->where('status', 1);
         }

app/Services/AdminAuditLogService.php

@@ -57,6 +57,16 @@ public function logInstanceUpdateSettings(User|int $user, $instance, $changes)
         return $this->log($user, 'instance:updated_settings', $changes, $instance, null, 1);
     }
 
+    public function logInstanceSoftwareUpdateAllowVideoPosts(User|int $user, $changes)
+    {
+        return $this->log($user, 'instance:software_allow_video_posts', $changes, null, null, 1);
+    }
+
+    public function logInstanceDomainsUpdateAllowVideoPosts(User|int $user, $changes)
+    {
+        return $this->log($user, 'instance:domains_allow_video_posts', $changes, null, null, 1);
+    }
+
     public function logInstanceUpdateNotes(User|int $user, $instance, $changes)
     {
         return $this->log($user, 'instance:update_notes', $changes, $instance, null, 1);

resources/js/components/DataTable.vue

@@ -66,6 +66,38 @@
             </div>
         </div>
 
+        <div
+            v-if="hasActiveFilters"
+            class="px-4 py-3 bg-blue-50 dark:bg-blue-900/20 border-b border-blue-200 dark:border-blue-800"
+        >
+            <div class="flex items-center justify-between flex-col sm:flex-row gap-2">
+                <div class="flex items-start sm:items-center gap-2 w-full sm:w-auto">
+                    <InformationCircleIcon
+                        class="w-5 h-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5 sm:mt-0"
+                    />
+                    <p class="text-sm text-blue-800 dark:text-blue-200">
+                        <span class="font-medium">Filtered results:</span>
+                        <span class="ml-1">
+                            You are viewing
+                            <template v-if="searchQuery && selectedSort">
+                                {{ filterDescription }}
+                            </template>
+                            <template v-else-if="searchQuery">
+                                search results for "{{ searchQuery }}"
+                            </template>
+                            <template v-else> sorted results </template>
+                        </span>
+                    </p>
+                </div>
+                <button
+                    @click="clearFilters"
+                    class="text-sm font-medium text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 underline whitespace-nowrap transition-colors"
+                >
+                    Clear filters
+                </button>
+            </div>
+        </div>
+
         <div class="overflow-x-auto">
             <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                 <thead class="bg-gray-50 dark:bg-gray-700">
@@ -180,8 +212,13 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
-import { MagnifyingGlassIcon, ArrowPathIcon, ChevronDownIcon } from '@heroicons/vue/24/outline'
+import { ref, watch, computed } from 'vue'
+import {
+    MagnifyingGlassIcon,
+    ArrowPathIcon,
+    ChevronDownIcon,
+    InformationCircleIcon
+} from '@heroicons/vue/24/outline'
 
 const props = defineProps({
     title: String,
@@ -202,6 +239,10 @@ const props = defineProps({
         type: String,
         default: ''
     },
+    initialSort: {
+        type: String,
+        default: ''
+    },
     showLocalFilter: {
         type: Boolean,
         default: false
@@ -215,7 +256,7 @@ const props = defineProps({
 const emit = defineEmits(['search', 'refresh', 'previous', 'next', 'sort', 'localChange'])
 
 const searchQuery = ref(props.initialSearchQuery)
-const selectedSort = ref('')
+const selectedSort = ref(props.initialSort)
 const localFilter = ref(props.initialLocalFilter)
 
 watch(
@@ -225,11 +266,36 @@ watch(
     }
 )
 
+const hasActiveFilters = computed(() => {
+    return searchQuery.value.trim() !== '' || selectedSort.value !== ''
+})
+
+const filterDescription = computed(() => {
+    const parts = []
+    if (searchQuery.value) {
+        parts.push(`search results for "${searchQuery.value}"`)
+    }
+    if (selectedSort.value) {
+        const sortOption = props.sortOptions.find((opt) => opt.value === selectedSort.value)
+        if (sortOption) {
+            parts.push(`sorted by ${sortOption.name.toLowerCase()}`)
+        }
+    }
+    return parts.join(' and ')
+})
+
 const handleSortChange = () => {
     emit('sort', selectedSort.value)
 }
 
 const handleLocalChange = () => {
     emit('localChange', localFilter.value)
 }
+
+const clearFilters = () => {
+    searchQuery.value = ''
+    selectedSort.value = ''
+    emit('search', '')
+    emit('sort', '')
+}
 </script>

resources/js/layouts/AdminLayout.vue

@@ -10,7 +10,7 @@
             :class="[sidebarOpen ? 'translate-x-0' : '-translate-x-full']"
             class="fixed inset-y-0 left-0 z-50 w-64 bg-white dark:bg-gray-800 shadow-lg transform transition-transform lg:translate-x-0 lg:relative lg:flex lg:flex-col"
         >
-            <div class="flex items-center justify-between h-16 px-6 bg-sky-500 flex-shrink-0">
+            <div class="flex items-center justify-between h-16 px-6 bg-[#F02C56] flex-shrink-0">
                 <h1 class="text-xl font-bold text-white">Loops Admin</h1>
                 <button
                     @click="sidebarOpen = false"
@@ -90,7 +90,9 @@
                     </button>
 
                     <div class="flex items-center space-x-4">
-                        <span class="text-sm text-gray-500 dark:text-gray-400">Hello Admin!</span>
+                        <span class="text-sm text-gray-500 dark:text-gray-400"
+                            >Hello {{ authStore.getUser.username }}!</span
+                        >
                     </div>
                 </div>
             </header>
@@ -108,6 +110,7 @@
 import { ref, onMounted, inject } from 'vue'
 import { useRoute } from 'vue-router'
 import { storeToRefs } from 'pinia'
+import { useAuthStore } from '@/stores/auth'
 import {
     ChartBarSquareIcon,
     Cog6ToothIcon,
@@ -128,6 +131,8 @@ import { useAdminStore } from '~/stores/admin'
 const route = useRoute()
 const sidebarOpen = ref(false)
 
+const authStore = useAuthStore()
+
 const navigation = [
     { name: 'Dashboard', href: '/admin/dashboard', icon: ChartBarSquareIcon },
     { name: 'Comments', href: '/admin/comments', icon: ChatBubbleOvalLeftIcon },