eduardo
/
katoikia-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'dev' into US-listarInquilinos

This commit is contained in:
Mariela 2022-07-31 15:14:32 -06:00
parent 9b8e324bf1 437a092920
commit 06084ed899
161 changed files with 16815 additions and 11560 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
.github/workflows/mobile.js.yml → .github/workflows/node.js.yml vendored
View File

@ -5,30 +5,46 @@ name: Node.js CI
on:
push:
branches: ['master']
branches: ['master', 'dev']
pull_request:
branches: ['master']
branches: ['master', 'dev']
jobs:
build:
build-api:
runs-on: ubuntu-latest
defaults:
run:
working-directory: ./mobile-ui
strategy:
matrix:
node-version: [14.x, 16.x, 18.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
steps:
- uses: actions/checkout@v3
run: cd ./mobile-ui
- name: checkout
uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
cache: 'npm'
- name: Test
run: |
cd ./api-gateway
npm ci
npm run build --if-present
build-web:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [14.x, 16.x, 18.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
steps:
- name: checkout
uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
cache: 'npm'
- name: Test
run: |
cd ./web-ui/web-react/
npm ci
npm run build --if-present
npm test

25
.jsbeautifyrc Normal file
View File

@ -0,0 +1,25 @@
{
"editorconfig": false,
"indent_size": 2,
"end_with_newline": true,
"html": {
"brace_style": "collapse",
"indent_char": " ",
"indent_scripts": "normal",
"indent_inner_html": true,
"indent_empty_lines": false,
"wrap_line_length": 120,
"wrap_attributes": "force-expand-multiline",
"unformatted": [
"sub",
"sup",
"b",
"i",
"u",
"em",
"strong"
],
"preserve_newlines": true,
"max_preserve_newlines": 2
}
}

4
.prettierignore Normal file
View File

@ -0,0 +1,4 @@
node_modules/*
e2e/*
dist/*
src/assets/scss/bootstrap/*

11
.prettierrc Normal file
View File

@ -0,0 +1,11 @@
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"singleQuote": true,
"trailingComma": "all",
"bracketSpacing": true,
"arrowParens": "always",
"jsxBracketSameLine": false,
"semi": true
}

180
api-gateway/src/app.controller.ts
View File

@ -1,8 +1,8 @@
import { Controller, Get, Post, Body, Param, Delete } from '@nestjs/common';
import { AppService } from "./app.service";
import { AppService } from './app.service';
@Controller()
export class AppController {
constructor(private readonly appService: AppService) { }
constructor(private readonly appService: AppService) {}
// #==== API Users
@Post('user/createAdminSystem')
createAdminSystem(
@ -11,12 +11,11 @@ export class AppController {
@Body('last_name') last_name: string,
@Body('email') email: string,
@Body('phone') phone: number,
@Body('password') password: string,
@Body('user_type') user_type: string,
@Body('status') status: string,
@Body('date_entry') date_entry: Date,
) {
return this.appService.createAdminSystem(dni, name, last_name, email, phone, password,
return this.appService.createAdminSystem(dni, name, last_name, email, phone,
user_type, status, date_entry);
}
@ -28,13 +27,29 @@ export class AppController {
@Body('last_name') last_name: string,
@Body('email') email: string,
@Body('phone') phone: number,
@Body('password') password: string,
@Body('user_type') user_type: string,
@Body('status') status: string,
@Body('date_entry') date_entry: Date,
@Body('community_id') community_id: string,
) {
return this.appService.createGuard(dni, name, last_name, email, phone,
user_type, status, date_entry,community_id);
}
@Post('user/createAdminCommunity')
createAdminCommunity(
//Nombre, Apellidos, Correo electrónico, Cédula, Teléfono, Contraseña
@Body('dni') dni: string,
@Body('name') name: string,
@Body('last_name') last_name: string,
@Body('email') email: string,
@Body('phone') phone: number,
@Body('user_type') user_type: string,
@Body('status') status: string,
@Body('date_entry') date_entry: Date,
@Body('community_id') community_id:string
) {
return this.appService.createGuard(dni, name, last_name, email, phone, password,
return this.appService.createAdminCommunity(dni, name, last_name, email, phone,
user_type, status, date_entry,community_id);
}
@ -51,8 +66,18 @@ export class AppController {
@Body('date_entry') date_entry: Date,
@Body('community_id') community_id: string,
) {
return this.appService.createUser(dni, name, last_name, email, phone, password,
user_type, status, date_entry, community_id);
return this.appService.createUser(
dni,
name,
last_name,
email,
phone,
password,
user_type,
status,
date_entry,
community_id,
);
}
@Get('user/allUsers')
@ -65,7 +90,7 @@ export class AppController {
@Body('email') pEmail: string,
@Body('password') pPassword: string,
) {
return this.appService.inicioSesion(pEmail,pPassword);
return this.appService.inicioSesion(pEmail, pPassword);
}
@Get('user/findAdminSistema')
@ -79,9 +104,7 @@ export class AppController {
}
@Get('user/findGuards/:community')
findGuardsCommunity(
@Param('community_id') community_id: string
) {
findGuardsCommunity(@Param('community_id') community_id: string) {
return this.appService.findGuardsCommunity(community_id);
}
@ -91,17 +114,12 @@ export class AppController {
}
@Get('user/find/:dni')
findUser(
@Param('dni') paramUserDNI: string
) {
findUser(@Param('dni') paramUserDNI: string) {
return this.appService.findUser(paramUserDNI);
}
@Delete('user/deleteAdminSystem/:id')
deleteAdminSystem(
@Param('id') id: string,
) {
deleteAdminSystem(@Param('id') id: string) {
return this.appService.deleteAdminSystem(id);
}
@ -117,11 +135,18 @@ export class AppController {
@Body('status') status: string,
@Body('date_entry') date_entry: Date,
@Body('houses') houses: [],
) {
return this.appService.createCommunity(name, province, canton,
district, num_houses, phone,
status, date_entry, houses);
return this.appService.createCommunity(
name,
province,
canton,
district,
num_houses,
phone,
status,
date_entry,
houses,
);
}
@Get('community/allCommunities')
@ -130,25 +155,17 @@ export class AppController {
}
@Get('community/findCommunity/:id')
findCommunity(
@Param('id') paramCommunityId: string
) {
findCommunity(@Param('id') paramCommunityId: string) {
return this.appService.findCommunity(paramCommunityId);
}
@Get('community/findCommunityName/:id')
findCommunityName(
@Param('id') paramCommunityId: string
) {
findCommunityName(@Param('id') paramCommunityId: string) {
return this.appService.findCommunityName(paramCommunityId);
}
@Post('community/findCommunityAdmin')
findCommunityAdmin(
@Body('community_id') community_id: string,
) {
findCommunityAdmin(@Body('community_id') community_id: string) {
return this.appService.findCommunityAdmin(community_id);
}
@ -161,22 +178,22 @@ export class AppController {
@Body('bookable') bookable: number,
@Body('community_id') community_id: string,
) {
return this.appService.createCommonArea(name, hourMin, hourMax,
bookable, community_id);
return this.appService.createCommonArea(
name,
hourMin,
hourMax,
bookable,
community_id,
);
}
@Get('commonArea/allCommonAreas')
allCommonAreas() {
return this.appService.allCommonAreas();
}
@Get('commonArea/findCommonArea/:id')
findCommonArea(
@Param('id') paramCommonAreaId: string
) {
findCommonArea(@Param('id') paramCommonAreaId: string) {
return this.appService.findCommonArea(paramCommonAreaId);
}
@ -192,7 +209,15 @@ export class AppController {
@Body('status') status: string,
@Body('date_entry') date_entry: Date,
) {
return this.appService.createGuest(name, last_name, dni, number_plate, phone, status, date_entry);
return this.appService.createGuest(
name,
last_name,
dni,
number_plate,
phone,
status,
date_entry,
);
}
@Get('guest/allGuests')
@ -201,13 +226,10 @@ export class AppController {
}
@Get('guest/find/:dni')
findGuest(
@Param('dni') paramGuestDNI: string
) {
findGuest(@Param('dni') paramGuestDNI: string) {
return this.appService.findGuest(paramGuestDNI);
}
// #==== API Payment
@Post('payment/createPayment')
@ -220,8 +242,15 @@ export class AppController {
@Body('user_id') user_id: string,
@Body('communty_id') communty_id: string,
) {
return this.appService.createPayment(date_payment, mount, description,
period, status, user_id, communty_id);
return this.appService.createPayment(
date_payment,
mount,
description,
period,
status,
user_id,
communty_id,
);
}
@Get('payment/allPayments')
@ -230,9 +259,7 @@ export class AppController {
}
@Get('payment/find/:dni')
findPayment(
@Param('dni') paramPaymentDNI: string
) {
findPayment(@Param('dni') paramPaymentDNI: string) {
return this.appService.findPayment(paramPaymentDNI);
}
@ -247,8 +274,14 @@ export class AppController {
@Body('user_id') user_id: string,
@Body('common_area_id') common_area_id: string,
) {
return this.appService.createReservation(start_time, finish_time, status,
date_entry, user_id, common_area_id);
return this.appService.createReservation(
start_time,
finish_time,
status,
date_entry,
user_id,
common_area_id,
);
}
@Get('reservation/allReservations')
@ -257,13 +290,10 @@ export class AppController {
}
@Get('reservation/find/:id')
findReservation(
@Param('id') paramReservation: string
) {
findReservation(@Param('id') paramReservation: string) {
return this.appService.findReservation(paramReservation);
}
// #==== API Post
@Post('post/createPost')
@ -282,13 +312,10 @@ export class AppController {
}
@Get('post/find/:id')
findPost(
@Param('id') paramPost: string
) {
findPost(@Param('id') paramPost: string) {
return this.appService.findPost(paramPost);
}
// #==== API Comment
@Post('post/createComment')
@ -307,14 +334,10 @@ export class AppController {
}
@Get('post/findComment/:id')
findComment(
@Param('id') paramComment: string
) {
findComment(@Param('id') paramComment: string) {
return this.appService.findComment(paramComment);
}
// #==== API Report
@Post('report/createReport')
@ -324,7 +347,12 @@ export class AppController {
@Body('date_entry') date_entry: Date,
@Body('user_id') user_id: string,
) {
return this.appService.createReport(action, description, date_entry, user_id);
return this.appService.createReport(
action,
description,
date_entry,
user_id,
);
}
@Get('report/allReports')
@ -333,26 +361,16 @@ export class AppController {
}
@Get('report/find/:id')
findReport(
@Param('id') paramReport: string
) {
findReport(@Param('id') paramReport: string) {
return this.appService.findReport(paramReport);
}
@Post('email/sendMail')
senMail(
@Body('email') email: string,
) {
senMail(@Body('email') email: string) {
return this.appService.sendMail(email);
}
@Post('email/html')
html(
@Body('email') email: string,
@Body('name') name: string,
) {
html(@Body('email') email: string, @Body('name') name: string) {
return this.appService.html(email, name);
}
}

92
api-gateway/src/app.module.ts
View File

@ -1,99 +1,99 @@
import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
import { AppService } from './app.service';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_USUARIOS",
name: 'SERVICIO_USUARIOS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3001
}
}
host: '127.0.0.1',
port: 3001,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_COMUNIDADES",
name: 'SERVICIO_COMUNIDADES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3002
}
}
host: '127.0.0.1',
port: 3002,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_AREAS_COMUNES",
name: 'SERVICIO_AREAS_COMUNES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3003
}
}
host: '127.0.0.1',
port: 3003,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_INVITADOS",
name: 'SERVICIO_INVITADOS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3004
}
}
host: '127.0.0.1',
port: 3004,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_PAGOS",
name: 'SERVICIO_PAGOS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3005
}
}
host: '127.0.0.1',
port: 3005,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_RESERVACIONES",
name: 'SERVICIO_RESERVACIONES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3006
}
}
host: '127.0.0.1',
port: 3006,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_POSTS",
name: 'SERVICIO_POSTS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3007
}
}
host: '127.0.0.1',
port: 3007,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_REPORTES",
name: 'SERVICIO_REPORTES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3008
}
}
host: '127.0.0.1',
port: 3008,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_NOTIFICACIONES",
name: 'SERVICIO_NOTIFICACIONES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3009
}
}
host: '127.0.0.1',
port: 3009,
},
},
]),
],
controllers: [AppController],

297
api-gateway/src/app.service.ts
View File

@ -1,61 +1,91 @@
import { Injectable, Inject } from '@nestjs/common';
import { ClientProxy } from "@nestjs/microservices";
import { map } from "rxjs/operators";
import { ClientProxy } from '@nestjs/microservices';
import { map } from 'rxjs/operators';
@Injectable()
export class AppService {
constructor(
@Inject('SERVICIO_USUARIOS') private readonly clientUserApp: ClientProxy,
@Inject('SERVICIO_COMUNIDADES') private readonly clientCommunityApp: ClientProxy,
@Inject('SERVICIO_AREAS_COMUNES') private readonly clientCommonAreaApp: ClientProxy,
@Inject('SERVICIO_COMUNIDADES')
private readonly clientCommunityApp: ClientProxy,
@Inject('SERVICIO_AREAS_COMUNES')
private readonly clientCommonAreaApp: ClientProxy,
@Inject('SERVICIO_INVITADOS') private readonly clientGuestApp: ClientProxy,
@Inject('SERVICIO_PAGOS') private readonly clientPaymentApp: ClientProxy,
@Inject('SERVICIO_RESERVACIONES') private readonly clientReservationApp: ClientProxy,
@Inject('SERVICIO_RESERVACIONES')
private readonly clientReservationApp: ClientProxy,
@Inject('SERVICIO_POSTS') private readonly clientPostApp: ClientProxy,
@Inject('SERVICIO_REPORTES') private readonly clientReportApp: ClientProxy,
@Inject('SERVICIO_NOTIFICACIONES') private readonly clientNotificationtApp: ClientProxy,
) { }
@Inject('SERVICIO_NOTIFICACIONES')
private readonly clientNotificationtApp: ClientProxy,
) {}
// ====================== USERS ===============================
//POST parameter from API
createUser(dni: string, name: string, last_name: string, email: string, phone: number
, password: string, user_type: string, status: string, date_entry: Date, community_id: string) {
createUser(
dni: string,
name: string,
last_name: string,
email: string,
phone: number,
password: string,
user_type: string,
status: string,
date_entry: Date,
community_id: string,
) {
const pattern = { cmd: 'createUser' };
const payload = {
dni: dni, name: name, last_name: last_name, email: email, phone: phone,
password: password, user_type: user_type, status: status, date_entry: date_entry,
community_id: community_id
dni: dni,
name: name,
last_name: last_name,
email: email,
phone: phone,
password: password,
user_type: user_type,
status: status,
date_entry: date_entry,
community_id: community_id,
};
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//POST parameter from API
createAdminSystem(dni: string, name: string, last_name: string, email: string, phone: number
, password: string, user_type: string, status: string, date_entry: Date) {
, user_type: string, status: string, date_entry: Date) {
const pattern = { cmd: 'createAdminSystem' };
const payload = {
dni: dni, name: name, last_name: last_name, email: email, phone: phone,
password: password, user_type: user_type, status: status, date_entry: date_entry
password: this.generatePassword(), user_type: user_type, status: status, date_entry: date_entry
};
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
createGuard(dni: string, name: string, last_name: string, email: string, phone: number
, password: string, user_type: string, status: string, date_entry: Date, community_id: string) {
, user_type: string, status: string, date_entry: Date, community_id: string) {
const pattern = { cmd: 'createGuard' };
const payload = {
dni: dni, name: name, last_name: last_name, email: email, phone: phone,
password: password, user_type: user_type, status: status, date_entry: date_entry, community_id
password: this.generatePassword(), user_type: user_type, status: status, date_entry: date_entry, community_id
};
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(map((message: string) => ({ message })));
}
createAdminCommunity(dni: string, name: string, last_name: string, email: string, phone: number
, user_type: string, status: string, date_entry: Date, community_id: string) {
const pattern = { cmd: 'createAdminCommunity' };
const payload = {
dni: dni, name: name, last_name: last_name, email: email, phone: phone,
password: this.generatePassword(), user_type: user_type, status: status, date_entry: date_entry, community_id
};
return this.clientUserApp
@ -70,9 +100,7 @@ export class AppService {
const payload = {};
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allUsersAdminSistema() {
@ -80,9 +108,7 @@ export class AppService {
const payload = {};
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allUsersAdminComunidad() {
@ -90,9 +116,7 @@ export class AppService {
const payload = {};
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allUsersTenants() {
@ -112,9 +136,7 @@ export class AppService {
const payload = { dni: paramUserDNI };
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
findGuardsCommunity(community_id: string) {
@ -122,9 +144,7 @@ export class AppService {
const payload = { community_id: community_id };
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
@ -133,31 +153,24 @@ export class AppService {
const payload = { id: id };
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
inicioSesion(pEmail: string, pPassword: string) {
const pattern = { cmd: 'loginUser' };
const payload = { email: pEmail, password: pPassword};
const payload = { email: pEmail, password: pPassword };
return this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
findCommunityAdmin(community_id: string) {
const pattern = { cmd: 'findCommunityAdmin' };
const payload = { community_id: community_id };
return this.clientCommunityApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== COMMUNITIES ===============================
@ -167,14 +180,19 @@ export class AppService {
, num_houses: number, phone: string, status: string, date_entry: Date, houses: []) {
const pattern = { cmd: 'createCommunity' };
const payload = {
name: name, province: province, canton: canton, district: district, num_houses: num_houses,
phone: phone, status: status, date_entry: date_entry, houses: houses
name: name,
province: province,
canton: canton,
district: district,
num_houses: num_houses,
phone: phone,
status: status,
date_entry: date_entry,
houses: houses,
};
return this.clientCommunityApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allCommunities() {
@ -182,9 +200,7 @@ export class AppService {
const payload = {};
return this.clientCommunityApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -193,9 +209,7 @@ export class AppService {
const payload = { id: paramCommunityId };
return this.clientCommunityApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
findCommunityName(paramCommunityId: string) {
@ -203,27 +217,29 @@ export class AppService {
const payload = { id: paramCommunityId };
return this.clientCommunityApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== COMMON AREAS ===============================
//POST parameter from API
createCommonArea(name: string, hourMin: string, hourMax: string,
bookable: number, community_id: string) {
createCommonArea(
name: string,
hourMin: string,
hourMax: string,
bookable: number,
community_id: string,
) {
const pattern = { cmd: 'createCommonArea' };
const payload = {
name: name, hourMin: hourMin, hourMax: hourMax, bookable: bookable,
community_id: community_id
name: name,
hourMin: hourMin,
hourMax: hourMax,
bookable: bookable,
community_id: community_id,
};
return this.clientCommonAreaApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allCommonAreas() {
@ -231,9 +247,7 @@ export class AppService {
const payload = {};
return this.clientCommonAreaApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -242,18 +256,21 @@ export class AppService {
const payload = { id: paramCommonAreaId };
return this.clientCommonAreaApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== GUESTS ===============================
//POST parameter from API
createGuest(name: string, last_name: string, dni: string, number_plate: string, phone: number
, status: string, date_entry: Date) {
createGuest(
name: string,
last_name: string,
dni: string,
number_plate: string,
phone: number,
status: string,
date_entry: Date,
) {
const pattern = { cmd: 'createGuest' };
const payload = {
name: name, last_name: last_name, dni: dni, number_plate: number_plate, phone: phone,
@ -261,9 +278,7 @@ export class AppService {
};
return this.clientGuestApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allGuests() {
@ -271,9 +286,7 @@ export class AppService {
const payload = {};
return this.clientGuestApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -282,16 +295,21 @@ export class AppService {
const payload = { dni: paramGuestDNI };
return this.clientGuestApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== PAYMENTS ===============================
//POST parameter from API
createPayment(date_payment: Date, mount: number, description: string, period: string
, status: string, user_id: string, communty_id: string) {
createPayment(
date_payment: Date,
mount: number,
description: string,
period: string,
status: string,
user_id: string,
communty_id: string,
) {
const pattern = { cmd: 'createPayment' };
const payload = {
date_payment: date_payment, mount: mount, description: description,
@ -299,9 +317,7 @@ export class AppService {
};
return this.clientPaymentApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allPayments() {
@ -309,9 +325,7 @@ export class AppService {
const payload = {};
return this.clientPaymentApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -320,12 +334,9 @@ export class AppService {
const payload = { id: paramPaymentId };
return this.clientPaymentApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== RESERVATIONS ===============================
//POST parameter from API
@ -338,9 +349,7 @@ export class AppService {
};
return this.clientReservationApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allReservations() {
@ -348,9 +357,7 @@ export class AppService {
const payload = {};
return this.clientReservationApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -359,12 +366,9 @@ export class AppService {
const payload = { id: paramReservationId };
return this.clientReservationApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== POSTS ===============================
//POST parameter from API
@ -377,9 +381,7 @@ export class AppService {
};
return this.clientPostApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allPosts() {
@ -387,9 +389,7 @@ export class AppService {
const payload = {};
return this.clientPostApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -398,9 +398,7 @@ export class AppService {
const payload = { id: paramPostId };
return this.clientPostApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== COMMNENT POSTS ===============================
@ -415,9 +413,7 @@ export class AppService {
};
return this.clientPostApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allComments() {
@ -425,9 +421,7 @@ export class AppService {
const payload = {};
return this.clientPostApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -436,9 +430,7 @@ export class AppService {
const payload = { id: paramCommentId };
return this.clientPostApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
// ====================== REPORTS ===============================
@ -453,9 +445,7 @@ export class AppService {
};
return this.clientReportApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
allReports() {
@ -463,9 +453,7 @@ export class AppService {
const payload = {};
return this.clientReportApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
//GET parameter from API
@ -474,29 +462,40 @@ export class AppService {
const payload = { id: paramReportId };
return this.clientReportApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
sendMail(email: string) {
const pattern = { cmd: 'sendMail' };
const payload = { email: email};
const payload = { email: email };
return this.clientNotificationtApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
html(email: string, name: string) {
const pattern = { cmd: 'html' };
const payload = { email: email, name: name};
const payload = { email: email, name: name };
return this.clientNotificationtApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
/* Function to generate combination of password */
generatePassword() {
var pass = '';
var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' +
'abcdefghijklmnopqrstuvwxyz0123456789@#$';
for (let i = 1; i <= 8; i++) {
var char = Math.floor(Math.random()
* str.length + 1);
pass += str.charAt(char)
}
return pass;
}
}

2161
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

28
package.json Normal file
View File

@ -0,0 +1,28 @@
{
"devDependencies": {
"husky": "^8.0.1",
"js-beautify": "^1.14.4",
"lint-staged": "^13.0.3",
"prettier": "^2.7.1"
},
"scripts": {
"format": "npm run format:prettier && npm run format:html",
"format:prettier": "prettier --config .prettierrc \"**/src/**/*.{ts,css,less,scss,js}\" --write",
"format:html": "js-beautify --config .jsbeautifyrc --type 'html' --file '**/src/**/*.html' --replace"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"*.{ts,css,less,scss,js}": [
"prettier --config .prettierrc --write",
"git add"
],
"*.html": [
"js-beautify --config .jsbeautifyrc --type 'html' --replace",
"git add"
]
}
}

4
service-a/src/app.module.ts
View File

@ -6,7 +6,9 @@ import { BooksModule } from './books/books.module';
@Module({
imports: [
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_books?retryWrites=true&w=majority`),
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_books?retryWrites=true&w=majority`,
),
BooksModule,
],
controllers: [AppController],

2
service-a/src/books/books.module.ts
View File

@ -9,6 +9,6 @@ import { Book, BookSchema } from './schemas/book.schema';
MongooseModule.forFeature([{ name: Book.name, schema: BookSchema }]),
],
controllers: [BooksController],
providers: [BooksService]
providers: [BooksService],
})
export class BooksModule {}

