some updated with cert

somenathmaji · Sep 16, 2021 · 22e379b · 22e379b
1 parent 5dfbe04
commit 22e379b
Show file tree

Hide file tree

Showing 9 changed files with 54 additions and 40 deletions.
diff --git a/README.md b/README.md
@@ -2,27 +2,8 @@
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.2.6.
 
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Code scaffolding
-
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-Before running the tests make sure you are serving the app via `ng serve`.
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+## How to run
+### install ssl certificate
+npm gen:crt
+### run the app server
+npm start
diff --git a/certificate.cnf b/certificate.cnf
@@ -0,0 +1,18 @@
+[req]
+default_bits = 2048
+prompt = no
+default_md = sha256
+x509_extensions = v3_req
+distinguished_name = dn
+[dn]
+C = IN
+ST = Delhi
+L = Delhi
+O = My Organisation
+OU = My Organisational Unit
+emailAddress = [email protected]
+CN = localhost
+[v3_req]
+subjectAltName = @alt_names
+[alt_names]
+DNS.1 = localhost
diff --git a/manifest.xml → manifest_files/manifest-pinnate.xml b/manifest.xml → manifest_files/manifest-pinnate.xml
diff --git a/package.json b/package.json
@@ -4,11 +4,12 @@
   "license": "MIT",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --port 3000 --ssl",
+    "start": "ng serve --port 3000 --ssl true --ssl-key ./localhost.key --ssl-cert ./localhost.crt",
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",
-    "e2e": "ng e2e"
+    "e2e": "ng e2e",
+    "gen:crt": "openssl req -new -x509 -newkey rsa:2048 -sha256 -nodes -keyout localhost.key -days 3560 -out localhost.crt -config certificate.cnf"
   },
   "private": true,
   "dependencies": {
@@ -32,6 +33,7 @@
     "@types/jasmine": "2.5.38",
     "@types/jasminewd2": "~2.0.2",
     "@types/node": "~6.0.60",
+    "@types/office-js": "^1.0.204",
     "codelyzer": "~2.0.0",
     "jasmine-core": "~2.5.2",
     "jasmine-spec-reporter": "~3.2.0",
@@ -44,6 +46,6 @@
     "protractor": "~5.1.0",
     "ts-node": "~2.0.0",
     "tslint": "~4.4.2",
-    "typescript": "~2.0.0"
+    "typescript": "^2.4.2"
   }
 }
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,3 +1 @@
-<div>
-  <h3>{{subject}}</h3>
-</div>
+{{subject}}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,11 +1,22 @@
-import { Component } from "@angular/core";
-
+import { ChangeDetectorRef, Component, NgZone, OnInit } from "@angular/core";
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
-export class AppComponent {
-  public subject = 'hello world';
+export class AppComponent implements OnInit{
+
+  public subject = "";
+
+  ngOnInit(): void {
+    this.subject = Office.context.mailbox.item.subject;
+    Office.context.mailbox.addHandlerAsync(Office.EventType.ItemChanged, this.updateSubject);
+    console.log(this.subject);
+  }
+
+  public updateSubject() {
+    this.subject = Office.context.mailbox.item.subject;
+    console.log(this.subject);
+  }
 }
diff --git a/src/index.html b/src/index.html
@@ -1,12 +1,11 @@
-<!doctype html>
-<html lang="en">
+<!DOCTYPE html>
 <head>
   <meta charset="utf-8">
   <title>Pinnate</title>
   <base href="/">
-
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/src/favicon.ico">
+  <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js" type="text/javascript"></script>
 </head>
 <body>
   <app-root></app-root>

diff --git a/src/main.ts b/src/main.ts
@@ -8,4 +8,7 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule);
+Office.initialize = function () {
+  const platform = platformBrowserDynamic();
+  platform.bootstrapModule(AppModule);
+};
diff --git a/src/tsconfig.app.json b/src/tsconfig.app.json
@@ -13,7 +13,9 @@
     "target": "es5",
     "module": "es2015",
     "baseUrl": "",
-    "types": []
+    "types": [
+      "office-js"
+    ]
   },
   "exclude": [
     "test.ts",