Created Activity Feed

.docker/init.sql

@@ -0,0 +1,2 @@
+create database if not exists involvemint;
+

.gitignore

@@ -1,4 +1,6 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
+# environment file
+environment.ts
 
 # compiled output
 /dist

README.md

@@ -1,41 +1,115 @@
 # Official involveMINT Web App Repository
 
-## Setting Up Environment
+## Build Prerequisites
 
 Prerequisites:
 
-- Nodejs
-- Postgres database named `involvemint` running on localhost port 5432 with username `postgres` and password `1Qazxsw2`
-- Visual Studio Code
+- Node.js
+- Docker
 
-### Steps
+## Steps to Set Up Environment
 
-1. Clone repository
+1. Fork and clone this repository. Ensure that you uncheck the "copy main branch only" checkbox. Once you forked the repository, clone it to a directory on your local machine and `cd` into it.
 
-```sh
-git clone [email protected]:v3/involvemint/involveMINT/involvemint2.0
-```
+2. Checkout the "develop" branch: `git checkout develop`.
+3. Ensure you have Node.js installed. If you don't, please look at the section on [installing node.js](#installing-nodejs).
+4. Ensure you have Docker installed. If you don't, please navigate to the [official website](https://docs.docker.com/get-docker/) and follow the instructions. Run `docker --version` in your terminal after it's installed to ensure you have installed everything correctly.
 
-2. Change directory into repository
+### Installing Node.js
 
-```sh
-cd involvemint2.0
-```
+Run the following commands.
 
-3. Install dependencies
+1. `curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash`
+2. `export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"`
+3. `[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"`
+4. Refresh your shell (close and reopen). If you're using zsh, here's a shortcut: `source ~/.zshrc`
+5. If the following command does not throw an error, you're good so far: `nvm -v`
+6. `nvm install --lts`
+7. `nvm use --lts`
 
-```sh
-npm install
-```
+### Configuring Firebase
 