2
service-a/src/books/dto/create-book.dto.ts
View File

@ -1,7 +1,5 @@
import { ApiProperty } from '@nestjs/swagger';
export class CreateBookDto {
@ApiProperty({
example: 'Nest.js: A Progressive Node.js Framework (English Edition)',

20
servicio-areas-comunes/src/app.module.ts
View File

@ -1,23 +1,25 @@
import { Module } from '@nestjs/common';
import { CommonAreasModule } from './common_areas/common_areas.module';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_AREAS_COMUNES",
name: 'SERVICIO_AREAS_COMUNES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3003
}
}
host: '127.0.0.1',
port: 3003,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_areas_comunes?retryWrites=true&w=majority`),
CommonAreasModule],
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_areas_comunes?retryWrites=true&w=majority`,
),
CommonAreasModule,
],
controllers: [],
providers: [],
})

10
servicio-areas-comunes/src/common_areas/common_areas.controller.ts
View File

@ -7,28 +7,28 @@ import { CommonAreasService } from './common_areas.service';
export class CommonAreasController {
constructor(private readonly commonAreasService: CommonAreasService) {}
@MessagePattern({cmd: 'createCommonArea'})
@MessagePattern({ cmd: 'createCommonArea' })
create(@Payload() commonArea: CommonAreaDocument) {
return this.commonAreasService.create(commonArea);
}
@MessagePattern({cmd: 'findAllCommonAreas'})
@MessagePattern({ cmd: 'findAllCommonAreas' })
findAll() {
return this.commonAreasService.findAll();
}
@MessagePattern({cmd: 'findOneCommonArea'})
@MessagePattern({ cmd: 'findOneCommonArea' })
findOne(@Payload() id: string) {
let _id = id['_id'];
return this.commonAreasService.findOne(_id);
}
@MessagePattern({cmd: 'updateCommonArea'})
@MessagePattern({ cmd: 'updateCommonArea' })
update(@Payload() commonArea: CommonAreaDocument) {
return this.commonAreasService.update(commonArea.id, commonArea);
}
@MessagePattern({cmd: 'removeCommonArea'})
@MessagePattern({ cmd: 'removeCommonArea' })
remove(@Payload() id: string) {
let _id = id['_id'];
return this.commonAreasService.remove(_id);

6
servicio-areas-comunes/src/common_areas/common_areas.module.ts
View File

@ -6,9 +6,11 @@ import { MongooseModule } from '@nestjs/mongoose';
import { CommonArea, CommonAreaSchema } from '../schemas/common_area.schema';
@Module({
imports: [
MongooseModule.forFeature([{ name: CommonArea.name, schema: CommonAreaSchema }]),
MongooseModule.forFeature([
{ name: CommonArea.name, schema: CommonAreaSchema },
]),
],
controllers: [CommonAreasController],
providers: [CommonAreasService]
providers: [CommonAreasService],
})
export class CommonAreasModule {}

4
servicio-areas-comunes/src/common_areas/common_areas.service.ts
View File

@ -5,9 +5,9 @@ import { Model } from 'mongoose';
@Injectable()
export class CommonAreasService {
constructor(
@InjectModel(CommonArea.name) private readonly commonAreaModel: Model<CommonAreaDocument>,
@InjectModel(CommonArea.name)
private readonly commonAreaModel: Model<CommonAreaDocument>,
) {}
async create(commonArea: CommonAreaDocument): Promise<CommonArea> {

18
servicio-areas-comunes/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,12 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3003
}
host: '127.0.0.1',
port: 3003,
},
});
app.listen().then(() => logger.log("Microservice Áreas Comunes is listening" ));
app
.listen()
.then(() => logger.log('Microservice Áreas Comunes is listening'));
}
bootstrap();

3
servicio-areas-comunes/src/schemas/common_area.schema.ts
View File

@ -1,15 +1,12 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document } from 'mongoose';
import { Timestamp } from 'rxjs';
import { TimerOptions } from 'timers';
export type CommonAreaDocument = CommonArea & Document;
@Schema({ collection: 'common_areas' })
export class CommonArea {
@Prop()
name: string;

22
servicio-comunidad-viviendas/src/app.module.ts
View File

@ -1,24 +1,26 @@
import { Module } from '@nestjs/common';
import { CommunitiesModule } from './communities/communities.module';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_COMUNIDADES",
name: 'SERVICIO_COMUNIDADES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3002
}
}
host: '127.0.0.1',
port: 3002,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_comunidades?retryWrites=true&w=majority`),
CommunitiesModule],
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_comunidades?retryWrites=true&w=majority`,
),
CommunitiesModule,
],
controllers: [],
providers: [],
})
export class AppModule { }
export class AppModule {}

10
servicio-comunidad-viviendas/src/communities/communities.controller.ts
View File

@ -12,18 +12,18 @@ export class CommunitiesController {
return this.communitiesService.create(community);
}
@MessagePattern({cmd: 'findAllCommunities'})
@MessagePattern({ cmd: 'findAllCommunities' })
findAll() {
return this.communitiesService.findAll();
}
@MessagePattern({cmd: 'findOneCommunity'})
@MessagePattern({ cmd: 'findOneCommunity' })
findOne(@Payload() id: string) {
let _id = id['_id'];
return this.communitiesService.findOne(_id);
}
@MessagePattern({cmd: 'findCommunityName'})
@MessagePattern({ cmd: 'findCommunityName' })
findOneName(@Payload() id: string) {
let _id = id['id'];
return this.communitiesService.findOneName(_id);
@ -35,12 +35,12 @@ export class CommunitiesController {
return this.communitiesService.findCommunityAdmin(_community, "2");
}*/
@MessagePattern({cmd: 'updateCommunity'})
@MessagePattern({ cmd: 'updateCommunity' })
update(@Payload() community: CommunityDocument) {
return this.communitiesService.update(community.id, community);
}
@MessagePattern({cmd: 'removeCommunity'})
@MessagePattern({ cmd: 'removeCommunity' })
remove(@Payload() id: string) {
let _id = id['_id'];
return this.communitiesService.remove(_id);

19
servicio-comunidad-viviendas/src/communities/communities.module.ts
View File

@ -2,26 +2,27 @@ import { Module } from '@nestjs/common';
import { CommunitiesService } from './communities.service';
import { CommunitiesController } from './communities.controller';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
import { Community, CommunitySchema } from '../schemas/community.schema';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_USUARIOS",
name: 'SERVICIO_USUARIOS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3001
}
}
host: '127.0.0.1',
port: 3001,
},
},
]),
MongooseModule.forFeature([
{ name: Community.name, schema: CommunitySchema },
]),
MongooseModule.forFeature([{ name: Community.name, schema: CommunitySchema }]),
],
controllers: [CommunitiesController],
providers: [CommunitiesService]
providers: [CommunitiesService],
})
export class CommunitiesModule {}

36
servicio-comunidad-viviendas/src/communities/communities.service.ts
View File

@ -7,40 +7,39 @@ import { from, lastValueFrom, map, scan, mergeMap } from 'rxjs';
import { Admin } from 'src/schemas/admin.entity';
import { appendFileSync } from 'fs';
@Injectable()
export class CommunitiesService {
constructor(
@InjectModel(Community.name) private readonly communityModel: Model<CommunityDocument>,
@InjectModel(Community.name)
private readonly communityModel: Model<CommunityDocument>,
@Inject('SERVICIO_USUARIOS') private readonly clientUserApp: ClientProxy,
) { }
) {}
async create(community: CommunityDocument): Promise<Community> {
return this.communityModel.create(community);
}
async findAll(): Promise<Community[]> {
return await this.communityModel
.find()
.setOptions({ sanitizeFilter: true })
.exec()
.then(async community => {
.then(async (community) => {
if (community) {
await Promise.all(community.map(async c => {
await Promise.all(
community.map(async (c) => {
//buscar al usuario con el id de la comunidad anexado
let admin = await this.findCommunityAdmin(c["_id"], "2")
let admin = await this.findCommunityAdmin(c['_id'], '2');
if (admin) {
c["id_admin"] = admin["_id"]
c["name_admin"] = admin["name"]
c['id_admin'] = admin['_id'];
c['name_admin'] = admin['name'];
}
return c
}))
return c;
}),
);
}
return community;
})
});
}
findOne(id: string): Promise<Community> {
@ -61,17 +60,14 @@ export class CommunitiesService {
}
async findCommunityAdmin(community: string, user_type: string) {
const pattern = { cmd: 'findOneCommunityUser' }
const payload = { community_id: community, user_type: user_type }
const pattern = { cmd: 'findOneCommunityUser' };
const payload = { community_id: community, user_type: user_type };
let callback = await this.clientUserApp
.send<string>(pattern, payload)
.pipe(
map((response: string) => ({ response }))
)
.pipe(map((response: string) => ({ response })));
const finalValue = await lastValueFrom(callback);
return finalValue['response'];
}
}

20
servicio-comunidad-viviendas/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,14 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3002
}
host: '127.0.0.1',
port: 3002,
},
});
app.listen().then(() => logger.log("Microservice Comunidades de vivienda is listening" ));
app
.listen()
.then(() =>
logger.log('Microservice Comunidades de vivienda is listening'),
);
}
bootstrap();

5
servicio-comunidad-viviendas/src/schemas/community.schema.ts
View File

@ -2,7 +2,6 @@ import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document } from 'mongoose';
import { House, HouseSchema } from './house.schema';
export type CommunityDocument = Community & Document;
@Schema({ collection: 'communities' })
@ -11,7 +10,7 @@ export class Community {
id_admin: string;
@Prop()
name_admin: string ;
name_admin: string;
@Prop()
name: string;
@ -39,8 +38,6 @@ export class Community {
@Prop({ type: [HouseSchema] })
houses: Array<House>;
}
export const CommunitySchema = SchemaFactory.createForClass(Community);

6
servicio-comunidad-viviendas/src/schemas/house.schema.ts
View File

@ -4,14 +4,12 @@ import { Document } from 'mongoose';
import { empty } from 'rxjs';
import { Tenant, TenantSchema } from './tenant.schema';
@Schema()
export class House extends Document {
@Prop({ default: " " })
@Prop({ default: ' ' })
number_house: string;
@Prop({ default: "desocupada" })
@Prop({ default: 'desocupada' })
state: string;
@Prop({ type: TenantSchema })

4
servicio-comunidad-viviendas/src/schemas/tenant.schema.ts
View File

@ -1,10 +1,8 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
@Schema()
export class Tenant {
@Prop( {default: ''})
@Prop({ default: '' })
tenant_id: string;
}

22
servicio-foro-comunicaciones/src/app.module.ts
View File

@ -1,23 +1,27 @@
import { Module } from '@nestjs/common';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
import { PostsModule } from './posts/posts.module';
import { PostCommentsModule } from './post-comments/post-comments.module';
@Module({
imports: [ ClientsModule.register([
imports: [
ClientsModule.register([
{
name: "SERVICIO_POSTS",
name: 'SERVICIO_POSTS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3007
}
}
host: '127.0.0.1',
port: 3007,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_posts?retryWrites=true&w=majority`),
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_posts?retryWrites=true&w=majority`,
),
PostsModule,
PostCommentsModule],
PostCommentsModule,
],
controllers: [],
providers: [],
})

16
servicio-foro-comunicaciones/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,10 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3007
}
host: '127.0.0.1',
port: 3007,
},
});
app.listen().then(() => logger.log("Microservice Comunicados is listening" ));
app.listen().then(() => logger.log('Microservice Comunicados is listening'));
}
bootstrap();

