dev #13716

Добавил фильтрацию по полю типа заказа

src/app/app.module.ts

@@ -29,6 +29,7 @@ import { ConfirmationService } from 'primeng/api';
 import { DropdownModule } from 'primeng/dropdown';
 import { ChipsModule } from 'primeng/chips';
 import { ButtonModule } from 'primeng/button';
+import {MultiSelectModule} from 'primeng/multiselect';
 
 const routes = [
   { path: 'clients', component: ClientsComponent },
@@ -71,6 +72,7 @@ const routes = [
     DropdownModule,
     ChipsModule,
     ButtonModule,
+    MultiSelectModule,
     RouterModule.forRoot(routes)
   ],
   providers: [MessageService, { provide: APP_BASE_HREF, useValue: '/' }, ConfirmationService],

src/app/data/data.ts

@@ -2,6 +2,5 @@ export const OrderTypes = {
     "mobileApp": "Мобильное приложение",
     "offlineReline": "Кассовое приложение",
     "mobileAppOfflineOrder": "Диплинк",
-    "selfServiceTerminalOrder": "Терминал самообслуживания",
-    "notFound": "Тип не найден"
+    "selfServiceTerminalOrder": "Терминал самообслуживания"
 }

src/app/pages/orders/orders.component.html

@@ -31,7 +31,18 @@
         <th><p-columnFilter type="text" field="external_id" [matchModeOptions]="matchModeOptions" [matchMode]="'custom-contains'"></p-columnFilter></th>
         <th><p-columnFilter type="text" field="phone" [matchModeOptions]="matchModeOptions" [matchMode]="'custom-contains'"></p-columnFilter></th>
         <th></th>
-        <th><p-columnFilter type="text" field="type" [matchModeOptions]="matchModeOptions" [matchMode]="'custom-contains'"></p-columnFilter></th>
+        <th><p-columnFilter field="type" matchMode="in" display="menu" [showMatchModes]="false" [showOperator]="false" [showAddButton]="false">
+          <ng-template pTemplate="filter" let-value let-filter="filterCallback">
+            <p-multiSelect [ngModel]="value" [options]="keysFromObject(orderTypes)" placeholder="Тип заказа"
+              (onChange)="filter($event.value)" [label]="orderTypes[leadToTypeOrderType(value)]" [displaySelectedLabel]="false">
+              <ng-template let-option pTemplate="item">
+                <div class="p-multiselect-representative-option">
+                  <span class="p-ml-1">{{orderTypes[leadToTypeOrderType(option)]}}</span>
+                </div>
+              </ng-template>
+            </p-multiSelect>
+          </ng-template>
+        </p-columnFilter></th>
       </tr>
     </ng-template>
     <ng-template pTemplate="body" let-order>

src/app/pages/orders/orders.component.ts

@@ -103,6 +103,10 @@ export class OrdersComponent implements OnInit {
    
   }
 
+  keysFromObject(object: any) {
+    return Object.keys(object)
+  }
+
   notif() {
     for (let i = 0; i < this.orders.length; i++) {
       this.map_new.set(this.orders[i].id, true)