Merge pull request #267 from csfloat/feature/highlight-filter-patterns

Implements Ability to Highlight Specific Charm Patterns

src/lib/components/filter/filter_help.ts

@@ -11,7 +11,7 @@ export class FilterHelp extends FloatElement {
 
             <b>Note: </b> If multiple filters match an item, it will be highlighted with the average colour<br><br>
 
-            <b>New: </b> You can now filter based on <a href="https://db.csfloat.com">FloatDB</a> ranks and item price!<br><br>
+            <b>New: </b> You can now filter based on charm patterns!<br><br>
 
             <b>Examples: </b>
             <ul>
@@ -41,6 +41,10 @@ export class FilterHelp extends FloatElement {
                 <ul>
                     <li>Matches items with floats ranked in the top 500 lowest for this skin on FloatDB</li>
                 </ul>
+                <li>pattern > 22000 and pattern < 25000 </li>
+                <ul>
+                    <li>Matches items with charms that have patterns between 22,000 and 25,000</li>
+                </ul>
                 <li>match(float, "7355608") >= 1</li>
                 <ul>
                     <li>Matches items with floats that contain at least one match of the CS bomb code</li>
@@ -85,6 +89,11 @@ export class FilterHelp extends FloatElement {
                     <li>Phase of the item if it's a doppler, empty otherwise</li>
                     <li>Possible values are "1", "2", "3", "4", "Ruby", "Sapphire", "Black Pearl", "Emerald"</li>
                 </ul>
+                <li>pattern</li>
+                <ul>
+                    <li>Pattern of an un-applied charm, or the first applied keychain on a charm.</li>
+                    <li>Possible values range from 0 to 100,000</li>
+                </ul>
                 <li>minfloat</li>
                 <ul>
                     <li>The minimum float the skin can have (regardless of wear)</li>

src/lib/filter/filter.ts

@@ -110,6 +110,7 @@ export class Filter {
             low_rank: 2,
             high_rank: 2,
             price: 10,
+            pattern: 11111,
         });
 
         if (!Filter.isValidReturnValue(result)) {

src/lib/filter/types.ts

@@ -9,6 +9,7 @@ export interface InternalInputVars {
     low_rank: number;
     high_rank: number;
     price?: number;
+    pattern?: number;
 }
 
 export interface SerializedFilter {

src/lib/services/filter.ts

@@ -59,6 +59,10 @@ class FilterService {
             vars.price = price;
         }
 
+        if (info.keychains?.length > 0) {
+            vars.pattern = info.keychains[0].pattern;
+        }
+
         const colours = this.filters
             .filter((e) => {
                 const result = e.run(vars);