3
servicio-foro-comunicaciones/src/post-comments/post-comments.controller.ts
View File

@ -3,7 +3,6 @@ import { MessagePattern, Payload } from '@nestjs/microservices';
import { PostCommentsService } from './post-comments.service';
import { Comment, CommentDocument } from '../schemas/post-comment.schema';
@Controller()
export class PostCommentsController {
constructor(private readonly postCommentsService: PostCommentsService) {}
@ -18,7 +17,7 @@ export class PostCommentsController {
return this.postCommentsService.findAll();
}
@MessagePattern({cmd: 'findOneComment'})
@MessagePattern({ cmd: 'findOneComment' })
findOne(@Payload() id: string) {
let _id = id['id'];
return this.postCommentsService.findOne(_id);

2
servicio-foro-comunicaciones/src/post-comments/post-comments.module.ts
View File

@ -9,6 +9,6 @@ import { Comment, CommentSchema } from '../schemas/post-comment.schema';
MongooseModule.forFeature([{ name: Comment.name, schema: CommentSchema }]),
],
controllers: [PostCommentsController],
providers: [PostCommentsService]
providers: [PostCommentsService],
})
export class PostCommentsModule {}

9
servicio-foro-comunicaciones/src/post-comments/post-comments.service.ts
View File

@ -3,11 +3,11 @@ import { Comment, CommentDocument } from '../schemas/post-comment.schema';
import { Model } from 'mongoose';
import { InjectModel } from '@nestjs/mongoose';
@Injectable()
export class PostCommentsService {
constructor(
@InjectModel(Comment.name) private readonly commentModel: Model<CommentDocument>,
@InjectModel(Comment.name)
private readonly commentModel: Model<CommentDocument>,
) {}
async create(comment: CommentDocument): Promise<Comment> {
@ -15,10 +15,7 @@ export class PostCommentsService {
}
async findAll(): Promise<Comment[]> {
return this.commentModel
.find()
.setOptions({ sanitizeFilter: true })
.exec();
return this.commentModel.find().setOptions({ sanitizeFilter: true }).exec();
}
async findOne(id: string): Promise<Comment> {

3
servicio-foro-comunicaciones/src/posts/posts.controller.ts
View File

@ -3,10 +3,9 @@ import { MessagePattern, Payload } from '@nestjs/microservices';
import { PostsService } from './posts.service';
import { Post, PostDocument } from '../schemas/post.schema';
@Controller()
export class PostsController {
constructor(private readonly postsService: PostsService) { }
constructor(private readonly postsService: PostsService) {}
@MessagePattern({ cmd: 'createPost' })
create(@Payload() post: PostDocument) {

2
servicio-foro-comunicaciones/src/posts/posts.module.ts
View File

@ -9,6 +9,6 @@ import { MongooseModule } from '@nestjs/mongoose';
MongooseModule.forFeature([{ name: Post.name, schema: PostSchema }]),
],
controllers: [PostsController],
providers: [PostsService]
providers: [PostsService],
})
export class PostsModule {}

7
servicio-foro-comunicaciones/src/posts/posts.service.ts
View File

@ -7,17 +7,14 @@ import { InjectModel } from '@nestjs/mongoose';
export class PostsService {
constructor(
@InjectModel(Post.name) private readonly postModel: Model<PostDocument>,
) { }
) {}
async create(post: PostDocument): Promise<Post> {
return this.postModel.create(post);
}
async findAll(): Promise<Post[]> {
return this.postModel
.find()
.setOptions({ sanitizeFilter: true })
.exec();
return this.postModel.find().setOptions({ sanitizeFilter: true }).exec();
}
async findOne(id: string): Promise<Post> {

6
servicio-foro-comunicaciones/src/schemas/post-comment.schema.ts
View File

@ -1,12 +1,10 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document, ObjectId } from 'mongoose';
export type CommentDocument = Comment & Document;
@Schema({ collection: 'comments' })
export class Comment {
@Prop()
comment: string;
@ -14,12 +12,10 @@ export class Comment {
date_entry: Date;
@Prop()
user_id: string
user_id: string;
@Prop()
post_id: string;
}
export const CommentSchema = SchemaFactory.createForClass(Comment);

7
servicio-foro-comunicaciones/src/schemas/post.schema.ts
View File

@ -1,12 +1,10 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document, ObjectId } from 'mongoose';
export type PostDocument = Post & Document;
@Schema({ collection: 'posts' })
export class Post {
@Prop()
post: string;
@ -14,11 +12,10 @@ export class Post {
date_entry: Date;
@Prop()
user_id: string
user_id: string;
@Prop()
community_id: string // id de la comunidad
community_id: string; // id de la comunidad
}
export const PostSchema = SchemaFactory.createForClass(Post);

20
servicio-invitados/src/app.module.ts
View File

@ -1,23 +1,25 @@
import { Module } from '@nestjs/common';
import { GuestsModule } from './guests/guests.module';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_INVITADOS",
name: 'SERVICIO_INVITADOS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3004
}
}
host: '127.0.0.1',
port: 3004,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_invitados?retryWrites=true&w=majority`),
GuestsModule],
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_invitados?retryWrites=true&w=majority`,
),
GuestsModule,
],
controllers: [],
providers: [],
})

12
servicio-invitados/src/guests/guests.controller.ts
View File

@ -7,34 +7,34 @@ import { Guest, GuestDocument } from 'src/schemas/guest.schema';
export class GuestsController {
constructor(private readonly guestsService: GuestsService) {}
@MessagePattern( {cmd:'createGuest'})
@MessagePattern({ cmd: 'createGuest' })
create(@Payload() guest: GuestDocument) {
return this.guestsService.create(guest);
}
@MessagePattern( {cmd:'findAllGuests'})
@MessagePattern({ cmd: 'findAllGuests' })
findAll() {
return this.guestsService.findAll();
}
@MessagePattern( {cmd:'findOneGuest'})
@MessagePattern({ cmd: 'findOneGuest' })
findOneById(@Payload() id: string) {
let _id = id['_id'];
return this.guestsService.findOneId(_id);
}
@MessagePattern( {cmd:'findGuestDNI'})
@MessagePattern({ cmd: 'findGuestDNI' })
findOneByDNI(@Payload() id: string) {
let dni = id['dni'];
return this.guestsService.findOne(dni);
}
@MessagePattern( {cmd:'updateGuest'})
@MessagePattern({ cmd: 'updateGuest' })
update(@Payload() guest: GuestDocument) {
return this.guestsService.update(guest.id, guest);
}
@MessagePattern( {cmd:'removeGuest'})
@MessagePattern({ cmd: 'removeGuest' })
remove(@Payload() id: string) {
let dni = id['dni'];
return this.guestsService.remove(dni);

2
servicio-invitados/src/guests/guests.module.ts
View File

@ -8,6 +8,6 @@ import { Guest, GuestSchema } from 'src/schemas/guest.schema';
MongooseModule.forFeature([{ name: Guest.name, schema: GuestSchema }]),
],
controllers: [GuestsController],
providers: [GuestsService]
providers: [GuestsService],
})
export class GuestsModule {}

7
servicio-invitados/src/guests/guests.service.ts
View File

@ -14,18 +14,13 @@ export class GuestsService {
}
async findAll(): Promise<Guest[]> {
return this.guestModel
.find()
.setOptions({ sanitizeFilter: true })
.exec();
return this.guestModel.find().setOptions({ sanitizeFilter: true }).exec();
}
findOneId(id: string): Promise<Guest> {
return this.guestModel.findOne({ _id: id }).exec();
}
findOne(id: string): Promise<Guest> {
return this.guestModel.findOne({ dni: id }).exec();
}

16
servicio-invitados/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,10 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3004
}
host: '127.0.0.1',
port: 3004,
},
});
app.listen().then(() => logger.log("Microservice Invitados is listening" ));
app.listen().then(() => logger.log('Microservice Invitados is listening'));
}
bootstrap();

3
servicio-invitados/src/schemas/guest.schema.ts
View File

@ -1,12 +1,10 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document } from 'mongoose';
export type GuestDocument = Guest & Document;
@Schema({ collection: 'guests' })
export class Guest {
@Prop()
name: string;
@ -36,5 +34,4 @@ export class Guest {
// ver los invitados de x comunidad
}
export const GuestSchema = SchemaFactory.createForClass(Guest);

2
servicio-notificaciones/src/app.controller.ts
View File

@ -6,6 +6,6 @@ export class AppController {
@Get()
getHello(): string {
return "hola";
return 'hola';
}
}

16
servicio-notificaciones/src/app.module.ts
View File

@ -1,14 +1,13 @@
import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
import { MailerModule } from '@nestjs-modules/mailer';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
import { AuthModule } from './auth/auth.module';
import { EmailController } from './email.controller';
import { join } from 'path';
import { HandlebarsAdapter } from '@nestjs-modules/mailer/dist/adapters/handlebars.adapter';
import { ConfigModule, ConfigService } from '@nestjs/config';
@Module({
imports: [
MailerModule.forRootAsync({
@ -42,15 +41,16 @@ import { ConfigModule, ConfigService } from '@nestjs/config';
}),
ClientsModule.register([
{
name: "SERVICIO_NOTIFICACIONES",
name: 'SERVICIO_NOTIFICACIONES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3009
}
}
host: '127.0.0.1',
port: 3009,
},
},
]),
AuthModule],
AuthModule,
],
controllers: [AppController, EmailController],
providers: [],
})

1
servicio-notificaciones/src/auth/auth.service.ts
View File