-4. Start client
+In order to run this code, you will need to navigate to [firebase](https://console.firebase.google.com/). You will see a screen that looks like ![firebase-landing](/assets/firebase-landing.png) and click "Create a project" (if you don't already have a GCP account and an existing project where you want to use Firebase). Once you have a project, you should see a screen like ![this](assets/firebase-dashboard.png) Once here, click the little gear and you'll see a screen that looks like ![this](assets/firebase-settings.png) Select the "Service accounts" tab and you'll see a screen that looks like ![this](assets/firebase-service-accounts.png) Hit the "Manage service account permissions" hyperlink which will take you to your GCP project. You will see a screen that looks like ![this](/assets/googlecloud-service-accounts.png). Click the account and then hit the "Keys" tab. You should see a screen that looks like ![this](/assets/service-account-keys.png). Click "Add Key" and then choose the "JSON" option to download it as a JSON file.
 
-```sh
-npx ng s
-```
+Ensure you are in the project directory (the directory that this file is in). Run the following command: `cp libs/shared/domain/src/lib/environments/environment.ts libs/shared/domain/src/lib/environments/environment.prod.ts` and open the new file (environment.prod.ts) in your editor. It should look like this at first:
+
+```typescript
+import { Env } from './environment.interface';
 
-5. In another terminal, start server
+const host = 'localhost';
 
-```sh
-npx ng s api
+/** Develop environment variables. */
+export const environment: Env = {
+  production: false,
+  test: false,
+  host,
+  apiUrl: `http://${host}:3335`,
+  appUrl: `http://${host}:4202`,
+  storageBucket: 'your storage bucket',
+  adminPasswordHash:
+    'sZfCJx5X3sGSwkokIs9IVFxDfxWd2lEKsAhkOSDfEK8u2YS98y5rJAmXmtrJs7AQ29xkHMmz0bDfLkXCKS9/+A==',
+  gcpApiKey: 'insert your key here',
+  typeOrmConfig: {
+    type: 'postgres',
+    host: '127.0.0.1',
+    port: 5432,
+    username: 'postgres',
+    password: '1Qazxsw2',
+    database: 'involvemint',
+    synchronize: true,
+    autoLoadEntities: true,
+    ssl: false,
+  },
+  firebaseEnv: {
+    apiKey: 'insert your key here',
+    authDomain: 'firebase auth domain',
+    databaseURL: '',
+    projectId: 'your project id',
+    storageBucket: 'Your project storage bucket', //your-something.appspot.com
+    messagingSenderId: '',
+    appId: 'your app id',
+    measurementId: 'Your measurementId',
+  },
+  // mailgun and twilio are optional
+  mailgun: {
+    apiKey: '',
+    domain: '',
+  },
+  twilio: {
+    accountSid: '',
+    authToken: '',
+    sendingPhone: '',
+  },
+  gcp: {
+    type: 'service_account',
+    project_id: 'project-id',
+    private_key_id: 'Your Private Key',
+    private_key: '-----BEGIN PRIVATE KEY-----\nYour Private Key\n-----END PRIVATE KEY-----\n',
+    client_email: 'Your client email',
+    client_id: 'client id',
+    auth_uri: 'https://accounts.google.com/o/oauth2/auth',
+    token_uri: 'https://oauth2.googleapis.com/token',
+    auth_provider_x509_cert_url: 'https://www.googleapis.com/oauth2/v1/certs',
+    client_x509_cert_url: 'cert url',
+  },
+  // I don't think this is used
+  scrypt: {
+    memCost: 14,
+    rounds: 8,
+    saltSeparator: 'Bw==',
+    signerKey: 'de/PQ/Gy53mgslvUgDUKDCgHJPArYqbFnGILLQZNe5My/CvqIThVL/CsndU8oudZ9lc4B7PT8w3sAar2/luQxA==',
+  },
+};
 ```
+
+Under the key "typeOrmConfig", please change the password field to "postgres". Under the key "gcp", please change the fields to match the fields in your service account JSON file that you just downloaded in the previous step.
+
+### Starting the Containers
+
+Run `docker compose up` in the root directory, which will spin up a PostgreSQL database on port 5432 and a PgAdmin UI on port 8889.
+
+### Starting the Apps
+
+Open a terminal and run `npm i` to install all the required packages. Once done, run `export NODE_OPTIONS=--openssl-legacy-provider` because otherwise there will be an error with OpenSSL. To start the client, run `npm run start:client`. To start the server, open a new terminal, export the same environment variable as before (`export NODE_OPTIONS=--openssl-legacy-provider`), run `npm run build`, and then `npm run start`.
+
+For any issues, or to suggest improvements to this documentation, please contact Anish Sinha <<[email protected]>>

angular.json

@@ -99,6 +99,14 @@
                   "maximumError": "10kb"
                 }
               ]
+            },
+            "org": {
+              "fileReplacements":[
+                {
+                  "replace": "libs/shared/domain/src/lib/environments/environment.ts",
+                  "with": "libs/shared/domain/src/lib/environments/environment.org.ts"
+                }
+              ]
             }
           }
         },
@@ -115,6 +123,9 @@
             },
             "test": {
               "browserTarget": "involvemint:build:test"
+            },
+            "org": {
+              "browserTarget": "involvemint:build:org"
             }
           }
         },
@@ -158,6 +169,9 @@
             },
             "test": {
               "devServerTarget": "involvemint:serve:test"
+            },
+            "org": {
+              "devServerTarget": "involvemint:serve"
             }
           }
         },
@@ -205,6 +219,14 @@
                   "with": "libs/shared/domain/src/lib/environments/environment.test.ts"
                 }
               ]
+            },
+            "org": {
+              "fileReplacements":[
+                {
+                  "replace": "libs/shared/domain/src/lib/environments/environment.ts",
+                  "with": "libs/shared/domain/src/lib/environments/environment.org.ts"
+                }
+              ]
             }
           }
         },
@@ -213,6 +235,11 @@
           "options": {
             "buildTarget": "api:build",
             "port": 2324
+          },
+          "configurations": {
+            "org":{
+              "buildTarget": "api:build:org"
+            }
           }
         },
         "lint": {

app.yaml

@@ -1,3 +1,6 @@
-runtime: nodejs14
+runtime: nodejs16
 
 instance_class: F4
+
+build_env_variables:
+  GOOGLE_NODE_RUN_SCRIPTS: ''

apps/api/src/main.ts

@@ -19,7 +19,7 @@ async function bootstrap() {
 
   // app.useWebSocketAdapter(new IoAdapter(app));
 
-  if (environment.production) {
+  if (environment.production || environment.test) {
     const port = Number(process.env.PORT) || 8080;
     await app.listen(port);
   } else {

docker-compose.yml

@@ -0,0 +1,27 @@
+version: '3.8'
+
+services:
+  postgres:
+    hostname: postgres
+    container_name: postgres
+    image: postgres
+    environment:
+      POSTGRES_USER: postgres
+      POSTGRES_PASSWORD: postgres
+      POSTGRES_DB: postgres
+      POSTGRES_INITDB_ARGS: '-A md5'
+    ports:
+      - '5432:5432'
+    volumes:
+      - ./.docker/init.sql:/docker-entrypoint-initdb.d/init.sql
+  pgadmin:
+    container_name: pgadmin
+    image: dpage/pgadmin4
+    environment:
+      PGADMIN_DEFAULT_EMAIL: [email protected]
+      PGADMIN_DEFAULT_PASSWORD: involvemint
+    ports:
+      - '8889:80'
+    hostname: pgadmin
+    depends_on:
+      - postgres

libs/client/admin/data-access/src/index.ts

@@ -1,4 +1,4 @@
 export * from './lib/admin.facade';
 export { EpApplicationStoreModel, SpApplicationStoreModel } from './lib/applications/applications.reducer';
 export * from './lib/client-admin-data-access.module';
-export { BaPrivilegeStoreModel } from './lib/privileges/privileges.reducer';
+export { BaPrivilegeStoreModel } from './lib/privileges/privileges.reducer';

libs/client/admin/data-access/src/lib/admin.facade.ts

@@ -1,14 +1,16 @@
 import { Injectable } from '@angular/core';
 import {
   GrantBaPrivilegesDto,
+  HideCommentDto,
   MintDto,
   ProcessEpApplicationDto,
   ProcessSpApplicationDto,
   RevokeBaPrivilegesDto,
+  UnhideCommentDto,
 } from '@involvemint/shared/domain';
 import { Actions, ofType } from '@ngrx/effects';
 import { select, Store } from '@ngrx/store';
-import { tap } from 'rxjs/operators';
+import { take, tap } from 'rxjs/operators';
 import * as ApplicationsActions from './applications/applications.actions';
 import * as ApplicationsSelectors from './applications/applications.selectors';
 import * as CreditsActions from './credits/credits.actions';
@@ -17,6 +19,7 @@ import * as PrivilegesSelectors from './privileges/privileges.selectors';
 
 @Injectable()
 export class AdminFacade {
+
   readonly applications = {
     selectors: {
       state$: this.store.pipe(select(ApplicationsSelectors.getState)).pipe(

libs/client/admin/shell/src/lib/client-admin-shell.module.ts

@@ -24,6 +24,10 @@ import { ImRoutes } from '@involvemint/shared/domain';
         path: ImRoutes.admin.users.ROOT,
         loadChildren: () => import('./users/users.module').then((m) => m.UsersModule),
       },
+      {
+        path: ImRoutes.admin.moderation.ROOT,
+        loadChildren: () => import('./moderation/moderation.module').then((m) => m.AdminModerationModule),
+      },
     ]),
   ],
 })

libs/client/admin/shell/src/lib/moderation/comments/modal-comments.component.html

@@ -0,0 +1,49 @@
+<ng-container *ngIf="state$ | async as state">
+
+  <ion-header>
+    <ion-toolbar>
+      <ion-title>
+        Comments
+      </ion-title>
+      <ion-buttons slot="end">
+        <ion-button (click)="cancel()">
+          <ion-icon slot="icon-only" name="close"></ion-icon>
+        </ion-button>
+      </ion-buttons>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content id="content">
+    <ion-list lines="none">
+        <ion-item *ngFor="let comment of state.comments">
+          <div class="comment-container">
+            <div class="member-handle">
+              <div
+                  class="im-profile-pic medium"
+                  *ngIf="comment.profilePicFilePath | imStorageUrl | async as url"
+                  [ngStyle]="{ 'background-image': 'url(' + url + ')' }"
+                ></div>
+            </div>
+            <ion-list class="comment">
+              <ion-label class="pointer" (click)="viewProfile(comment.handleId)" > <b>@{{ comment.handleId }}</b> </ion-label>
+              <ion-label class="spaced" color="medium"> {{ comment.name }} </ion-label>
+              <ion-label class="ion-text-wrap"> {{ comment.text }} </ion-label>
+            </ion-list>
+          </div>
+          <div class="flag-container">
+            <ion-icon [name]="comment.flagCount > 0 ? 'flag' : 'flag-outline'"></ion-icon>
+          </div>
+          <div class="flag-container">
+            <p>{{comment.flagCount}}</p>
+          </div>
+          <div *ngIf="!checkCommentHidden(comment)">
+            <ion-button class="hide-button" color="danger" (click)="hide(comment.id)">Hide</ion-button>
+          </div>
+          <div *ngIf="checkCommentHidden(comment)">
+            <ion-button class="unhide-button" color="medium" (click)="unhide(comment.id)">Unhide</ion-button>
+          </div>
+        </ion-item>
+    </ion-list>
+  </ion-content>
+
+</ng-container>