casejs / case Goto Github PK

When we create an image property and we see, the image appears as in the screenshot.

@SebConejo you can create a set of images and I will randomize the seed value to have different values. You will need to add 2 sizes for each image (list and detail) : packages/case/server/assets/seed/dummy-image-thumbnail.jpg and packages/case/server/assets/seed/dummy-image-large.jpg

You can create dummy-image1, dummy-image2, etc. and assign me the task

Describe the bug
After creating my applicatino, I have noticed 2 important errors:

1. Each time I'm creating a resource, I have to waint 10 seconds before viewing this resource on the application. During those 10 seconds, I think something went wrong.
2. Seeding the data generate an error (posted below).

Globally, the experience is really bad. To imrpove the experience I have to remove the node-modules and reinstall my app with npm install. Then, everything runs smoothlyCliquez pour utiliser cette solution

To Reproduce
Steps to reproduce the behavior:

1. Create a new app : npx create-case-app my-super-case-app
2. Add any entity : npm run case:entity truck
3. Note the experience, rather disconcerting...
4. run the seeder with npm run seed
5. It should generate the following error

Like the docs shows, I want to add a value by default to my field type number. So I use either the min property or the initialValue. But none of those properties seem's to works.

Currently we don't have any unit tests on CASE. It will be nice if we had some to better protect our project from regressions or any bugs.

The Label yield display a

• A color
• A label

Here is the actual behavior

We must implement Jest path mapping to be able to use them on last version: https://kulshekhar.github.io/ts-jest/docs/getting-started/paths-mapping/

When adding

ssl: {
    rejectUnauthorized: false
  }

to the options it does not reflect in the NEST library and the DB conection is made without those params

Each index function on the service is calling the paginationService.paginate witch have the property resultsPerPage optional (and set by CASE at 20).

To improve the implementation experience, I suggest to do the following :

set the value of resultPerPage in each index function with a constant and global value

which requires to import appConstant in each resourceService

resourceService.js

import { appConstants } from '../../../../shared/constants/app.constants'

and of course to add a new property to appConstant

app.constants.ts

  ITEMS_PER_PAGE: 20,

• This is a feature request
• This is a bug report
• This request isn't a duplicate of an existing issue

What is the current behavior?
At the moment, the user can't understand why the form is not complete.

What is the expected or desired behavior?

The mandatory select input should get red by getting the class "is-danger" if it's not filled when registering the form.

Please describe your local environment:

case-app/angular-library version: 0.6.3

case-app/nest-library version: 0.3.0

case-app/schematics version: 0.3.1

Where did the bug happen? Development or remote servers?

Both environments

Is there a related Discourse, thread or were any utilized (please link them)?
The issue casejs/case-starter#138 was closed on may and was talking about the same behavior.

Other relevant information:

No

At the moment, we have to refresh the page to see the toggle with the good value. The toggle should switch live.

As we use Bulma framework with bulma switch addon, here is the expected result: https://wikiki.github.io/form/switch/

Is your feature request related to a problem? Please describe.
To date, when the menu is open on touch versions or when a modal is open on any devis, the user still can scroll down. The app looks "broken".

Describe the solution you'd like
When those elements are open, the html tag should get the class is-clipped.

• Side menu on touch devices
• Modal dialogs.

Additional context
Le CSS fonctionne déjà. Cela signifie que l'ajout de la classe devrait permettre à la fonctionnalité de fonctionner instantanément

• Text
• Number
• Currency
• Date
• TextArea
• Email
• Boolean
• Relation

Describe the bug
On touch versions, when the side menu is open, if I click on a link, a open the related page but the side menu remains open. So I need to close it myself.

Expected behavior

• Clicking on a link should close the menu while it brings me to the related page.
• It should be possible to close the menu when clicking on a link (logo or menu item)

The script is actually just clonning the casejs/case-sta repo.

I was working on a CASE project for a test and I accidentally commited and pushed my local project on the master branch of the starter without any asking for confirmation.

Actual behavior
Today, the documentation indicated how to add property to an existing resource with the following syntax:

cs generate property [name] --resource=[resourceName]

This syntax is wrong.

The good syntax is this one:

cs generate property [name] --resourceName=[resourceName]

Screenshot
Documentation

the CLI feedback indicates the following options. We can see we should use --resourceName, not --resource

Describe the bug
When I connect to the app, I stay on the login page. I need to update myself the url to go to the dashboard

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Login'
2. connect with user1acase.app and case password
3. You can note the page is reloaded
4. Modify the url to go to cats page. You should land on the dashboard.

Expected behavior
When login to the app, we should enter to the dashboard.

Is your feature request related to a problem? Please describe.
The welcome page doesn't suggest nothing. It looks unnecessary

Describe the solution you'd like
The welcome page should help the developer on dev mode and the user on production.

• If I'm developing, I could find links to the documentation
• If I'm using the app, I could have the list of my entities.

Take into account the fact that a user can display 0 filter, one or more.

Adding a placeholder as it is said in the documentation, doesn't display it. The select stays empty.

Describe the bug
Due to a spelling mistake the link given in the comments of entities was not working.

To Reproduce
Steps to reproduce the behavior:

1. Create an entity
2. Click on the link available in the comment
3. See error

Expected behavior
The link should be functional

Screenshots
If applicable, add screenshots to help explain your problem.
The link redirects to this page ->

Environment (please give information about your environment):

• OS:Pop OS
• Browser firefox

Code snippets
If possible, show extracts from your code to help us better understand the issuse.