@ -3,7 +3,6 @@ import { User } from './../user/user.entity';
@Injectable()
export class AuthService {
async signUp(user: User) {
const token = Math.floor(1000 + Math.random() * 9000).toString();
// create user in db

46
servicio-notificaciones/src/email.controller.ts
View File

@ -6,14 +6,13 @@ import { User } from './user/user.entity';
@Controller()
export class EmailController {
constructor(private mailService: MailerService) { }
constructor(private mailService: MailerService) {}
@MessagePattern({ cmd: 'sendMail' })
sendMail(@Payload() toEmail: string) {
var response = this.mailService.sendMail({
to: toEmail["email"],
from: "mbonilla.guti@gmail.com",
to: toEmail['email'],
from: 'mbonilla.guti@gmail.com',
subject: 'Plain Text Email ✔',
text: 'Welcome NestJS Email Sending Tutorial',
});
@ -23,7 +22,7 @@ export class EmailController {
@MessagePattern({ cmd: 'html' })
async postHTMLEmail(@Payload() user: any) {
const url = "http://localhost:3000/";
const image = "images/email.ong";
const image = "images/email.png";
var response = await this.mailService.sendMail({
to: user["email"],
from: "mbonilla.guti@gmail.com",
@ -36,11 +35,46 @@ export class EmailController {
attachments: [
{
filename: 'email.png',
path: __dirname +'/mails/images/email.png',
path: __dirname + '/mails/images/email.png',
cid: 'logo' //my mistake was putting "cid:logo@cid" here!
}
]
});
return response;
}
@MessagePattern({ cmd: 'emailCreateUserAdminCommunity' })
async emailCreateUserAdmin(@Payload() user: any) {
const url = "http://localhost:3000/";
const image = "images/email.png";
const logo = "images/Logo Katoikia.png";
var response = await this.mailService.sendMail({
to: user["email"],
from: "mbonilla.guti@gmail.com",
subject: 'Usuario registrado',
template: 'emailCreateUserAdminCommunity',
context: {
name: user["name"],
password: user["password"],
date_entry: user["date_entry"],
email: user["email"],
community_name: user['community_name'],
url
},
attachments: [
{
filename: 'email.png',
path: __dirname + '/mails/images/email.png',
cid: 'image_email' //my mistake was putting "cid:logo@cid" here!
},
{
filename: 'Logo_Katoikia.png',
path: __dirname + '/mails/images/Logo_Katoikia.png',
cid: 'logoKatoikia' //my mistake was putting "cid:logo@cid" here!
}
]
});
return response;
}
}

457
servicio-notificaciones/src/mails/emailCreateUserAdmin.hbs Normal file
View File

@ -0,0 +1,457 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8"> <!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely -->
<title></title> <!-- The title tag shows in email notifications, like Android 4.4. -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- CSS Reset : BEGIN -->
<style>
html,
body {
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
background: #f1f1f1;
}
/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/* What it does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
margin: 0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode: bicubic;
}
/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
a {
text-decoration: none;
}
/* What it does: A work-around for email clients meddling in triggered links. */
*[x-apple-data-detectors],
/* iOS */
.unstyle-auto-detected-links *,
.aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}
/* What it does: Prevents Gmail from changing the text color in conversation threads. */
.im {
color: inherit !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img+div {
display: none !important;
}
/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89 */
/* Create one of these media queries for each additional viewport size you'd like to fix */
/* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
u~div .email-container {
min-width: 320px !important;
}
}
/* iPhone 6, 6S, 7, 8, and X */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
u~div .email-container {
min-width: 375px !important;
}
}
/* iPhone 6+, 7+, and 8+ */
@media only screen and (min-device-width: 414px) {
u~div .email-container {
min-width: 414px !important;
}
}
</style>
<!-- CSS Reset : END -->
<!-- Progressive Enhancements : BEGIN -->
<style>
.primary {
background: #D7A86E;
}
.bg_white {
background: #ffffff;
}
.bg_light {
background: #fafafa;
}
.bg_black {
background: #000000;
}
.bg_dark {
background: rgba(0, 0, 0, .8);
}
.email-section {
padding: 2.5em;
}
/*BUTTON*/
.btn {
padding: 10px 15px;
display: inline-block;
}
.btn.btn-primary {
border-radius: 5px;
background: #D7A86E;
color: #ffffff;
}
.btn.btn-white {
border-radius: 5px;
background: #ffffff;
color: #000000;
}
.btn.btn-white-outline {
border-radius: 5px;
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.btn.btn-black-outline {
border-radius: 0px;
background: transparent;
border: 2px solid #000;
color: #000;
font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Lato', sans-serif;
color: #000000;
margin-top: 0;
font-weight: 400;
margin-bottom: 12px;
}
body {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.808);
}
a {
color: #D7A86E;
}
table {}
/*LOGO*/
.logo h1 {
margin: 0;
}
.logo h1 a {
color: #D7A86E;
font-size: 24px;
font-weight: 700;
font-family: 'Lato', sans-serif;
}
/*HERO*/
.hero {
position: relative;
z-index: 0;
}
.hero .text {
color: rgba(0, 0, 0, 0.884);
}
.hero .text h2 {
color: #000;
font-size: 40px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.4;
}
.hero .text h3 {
font-size: 24px;
font-weight: 300;
}
.hero .text h2 span {
font-weight: 600;
color: #D7A86E;
}
/*HEADING SECTION*/
.heading-section {}
.heading-section h2 {
color: #000000;
font-size: 28px;
margin-top: 0;
line-height: 1.4;
font-weight: 400;
}
.heading-section .subheading {
margin-bottom: 20px !important;
display: inline-block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0, 0, 0, .4);
position: relative;
}
.heading-section .subheading::after {
position: absolute;
left: 0;
right: 0;
bottom: -10px;
content: '';
width: 100%;
height: 2px;
background: #D7A86E;
margin: 0 auto;
}
.heading-section-white {
color: rgba(255, 255, 255, .8);
}
.heading-section-white h2 {
line-height: 1;
padding-bottom: 0;
}
.heading-section-white h2 {
color: #ffffff;
}
.heading-section-white .subheading {
margin-bottom: 0;
display: inline-block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, .4);
}
ul.social {
padding: 0;
}
ul.social li {
display: inline-block;
margin-right: 10px;
}
/*FOOTER*/
.footer {
border-top: 1px solid rgba(0, 0, 0, .05);
color: rgba(0, 0, 0, .5);
}
.footer .heading {
color: #000;
font-size: 20px;
}
.footer ul {
margin: 0;
padding: 0;
}
.footer ul li {
list-style: none;
margin-bottom: 10px;
}
.footer ul li a {
color: rgba(0, 0, 0, 1);
}
@media screen and (max-width: 500px) {}
</style>
</head>
<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f1f1f1;">
<center style="width: 100%; background-color: #f1f1f1;">
<div
style="display: none; font-size: 1px;max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
</div>
<div style="max-width: 600px; margin: 0 auto;" class="email-container">
<!-- BEGIN BODY -->
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
style="margin: auto;">
<tr>
<td valign="top" class="bg_white" style="padding: 1em 2.5em 0 2.5em;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="logo" style="text-align: right;">
<img src="cid:logoLatoikia" alt="Logo Katoikia"
style="width: 60px; max-width: 60px; height: auto; margin: auto; display: block; float: right;">
</td>
<td class="logo" style="text-align: left;">
<h1><a href="#">Katoikia</a></h1>
</td>
</tr>
</table>
</td>
</tr><!-- end tr -->
<tr>
<td valign="middle" class="hero bg_white" style="padding: 3em 0 2em 0;">
<img src="cid:image_email" alt="Logo Katoikia"
style="width: 150px; max-width: 300px; height: auto; margin: auto; display: block;">
</td>
</tr><!-- end tr -->
<tr>
<td valign="middle" class="hero bg_white" style="padding: 2em 0 4em 0;">
<table>
<tr>
<td>
<div class="text" style="padding: 0 2.5em; text-align: center;">
<h2> Hola , {{ name }} <i class="fa-regular fa-face-smile-wink"
style="color:#D7A86E; font-size: 0.8em; margin-left: 20px;"></i></h2>
<h3>Ha sido registrado como un Administrador General del sitio web Katoikia</h3>
<h4><i class="fa-solid fa-calendar-day"
style="color:#D7A86E; margin-right: 10px;"></i> Fecha de registro
{{date_entry}}</h4>
</div>
<div class="text" style="padding: 0 4em; text-align: left;">
<h3>Estas son sus credenciales:</h3>
<p><i class="fa-regular fa-envelope" style="color:#D7A86E; margin-right: 10px;"></i> Correo electronico: {{email}}</p>
<p><i class="fa-solid fa-key" style="color:#D7A86E; margin-right: 10px;"></i> Password: {{password}}</p>
</div>
<div class="text" style="padding: 0 2.5em; text-align: center;">
<h3>Inicie sesión en el sitio web para poder acceder y disfrutar todos sus
beneficios</h3>
<p><a href="{{ url }}" class="btn btn-primary">Iniciar sesión</a></p>
</div>
</td>
</tr>
</table>
</td>
</tr><!-- end tr -->
<!-- 1 Column Text + Button : END -->
</table>
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
style="margin: auto;">
<td valign="middle" class="bg_light footer email-section">
<table>
<tr>
<td valign="top" width="33.333%" style="padding-top: 20px">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="text-align: left; padding-right: 10px">
<h3 class="heading">Acerca de</h3>
<p>Katoikia es su compañero más cercano para poder estar en contacto con sus vecinos y conocer sobre los mejores anuncios sobre su comunidad.</p>
</td>
</tr>
</table>
</td>
<td valign="top" width="33.333%" style="padding-top: 20px">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="text-align: left; padding-left: 5px; padding-right: 5px">
<h3 class="heading">Información de contacto</h3>
<ul>
<li><span href="mailto:katoikiaapp@gmail.com" class="text">katoikiaapp@gmail.com</span></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end: tr -->
<tr>
<td class="bg_light" style="text-align: center">
<p><a href="http://localhost:3000" style="color: rgba(0, 0, 0, 0.8)">katoikiaapp.org</a></p>
</td>
</table>
</div>
</center>
</body>
</html>

464
servicio-notificaciones/src/mails/emailCreateUserAdminCommunity.hbs Normal file
View File

@ -0,0 +1,464 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8"> <!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely -->
<title></title> <!-- The title tag shows in email notifications, like Android 4.4. -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- CSS Reset : BEGIN -->
<style>
html,
body {
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
background: #f1f1f1;
}
/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/* What it does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
margin: 0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode: bicubic;
}
/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
a {
text-decoration: none;
}
/* What it does: A work-around for email clients meddling in triggered links. */
*[x-apple-data-detectors],
/* iOS */
.unstyle-auto-detected-links *,
.aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}
/* What it does: Prevents Gmail from changing the text color in conversation threads. */
.im {
color: inherit !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img+div {
display: none !important;
}
/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89 */
/* Create one of these media queries for each additional viewport size you'd like to fix */
/* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
u~div .email-container {
min-width: 320px !important;
}
}
/* iPhone 6, 6S, 7, 8, and X */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
u~div .email-container {
min-width: 375px !important;
}
}
/* iPhone 6+, 7+, and 8+ */
@media only screen and (min-device-width: 414px) {
u~div .email-container {
min-width: 414px !important;
}
}
</style>
<!-- CSS Reset : END -->
<!-- Progressive Enhancements : BEGIN -->
<style>
.primary {
background: #D7A86E;
}
.bg_white {
background: #ffffff;
}
.bg_light {
background: #fafafa;
}
.bg_black {
background: #000000;
}
.bg_dark {
background: rgba(0, 0, 0, .8);
}
.email-section {
padding: 2.5em;
}
/*BUTTON*/
.btn {
padding: 10px 15px;
display: inline-block;
}
.btn.btn-primary {
border-radius: 5px;
background: #D7A86E;
color: #ffffff;
}
.btn.btn-white {
border-radius: 5px;
background: #ffffff;
color: #000000;
}
.btn.btn-white-outline {
border-radius: 5px;
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.btn.btn-black-outline {
border-radius: 0px;
background: transparent;
border: 2px solid #000;
color: #000;
font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Lato', sans-serif;
color: #000000;
margin-top: 0;
font-weight: 400;
margin-bottom: 12px;
}
body {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.808);
}
a {
color: #D7A86E;
}
table {}
/*LOGO*/
.logo h1 {
margin: 0;
}
.logo h1 a {
color: #D7A86E;
font-size: 24px;
font-weight: 700;
font-family: 'Lato', sans-serif;
}
/*HERO*/
.hero {
position: relative;
z-index: 0;
}
.hero .text {
color: rgba(0, 0, 0, 0.884);
}
.hero .text h2 {
color: #000;
font-size: 40px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.4;
}
.hero .text h3 {
font-size: 24px;
font-weight: 300;
}
.hero .text h2 span {
font-weight: 600;
color: #D7A86E;
}
/*HEADING SECTION*/
.heading-section {}
.heading-section h2 {
color: #000000;
font-size: 28px;
margin-top: 0;
line-height: 1.4;
font-weight: 400;
}
.heading-section .subheading {
margin-bottom: 20px !important;
display: inline-block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0, 0, 0, .4);
position: relative;
}
.heading-section .subheading::after {
position: absolute;
left: 0;
right: 0;
bottom: -10px;
content: '';
width: 100%;
height: 2px;
background: #D7A86E;
margin: 0 auto;
}
.heading-section-white {
color: rgba(255, 255, 255, .8);
}
.heading-section-white h2 {
line-height: 1;
padding-bottom: 0;
}
.heading-section-white h2 {
color: #ffffff;
}
.heading-section-white .subheading {
margin-bottom: 0;
display: inline-block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, .4);
}
ul.social {
padding: 0;
}
ul.social li {
display: inline-block;
margin-right: 10px;
}
/*FOOTER*/
.footer {
border-top: 1px solid rgba(0, 0, 0, .05);
color: rgba(0, 0, 0, .5);
}
.footer .heading {
color: #000;
font-size: 20px;
}
.footer ul {
margin: 0;
padding: 0;
}
.footer ul li {
list-style: none;
margin-bottom: 10px;
}
.footer ul li a {
color: rgba(0, 0, 0, 1);
}
@media screen and (max-width: 500px) {}
</style>
</head>
<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f1f1f1;">
<center style="width: 100%; background-color: #f1f1f1;">
<div
style="display: none; font-size: 1px;max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
</div>
<div style="max-width: 600px; margin: 0 auto;" class="email-container">
<!-- BEGIN BODY -->
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
style="margin: auto;">
<tr>
<td valign="top" class="bg_white" style="padding: 1em 2.5em 0 2.5em;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="logo" style="text-align: right;">
<img src="cid:logoKatoikia" alt="Logo Katoikia"
style="width: 60px; max-width: 60px; height: auto; margin: auto; display: block; float: right;">
</td>
<td class="logo" style="text-align: left;">
<h1><a href="#">Katoikia</a></h1>
</td>
</tr>
</table>
</td>
</tr><!-- end tr -->
<tr>
<td valign="middle" class="hero bg_white" style="padding: 3em 0 2em 0;">
<img src="cid:image_email" alt="Logo Katoikia"
style="width: 150px; max-width: 300px; height: auto; margin: auto; display: block;">
</td>
</tr><!-- end tr -->
<tr>
<td valign="middle" class="hero bg_white" style="padding: 2em 0 4em 0;">
<table>
<tr>
<td>
<div class="text" style="padding: 0 2.5em; text-align: center;">
<h2> Hola , {{ name }} <i class="fa-regular fa-face-smile-wink"
style="color:#D7A86E; font-size: 0.8em; margin-left: 20px;"></i></h2>
<h3>Ha sido registrado como un Administrador de la Comunidad `{{community_name}}`
</h3>
<h4><i class="fa-solid fa-calendar-day"
style="color:#D7A86E; margin-right: 10px;"></i> Fecha de registro
{{date_entry}}</h4>
</div>
<div class="text" style="padding: 0 4em; text-align: left;">
<h3>Estas son sus credenciales:</h3>
<p><i class="fa fa-regular fa-envelope"
style="color:#D7A86E; margin-right: 10px;"></i> Correo electronico:
{{email}}</p>
<p><i class="fa-solid fa-key" style="color:#D7A86E; margin-right: 10px;"></i>
Password: {{password}}</p>
</div>
<div class="text" style="padding: 0 2.5em; text-align: center;">
<h3>Inicie sesión en el sitio web para poder acceder y disfrutar todos sus
beneficios</h3>
<p><a href="{{ url }}" class="btn btn-primary">Iniciar sesión</a></p>
</div>
</td>
</tr>
</table>
</td>
</tr><!-- end tr -->
<!-- 1 Column Text + Button : END -->
</table>
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
style="margin: auto;">
<td valign="middle" class="bg_light footer email-section">
<table>
<tr>
<td valign="top" width="33.333%" style="padding-top: 20px">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="text-align: left; padding-right: 10px">
<h3 class="heading">Acerca de</h3>
<p>Katoikia es su compañero más cercano para poder estar en contacto con sus
vecinos y conocer sobre los mejores anuncios sobre su comunidad.</p>
</td>
</tr>
</table>
</td>
<td valign="top" width="33.333%" style="padding-top: 20px">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="text-align: left; padding-left: 5px; padding-right: 5px">
<h3 class="heading">Información de contacto</h3>
<ul>
<li><span href="mailto:katoikiaapp@gmail.com"
class="text">katoikiaapp@gmail.com</span></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end: tr -->
<tr>
<td class="bg_light" style="text-align: center">
<p><a href="http://localhost:3000" style="color: rgba(0, 0, 0, 0.8)">katoikiaapp.org</a></p>
</td>
</table>
</div>
</center>
</body>
</html>

9
servicio-notificaciones/src/mails/images/Logo Katoikia.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
servicio-notificaciones/src/mails/images/Logo_Katoikia.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

18
servicio-notificaciones/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,12 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3009
}
host: '127.0.0.1',
port: 3009,
},
});
app.listen().then(() => logger.log("Microservice Notificaciones is listening" ));
app
.listen()
.then(() => logger.log('Microservice Notificaciones is listening'));
}
bootstrap();

15
servicio-notificaciones/src/notifications/notifications.controller.ts
View File

@ -8,27 +8,30 @@ import { UpdateNotificationDto } from './dto/update-notification.dto';
export class NotificationsController {
constructor(private readonly notificationsService: NotificationsService) {}
@MessagePattern({cmd: 'createNotification'})
@MessagePattern({ cmd: 'createNotification' })
create(@Payload() createNotificationDto: CreateNotificationDto) {
return this.notificationsService.create(createNotificationDto);
}
@MessagePattern({cmd: 'findAllNotifications'})
@MessagePattern({ cmd: 'findAllNotifications' })
findAll() {
return this.notificationsService.findAll();
}
@MessagePattern({cmd: 'findOneNotification'})
@MessagePattern({ cmd: 'findOneNotification' })
findOne(@Payload() id: number) {
return this.notificationsService.findOne(id);
}
@MessagePattern({cmd: 'updateNotification'})
@MessagePattern({ cmd: 'updateNotification' })
update(@Payload() updateNotificationDto: UpdateNotificationDto) {
return this.notificationsService.update(updateNotificationDto.id, updateNotificationDto);
return this.notificationsService.update(
updateNotificationDto.id,
updateNotificationDto,
);
}
@MessagePattern({cmd: 'removeNotification'})
@MessagePattern({ cmd: 'removeNotification' })
remove(@Payload() id: number) {
return this.notificationsService.remove(id);
}

2
servicio-notificaciones/src/notifications/notifications.module.ts
View File

@ -4,6 +4,6 @@ import { NotificationsController } from './notifications.controller';
@Module({
controllers: [NotificationsController],
providers: [NotificationsService]
providers: [NotificationsService],
})
export class NotificationsModule {}

20
servicio-pagos/src/app.module.ts
View File

@ -1,23 +1,25 @@
import { Module } from '@nestjs/common';
import { PaymentsModule } from './payments/payments.module';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_PAGOS",
name: 'SERVICIO_PAGOS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3005
}
}
host: '127.0.0.1',
port: 3005,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_pagos?retryWrites=true&w=majority`),
PaymentsModule],
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_pagos?retryWrites=true&w=majority`,
),
PaymentsModule,
],
controllers: [],
providers: [],
})

16
servicio-pagos/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,10 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3005
}
host: '127.0.0.1',
port: 3005,
},
});
app.listen().then(() => logger.log("Microservice Invitados is listening" ));
app.listen().then(() => logger.log('Microservice Invitados is listening'));
}
bootstrap();

14
servicio-pagos/src/payments/payments.controller.ts
View File

@ -7,40 +7,40 @@ import { Payment, PaymentDocument } from 'src/schemas/payment.schema';
export class PaymentsController {
constructor(private readonly paymentsService: PaymentsService) {}
@MessagePattern({cmd: 'createPayment'})
@MessagePattern({ cmd: 'createPayment' })
create(@Payload() payment: PaymentDocument) {
return this.paymentsService.create(payment);
}
@MessagePattern({cmd: 'findAllPayments'})
@MessagePattern({ cmd: 'findAllPayments' })
findAll() {
return this.paymentsService.findAll();
}
@MessagePattern({cmd: 'findOnePayment'})
@MessagePattern({ cmd: 'findOnePayment' })
findOne(@Payload() id: string) {
let _id = id['_id'];
return this.paymentsService.findOneId(_id);
}
@MessagePattern({cmd: 'findPaymentsByUser'})
@MessagePattern({ cmd: 'findPaymentsByUser' })
findByUser(@Payload() id: string) {
let user_id = id['user_id'];
return this.paymentsService.findByUser(user_id);
}
@MessagePattern({cmd: 'findPaymentsByCommunity'})
@MessagePattern({ cmd: 'findPaymentsByCommunity' })
findByCommunity(@Payload() id: string) {
let community_id = id['community_id'];
return this.paymentsService.findByUser(community_id);
}
@MessagePattern({cmd: 'updatePayment'})
@MessagePattern({ cmd: 'updatePayment' })
update(@Payload() payment: PaymentDocument) {
return this.paymentsService.update(payment.id, payment);
}
@MessagePattern({cmd: 'removePayment'})
@MessagePattern({ cmd: 'removePayment' })
remove(@Payload() id: string) {
let _id = id['_id'];
return this.paymentsService.remove(_id);

3
servicio-pagos/src/payments/payments.module.ts
View File

@ -4,12 +4,11 @@ import { PaymentsController } from './payments.controller';
import { MongooseModule } from '@nestjs/mongoose';
import { Payment, PaymentSchema } from 'src/schemas/payment.schema';
@Module({
imports: [
MongooseModule.forFeature([{ name: Payment.name, schema: PaymentSchema }]),
],
controllers: [PaymentsController],
providers: [PaymentsService]
providers: [PaymentsService],
})
export class PaymentsModule {}

11
servicio-pagos/src/payments/payments.service.ts
View File

@ -3,11 +3,11 @@ import { Payment, PaymentDocument } from 'src/schemas/payment.schema';
import { Model } from 'mongoose';
import { InjectModel } from '@nestjs/mongoose';
@Injectable()
export class PaymentsService {
constructor(
@InjectModel(Payment.name) private readonly paymentModel: Model<PaymentDocument>,
@InjectModel(Payment.name)
private readonly paymentModel: Model<PaymentDocument>,
) {}
async create(payment: PaymentDocument): Promise<Payment> {
@ -15,18 +15,13 @@ export class PaymentsService {
}
async findAll(): Promise<Payment[]> {
return this.paymentModel
.find()
.setOptions({ sanitizeFilter: true })
.exec();
return this.paymentModel.find().setOptions({ sanitizeFilter: true }).exec();
}
findOneId(id: string): Promise<Payment> {
return this.paymentModel.findOne({ _id: id }).exec();
}
findByUser(id: string): Promise<Payment> {
return this.paymentModel.findOne({ user_id: id }).exec();
}

3
servicio-pagos/src/schemas/payment.schema.ts
View File

@ -1,13 +1,10 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document } from 'mongoose';
export type PaymentDocument = Payment & Document;
@Schema({ collection: 'payments' })
export class Payment {
@Prop()
date_payment: Date;

23
servicio-reportes/src/app.module.ts
View File

@ -1,25 +1,26 @@
import { Module } from '@nestjs/common';
import { ReportsModule } from './reports/reports.module';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_REPORTES",
name: 'SERVICIO_REPORTES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3008
}
}
host: '127.0.0.1',
port: 3008,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_reportes?retryWrites=true&w=majority`),
ReportsModule],
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_reportes?retryWrites=true&w=majority`,
),
ReportsModule,
],
controllers: [],
providers: [],
})
export class AppModule { }
export class AppModule {}

16
servicio-reportes/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,10 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3008
}
host: '127.0.0.1',
port: 3008,
},
});
app.listen().then(() => logger.log("Microservice Reportes is listening" ));
app.listen().then(() => logger.log('Microservice Reportes is listening'));
}
bootstrap();

1
servicio-reportes/src/reports/reports.controller.ts
View File

