The vue3-fonsecads from manusaurio

vue3-fonsecads's Issues

Implement a Map component that allows both exploration and selection of messages

While typically not ideal for most components, this would make transitions between map views way easier to implement.

The component should take all of the typical geographical parameters needed by OL as a big wrapped prop instead of many of them.

Implement JWT for its use in all of the API endpoints

This needs to be implemented in the back end first.

Refactor application - split it into views

Implement database async API

Replace static image layer for proper SVG using ESPG 3857 projected coordinate system

Refactor API interfaces and implement them

vue3-fonsecads/src/core/API.ts

Lines 3 to 73 in 82b2115

 // eslint-disable-next-line no-shadow 

 export enum Rating { 

 LIKE = 1, 

 DISLIKE = -1, 

 UNSET = 0, 

 } 

 export interface SpatialPoint { 

 lat: number, 

 long: number, 

 floor: number, 

 } 

 export interface Post<T> { 

 id: number, 

 content: T, 

 likes: number, 

 dislikes: number, 

 rated: Rating, 

 location: SpatialPoint, 

 } 

 export interface PostResponse extends Post<number> { 

 content: number, 

 } 

 export interface ReadablePost extends Post<Message> { 

 content: Message, 

 } 

 // XXX!!! 

 export class RateablePost implements ReadablePost { 

 likes: number; 

 dislikes: number; 

 rated: Rating; 

 constructor( 

 readonly id: number, 

 readonly content: Message, 

 likes: number, 

 dislikes: number, 

 rated: Rating, 

 readonly location: SpatialPoint, 

 ) { 

 this.id = id; 

 this.content = content; 

 this.likes = likes; 

 this.dislikes = dislikes; 

 this.rated = rated; 

 this.location = { ...location }; 

 } 

 rate(newRating: Rating.LIKE | Rating.DISLIKE): void { 

 if (this.rated === newRating) { 

 this.rated = Rating.UNSET; 

 if (newRating === Rating.LIKE) this.likes--; else this.dislikes--; 

 return; 

 } 

 if (newRating === Rating.LIKE) { 

 this.likes += 1; 

 if (this.rated === Rating.DISLIKE) this.dislikes -= 1; 

 } else { 

 this.dislikes += 1; 

 if (this.rated === Rating.LIKE) this.likes -= 1; 

 } 

 this.rated = newRating; 

 } 

 }

Callback parameters for things like voting would probably be desirable.

Make Message::toString() function human readable

vue3-fonsecads/src/core/Message.ts

Lines 142 to 149 in 599e798

 toString(): string { 

 // i'm tired and feeling lazy so let's write a one liner 

 return (this.template1 !== undefined 

 ? templates[Number(this.template1)].replace('***', fillersMap.get(this.filler1) ?? '***') : '') 

 + (this.conjunction < NULL_CONJUNCTION 

 ? `, ${conjunctions[Number(this.conjunction)]} ` + (this.template2 !== undefined 

 ? templates[Number(this.template2)].replace('***', fillersMap.get(this.filler2) ?? '***') : '') : ''); 

 }

manusaurio / vue3-fonsecads Goto Github PK

vue3-fonsecads's People

Contributors

Watchers

vue3-fonsecads's Issues

Implement a Map component that allows both exploration and selection of messages

Implement JWT for its use in all of the API endpoints

Refactor application - split it into views

Implement database async API

Replace static image layer for proper SVG using ESPG 3857 projected coordinate system

Refactor API interfaces and implement them

Make Message::toString() function human readable

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	// eslint-disable-next-line no-shadow
	export enum Rating {
	LIKE = 1,
	DISLIKE = -1,
	UNSET = 0,
	}

	export interface SpatialPoint {
	lat: number,
	long: number,
	floor: number,
	}

	export interface Post<T> {
	id: number,
	content: T,
	likes: number,
	dislikes: number,
	rated: Rating,
	location: SpatialPoint,
	}

	export interface PostResponse extends Post<number> {
	content: number,
	}

	export interface ReadablePost extends Post<Message> {
	content: Message,
	}

	// XXX!!!
	export class RateablePost implements ReadablePost {
	likes: number;
	dislikes: number;
	rated: Rating;

	constructor(
	readonly id: number,
	readonly content: Message,
	likes: number,
	dislikes: number,
	rated: Rating,
	readonly location: SpatialPoint,
	) {
	this.id = id;
	this.content = content;
	this.likes = likes;
	this.dislikes = dislikes;
	this.rated = rated;
	this.location = { ...location };
	}

	rate(newRating: Rating.LIKE \| Rating.DISLIKE): void {
	if (this.rated === newRating) {
	this.rated = Rating.UNSET;
	if (newRating === Rating.LIKE) this.likes--; else this.dislikes--;

	return;
	}

	if (newRating === Rating.LIKE) {
	this.likes += 1;
	if (this.rated === Rating.DISLIKE) this.dislikes -= 1;
	} else {
	this.dislikes += 1;
	if (this.rated === Rating.LIKE) this.likes -= 1;
	}

	this.rated = newRating;
	}
	}

	toString(): string {
	// i'm tired and feeling lazy so let's write a one liner
	return (this.template1 !== undefined
	? templates[Number(this.template1)].replace('*', fillersMap.get(this.filler1) ?? '*') : '')
	+ (this.conjunction < NULL_CONJUNCTION
	? `, ${conjunctions[Number(this.conjunction)]} ` + (this.template2 !== undefined
	? templates[Number(this.template2)].replace('*', fillersMap.get(this.filler2) ?? '*') : '') : '');
	}