commit 08febe96c926b872dd5b96c3830c0cde1f30e601 · pdsls.dev/pdsls

+36 -4

src/views/labels.tsx

···

       81
        
         let formRef!: HTMLFormElement;

     

       82
        
       

     

       83
        
         const filteredLabels = createMemo(() => {

     

       84
       -
           const filterValue = filter().trim().toLowerCase();

     

       85
        
           if (!filterValue) return labels();

     

       86
       -
           return labels().filter((label) => label.val.toLowerCase().includes(filterValue));

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       87
        
         });

     

       88
        
       

     

       89
        
         const hasSearched = createMemo(() => Boolean(searchParams.uriPatterns));

     
···

       215
        
               <StickyOverlay>

     

       216
        
                 <div class="flex w-full items-center gap-x-2">

     

       217
        
                   <TextInput

     

       218
       -
                     placeholder="Filter by label value"

     

       219
        
                     name="filter"

     

       220
        
                     value={filter()}

     

       221
        
                     onInput={(e) => setFilter(e.currentTarget.value)}

     

       222
       -
                     class="min-w-0 grow text-sm"

     

       223
        
                   />

     

       224
        
                   <div class="flex shrink-0 items-center gap-x-2 text-sm">

     

       225
        
                     <Show when={labels().length > 0}>

···

       81
        
         let formRef!: HTMLFormElement;

     

       82
        
       

     

       83
        
         const filteredLabels = createMemo(() => {

     

       84
       +
           const filterValue = filter().trim();

     

       85
        
           if (!filterValue) return labels();

     

       86
       +
       

     

       87
       +
           const filters = filterValue

     

       88
       +
             .split(/[\s,]+/)

     

       89
       +
             .map((f) => f.trim())

     

       90
       +
             .filter((f) => f.length > 0);

     

       91
       +
       

     

       92
       +
           const exclusions: string[] = [];

     

       93
       +
           const inclusions: string[] = [];

     

       94
       +
       

     

       95
       +
           filters.forEach((f) => {

     

       96
       +
             if (f.startsWith("-")) {

     

       97
       +
               exclusions.push(f.slice(1).toLowerCase());

     

       98
       +
             } else {

     

       99
       +
               inclusions.push(f.toLowerCase());

     

       100
       +
             }

     

       101
       +
           });

     

       102
       +
       

     

       103
       +
           return labels().filter((label) => {

     

       104
       +
             const labelValue = label.val.toLowerCase();

     

       105
       +
       

     

       106
       +
             // Check exclusions (exact match)

     

       107
       +
             if (exclusions.some((exc) => labelValue === exc)) {

     

       108
       +
               return false;

     

       109
       +
             }

     

       110
       +
       

     

       111
       +
             // If there are inclusions, at least one must match (partial match)

     

       112
       +
             if (inclusions.length > 0) {

     

       113
       +
               return inclusions.some((inc) => labelValue.includes(inc));

     

       114
       +
             }

     

       115
       +
       

     

       116
       +
             // If only exclusions were specified, include everything not excluded

     

       117
       +
             return true;

     

       118
       +
           });

     

       119
        
         });

     

       120
        
       

     

       121
        
         const hasSearched = createMemo(() => Boolean(searchParams.uriPatterns));

     
···

       247
        
               <StickyOverlay>

     

       248
        
                 <div class="flex w-full items-center gap-x-2">

     

       249
        
                   <TextInput

     

       250
       +
                     placeholder="Filter labels (space separated, -label to exclude)"

     

       251
        
                     name="filter"

     

       252
        
                     value={filter()}

     

       253
        
                     onInput={(e) => setFilter(e.currentTarget.value)}

     

       254
       +
                     class="min-w-0 grow text-sm placeholder:text-xs"

     

       255
        
                   />

     

       256
        
                   <div class="flex shrink-0 items-center gap-x-2 text-sm">

     

       257
        
                     <Show when={labels().length > 0}>