@ -7,7 +7,6 @@ import { Report, ReportDocument } from '../schemas/report.schema';
export class ReportsController {
constructor(private readonly reportsService: ReportsService) {}
@MessagePattern({ cmd: 'createReport' })
create(@Payload() report: ReportDocument) {
return this.reportsService.create(report);

4
servicio-reportes/src/reports/reports.module.ts
View File

@ -6,9 +6,9 @@ import { Report, ReportSchema } from '../schemas/report.schema';
@Module({
imports: [
MongooseModule.forFeature([{ name: Report.name, schema:ReportSchema }]),
MongooseModule.forFeature([{ name: Report.name, schema: ReportSchema }]),
],
controllers: [ReportsController],
providers: [ReportsService]
providers: [ReportsService],
})
export class ReportsModule {}

17
servicio-reportes/src/reports/reports.service.ts
View File

@ -1,34 +1,29 @@
import { Injectable, Inject } from '@nestjs/common';
import { ClientProxy } from "@nestjs/microservices";
import { ClientProxy } from '@nestjs/microservices';
import { Model } from 'mongoose';
import { InjectModel } from '@nestjs/mongoose';
import { Report, ReportDocument } from '../schemas/report.schema';
import { map } from "rxjs/operators";
import { map } from 'rxjs/operators';
@Injectable()
export class ReportsService {
constructor(
@InjectModel(Report.name) private readonly reportModel: Model<ReportDocument>,
//
) { }
@InjectModel(Report.name)
private readonly reportModel: Model<ReportDocument>, //
) {}
async create(report: ReportDocument): Promise<Report> {
return this.reportModel.create(report);
}
async findAll(): Promise<Report[]> {
return this.reportModel
.find()
.setOptions({ sanitizeFilter: true })
.exec();
return this.reportModel.find().setOptions({ sanitizeFilter: true }).exec();
}
async findOne(id: string): Promise<Report> {
return this.reportModel.findOne({ _id: id }).exec();
}
async update(id: string, report: ReportDocument) {
return this.reportModel.findOneAndUpdate({ _id: id }, report, {
new: true,

5
servicio-reportes/src/schemas/report.schema.ts
View File

@ -1,12 +1,10 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document, ObjectId } from 'mongoose';
export type ReportDocument = Report & Document;
@Schema({ collection: 'reports' })
export class Report {
@Prop()
action: string;
@ -17,8 +15,7 @@ export class Report {
date_entry: Date;
@Prop()
user_id: string
user_id: string;
}
export const ReportSchema = SchemaFactory.createForClass(Report);

19
servicio-reservaciones/src/app.module.ts
View File

@ -1,22 +1,25 @@
import { Module } from '@nestjs/common';
import { ReservationsModule } from './reservations/reservations.module';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
import { MongooseModule } from '@nestjs/mongoose';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_RESERVACIONES",
name: 'SERVICIO_RESERVACIONES',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3006
}
}
host: '127.0.0.1',
port: 3006,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_reservaciones?retryWrites=true&w=majority`),
ReservationsModule],
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_reservaciones?retryWrites=true&w=majority`,
),
ReservationsModule,
],
controllers: [],
providers: [],
})

18
servicio-reservaciones/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,12 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3006
}
host: '127.0.0.1',
port: 3006,
},
});
app.listen().then(() => logger.log("Microservice Reservaciones is listening" ));
app
.listen()
.then(() => logger.log('Microservice Reservaciones is listening'));
}
bootstrap();

7
servicio-reservaciones/src/reservations/reservations.controller.ts
View File

@ -1,11 +1,14 @@
import { Controller } from '@nestjs/common';
import { MessagePattern, Payload } from '@nestjs/microservices';
import { ReservationsService } from './reservations.service';
import { Reservation, ReservationDocument } from '../schemas/reservation.schema';
import {
Reservation,
ReservationDocument,
} from '../schemas/reservation.schema';
@Controller()
export class ReservationsController {
constructor(private readonly reservationsService: ReservationsService) { }
constructor(private readonly reservationsService: ReservationsService) {}
@MessagePattern({ cmd: 'createReservation' })
create(@Payload() reservation: ReservationDocument) {

8
servicio-reservaciones/src/reservations/reservations.module.ts
View File

@ -3,13 +3,15 @@ import { ReservationsService } from './reservations.service';
import { MongooseModule } from '@nestjs/mongoose';
import { ReservationsController } from './reservations.controller';
import { Reservation, ReservationSchema} from '../schemas/reservation.schema';
import { Reservation, ReservationSchema } from '../schemas/reservation.schema';
@Module({
imports: [
MongooseModule.forFeature([{ name: Reservation.name, schema: ReservationSchema }]),
MongooseModule.forFeature([
{ name: Reservation.name, schema: ReservationSchema },
]),
],
controllers: [ReservationsController],
providers: [ReservationsService]
providers: [ReservationsService],
})
export class ReservationsModule {}

8
servicio-reservaciones/src/reservations/reservations.service.ts
View File

@ -1,12 +1,16 @@
import { Injectable } from '@nestjs/common';
import { Reservation, ReservationDocument} from '../schemas/reservation.schema';
import {
Reservation,
ReservationDocument,
} from '../schemas/reservation.schema';
import { Model } from 'mongoose';
import { InjectModel } from '@nestjs/mongoose';
@Injectable()
export class ReservationsService {
constructor(
@InjectModel(Reservation.name) private readonly reservationModel: Model<ReservationDocument>,
@InjectModel(Reservation.name)
private readonly reservationModel: Model<ReservationDocument>,
) {}
create(reservation: ReservationDocument) {

5
servicio-reservaciones/src/schemas/reservation.schema.ts
View File

@ -1,12 +1,10 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document, ObjectId } from 'mongoose';
export type ReservationDocument = Reservation & Document;
@Schema({ collection: 'reservations' })
export class Reservation {
@Prop()
start_time: string;
@ -23,8 +21,7 @@ export class Reservation {
common_area_id: string;
@Prop()
user_id: string
user_id: string;
}
export const ReservationSchema = SchemaFactory.createForClass(Reservation);

4858
servicio-usuarios/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
servicio-usuarios/package.json
View File

@ -29,10 +29,12 @@
"@nestjs/platform-express": "^8.0.0",
"@nestjs/swagger": "^5.2.1",
"buffer": "^5.7.1",
"class-validator": "^0.13.2",
"cors": "^2.8.5",
"crypto-browserify": "^3.12.0",
"md5-typescript": "^1.0.5",
"mongoose": "^6.4.1",
"mongoose-unique-validator": "^3.1.0",
"reflect-metadata": "^0.1.13",
"rimraf": "^3.0.2",
"rxjs": "^7.2.0",

14
servicio-usuarios/src/MongoExceptionFilter.ts Normal file
View File

@ -0,0 +1,14 @@
import { ArgumentsHost, Catch, ConflictException, ExceptionFilter } from '@nestjs/common';
import { MongoError } from 'mongodb';
@Catch(MongoError)
export class MongoExceptionFilter implements ExceptionFilter {
catch(exception: MongoError, host: ArgumentsHost) {
switch (exception.code) {
case 11000:
console.log('llave duplicada')
// duplicate exception
// do whatever you want here, for instance send error to client
}
}
}

22
servicio-usuarios/src/app.module.ts
View File

@ -1,23 +1,27 @@
import { Module } from '@nestjs/common';
import { MongooseModule } from '@nestjs/mongoose';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
import { UsersModule } from './users/users.module';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_USUARIOS",
name: 'SERVICIO_USUARIOS',
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3001
}
}
host: '127.0.0.1',
port: 3001,
},
},
]),
MongooseModule.forRoot(`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_usuarios?retryWrites=true&w=majority`),
UsersModule],
MongooseModule.forRoot(
`mongodb+srv://proyecto_4:proyecto_4@proyecto4.yv4fb.mongodb.net/servicio_usuarios?retryWrites=true&w=majority`
),
UsersModule,
],
controllers: [],
providers: [],
})
export class AppModule {}
export class AppModule { }

30
servicio-usuarios/src/exceptions/UserExistsRule.ts Normal file
View File

@ -0,0 +1,30 @@
import { Injectable } from "@nestjs/common";
import { Model } from 'mongoose';
import { User, UserDocument } from '../schemas/user.schema';
import { InjectModel } from '@nestjs/mongoose';
import { ValidationArguments, ValidatorConstraint, ValidatorConstraintInterface } from "class-validator";
@ValidatorConstraint({ name: 'UserExists', async: true })
@Injectable()
export class UserExistsRule implements ValidatorConstraintInterface {
constructor(
@InjectModel(User.name) private readonly userModel: Model<UserDocument>,
) {}
async validate(value: string) {
try {
await this.userModel.find({email: value});
} catch (e) {
return false;
}
return true;
}
defaultMessage(args: ValidationArguments) {
return `User doesn't exist`;
}
}

16
servicio-usuarios/src/main.ts
View File

@ -1,7 +1,7 @@
import { NestFactory } from "@nestjs/core";
import { Transport } from "@nestjs/microservices";
import { AppModule } from "./app.module";
import { Logger } from "@nestjs/common";
import { NestFactory } from '@nestjs/core';
import { Transport } from '@nestjs/microservices';
import { AppModule } from './app.module';
import { Logger } from '@nestjs/common';
const logger = new Logger();
@ -9,10 +9,10 @@ async function bootstrap() {
const app = await NestFactory.createMicroservice(AppModule, {
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3001
}
host: '127.0.0.1',
port: 3001,
},
});
app.listen().then(() => logger.log("Microservice Usuarios is listening" ));
app.listen().then(() => logger.log('Microservice Usuarios is listening'));
}
bootstrap();

24
servicio-usuarios/src/schemas/user.schema.ts
View File

