Step 23.13: Create UninvitedPipe based on UninvitedFilter

client/main.ts

@@ -28,10 +28,12 @@ import { registerPassword } from '../imports/ui/components/password/password';
 import { registerRegister } from '../imports/ui/components/register/register';
 import { registerSocially, SociallyNg1Module } from '../imports/ui/components/socially/socially';
 import { DisplayNamePipe } from '../imports/ui/filters/displayNamePipe';
+import { UninvitedPipe } from '../imports/ui/filters/uninvitedPipe';
 
 @NgModule({
   declarations: [
-    DisplayNamePipe
+    DisplayNamePipe,
+    UninvitedPipe
   ],
   imports: [
     BrowserModule,

imports/ui/filters/uninvitedPipe.ts

@@ -0,0 +1,20 @@
+import { Pipe } from '@angular/core';
+import * as _ from 'underscore';
+
+const name = 'uninvited';
+
+@Pipe({
+  name
+})
+export class UninvitedPipe {
+  transform(users, party) {
+    if (!party) {
+      return false;
+    }
+
+    return users.filter((user) => {
+      // if not the owner and not invited
+      return user._id !== party.owner && !_.contains(party.invited, user._id);
+    });
+  }
+}