11 | German 12 | English 13 | 14 | -------------------------------------------------------------------------------- /backend/src/main/resources/testCert/server.p12: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Angular2Guy/AngularPwaMessenger/09e31743a730756358cda21187f9c157f5beab3f/backend/src/main/resources/testCert/server.p12 -------------------------------------------------------------------------------- /backend/src/test/java/ch/xxx/messenger/MessengerApplicationTests.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright 2018 Sven Loesekann 3 | Licensed under the Apache License, Version 2.0 (the "License"); 4 | you may not use this file except in compliance with the License. 5 | You may obtain a copy of the License at 6 | http://www.apache.org/licenses/LICENSE-2.0 7 | Unless required by applicable law or agreed to in writing, software 8 | distributed under the License is distributed on an "AS IS" BASIS, 9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 10 | See the License for the specific language governing permissions and 11 | limitations under the License. 12 | */ 13 | package ch.xxx.messenger; 14 | 15 | //@SpringBootTest 16 | public class MessengerApplicationTests { 17 | 18 | // @Test 19 | public void contextLoads() { 20 | } 21 | 22 | } 23 | 24 | -------------------------------------------------------------------------------- /backend/src/test/java/ch/xxx/messenger/RandomNumberTest.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright 2018 Sven Loesekann 3 | Licensed under the Apache License, Version 2.0 (the "License"); 4 | you may not use this file except in compliance with the License. 5 | You may obtain a copy of the License at 6 | http://www.apache.org/licenses/LICENSE-2.0 7 | Unless required by applicable law or agreed to in writing, software 8 | distributed under the License is distributed on an "AS IS" BASIS, 9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 10 | See the License for the specific language governing permissions and 11 | limitations under the License. 12 | */ 13 | package ch.xxx.messenger; 14 | 15 | import java.nio.ByteBuffer; 16 | import java.nio.charset.StandardCharsets; 17 | import java.util.Base64; 18 | import java.util.Random; 19 | 20 | import org.junit.jupiter.api.Assertions; 21 | import org.junit.jupiter.api.Test; 22 | 23 | public class RandomNumberTest { 24 | private Random rand = new Random(); 25 | 26 | @Test 27 | public void generateRandomNumber() { 28 | Assertions.assertNotNull(rand.nextLong()); 29 | } 30 | 31 | // generates the bas64 encoded random number for the jwt signature 32 | // property: security.jwt.token.secret-key 33 | @Test 34 | public void generateBase64RandomNumber() { 35 | final int numberOfBytes = 32; 36 | ByteBuffer buffer = ByteBuffer.allocate(Long.BYTES*numberOfBytes); 37 | for(int i = 0;i
11 | German 12 | English 13 | 14 | -------------------------------------------------------------------------------- /frontend/src/angular/browserslist: -------------------------------------------------------------------------------- 1 | last 2 Chrome version 2 | last 2 Firefox version 3 | last 2 Edge major versions 4 | last 2 Safari major version 5 | last 2 iOS major versions 6 | Firefox ESR 7 | not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the `not` prefix on this line..<% } %> 8 | -------------------------------------------------------------------------------- /frontend/src/angular/e2e/protractor.conf.js: -------------------------------------------------------------------------------- 1 | // Protractor configuration file, see link for more information 2 | // https://github.com/angular/protractor/blob/master/lib/config.ts 3 | 4 | const { SpecReporter } = require('jasmine-spec-reporter'); 5 | 6 | exports.config = { 7 | allScriptsTimeout: 11000, 8 | specs: [ 9 | './src/**/*.e2e-spec.ts' 10 | ], 11 | capabilities: { 12 | 'browserName': 'chrome' 13 | }, 14 | directConnect: true, 15 | baseUrl: 'http://localhost:4200/', 16 | framework: 'jasmine', 17 | jasmineNodeOpts: { 18 | showColors: true, 19 | defaultTimeoutInterval: 30000, 20 | print: function() {} 21 | }, 22 | onPrepare() { 23 | require('ts-node').register({ 24 | project: require('path').join(__dirname, './tsconfig.e2e.json') 25 | }); 26 | jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } })); 27 | } 28 | }; -------------------------------------------------------------------------------- /frontend/src/angular/e2e/src/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { AppPage } from './app.po'; 2 | 3 | describe('workspace-project App', () => { 4 | let page: AppPage; 5 | 6 | beforeEach(() => { 7 | page = new AppPage(); 8 | }); 9 | 10 | it('should display welcome message', () => { 11 | page.navigateTo(); 12 | expect(page.getTitleText()).toEqual('Welcome to messenger!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /frontend/src/angular/e2e/src/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, by, element } from 'protractor'; 2 | 3 | export class AppPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getTitleText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /frontend/src/angular/e2e/tsconfig.e2e.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "module": "commonjs", 6 | "target": "es5", 7 | "types": [ 8 | "jasmine", 9 | "jasminewd2", 10 | "node" 11 | ] 12 | } 13 | } -------------------------------------------------------------------------------- /frontend/src/angular/i18n/messages.de.json: -------------------------------------------------------------------------------- 1 | { 2 | "locale": "de", 3 | "translations": { 4 | "addContactsAdd": "Add", 5 | "cameraSendImageTo": "Send Image to: ", 6 | "cameraEnableCamera": "Please enable your camera in the browser.", 7 | "cameraPreview": "Preview", 8 | "cameraCapture": "Capture", 9 | "cameraSend": "Send", 10 | "cameraCancel": "Cancel", 11 | "fileuploadSendFileTo": "Send File to: ", 12 | "fileuploadSelectFile": "Select File", 13 | "fileuploadFileSizeTooBig": "File size too big. Limit 2 MB.", 14 | "fileuploadUpload": "Upload", 15 | "fileuploadCancel": "Cancel", 16 | "bingoHeading": "Lets play Bingo", 17 | "bingoNewNumber": "New Number:", 18 | "bingoStart": "Start", 19 | "bingoStop": "Stop", 20 | "bingoGames": "Games", 21 | "back": "Back", 22 | "loginLogin": "Login", 23 | "loginUsername": "Username", 24 | "loginPassword": "Password", 25 | "loginLoginFailed": " Login Failed ", 26 | "loginOk": "Ok", 27 | "loginCancel": "Cancel", 28 | "loginSignin": "Signin", 29 | "loginPasswordNotMatch": " Passwords do not match ", 30 | "loginEmail": "Email", 31 | "loginSinginFailed": " Signin Failed ", 32 | "loginCreateRandomPassword": "Create a secure random/long password. It needs to be pasted into a password manager you trust.", 33 | "loginCreatePassword": "Create Password", 34 | "mainMessenger": "Messenger_de", 35 | "mainGames": "Games", 36 | "mainLogin": "Login", 37 | "mainLogout": "Logout", 38 | "mainLoginMessage": "{$START_TAG_DIV}Please Login{$CLOSE_TAG_DIV}", 39 | "IdontKnow": "I am sorry. I do not have an answer.", 40 | "samIsThinking": "Samantha is thinking.", 41 | "onlineAgainMsg": "You are online again and your token is expired. To reconnect please logout and login again.", 42 | "voiceLandscapeNotSupported": "Landscape orientation not supported on small devices.", 43 | "voiceRemote": "Remote", 44 | "voiceCall": "Call", 45 | "voiceHangup": "Hangup", 46 | "voiceMute": "Mute", 47 | "voiceUnmute": "Unmute", 48 | "voiceLocal": "Local", 49 | "voiceActivateCallerVideo": "Activate", 50 | "voiceDeactivateCallerVideo": "Deactivate" 51 | } 52 | } -------------------------------------------------------------------------------- /frontend/src/angular/karma.conf.js: -------------------------------------------------------------------------------- 1 | // Karma configuration file, see link for more information 2 | // https://karma-runner.github.io/1.0/config/configuration-file.html 3 | 4 | module.exports = function (config) { 5 | config.set({ 6 | basePath: '', 7 | frameworks: ['jasmine', '@angular-devkit/build-angular'], 8 | plugins: [ 9 | require('karma-jasmine'), 10 | require('karma-chrome-launcher'), 11 | require('karma-jasmine-html-reporter'), 12 | require('karma-coverage'), 13 | require('@angular-devkit/build-angular/plugins/karma'), 14 | require('karma-junit-reporter') 15 | ], 16 | client: { 17 | clearContext: false, // leave Jasmine Spec Runner output visible in browser 18 | jasmine: { 19 | random: false 20 | } 21 | }, 22 | coverageIstanbulReporter: { 23 | dir: require('path').join(__dirname, '../coverage'), 24 | reports: ['html', 'lcovonly', 'text-summary'], 25 | fixWebpackSourcePaths: true 26 | }, 27 | reporters: ['progress', 'kjhtml'], 28 | junitReporter: { 29 | outputDir: 'reports', // results will be saved as $outputDir/$browserName.xml 30 | outputFile: 'junit.xml', // if included, results will be saved as $outputDir/$browserName/$outputFile 31 | useBrowserName: false // add browser name to report and classes names 32 | }, 33 | port: 9876, 34 | colors: true, 35 | logLevel: config.LOG_INFO, 36 | autoWatch: true, 37 | // browsers: ['Chromium'], 38 | browsers: ['Chromium', 'ChromeHeadless', 'ChromiumHeadless'], 39 | customLaunchers: { 40 | ChromeHeadless: { 41 | base: 'Chrome', 42 | flags: ['--no-sandbox','--headless', '--disable-gpu', '--remote-debugging-port=9222'] 43 | }, 44 | ChromiumHeadless: { 45 | base: 'Chromium', 46 | flags: ['--no-sandbox','--headless', '--disable-gpu', '--remote-debugging-port=9222'] 47 | } 48 | }, 49 | singleRun: false, 50 | restartOnFileChange: true 51 | }); 52 | }; -------------------------------------------------------------------------------- /frontend/src/angular/ngsw-config.json: -------------------------------------------------------------------------------- 1 | { 2 | "index": "/index.html", 3 | "assetGroups": [ 4 | { 5 | "name": "app", 6 | "installMode": "prefetch", 7 | "resources": { 8 | "files": [ 9 | "/favicon.ico", 10 | "/index.html", 11 | "/*.css", 12 | "/*.js", 13 | "/*.json" 14 | ] 15 | } 16 | }, { 17 | "name": "assets", 18 | "installMode": "lazy", 19 | "updateMode": "prefetch", 20 | "resources": { 21 | "files": [ 22 | "/assets/**" 23 | ] 24 | } 25 | } 26 | ] 27 | } 28 | -------------------------------------------------------------------------------- /frontend/src/angular/proxy.conf.json: -------------------------------------------------------------------------------- 1 | { 2 | "/rest": { 3 | "target": "http://localhost:8080/", 4 | "secure": false 5 | }, 6 | "/signalingsocket": { 7 | "target": "http://localhost:8080/", 8 | "secure": false, 9 | "ws": true 10 | } 11 | } -------------------------------------------------------------------------------- /frontend/src/angular/src/app/add-contacts/add-contacts.component.html: -------------------------------------------------------------------------------- 1 |
2 | @if (contactsLoading) {
3 |
12 |
21 |
22 | @for (option of filteredOptions; track option) {
23 |
27 | {{ option.name }}
28 |
29 | }
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/add-contacts/add-contacts.component.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | display: flex;
3 | align-items: center;
4 | height: 70px;
5 | }
6 |
7 | .input-style {
8 | margin-top: 15px;
9 | height: inherit;
10 | }
11 |
12 | .spinner {
13 | margin: 20px;
14 | height: 50px;
15 | width: 50px;
16 | }
17 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/add-contacts/add-contacts.component.spec.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2018 Sven Loesekann
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 | http://www.apache.org/licenses/LICENSE-2.0
7 | Unless required by applicable law or agreed to in writing, software
8 | distributed under the License is distributed on an "AS IS" BASIS,
9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10 | See the License for the specific language governing permissions and
11 | limitations under the License.
12 | */
13 | import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
14 |
15 | import { AddContactsComponent } from "./add-contacts.component";
16 |
17 | //describe('AddContactsComponent', () => {
18 | // let component: AddContactsComponent;
19 | // let fixture: ComponentFixture
4 |
10 | }
11 |
2 |
32 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/camera/camera.component.scss:
--------------------------------------------------------------------------------
1 | .video {
2 | width: 100%;
3 | }
4 |
5 | .hide {
6 | display: none;
7 | }
8 |
9 | .container {
10 | margin: 10px;
11 | }
12 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/camera/camera.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
2 |
3 | import { CameraComponent } from "./camera.component";
4 |
5 | //describe('CameraComponent', () => {
6 | // let component: CameraComponent;
7 | // let fixture: ComponentFixture
3 | Send Image to: {{ data.receiver.name }}
5 |
6 | @if (showCameraMsg) {
7 |
8 | Please enable your camera in the browser.
9 |
10 | }
11 |
12 |
13 |
14 |
22 |
30 |
31 |
2 | @for (contact of contacts; track contact) {
3 |
32 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/contacts/contacts.component.scss:
--------------------------------------------------------------------------------
1 | .contact-name {
2 | margin-left: 10px;
3 | height: min-content;
4 | }
5 |
6 | .con-selected {
7 | color: green;
8 | }
9 |
10 | .myrow {
11 | display: flex;
12 | align-items: center;
13 | margin: 5px 0 5px 0;
14 | }
15 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/contacts/contacts.component.spec.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2018 Sven Loesekann
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 | http://www.apache.org/licenses/LICENSE-2.0
7 | Unless required by applicable law or agreed to in writing, software
8 | distributed under the License is distributed on an "AS IS" BASIS,
9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10 | See the License for the specific language governing permissions and
11 | limitations under the License.
12 | */
13 | import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
14 |
15 | import { ContactsComponent } from "./contacts.component";
16 |
17 | //describe('ContactsComponent', () => {
18 | // let component: ContactsComponent;
19 | // let fixture: ComponentFixture
4 | @if(!contact?.base64Avatar && contact?.name !== AiName.AiSam) {
5 | ![]()
14 | } @else {
15 | 
20 | }
21 |
30 | }
31 |
20 | }
21 |
27 | {{ contact.name }}
28 |
29 |
2 |
7 |
26 | 38 |
39 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/fileupload/fileupload.component.scss:
--------------------------------------------------------------------------------
1 | .filesizemsg {
2 | color: red;
3 | }
4 |
5 | .buttons {
6 | display: flex;
7 | }
8 |
9 | .container {
10 | margin: 10px;
11 | }
12 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/fileupload/fileupload.component.spec.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2018 Sven Loesekann
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 | http://www.apache.org/licenses/LICENSE-2.0
7 | Unless required by applicable law or agreed to in writing, software
8 | distributed under the License is distributed on an "AS IS" BASIS,
9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10 | See the License for the specific language governing permissions and
11 | limitations under the License.
12 | */
13 | import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
14 |
15 | import { FileuploadComponent } from "./fileupload.component";
16 |
17 | /*describe('FileuploadComponent', () => {
18 | let component: FileuploadComponent;
19 | let fixture: ComponentFixture
3 | Send File to: {{ data.receiver.name }}
5 |
6 | 7 |
8 |
15 |
16 |
17 | @if (showFileSizeMsg) {
18 |
22 | File size too big. Limit 2 MB.
23 |
24 | }
25 | 26 | 38 |
2 |
56 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/games/bingo/bingo.component.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2018 Sven Loesekann
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 | http://www.apache.org/licenses/LICENSE-2.0
7 | Unless required by applicable law or agreed to in writing, software
8 | distributed under the License is distributed on an "AS IS" BASIS,
9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10 | See the License for the specific language governing permissions and
11 | limitations under the License.
12 | */
13 |
14 | @media (max-width: 900px), (max-height: 480px) {
15 | .custom-toolbar {
16 | height: fit-content;
17 | overflow: hidden;
18 | }
19 | .icon-bar {
20 | justify-content: space-between;
21 | width: 60%;
22 | }
23 | }
24 |
25 | .container {
26 | display: grid;
27 | grid-template-columns: 20% 20% 20% 20% 20%;
28 | grid-template-rows: 40px auto;
29 | }
30 |
31 | .bingo-cell {
32 | display: flex;
33 | justify-content: center;
34 | align-items: center;
35 | font-size: 32px;
36 | }
37 |
38 | .bingo-cell-selected {
39 | background-color: #fcf638;
40 | border-radius: 50%;
41 | }
42 |
43 | .bingo-cell-bingo {
44 | background-color: #98fa98;
45 | border-radius: 50%;
46 | }
47 |
48 | .header-cell {
49 | font-size: 20px;
50 | }
51 |
52 | .game-won {
53 | font-size: 32px;
54 | color: #ff0000;
55 | }
56 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/games/bingo/bingo.component.spec.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2018 Sven Loesekann
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 | http://www.apache.org/licenses/LICENSE-2.0
7 | Unless required by applicable law or agreed to in writing, software
8 | distributed under the License is distributed on an "AS IS" BASIS,
9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10 | See the License for the specific language governing permissions and
11 | limitations under the License.
12 | */
13 | import { ComponentFixture, TestBed } from "@angular/core/testing";
14 |
15 | import { BingoComponent } from "./bingo.component";
16 | /*
17 | describe('BingoComponent', () => {
18 | let component: BingoComponent;
19 | let fixture: ComponentFixtureLets play Bingo
3 | @if (gameUuid && !bingoResult) {
4 |
8 | New Number:
9 |
10 | }
11 | @if (!gameUuid || bingoResult) {
12 |
13 |
21 |
22 | }
23 |
24 | {{ bingoNumber > 0 && !bingoResult ? bingoNumber : "-" }}
25 |
26 | @if (bingoResult) {
27 | Won
28 | }
29 | @if (!bingoResult && bingoNumber <= 0) {
30 |
31 | }
32 | @if (!bingoResult && bingoNumber > 0) {
33 |
34 |
42 |
43 | }
44 |
45 | @for (bingoCell of bingoCells; track bingoCell) {
46 |
52 | {{ bingoCell.value }}
53 |
54 | }
55 |
3 | @if (receiver !== null) {
4 |
44 | }
45 | @if (showSpinner) {
46 |
8 |
9 | @if (!isImageMsg(message) && !message.filename) {
10 | {{
11 | message.text
12 | }}
13 | }
14 | @if (isImageMsg(message)) {
15 | ![]()
16 | }
17 | @if (message.filename) {
18 | {{
20 | message.filename
21 | }}
23 | }
24 | @if (
25 | message.toId === receiver.userId && message.send && !message.received
26 | ) {
27 | done_alt
31 | }
32 | @if (
33 | message.toId === receiver.userId && message.send && message.received
34 | ) {
35 | done_all_alt
39 | }
40 |
41 |
42 | }
43 |
47 |
50 | }
51 |
65 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/messages/messages.component.scss:
--------------------------------------------------------------------------------
1 | .receiver {
2 | text-align: right;
3 | background-color: #ddddff;
4 | border-radius: 10px;
5 | padding: 0 8px;
6 | }
7 | .sender {
8 | text-align: left;
9 | background-color: #ccffcc;
10 | border-radius: 10px;
11 | padding: 0 8px;
12 | }
13 | .message-input {
14 | width: 100%;
15 | overflow-x: hidden;
16 | }
17 | .myInput {
18 | display: flex;
19 | align-items: center;
20 | }
21 | .send-icon {
22 | padding: 10px;
23 | margin: 10px;
24 | border-radius: 50%;
25 | background-color: red;
26 | cursor: pointer;
27 | width: 20px;
28 | height: 20px;
29 | }
30 | .spinner {
31 | display: flex;
32 | justify-content: center;
33 | align-items: center;
34 | column-gap: 20px;
35 | background-color: #ffff00;
36 | border-radius: 20px;
37 | }
38 |
--------------------------------------------------------------------------------
/frontend/src/angular/src/app/messages/messages.component.spec.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright 2018 Sven Loesekann
3 | Licensed under the Apache License, Version 2.0 (the "License");
4 | you may not use this file except in compliance with the License.
5 | You may obtain a copy of the License at
6 | http://www.apache.org/licenses/LICENSE-2.0
7 | Unless required by applicable law or agreed to in writing, software
8 | distributed under the License is distributed on an "AS IS" BASIS,
9 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10 | See the License for the specific language governing permissions and
11 | limitations under the License.
12 | */
13 | import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
14 |
15 | import { MessagesComponent } from "./messages.component";
16 |
17 | //describe('MessagesComponent', () => {
18 | // let component: MessagesComponent;
19 | // let fixture: ComponentFixture