import { CaseEntity, Entity, Prop, PropType } from '@casejs/case'

@Entity({
  nameSingular: 'cat',
  namePlural: 'cats',
  propIdentifier: 'name',
  slug: 'cats',
})
export class Cat extends CaseEntity {
  @Prop({
    type: PropType.Text
  })
  name: string

  // Learn more about CASE Entities and how to add properties here: https://docs.case.app/properites
}

We can do that like in that tutorial : https://bonsaiilabs.com/create-npx-starter-command/

The experience of https://strapi.io/ is great for expample

Describe the bug
On mobile and tablet,

• the main container is offbeat
• The sidebar can't be closed.
• The nav burger doesn't toggle the menu.

When we want to display an image, we have to add the image size for the ressource.
It will be nice if at the creation of the ressource this object is set automatically.

Whenever i follow all the instructions in the documentation and arrive to the stage where i must execute npm run seed, i have this error

test-app\server\node_modules\typeorm\src\driver\mysql\MysqlQueryRunner.ts:222
new QueryFailedError(query, parameters, err),
^
QueryFailedError: ER_NO_SUCH_TABLE: Table 'case.notifications' doesn't exist
at Query. (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\typeorm\src\driver\mysql\MysqlQueryRunner.ts:222:33)
at Query. (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\Connection.js:526:10)
at Query._callback (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\Connection.js:488:16)
at Query.Sequence.end (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\sequences\Sequence.js:83:24)
at Query.ErrorPacket (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\sequences\Query.js:92:8)
at Protocol._parsePacket (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Protocol.js:291:23)
at Parser._parsePacket (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Parser.js:433:10)
at Parser.write (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Parser.js:43:10)
at Protocol.write (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Protocol.js:38:16)
at Socket. (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\Connection.js:88:28) {
query: 'DELETE FROM notifications',
parameters: undefined,
driverError: Error: ER_NO_SUCH_TABLE: Table 'case.notifications' doesn't exist
at Query.Sequence._packetToError (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\sequences\Sequence.js:47:14)
at Query.ErrorPacket (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\sequences\Query.js:79:18)
at Protocol._parsePacket (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Protocol.js:291:23)
at Parser._parsePacket (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Parser.js:433:10)
at Parser.write (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Parser.js:43:10)
at Protocol.write (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Protocol.js:38:16)
at Socket. (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\Connection.js:88:28)
at Socket. (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\Connection.js:526:10)
at Socket.emit (node:events:513:28)
at Socket.emit (node:domain:489:12)
--------------------
at Protocol._enqueue (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\protocol\Protocol.js:144:48)
at PoolConnection.query (C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\mysql\lib\Connection.js:198:25)
at C:\Users\LENOVO\Documents\Angular\Multivers\Test\Case\test-app\server\node_modules\typeorm\src\driver\mysql\MysqlQueryRunner.ts:194:36
at processTicksAndRejections (node:internal/process/task_queues:95:5) {
code: 'ER_NO_SUCH_TABLE',
errno: 1146,
sqlMessage: "Table 'case.notifications' doesn't exist",
sqlState: '42S02',
index: 0,
sql: 'DELETE FROM notifications'
},
code: 'ER_NO_SUCH_TABLE',
errno: 1146,
sqlMessage: "Table 'case.notifications' doesn't exist",
sqlState: '42S02',
index: 0,
sql: 'DELETE FROM notifications'
}

need support for mongodb

When submitting a new item or editing it, we should implement add the "is-loading" class on the button while the request is pending.

It is very useful when we hook API calls on insert/update, as the response may take some time.

The modal appears when deleting a resource item.

• The meta is close to the list content
• The detail page is not clear enough

• Image
• Files
• Currency

Official project documentation is a great gateway for new visitors. It's therefore an ideal place for SEO optimization. CASE being a new project, we're struggling to make ourselves known.

Link to the docs

I've found this thread but The problem still exists when we use gsap instead of TweenMax: https://greensock.com/forums/topic/24475-classname-overwrite-all-classes/

https://github.com/typestack/class-validator#custom-validation-classes

When I click outside the menu it should close. As of today I have to click on the image to close it.

Here is a mockup of the expected result.

--
The elemets to hide are those ones:

• Tag "collapse-button"
• div

Describe the bug
After installing and serving the app, if I stop serving it, I can't serve it back. The command npm servegenerate an error (See below).

To Reproduce
Steps to reproduce the behavior:

1. Run npx create-case-app my-first-app
2. Once it's finished, stop serving your app
3. Run npm start to serve the app as explained on the documentation
4. You should have this errror:
   

When i set the initialValue to false :

The value is set to null instead of false :

This is not the case if the initialValue is set to true :

There is 2 yields to style:

• label
• progress bar

Notes:

• The label colors should not convey "positive" or "negative" feelings (as much as you can)
• The progress bar yield is nullable, we have to consider the "unknown" value where all bullets are blank (first line in my screenshot).
• You can add or remove enum elements in "cat.entity.ts" (Status enum) to check the progress bar with a different length

Here is a mockup of the expected result.

--
The elemets to hide are those ones:

• Tag "collapse-button"
• div

when we npm run prestart:prod there is 2 folder created in the "dist" folder: "server" and "shared". This messes with the imports and makes the app crash

We should be able to add a fragment (#) in URL for create-edit lists.

The requested behavior is similar to Stack overflow's anchor link:

• wait for fields to be loaded
• scroll to field
• highlight field with a specific class