@ -1,27 +1,25 @@
import { Schema, Prop, SchemaFactory } from '@nestjs/mongoose';
import { Document } from 'mongoose';
var uniqueValidator = require('mongoose-unique-validator');
import { IsEmail, IsNotEmpty, IsString, Validate } from 'class-validator';
export type UserDocument = User & Document;
@Schema({ collection: 'users' })
@Schema({ collection: 'users'})
export class User {
@Prop({index: true})
dni!: string;
@Prop()
dni: string;
@Prop()
@Prop({required: true})
name: string;
@Prop()
@Prop({required: true})
last_name: string;
@Prop()
@Prop({required: true, unique: true})
email: string;
@Prop()
@Prop({required: true, unique: true})
phone: number;
@Prop()
@ -36,11 +34,9 @@ export class User {
@Prop()
date_entry: Date;
@Prop()
community_id?: string;
}
export const UserSchema = SchemaFactory.createForClass(User);
UserSchema.plugin(uniqueValidator);

23
servicio-usuarios/src/users/users.controller.ts
View File

@ -1,11 +1,12 @@
import { Controller } from '@nestjs/common';
import { Controller, UseFilters } from '@nestjs/common';
import { MessagePattern, Payload } from '@nestjs/microservices';
import { User, UserDocument } from '../schemas/user.schema';
import { UsersService } from './users.service';
import { MongoExceptionFilter } from 'src/MongoExceptionFilter';
@Controller()
export class UsersController {
constructor(private readonly userService: UsersService) { }
constructor(private readonly userService: UsersService) {}
@MessagePattern({ cmd: 'createUser' })
create(@Payload() user: UserDocument) {
@ -13,6 +14,7 @@ export class UsersController {
}
@MessagePattern({ cmd: 'createAdminSystem' })
@UseFilters(MongoExceptionFilter)
createUserAdmin(@Payload() user: UserDocument) {
return this.userService.create(user);
}
@ -22,6 +24,10 @@ export class UsersController {
return this.userService.create(user);
}
@MessagePattern({ cmd: 'createAdminCommunity' })
createAdminCommunity(@Payload() user: UserDocument) {
return this.userService.createAdminCommunity(user);
}
@MessagePattern({ cmd: 'findAllUsers' })
findAll() {
@ -40,7 +46,6 @@ export class UsersController {
return this.userService.findGuardsCommunity(pcommunity_id);
}
@MessagePattern({ cmd: 'findTenantsCommunity' })
findTenantsCommunity(@Payload() community_id: string) {
let pcommunity_id = community_id['community_id'];
@ -93,15 +98,19 @@ export class UsersController {
//buscar usuario de una comunidad
@MessagePattern({ cmd: 'findOneCommunityUser' })
findCommunityUser(@Payload() user: any) {
return this.userService.findCommunityUser(user["community_id"], user["user_type"]);
return this.userService.findCommunityUser(
user['community_id'],
user['user_type'],
);
}
@MessagePattern({ cmd: 'deleteAdminSystem' })
deleteAdminSystem(@Payload() user: any) {
console.log("entró")
console.log('entró');
return this.userService.deleteAdminSystem(user["id"]);
return this.userService.deleteAdminSystem(user['id']);
}
}
}

18
servicio-usuarios/src/users/users.module.ts
View File

@ -4,23 +4,33 @@ import { MongooseModule } from '@nestjs/mongoose';
import { UsersController } from './users.controller';
import { User, UserSchema } from '../schemas/user.schema';
import { ClientsModule, Transport } from "@nestjs/microservices";
import { ClientsModule, Transport } from '@nestjs/microservices';
@Module({
imports: [
ClientsModule.register([
{
name: "SERVICIO_NOTIFICACIONES",
name: 'SERVICIO_NOTIFICACIONES',
transport: Transport.TCP,
options: {
host: '127.0.0.1',
port: 3009,
},
},
]),
ClientsModule.register([
{
name: "SERVICIO_COMUNIDADES",
transport: Transport.TCP,
options: {
host: "127.0.0.1",
port: 3009
port: 3002
}
}
]),
MongooseModule.forFeature([{ name: User.name, schema: UserSchema }]),
],
controllers: [UsersController],
providers: [UsersService]
providers: [UsersService],
})
export class UsersModule {}

89
servicio-usuarios/src/users/users.service.ts
View File

@ -2,18 +2,18 @@ import { Injectable, Inject } from '@nestjs/common';
import { Model } from 'mongoose';
import { User, UserDocument } from '../schemas/user.schema';
import { InjectModel } from '@nestjs/mongoose';
import { Md5 } from "md5-typescript";
import { Md5 } from 'md5-typescript';
import { map } from 'rxjs/operators';
import { lastValueFrom } from 'rxjs';
import { RpcException, ClientProxy } from '@nestjs/microservices';
@Injectable()
export class UsersService {
constructor(
@InjectModel(User.name) private readonly userModel: Model<UserDocument>,
@Inject('SERVICIO_NOTIFICACIONES') private readonly clientNotificationtApp: ClientProxy,
@Inject('SERVICIO_COMUNIDADES') private readonly clientCommunityApp: ClientProxy,
) { }
private publicKey: string;
@ -23,11 +23,44 @@ export class UsersService {
return this.userModel.create(user);
}
async createAdminCommunity(user: UserDocument) {
let password = user.password;
let passwordEncriptada = Md5.init(user.password);
user.password = passwordEncriptada;
this.userModel.create(user)
let community = await this.findCommunity(user.community_id);
user.community_id = community['name'];
const pattern = { cmd: 'emailCreateUserAdminCommunity' };
const payload = { email: user['email'], password: password, name: user['name'],
date_entry: user['date_entry'], community_name: community['name'] };
return this.clientNotificationtApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
}
async findCommunity(community_id: string) {
const pattern = { cmd: 'findOneCommunity' }
const payload = { _id: community_id }
let callback = await this.clientCommunityApp
.send<string>(pattern, payload)
.pipe(
map((response: string) => ({ response }))
)
const finalValue = await lastValueFrom(callback);
return finalValue['response'];
}
async findAll(): Promise<User[]> {
return this.userModel
.find()
.setOptions({ sanitizeFilter: true })
.exec();
return this.userModel.find().setOptions({ sanitizeFilter: true }).exec();
}
async findOne(id: string): Promise<User> {
return this.userModel.findOne({ _id: id }).exec();
@ -56,13 +89,11 @@ export class UsersService {
repo.find({ email: email }).exec((err, res) => {
if (err) {
reject(err);
}
else {
} else {
let passwordEncriptada = Md5.init(password);
if (res[0].password == passwordEncriptada) {
resolve(res[0]);
}
else {
} else {
resolve(null);
}
}
@ -77,7 +108,6 @@ export class UsersService {
return this.userModel.find({ user_type: 1 }).exec();
}
//find admin del sistema
async findGuardsCommunity(pcommunity_id: string): Promise<User[]> {
return this.userModel.find({ user_type: 4 }).exec();
@ -102,7 +132,7 @@ export class UsersService {
async testSendMail(user: UserDocument) {
let passwordEncriptada = Md5.init(user.password);
user.password = passwordEncriptada;
this.userModel.create(user)
this.userModel.create(user);
/*.then(() => {
} );*/
@ -111,17 +141,38 @@ export class UsersService {
const payload = { email: user['email'], name: user['name'] };
return this.clientNotificationtApp
.send<string>(pattern, payload)
.pipe(
map((message: string) => ({ message })),
);
.pipe(map((message: string) => ({ message })));
}
async findCommunityUser(community_id: string, user_type: number): Promise<User> {
return this.userModel.findOne({ community_id: community_id, user_type: user_type }).exec();
async findCommunityUser(
community_id: string,
user_type: number,
): Promise<User> {
return this.userModel
.findOne({ community_id: community_id, user_type: user_type })
.exec();
}
async deleteAdminSystem(id: string) {
return this.userModel.deleteOne({_id: id}).exec();
return this.userModel.deleteOne({ _id: id }).exec();
}
async validateEmail(email: string) {
let repo1 = this.userModel;
return new Promise<User>((resolve, reject) => {
let repo = repo1;
repo.find({ email: email }).exec((err, res) => {
if (err) {
reject(err);
} else {
if (res.length > 0) {
return res;
}
}
});
});
}
}

275
web-ui/web-react/src/App.js
View File

@ -50,11 +50,11 @@ import './assets/demo/Demos.scss';
import './assets/layout/layout.scss';
import './App.scss';
import LogIn from './components/LogIn';
import {PrimeIcons} from 'primereact/api';
import { PrimeIcons } from 'primereact/api';
const App = () => {
const [layoutMode, setLayoutMode] = useState('static');
const [layoutColorMode, setLayoutColorMode] = useState('light')
const [layoutColorMode, setLayoutColorMode] = useState('light');
const [inputStyle, setInputStyle] = useState('outlined');
const [ripple, setRipple] = useState(true);
const [staticMenuInactive, setStaticMenuInactive] = useState(false);
@ -71,32 +71,34 @@ const App = () => {
useEffect(() => {
if (mobileMenuActive) {
addClass(document.body, "body-overflow-hidden");
addClass(document.body, 'body-overflow-hidden');
} else {
removeClass(document.body, "body-overflow-hidden");
removeClass(document.body, 'body-overflow-hidden');
}
}, [mobileMenuActive]);
useEffect(() => {
copyTooltipRef && copyTooltipRef.current && copyTooltipRef.current.updateTargetEvents();
copyTooltipRef &&
copyTooltipRef.current &&
copyTooltipRef.current.updateTargetEvents();
}, [location]);
const onInputStyleChange = (inputStyle) => {
setInputStyle(inputStyle);
}
};
const onRipple = (e) => {
PrimeReact.ripple = e.value;
setRipple(e.value)
}
setRipple(e.value);
};
const onLayoutModeChange = (mode) => {
setLayoutMode(mode)
}
setLayoutMode(mode);
};
const onColorModeChange = (mode) => {
setLayoutColorMode(mode)
}
setLayoutColorMode(mode);
};
const onWrapperClick = (event) => {
if (!menuClick) {
@ -110,7 +112,7 @@ const App = () => {
mobileTopbarMenuClick = false;
menuClick = false;
}
};
const onToggleMenuClick = (event) => {
menuClick = true;
@ -123,186 +125,254 @@ const App = () => {
setOverlayMenuActive((prevState) => !prevState);
setMobileMenuActive(false);
}
else if (layoutMode === 'static') {
} else if (layoutMode === 'static') {
setStaticMenuInactive((prevState) => !prevState);
}
}
else {
} else {
setMobileMenuActive((prevState) => !prevState);
}
event.preventDefault();
}
};
const onSidebarClick = () => {
menuClick = true;
}
};
const onMobileTopbarMenuClick = (event) => {
mobileTopbarMenuClick = true;
setMobileTopbarMenuActive((prevState) => !prevState);
event.preventDefault();
}
};
const onMobileSubTopbarMenuClick = (event) => {
mobileTopbarMenuClick = true;
event.preventDefault();
}
};
const onMenuItemClick = (event) => {
if (!event.item.items) {
setOverlayMenuActive(false);
setMobileMenuActive(false);
}
}
};
const isDesktop = () => {
return window.innerWidth >= 992;
}
};
const menu = [
{
label: 'Home',
items: [
{label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/'},
{label: 'Administradores del sistema', icon: PrimeIcons.USERS, to: '/administradoresSistema'},
{label: 'Administradores de comunidad', icon: PrimeIcons.USERS, to: '/administradoresComunidad'},
{label: 'Guardas de seguridad', icon: PrimeIcons.LOCK, to: '/guardasSeguridad'},
{label: 'Comunidadades', icon: PrimeIcons.BUILDING, to: '/comunidadesViviendas'},
{label: 'Inquilinos', icon: PrimeIcons.USER, to: '/inquilinos'},
{label: 'Log in', icon: 'pi pi-fw pi-id-card', to: '/logIn'}
]
{ label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/' },
{
label: 'Administradores del sistema',
icon: PrimeIcons.USERS,
to: '/administradoresSistema',
},
{
label: 'UI Components', icon: 'pi pi-fw pi-sitemap',
label: 'Administradores de comunidad',
icon: PrimeIcons.USERS,
to: '/administradoresComunidad',
},
{
label: 'Guardas de seguridad',
icon: PrimeIcons.LOCK,
to: '/guardasSeguridad',
},
{
label: 'Comunidadades',
icon: PrimeIcons.BUILDING,
to: '/comunidadesViviendas',
},
{ label: 'Inquilinos', icon: PrimeIcons.USER, to: '/inquilinos' },
{ label: 'Log in', icon: 'pi pi-fw pi-id-card', to: '/logIn' },
],
},
{
label: 'UI Components',
icon: 'pi pi-fw pi-sitemap',
items: [
{ label: 'Form Layout', icon: 'pi pi-fw pi-id-card', to: '/formlayout' },
{
label: 'Form Layout',
icon: 'pi pi-fw pi-id-card',
to: '/formlayout',
},
{ label: 'Input', icon: 'pi pi-fw pi-check-square', to: '/input' },
{ label: "Float Label", icon: "pi pi-fw pi-bookmark", to: "/floatlabel" },
{ label: "Invalid State", icon: "pi pi-fw pi-exclamation-circle", to: "invalidstate" },
{
label: 'Float Label',
icon: 'pi pi-fw pi-bookmark',
to: '/floatlabel',
},
{
label: 'Invalid State',
icon: 'pi pi-fw pi-exclamation-circle',
to: 'invalidstate',
},
{ label: 'Button', icon: 'pi pi-fw pi-mobile', to: '/button' },
{ label: 'Table', icon: 'pi pi-fw pi-table', to: '/table' },
{ label: 'List', icon: 'pi pi-fw pi-list', to: '/list' },
{ label: 'Tree', icon: 'pi pi-fw pi-share-alt', to: '/tree' },
{ label: 'Panel', icon: 'pi pi-fw pi-tablet', to: '/panel' },
{ label: 'Overlay', icon: 'pi pi-fw pi-clone', to: '/overlay' },
{ label: "Media", icon: "pi pi-fw pi-image", to: "/media" },
{ label: 'Media', icon: 'pi pi-fw pi-image', to: '/media' },
{ label: 'Menu', icon: 'pi pi-fw pi-bars', to: '/menu' },
{ label: 'Message', icon: 'pi pi-fw pi-comment', to: '/messages' },
{ label: 'File', icon: 'pi pi-fw pi-file', to: '/file' },
{ label: 'Chart', icon: 'pi pi-fw pi-chart-bar', to: '/chart' },
{ label: 'Misc', icon: 'pi pi-fw pi-circle-off', to: '/misc' },
]
],
},
{
label: 'UI Blocks',
items: [
{ label: 'Free Blocks', icon: 'pi pi-fw pi-eye', to: '/blocks', badge: "NEW" },
{ label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: 'https://www.primefaces.org/primeblocks-react' }
]
{
label: 'Free Blocks',
icon: 'pi pi-fw pi-eye',
to: '/blocks',
badge: 'NEW',
},
{
label: 'All Blocks',
icon: 'pi pi-fw pi-globe',
url: 'https://www.primefaces.org/primeblocks-react',
},
],
},
{
label: 'Icons',
items: [
{ label: 'PrimeIcons', icon: 'pi pi-fw pi-prime', to: '/icons' }
]
items: [{ label: 'PrimeIcons', icon: 'pi pi-fw pi-prime', to: '/icons' }],
},
{
label: 'Pages', icon: 'pi pi-fw pi-clone',
label: 'Pages',
icon: 'pi pi-fw pi-clone',
items: [
{ label: 'Crud', icon: 'pi pi-fw pi-user-edit', to: '/crud' },
{ label: 'Timeline', icon: 'pi pi-fw pi-calendar', to: '/timeline' },
{ label: 'Empty', icon: 'pi pi-fw pi-circle-off', to: '/empty' }
]
{ label: 'Empty', icon: 'pi pi-fw pi-circle-off', to: '/empty' },
],
},
{
label: 'Menu Hierarchy', icon: 'pi pi-fw pi-search',
label: 'Menu Hierarchy',
icon: 'pi pi-fw pi-search',
items: [
{
label: 'Submenu 1', icon: 'pi pi-fw pi-bookmark',
label: 'Submenu 1',
icon: 'pi pi-fw pi-bookmark',
items: [
{
label: 'Submenu 1.1', icon: 'pi pi-fw pi-bookmark',
label: 'Submenu 1.1',
icon: 'pi pi-fw pi-bookmark',
items: [
{ label: 'Submenu 1.1.1', icon: 'pi pi-fw pi-bookmark' },
{ label: 'Submenu 1.1.2', icon: 'pi pi-fw pi-bookmark' },
{ label: 'Submenu 1.1.3', icon: 'pi pi-fw pi-bookmark' },
]
],
},
{
label: 'Submenu 1.2', icon: 'pi pi-fw pi-bookmark',
label: 'Submenu 1.2',
icon: 'pi pi-fw pi-bookmark',
items: [
{ label: 'Submenu 1.2.1', icon: 'pi pi-fw pi-bookmark' },
{ label: 'Submenu 1.2.2', icon: 'pi pi-fw pi-bookmark' }
]
{ label: 'Submenu 1.2.2', icon: 'pi pi-fw pi-bookmark' },
],
},
]
],
},
{
label: 'Submenu 2', icon: 'pi pi-fw pi-bookmark',
label: 'Submenu 2',
icon: 'pi pi-fw pi-bookmark',
items: [
{
label: 'Submenu 2.1', icon: 'pi pi-fw pi-bookmark',
label: 'Submenu 2.1',
icon: 'pi pi-fw pi-bookmark',
items: [
{ label: 'Submenu 2.1.1', icon: 'pi pi-fw pi-bookmark' },
{ label: 'Submenu 2.1.2', icon: 'pi pi-fw pi-bookmark' },
{ label: 'Submenu 2.1.3', icon: 'pi pi-fw pi-bookmark' },
]
],
},
{
label: 'Submenu 2.2', icon: 'pi pi-fw pi-bookmark',
label: 'Submenu 2.2',
icon: 'pi pi-fw pi-bookmark',
items: [
{ label: 'Submenu 2.2.1', icon: 'pi pi-fw pi-bookmark' },
{ label: 'Submenu 2.2.2', icon: 'pi pi-fw pi-bookmark' }
]
}
]
}
]
}
{ label: 'Submenu 2.2.2', icon: 'pi pi-fw pi-bookmark' },
],
},
],
},
],
},
];
const addClass = (element, className) => {
if (element.classList)
element.classList.add(className);
else
element.className += ' ' + className;
}
if (element.classList) element.classList.add(className);
else element.className += ' ' + className;
};
const removeClass = (element, className) => {
if (element.classList)
element.classList.remove(className);
if (element.classList) element.classList.remove(className);
else
element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
}
element.className = element.className.replace(
new RegExp(
'(^|\\b)' + className.split(' ').join('|') + '(\\b|$)',
'gi',
),
' ',
);
};
const wrapperClass = classNames('layout-wrapper', {
'layout-overlay': layoutMode === 'overlay',
'layout-static': layoutMode === 'static',
'layout-static-sidebar-inactive': staticMenuInactive && layoutMode === 'static',
'layout-overlay-sidebar-active': overlayMenuActive && layoutMode === 'overlay',
'layout-static-sidebar-inactive':
staticMenuInactive && layoutMode === 'static',
'layout-overlay-sidebar-active':
overlayMenuActive && layoutMode === 'overlay',
'layout-mobile-sidebar-active': mobileMenuActive,
'p-input-filled': inputStyle === 'filled',
'p-ripple-disabled': ripple === false,
'layout-theme-light': layoutColorMode === 'light'
'layout-theme-light': layoutColorMode === 'light',
});
return (
<div className={wrapperClass} onClick={onWrapperClick}>
<Tooltip ref={copyTooltipRef} target=".block-action-copy" position="bottom" content="Copied to clipboard" event="focus" />
<Tooltip
ref={copyTooltipRef}
target=".block-action-copy"
position="bottom"
content="Copied to clipboard"
event="focus"
/>
<AppTopbar onToggleMenuClick={onToggleMenuClick} layoutColorMode={layoutColorMode}
mobileTopbarMenuActive={mobileTopbarMenuActive} onMobileTopbarMenuClick={onMobileTopbarMenuClick} onMobileSubTopbarMenuClick={onMobileSubTopbarMenuClick} />
<AppTopbar
onToggleMenuClick={onToggleMenuClick}
layoutColorMode={layoutColorMode}
mobileTopbarMenuActive={mobileTopbarMenuActive}
onMobileTopbarMenuClick={onMobileTopbarMenuClick}
onMobileSubTopbarMenuClick={onMobileSubTopbarMenuClick}
/>
<div className="layout-sidebar" onClick={onSidebarClick}>
<AppMenu model={menu} onMenuItemClick={onMenuItemClick} layoutColorMode={layoutColorMode} />
<AppMenu
model={menu}
onMenuItemClick={onMenuItemClick}
layoutColorMode={layoutColorMode}
/>
</div>
<div className="layout-main-container">
<div className="layout-main">
<Route path="/" exact render={() => <Dashboard colorMode={layoutColorMode} location={location} />} />
<Route
path="/"
exact
render={() => (
<Dashboard colorMode={layoutColorMode} location={location} />
)}
/>
<Route path="/formlayout" component={FormLayoutDemo} />
<Route path="/input" component={InputDemo} />
<Route path="/floatlabel" component={FloatLabelDemo} />
@ -319,14 +389,25 @@ const App = () => {
<Route path="/blocks" component={BlocksDemo} />
<Route path="/icons" component={IconsDemo} />
<Route path="/file" component={FileDemo} />
<Route path="/chart" render={() => <ChartDemo colorMode={layoutColorMode} location={location} />} />
<Route
path="/chart"
render={() => (
<ChartDemo colorMode={layoutColorMode} location={location} />
)}
/>
<Route path="/misc" component={MiscDemo} />
<Route path="/timeline" component={TimelineDemo} />
<Route path="/crud" component={Crud} />
<Route path="/empty" component={EmptyPage} />
<Route path="/documentation" component={Documentation} />
<Route path="/administradoresSistema" component={AdministradoresSistema} />
<Route path="/administradoresComunidad" component={AdministradoresComunidad} />
<Route
path="/administradoresSistema"
component={AdministradoresSistema}
/>
<Route
path="/administradoresComunidad"
component={AdministradoresComunidad}
/>
<Route path="/guardasSeguridad" component={GuardasSeguridad} />
<Route path="/comunidadesViviendas" component={Communities} />
<Route path="/inquilinos" component={Inquilinos} />
@ -336,17 +417,27 @@ const App = () => {
<AppFooter layoutColorMode={layoutColorMode} />
</div>
<AppConfig rippleEffect={ripple} onRippleEffect={onRipple} inputStyle={inputStyle} onInputStyleChange={onInputStyleChange}
layoutMode={layoutMode} onLayoutModeChange={onLayoutModeChange} layoutColorMode={layoutColorMode} onColorModeChange={onColorModeChange} />
<AppConfig
rippleEffect={ripple}
onRippleEffect={onRipple}
inputStyle={inputStyle}
onInputStyleChange={onInputStyleChange}
layoutMode={layoutMode}
onLayoutModeChange={onLayoutModeChange}
layoutColorMode={layoutColorMode}
onColorModeChange={onColorModeChange}
/>
<CSSTransition classNames="layout-mask" timeout={{ enter: 200, exit: 200 }} in={mobileMenuActive} unmountOnExit>
<CSSTransition
classNames="layout-mask"
timeout={{ enter: 200, exit: 200 }}
in={mobileMenuActive}
unmountOnExit
>
<div className="layout-mask p-component-overlay"></div>
</CSSTransition>
</div>
);
}
};
export default App;

1
web-ui/web-react/src/App.scss
View File

@ -1 +0,0 @@

502
web-ui/web-react/src/AppConfig.js
View File

@ -2,10 +2,9 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
import { RadioButton } from 'primereact/radiobutton';
import { InputSwitch } from 'primereact/inputswitch';
import classNames from 'classnames';
import { Button } from "primereact/button";
import { Button } from 'primereact/button';
export const AppConfig = (props) => {
const [active, setActive] = useState(false);
const [scale, setScale] = useState(14);
const [scales] = useState([12, 13, 14, 15, 16]);
@ -20,11 +19,14 @@ export const AppConfig = (props) => {
}
}, []);
const hideConfigurator = useCallback((event) => {
const hideConfigurator = useCallback(
(event) => {
setActive(false);
unbindOutsideClickListener();
event.preventDefault();
}, [unbindOutsideClickListener]);
},
[unbindOutsideClickListener],
);
const bindOutsideClickListener = useCallback(() => {
if (!outsideClickListener.current) {
@ -39,36 +41,38 @@ export const AppConfig = (props) => {
useEffect(() => {
if (active) {
bindOutsideClickListener()
}
else {
unbindOutsideClickListener()
bindOutsideClickListener();
} else {
unbindOutsideClickListener();
}
}, [active, bindOutsideClickListener, unbindOutsideClickListener]);
const isOutsideClicked = (event) => {
return !(config.current.isSameNode(event.target) || config.current.contains(event.target));
}
return !(
config.current.isSameNode(event.target) ||
config.current.contains(event.target)
);
};
const decrementScale = () => {
setScale((prevState) => --prevState);
}
};
const incrementScale = () => {
setScale((prevState) => ++prevState);
}
};
useEffect(() => {
document.documentElement.style.fontSize = scale + 'px';
}, [scale])
}, [scale]);
const toggleConfigurator = (event) => {
setActive(prevState => !prevState);
}
setActive((prevState) => !prevState);
};
const configClassName = classNames('layout-config', {
'layout-config-active': active
})
'layout-config-active': active,
});
const replaceLink = useCallback((linkElement, href, callback) => {
if (isIE()) {
@ -77,15 +81,17 @@ export const AppConfig = (props) => {
if (callback) {
callback();
}
}
else {
} else {
const id = linkElement.getAttribute('id');
const cloneLinkElement = linkElement.cloneNode(true);
cloneLinkElement.setAttribute('href', href);
cloneLinkElement.setAttribute('id', id + '-clone');
linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling);
linkElement.parentNode.insertBefore(
cloneLinkElement,
linkElement.nextSibling,
);
cloneLinkElement.addEventListener('load', () => {
linkElement.remove();
@ -96,66 +102,115 @@ export const AppConfig = (props) => {
}
});
}
}, [])
}, []);
useEffect(() => {
let themeElement = document.getElementById('theme-link');
const themeHref = 'assets/themes/' + theme + '/theme.css';
replaceLink(themeElement, themeHref);
}, [theme, replaceLink])
}, [theme, replaceLink]);
const isIE = () => {
return /(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent)
}
return /(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent);
};
const changeTheme = (e, theme, scheme) => {
props.onColorModeChange(scheme);
setTheme(theme);
}
};
return (
<div ref={config} className={configClassName} id={"layout-config"}>
<button className="layout-config-button p-link" id="layout-config-button" onClick={toggleConfigurator}>
<div ref={config} className={configClassName} id={'layout-config'}>
<button
className="layout-config-button p-link"
id="layout-config-button"
onClick={toggleConfigurator}
>
<i className="pi pi-cog"></i>
</button>
<Button className="p-button-danger layout-config-close p-button-rounded p-button-text" icon="pi pi-times" onClick={hideConfigurator} />
<Button
className="p-button-danger layout-config-close p-button-rounded p-button-text"
icon="pi pi-times"
onClick={hideConfigurator}
/>
<div className="layout-config-content">
<h5 className="mt-0">Component Scale</h5>
<div className="config-scale">
<Button icon="pi pi-minus" onClick={decrementScale} className="p-button-text" disabled={scale === scales[0]} />
{
scales.map((item) => {
return <i className={classNames('pi pi-circle-on', { 'scale-active': item === scale })} key={item} />
})
}
<Button icon="pi pi-plus" onClick={incrementScale} className="p-button-text" disabled={scale === scales[scales.length - 1]} />
<Button
icon="pi pi-minus"
onClick={decrementScale}
className="p-button-text"
disabled={scale === scales[0]}
/>
{scales.map((item) => {
return (
<i
className={classNames('pi pi-circle-on', {
'scale-active': item === scale,
})}
key={item}
/>
);
})}
<Button
icon="pi pi-plus"
onClick={incrementScale}
className="p-button-text"
disabled={scale === scales[scales.length - 1]}
/>
</div>
<h5>Input Style</h5>
<div className="p-formgroup-inline">
<div className="field-radiobutton">
<RadioButton inputId="input_outlined" name="inputstyle" value="outlined" onChange={(e) => props.onInputStyleChange(e.value)} checked={props.inputStyle === 'outlined'} />
<RadioButton
inputId="input_outlined"
name="inputstyle"
value="outlined"
onChange={(e) => props.onInputStyleChange(e.value)}
checked={props.inputStyle === 'outlined'}
/>
<label htmlFor="input_outlined">Outlined</label>
</div>
<div className="field-radiobutton">
<RadioButton inputId="input_filled" name="inputstyle" value="filled" onChange={(e) => props.onInputStyleChange(e.value)} checked={props.inputStyle === 'filled'} />
<RadioButton
inputId="input_filled"
name="inputstyle"
value="filled"
onChange={(e) => props.onInputStyleChange(e.value)}
checked={props.inputStyle === 'filled'}
/>
<label htmlFor="input_filled">Filled</label>
</div>
</div>
<h5>Ripple Effect</h5>
<InputSwitch checked={props.rippleEffect} onChange={props.onRippleEffect} />
<InputSwitch
checked={props.rippleEffect}
onChange={props.onRippleEffect}
/>
<h5>Menu Type</h5>
<div className="p-formgroup-inline">
<div className="field-radiobutton">
<RadioButton inputId="static" name="layoutMode" value="static" onChange={(e) => props.onLayoutModeChange(e.value)} checked={props.layoutMode === 'static'} />
<RadioButton
inputId="static"
name="layoutMode"
value="static"
onChange={(e) => props.onLayoutModeChange(e.value)}
checked={props.layoutMode === 'static'}
/>
<label htmlFor="static">Static</label>
</div>
<div className="field-radiobutton">
<RadioButton inputId="overlay" name="layoutMode" value="overlay" onChange={(e) => props.onLayoutModeChange(e.value)} checked={props.layoutMode === 'overlay'} />
<RadioButton
inputId="overlay"
name="layoutMode"
value="overlay"
onChange={(e) => props.onLayoutModeChange(e.value)}
checked={props.layoutMode === 'overlay'}
/>
<label htmlFor="overlay">Overlay</label>
</div>
</div>
@ -164,23 +219,49 @@ export const AppConfig = (props) => {
<h6 className="mt-0">Bootstrap</h6>
<div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'bootstrap4-light-blue', 'light')}>
<img src="assets/layout/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'bootstrap4-light-blue', 'light')}
>
<img
src="assets/layout/images/themes/bootstrap4-light-blue.svg"
alt="Bootstrap Light Blue"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'bootstrap4-light-purple', 'light')}>
<img src="assets/layout/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Purple" />
<button
className="p-link"
onClick={(e) =>
changeTheme(e, 'bootstrap4-light-purple', 'light')
}
>
<img
src="assets/layout/images/themes/bootstrap4-light-purple.svg"
alt="Bootstrap Light Purple"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'bootstrap4-dark-blue', 'dark')}>
<img src="assets/layout/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'bootstrap4-dark-blue', 'dark')}
>
<img
src="assets/layout/images/themes/bootstrap4-dark-blue.svg"
alt="Bootstrap Dark Blue"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'bootstrap4-dark-purple', 'dark')}>
<img src="assets/layout/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Purple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'bootstrap4-dark-purple', 'dark')}
>
<img
src="assets/layout/images/themes/bootstrap4-dark-purple.svg"
alt="Bootstrap Dark Purple"
/>
</button>
</div>
</div>
@ -188,28 +269,58 @@ export const AppConfig = (props) => {
<h6>Material Design</h6>
<div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'md-light-indigo', 'light')}>
<img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'md-light-indigo', 'light')}
>
<img
src="assets/layout/images/themes/md-light-indigo.svg"
alt="Material Light Indigo"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'md-light-indigo', 'light')}>
<img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'md-light-indigo', 'light')}
>
<img
src="assets/layout/images/themes/md-light-indigo.svg"
alt="Material Light Indigo"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'md-light-deeppurple', 'light')}>
<img src="assets/layout/images/themes/md-light-deeppurple.svg" alt="Material Light DeepPurple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'md-light-deeppurple', 'light')}
>
<img
src="assets/layout/images/themes/md-light-deeppurple.svg"
alt="Material Light DeepPurple"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'md-dark-indigo', 'dark')}>
<img src="assets/layout/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'md-dark-indigo', 'dark')}
>
<img
src="assets/layout/images/themes/md-dark-indigo.svg"
alt="Material Dark Indigo"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'md-dark-deeppurple', 'dark')}>
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" alt="Material Dark DeepPurple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'md-dark-deeppurple', 'dark')}
>
<img
src="assets/layout/images/themes/md-dark-deeppurple.svg"
alt="Material Dark DeepPurple"
/>
</button>
</div>
</div>
@ -217,23 +328,47 @@ export const AppConfig = (props) => {
<h6>Material Design Compact</h6>
<div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'mdc-light-indigo', 'light')}>
<img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'mdc-light-indigo', 'light')}
>
<img
src="assets/layout/images/themes/md-light-indigo.svg"
alt="Material Light Indigo"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'mdc-light-deeppurple', 'light')}>
<img src="assets/layout/images/themes/md-light-deeppurple.svg" alt="Material Light DeepPurple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'mdc-light-deeppurple', 'light')}
>
<img
src="assets/layout/images/themes/md-light-deeppurple.svg"
alt="Material Light DeepPurple"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'mdc-dark-indigo', 'dark')}>
<img src="assets/layout/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'mdc-dark-indigo', 'dark')}
>
<img
src="assets/layout/images/themes/md-dark-indigo.svg"
alt="Material Dark Indigo"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'mdc-dark-deeppurple', 'dark')}>
<img src="assets/layout/images/themes/md-dark-deeppurple.svg" alt="Material Dark DeepPurple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'mdc-dark-deeppurple', 'dark')}
>
<img
src="assets/layout/images/themes/md-dark-deeppurple.svg"
alt="Material Dark DeepPurple"
/>
</button>
</div>
</div>
@ -241,8 +376,14 @@ export const AppConfig = (props) => {
<h6>Tailwind</h6>
<div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'tailwind-light', 'light')}>
<img src="assets/layout/images/themes/tailwind-light.png" alt="Tailwind Light" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'tailwind-light', 'light')}
>
<img
src="assets/layout/images/themes/tailwind-light.png"
alt="Tailwind Light"
/>
</button>
</div>
</div>
@ -250,8 +391,14 @@ export const AppConfig = (props) => {
<h6>Fluent UI</h6>
<div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'fluent-light', 'light')}>
<img src="assets/layout/images/themes/fluent-light.png" alt="Fluent Light" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'fluent-light', 'light')}
>
<img
src="assets/layout/images/themes/fluent-light.png"
alt="Fluent Light"
/>
</button>
</div>
</div>
@ -259,48 +406,102 @@ export const AppConfig = (props) => {
<h6>PrimeOne Design - 2022</h6>
<div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'khaki', 'light')}>
<img src="assets/layout/images/themes/lara-light-indigo.png" alt="Khaki" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'khaki', 'light')}
>
<img
src="assets/layout/images/themes/lara-light-indigo.png"
alt="Khaki"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-light-indigo', 'light')}>
<img src="assets/layout/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-light-indigo', 'light')}
>
<img
src="assets/layout/images/themes/lara-light-indigo.png"
alt="Lara Light Indigo"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-light-blue', 'light')}>
<img src="assets/layout/images/themes/lara-light-blue.png" alt="Lara Light Blue" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-light-blue', 'light')}
>
<img
src="assets/layout/images/themes/lara-light-blue.png"
alt="Lara Light Blue"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-light-purple', 'light')}>
<img src="assets/layout/images/themes/lara-light-purple.png" alt="Lara Light Purple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-light-purple', 'light')}
>
<img
src="assets/layout/images/themes/lara-light-purple.png"
alt="Lara Light Purple"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-light-teal', 'light')}>
<img src="assets/layout/images/themes/lara-light-teal.png" alt="Lara Light Teal" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-light-teal', 'light')}
>
<img
src="assets/layout/images/themes/lara-light-teal.png"
alt="Lara Light Teal"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-dark-indigo', 'dark')}>
<img src="assets/layout/images/themes/lara-dark-indigo.png" alt="Lara Dark Indigo" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-dark-indigo', 'dark')}
>
<img
src="assets/layout/images/themes/lara-dark-indigo.png"
alt="Lara Dark Indigo"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-dark-blue', 'dark')}>
<img src="assets/layout/images/themes/lara-dark-blue.png" alt="Lara Dark Blue" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-dark-blue', 'dark')}
>
<img
src="assets/layout/images/themes/lara-dark-blue.png"
alt="Lara Dark Blue"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-dark-purple', 'dark')}>
<img src="assets/layout/images/themes/lara-dark-purple.png" alt="Lara Dark Purple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-dark-purple', 'dark')}
>
<img
src="assets/layout/images/themes/lara-dark-purple.png"
alt="Lara Dark Purple"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-dark-teal', 'dark')}>
<img src="assets/layout/images/themes/lara-dark-teal.png" alt="Lara Dark Teal" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'lara-dark-teal', 'dark')}
>
<img
src="assets/layout/images/themes/lara-dark-teal.png"
alt="Lara Dark Teal"
/>
</button>
</div>
</div>
@ -308,68 +509,139 @@ export const AppConfig = (props) => {
<h6>PrimeOne Design - 2021</h6>
<div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'saga-blue', 'light')}>
<img src="assets/layout/images/themes/saga-blue.png" alt="Saga Blue" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'saga-blue', 'light')}
>
<img
src="assets/layout/images/themes/saga-blue.png"
alt="Saga Blue"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'saga-green', 'light')}>
<img src="assets/layout/images/themes/saga-green.png" alt="Saga Green" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'saga-green', 'light')}
>
<img
src="assets/layout/images/themes/saga-green.png"
alt="Saga Green"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'saga-orange', 'light')}>
<img src="assets/layout/images/themes/saga-orange.png" alt="Saga Orange" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'saga-orange', 'light')}
>
<img
src="assets/layout/images/themes/saga-orange.png"
alt="Saga Orange"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'saga-purple', 'light')}>
<img src="assets/layout/images/themes/saga-purple.png" alt="Saga Purple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'saga-purple', 'light')}
>
<img
src="assets/layout/images/themes/saga-purple.png"
alt="Saga Purple"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'vela-blue', 'dim')}>
<img src="assets/layout/images/themes/vela-blue.png" alt="Vela Blue" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'vela-blue', 'dim')}
>
<img
src="assets/layout/images/themes/vela-blue.png"
alt="Vela Blue"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'vela-green', 'dim')}>
<img src="assets/layout/images/themes/vela-green.png" alt="Vela Green" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'vela-green', 'dim')}
>
<img
src="assets/layout/images/themes/vela-green.png"
alt="Vela Green"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'vela-orange', 'dim')}>
<img src="assets/layout/images/themes/vela-orange.png" alt="Vela Orange" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'vela-orange', 'dim')}
>
<img
src="assets/layout/images/themes/vela-orange.png"
alt="Vela Orange"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'vela-purple', 'dim')}>
<img src="assets/layout/images/themes/vela-purple.png" alt="Vela Purple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'vela-purple', 'dim')}
>
<img
src="assets/layout/images/themes/vela-purple.png"
alt="Vela Purple"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'arya-blue', 'dark')}>
<img src="assets/layout/images/themes/arya-blue.png" alt="Arya Blue" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'arya-blue', 'dark')}
>
<img
src="assets/layout/images/themes/arya-blue.png"
alt="Arya Blue"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'arya-green', 'dark')}>
<img src="assets/layout/images/themes/arya-green.png" alt="Arya Green" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'arya-green', 'dark')}
>
<img
src="assets/layout/images/themes/arya-green.png"
alt="Arya Green"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'arya-orange', 'dark')}>
<img src="assets/layout/images/themes/arya-orange.png" alt="Arya Orange" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'arya-orange', 'dark')}
>
<img
src="assets/layout/images/themes/arya-orange.png"
alt="Arya Orange"
/>
</button>
</div>
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'arya-purple', 'dark')}>
<img src="assets/layout/images/themes/arya-purple.png" alt="Arya Purple" />
<button
className="p-link"
onClick={(e) => changeTheme(e, 'arya-purple', 'dark')}
>
<img
src="assets/layout/images/themes/arya-purple.png"
alt="Arya Purple"
/>
</button>
</div>
</div>
</div>
</div>
);
}
};

14
web-ui/web-react/src/AppFooter.js
View File

@ -1,12 +1,20 @@
import React from 'react';
export const AppFooter = (props) => {
return (
<div className="layout-footer">
<img src={props.layoutColorMode === 'light' ? 'assets/layout/images/logo-dark.svg' : 'assets/layout/images/logo-white.svg'} alt="Logo" height="20" className="mr-2" />
<img
src={
props.layoutColorMode === 'light'
? 'assets/layout/images/logo-dark.svg'
: 'assets/layout/images/logo-white.svg'
}
alt="Logo"
height="20"
className="mr-2"
/>
by
<span className="font-medium ml-2">PrimeReact</span>
</div>
);
}
};

138
web-ui/web-react/src/AppMenu.js
View File

@ -2,12 +2,11 @@ import React, { useState } from 'react';
import { NavLink } from 'react-router-dom';
import { CSSTransition } from 'react-transition-group';
import classNames from 'classnames';
import {Ripple} from "primereact/ripple";
import { Ripple } from 'primereact/ripple';
import { Badge } from 'primereact/badge';
const AppSubmenu = (props) => {
const [activeIndex, setActiveIndex] = useState(null)
const [activeIndex, setActiveIndex] = useState(null);
const onMenuItemClick = (event, item, index) => {
//avoid processing disabled items
@ -21,29 +20,29 @@ const AppSubmenu = (props) => {
item.command({ originalEvent: event, item: item });
}
if (index === activeIndex)
setActiveIndex(null);
else
setActiveIndex(index);
if (index === activeIndex) setActiveIndex(null);
else setActiveIndex(index);
if (props.onMenuItemClick) {
props.onMenuItemClick({
originalEvent: event,
item: item
item: item,
});
}
}
};
const onKeyDown = (event) => {
if (event.code === 'Enter' || event.code === 'Space'){
if (event.code === 'Enter' || event.code === 'Space') {
event.preventDefault();
event.target.click();
}
}
};
const renderLinkContent = (item) => {
let submenuIcon = item.items && <i className="pi pi-fw pi-angle-down menuitem-toggle-icon"></i>;
let badge = item.badge && <Badge value={item.badge} />
let submenuIcon = item.items && (
<i className="pi pi-fw pi-angle-down menuitem-toggle-icon"></i>
);
let badge = item.badge && <Badge value={item.badge} />;
return (
<React.Fragment>
@ -51,68 +50,127 @@ const AppSubmenu = (props) => {
<span>{item.label}</span>
{submenuIcon}
{badge}
<Ripple/>
<Ripple />
</React.Fragment>
);
}
};
const renderLink = (item, i) => {
let content = renderLinkContent(item);
if (item.to) {
return (
<NavLink aria-label={item.label} onKeyDown={onKeyDown} role="menuitem" className="p-ripple" activeClassName="router-link-active router-link-exact-active" to={item.to} onClick={(e) => onMenuItemClick(e, item, i)} exact target={item.target}>
<NavLink
aria-label={item.label}
onKeyDown={onKeyDown}
role="menuitem"
className="p-ripple"
activeClassName="router-link-active router-link-exact-active"
to={item.to}
onClick={(e) => onMenuItemClick(e, item, i)}
exact
target={item.target}
>
{content}
</NavLink>
)
}
else {
);
} else {
return (
<a tabIndex="0" aria-label={item.label} onKeyDown={onKeyDown} role="menuitem" href={item.url} className="p-ripple" onClick={(e) => onMenuItemClick(e, item, i)} target={item.target}>
<a
tabIndex="0"
aria-label={item.label}
onKeyDown={onKeyDown}
role="menuitem"
href={item.url}
className="p-ripple"
onClick={(e) => onMenuItemClick(e, item, i)}
target={item.target}
>
{content}
</a>
);
}
}
};
let items = props.items && props.items.map((item, i) => {
let items =
props.items &&
props.items.map((item, i) => {
let active = activeIndex === i;
let styleClass = classNames(item.badgeStyleClass, {'layout-menuitem-category': props.root, 'active-menuitem': active && !item.to });
let styleClass = classNames(item.badgeStyleClass, {
'layout-menuitem-category': props.root,
'active-menuitem': active && !item.to,
});
if(props.root) {
if (props.root) {
return (
<li className={styleClass} key={i} role="none">
{props.root === true && <React.Fragment>
<div className="layout-menuitem-root-text" aria-label={item.label}>{item.label}</div>
<AppSubmenu items={item.items} onMenuItemClick={props.onMenuItemClick} />
</React.Fragment>}
{props.root === true && (
<React.Fragment>
<div
className="layout-menuitem-root-text"
aria-label={item.label}
>
{item.label}
</div>
<AppSubmenu
items={item.items}
onMenuItemClick={props.onMenuItemClick}
/>
</React.Fragment>
)}
</li>
);
}
else {
} else {
return (
<li className={styleClass} key={i} role="none">
{renderLink(item, i)}
<CSSTransition classNames="layout-submenu-wrapper" timeout={{ enter: 1000, exit: 450 }} in={active} unmountOnExit>
<AppSubmenu items={item.items} onMenuItemClick={props.onMenuItemClick} />
<CSSTransition
classNames="layout-submenu-wrapper"
timeout={{ enter: 1000, exit: 450 }}
in={active}
unmountOnExit
>
<AppSubmenu
items={item.items}
onMenuItemClick={props.onMenuItemClick}
/>
</CSSTransition>
</li>
);
}
});
return items ? <ul className={props.className} role="menu">{items}</ul> : null;
}
return items ? (
<ul className={props.className} role="menu">
{items}
</ul>
) : null;
};
export const AppMenu = (props) => {
return (
<div className="layout-menu-container">
<AppSubmenu items={props.model} className="layout-menu" onMenuItemClick={props.onMenuItemClick} root={true} role="menu" />
<a href="https://www.primefaces.org/primeblocks-react" className="block mt-3">
<img alt="primeblocks" className="w-full"
src={props.layoutColorMode === 'light' ? 'assets/layout/images/banner-primeblocks.png' : 'assets/layout/images/banner-primeblocks-dark.png'}/>
<AppSubmenu
items={props.model}
className="layout-menu"
onMenuItemClick={props.onMenuItemClick}
root={true}
role="menu"
/>
<a
href="https://www.primefaces.org/primeblocks-react"
className="block mt-3"
>
<img
alt="primeblocks"
className="w-full"
src={
props.layoutColorMode === 'light'
? 'assets/layout/images/banner-primeblocks.png'
: 'assets/layout/images/banner-primeblocks-dark.png'
}
/>
</a>
</div>
);
}
};

12
web-ui/web-react/src/AppTopbar.js
View File

@ -3,11 +3,10 @@ import { Link } from 'react-router-dom';
import classNames from 'classnames';
export const AppTopbar = (props) => {
return (
<div className="layout-topbar">
<Link to="/" className="layout-topbar-logo">
<img src={'assets/layout/images/logo-dark.svg' } alt="logo" />
<img src={'assets/layout/images/logo-dark.svg'} alt="logo" />
<span>KATOIKIA</span>
</Link>
@ -15,7 +14,10 @@ export const AppTopbar = (props) => {
<i className="pi pi-bars"/>
</button> */}
<button type="button" className="p-link layout-topbar-menu-button layout-topbar-button" >
<button
type="button"
className="p-link layout-topbar-menu-button layout-topbar-button"
>
<i className="pi pi-ellipsis-v" />
</button>
@ -33,7 +35,7 @@ export const AppTopbar = (props) => {
</button>
</li> */}
<li>
<button className="p-link layout-topbar-button" >
<button className="p-link layout-topbar-button">
<i className="pi pi-user" />
<span>Profile</span>
</button>
@ -41,4 +43,4 @@ export const AppTopbar = (props) => {
</ul>
</div>
);
}
};

48
web-ui/web-react/src/BlockViewer.js
View File

@ -3,13 +3,12 @@ import { classNames } from 'primereact/utils';
import { CodeHighlight } from './templates/CodeHighlight';
const BlockViewer = (props) => {
const [blockView, setBlockView] = useState('PREVIEW')
const [blockView, setBlockView] = useState('PREVIEW');
const copyCode = async (event) => {
await navigator.clipboard.writeText(props.code);
event.preventDefault();
}
};
return (
<div className="block-viewer">
@ -20,30 +19,47 @@ const BlockViewer = (props) => {
{props.new && <span className="badge-new">New</span>}
</span>
<div className="block-actions">
<button tabIndex="0" className={classNames('p-link', { 'block-action-active': blockView === 'PREVIEW' })} onClick={() => setBlockView('PREVIEW')}><span>Preview</span></button>
<button className={classNames('p-link', { 'block-action-active': blockView === 'CODE' })} onClick={() => setBlockView('CODE')} >
<button
tabIndex="0"
className={classNames('p-link', {
'block-action-active': blockView === 'PREVIEW',
})}
onClick={() => setBlockView('PREVIEW')}
>
<span>Preview</span>
</button>
<button
className={classNames('p-link', {
'block-action-active': blockView === 'CODE',
})}
onClick={() => setBlockView('CODE')}
>
<span>Code</span>
</button>
<button tabIndex="0" className="p-link block-action-copy" onClick={copyCode}>
<button
tabIndex="0"
className="p-link block-action-copy"
onClick={copyCode}
>
<i className="pi pi-copy"></i>
</button>
</div>
</div>
<div className="block-content">
{blockView === 'PREVIEW' &&
<div className={props.containerClassName} style={props.previewStyle}>
{blockView === 'PREVIEW' && (
<div
className={props.containerClassName}
style={props.previewStyle}
>
{props.children}
</div>}
</div>
)}
{blockView === 'CODE' &&
<CodeHighlight>
{props.code}
</CodeHighlight>
}
{blockView === 'CODE' && <CodeHighlight>{props.code}</CodeHighlight>}
</div>
</div>
</div>
)
}
);
};
export default BlockViewer;

5
web-ui/web-react/src/ScrollToTop.js
View File

@ -2,14 +2,13 @@ import { useEffect } from 'react';
import { useLocation, withRouter } from 'react-router-dom';
const ScrollToTop = (props) => {
let location = useLocation();
useEffect(() => {
window.scrollTo(0, 0)
window.scrollTo(0, 0);
}, [location]);
return props.children;
}
};
export default withRouter(ScrollToTop);

54
web-ui/web-react/src/assets/demo/Badge.scss
View File

@ -2,94 +2,94 @@
.product-badge,
.order-badge {
border-radius: var(--border-radius);
padding: .25em .5rem;
padding: 0.25em 0.5rem;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: .3px;
letter-spacing: 0.3px;
}
.customer-badge {
&.status-qualified {
background: #C8E6C9;
background: #c8e6c9;
color: #256029;
}
&.status-unqualified {
background: #FFCDD2;
color: #C63737;
background: #ffcdd2;
color: #c63737;
}
&.status-negotiation {
background: #FEEDAF;
color: #8A5340;
background: #feedaf;
color: #8a5340;
}
&.status-new {
background: #B3E5FC;
color: #23547B;
background: #b3e5fc;
color: #23547b;
}
&.status-renewal {
background: #ECCFFF;
background: #eccfff;
color: #694382;
}
&.status-proposal {
background: #FFD8B2;
color: #805B36;
background: #ffd8b2;
color: #805b36;
}
}
.product-badge {
border-radius: var(--border-radius);
padding: .25em .5rem;
padding: 0.25em 0.5rem;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: .3px;
letter-spacing: 0.3px;
&.status-instock {
background: #C8E6C9;
background: #c8e6c9;
color: #256029;
}
&.status-outofstock {
background: #FFCDD2;
color: #C63737;
background: #ffcdd2;
color: #c63737;
}
&.status-lowstock {
background: #FEEDAF;
color: #8A5340;
background: #feedaf;
color: #8a5340;
}
}
.order-badge {
border-radius: var(--border-radius);
padding: .25em .5rem;
padding: 0.25em 0.5rem;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: .3px;
letter-spacing: 0.3px;
&.order-delivered {
background: #C8E6C9;
background: #c8e6c9;
color: #256029;
}
&.order-cancelled {
background: #FFCDD2;
color: #C63737;
background: #ffcdd2;
color: #c63737;
}
&.order-pending {
background: #FEEDAF;
color: #8A5340;
background: #feedaf;
color: #8a5340;
}
&.order-returned {
background: #ECCFFF;
background: #eccfff;
color: #694382;
}
}

32
web-ui/web-react/src/assets/demo/BlockViewer.scss
View File

@ -9,7 +9,7 @@
background-color: var(--surface-section);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border:1px solid var(--surface-d);
border: 1px solid var(--surface-d);
display: flex;
align-items: center;
justify-content: space-between;
@ -21,12 +21,12 @@
.badge-free {
border-radius: 4px;
padding: .25rem .5rem;
padding: 0.25rem 0.5rem;
background-color: var(--orange-500);
color: white;
margin-left: 1rem;
font-weight: 700;
font-size: .875rem;
font-size: 0.875rem;
}
}
@ -37,15 +37,16 @@
user-select: none;
margin-left: 1rem;
a,button {
a,
button {
display: flex;
align-items: center;
margin-right: .75rem;
padding: .5rem 1rem;
margin-right: 0.75rem;
padding: 0.5rem 1rem;
border-radius: 4px;
font-weight: 600;
border: 1px solid transparent;
transition: background-color .2s;
transition: background-color 0.2s;
cursor: pointer;
&:last-child {
@ -70,12 +71,12 @@
}
&.block-action-disabled {
opacity: .6;
opacity: 0.6;
cursor: auto !important;
}
i {
margin-right: .5rem;
margin-right: 0.5rem;
}
}
}
@ -83,17 +84,18 @@
.block-content {
padding: 0;
border:1px solid var(--surface-d);
border: 1px solid var(--surface-d);
border-top: 0 none;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
overflow: hidden;
}
pre[class*="language-"] {
pre[class*='language-'] {
margin: 0 !important;
&:before, &:after {
&:before,
&:after {
display: none !important;
}
@ -109,16 +111,16 @@
.token {
&.tag,
&.keyword {
color: #2196F3 !important;
color: #2196f3 !important;
}
&.attr-name,
&.attr-string {
color: #2196F3 !important;
color: #2196f3 !important;
}
&.attr-value {
color: #4CAF50 !important;
color: #4caf50 !important;
}
&.punctuation {

15
web-ui/web-react/src/assets/demo/Documentation.scss
View File

@ -1,5 +1,5 @@
.docs {
i:not([class~="pi"]) {
i:not([class~='pi']) {
background-color: transparent;
color: #2196f3;
font-family: Monaco, courier, monospace;
@ -7,7 +7,7 @@
font-size: 12px;
font-weight: 500;
padding: 0 4px;
letter-spacing: .5px;
letter-spacing: 0.5px;
font-weight: 600;
margin: 0 2px;
display: inline-flex;
@ -17,8 +17,9 @@
font-weight: 500;
}
pre[class*="language-"] {
&:before, &:after {
pre[class*='language-'] {
&:before,
&:after {
display: none !important;
}
@ -34,16 +35,16 @@
.token {
&.tag,
&.keyword {
color: #2196F3 !important;
color: #2196f3 !important;
}
&.attr-name,
&.attr-string {
color: #2196F3 !important;
color: #2196f3 !important;
}
&.attr-value {
color: #4CAF50 !important;
color: #4caf50 !important;
}
&.punctuation {

2
web-ui/web-react/src/assets/demo/TableDemo.scss
View File

@ -11,6 +11,6 @@
.image-text {
vertical-align: middle;
margin-left: .5rem;
margin-left: 0.5rem;
}
}

741
web-ui/web-react/src/assets/demo/flags/flags.css
View File

File diff suppressed because one or more lines are too long

6
web-ui/web-react/src/assets/layout/_variables.scss
View File

@ -1,4 +1,4 @@
/* General */
$fontSize:10px;
$borderRadius:12px;
$transitionDuration:.2s;
$fontSize: 10px;
$borderRadius: 12px;
$transitionDuration: 0.2s;

6
web-ui/web-react/src/assets/layout/layout.scss
View File

@ -1,3 +1,3 @@
@import "./_variables";
@import "./sass/_layout";
@import "./_overrides";
@import './_variables';
@import './sass/_layout';
@import './_overrides';

15
web-ui/web-react/src/assets/layout/sass/_config.scss
View File

@ -9,7 +9,8 @@
transform: translateX(100%);
transition: transform $transitionDuration;
backface-visibility: hidden;
box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08) !important;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05),
0px 1px 4px rgba(0, 0, 0, 0.08) !important;
color: var(--text-color);
background-color: var(--surface-overlay);
border-top-left-radius: 12px;
@ -68,12 +69,12 @@
margin: 1rem 0 2rem 0;
.p-button {
margin-right: .5rem;
margin-right: 0.5rem;
}
i {
margin-right: .5rem;
font-size: .75rem;
margin-right: 0.5rem;
font-size: 0.75rem;
color: var(--text-color-secondary);
&.scale-active {
@ -87,7 +88,7 @@
img {
width: 2rem;
border-radius: 4px;
transition: transform .2s;
transition: transform 0.2s;
display: block;
&:hover {
@ -96,8 +97,8 @@
}
span {
font-size: .75rem;
margin-top: .25rem;
font-size: 0.75rem;
margin-top: 0.25rem;
}
}
}

22
web-ui/web-react/src/assets/layout/sass/_layout.scss
View File

@ -1,11 +1,11 @@
@import "./_mixins";
@import "./_splash";
@import "./_main";
@import "./_topbar";
@import "./_menu";
@import "./_config";
@import "./_content";
@import "./_footer";
@import "./_responsive";
@import "./_utils";
@import "./_typography";
@import './_mixins';
@import './_splash';
@import './_main';
@import './_topbar';
@import './_menu';
@import './_config';
@import './_content';
@import './_footer';
@import './_responsive';
@import './_utils';
@import './_typography';

3
web-ui/web-react/src/assets/layout/sass/_main.scss
View File

@ -18,7 +18,8 @@ body {
-moz-osx-font-smoothing: grayscale;
}
a, button {
a,
button {
text-decoration: none;
color: var(--primary-color);
}

17
web-ui/web-react/src/assets/layout/sass/_menu.scss
View File

@ -11,7 +11,8 @@
background-color: var(--surface-overlay);
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0px 3px 5px rgba(0,0,0,.02), 0px 0px 2px rgba(0,0,0,.05), 0px 1px 4px rgba(0,0,0,.08)
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05),
0px 1px 4px rgba(0, 0, 0, 0.08);
}
.layout-menu {
@ -21,7 +22,7 @@
li {
&.layout-menuitem-category {
margin-top: .75rem;
margin-top: 0.75rem;
&:first-child {
margin-top: 0;
@ -30,10 +31,10 @@
.layout-menuitem-root-text {
text-transform: uppercase;
color:var(--surface-900);
color: var(--surface-900);
font-weight: 600;
margin-bottom: .5rem;
font-size: .875rem;
margin-bottom: 0.5rem;
font-size: 0.875rem;
}
a {
@ -41,11 +42,11 @@
text-decoration: none;
display: flex;
align-items: center;
color:var(--text-color);
color: var(--text-color);
transition: color $transitionDuration;
border-radius: $borderRadius;
padding: .75rem 1rem;
transition: background-color .15s;
padding: 0.75rem 1rem;
transition: background-color 0.15s;
span {
margin-left: 0.5rem;

Some files were not shown because too many files have changed in this diff Show More