jhipster / jdl-studio

JDL Studio is an online JHipster Domain Language visual editor
https://start.jhipster.tech/jdl-studio/
Apache License 2.0
405 stars 114 forks source link

Saving image can not be seen when is big and you zoom #53

Open Tonterias opened 6 years ago

Tonterias commented 6 years ago

Hi,

Great program, that could be even better.

When you have a big jhipster-jdl.png with lots of entities and you zoom, I can not move it to the edges (in Chrome, but it moves in Opera 8-0). It always stays at the middle of the screen.

So I download it as PNG, but the when I open it and zoom it. It does not have enough resolution.

If there is any solution, please let me know. I attach an example.

jhipster-jdl 3

Thanks

deepu105 commented 6 years ago

Do you have the JDL so that I can try to reproduce in Chrome (please remove any sensitive info from the JDL)

Thanks & Regards, Deepu

On Thu, Jul 19, 2018 at 11:35 AM Mike notifications@github.com wrote:

Hi,

Great program, that could be even better.

When you have a big jhipster-jdl.png with lots of entities and you zoom, I can not move it to the edges (in Chrome, but it moves in Opera 8-0). It always stays at the middle of the screen.

So I download it as PNG, but the when I open it and zoom it. It does not have enough resolution.

If there is any solution, please let me know. I attach an example.

[image: jhipster-jdl 3] https://user-images.githubusercontent.com/11610877/42934421-6efb0cd6-8b47-11e8-8c7c-63efa12eeca0.png

Thanks

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/jhipster/jdl-studio/issues/53, or mute the thread https://github.com/notifications/unsubscribe-auth/ABDlF3HOwA0JyIP69bpDRodZNfq9bLMGks5uIFL0gaJpZM4VWEiE .

Tonterias commented 5 years ago

Hi,

It happens with any JDL file. Let me give you one. Sorry, I did not see your answer.

Thanks

// Monolithic Final V6: Websockets + Chat! VERSION: Spingular V6 Final C+P // NOTE: Check required fields in entities

// ENTITIES: entity Blog { creationDate Instant required title String minlength(2) maxlength(100) required image ImageBlob }

entity Post { creationDate Instant required publicationDate Instant headline String minlength(2) maxlength(100) required leadtext String minlength(2) maxlength(1000) bodytext String minlength(2) maxlength(65000) required quote String minlength(2) maxlength(1000) conclusion String minlength(2) maxlength(2000) linkText String minlength(2) maxlength(1000) linkURL String minlength(2) maxlength(1000) image ImageBlob }

entity Topic { topicName String minlength(2) maxlength(40) required }

entity Tag { tagName String minlength(2) maxlength(40) required }

entity Comment { creationDate Instant required commentText String minlength(2) maxlength(65000) required isOffensive Boolean }

entity Cmessage { creationDate Instant required messageText String minlength(2) maxlength(8000) required isDelivered Boolean }

entity Message { creationDate Instant required messageText String minlength(2) maxlength(8000) required isDelivered Boolean }

entity Notification { creationDate Instant required notificationDate Instant notificationReason NotificationReason required notificationText String minlength(2) maxlength(100) isDelivered Boolean }

entity Appphoto { creationDate Instant required image ImageBlob }

// MODIFY Appprofile to hold some universal value defining the Social Media entity Appprofile { creationDate Instant required gender Gender phone String maxlength(20) bio String maxlength(7500) facebook String maxlength(50) twitter String maxlength(50) linkedin String maxlength(50) instagram String maxlength(50) googlePlus String maxlength(50) birthdate Instant civilStatus CivilStatus lookingFor Gender purpose Purpose physical Physical religion Religion ethnicGroup EthnicGroup studies Studies sibblings Integer min(-1) max(20) eyes Eyes smoker Smoker children Children futureChildren FutureChildren pet Boolean }

entity Community { creationDate Instant required communityName String minlength(2) maxlength(100) required communityDescription String minlength(2) maxlength(7500) required image ImageBlob isActive Boolean }

entity Follow { creationDate Instant }

entity Blockuser { creationDate Instant }

entity Album { creationDate Instant required title String minlength(2) maxlength(100) required }

entity Calbum { creationDate Instant required title String minlength(2) maxlength(100) required }

entity Photo { creationDate Instant required image ImageBlob }

entity Interest { interestName String minlength(2) maxlength(40) required }

entity Activity { activityName String minlength(2) maxlength(40) required }

entity Celeb { celebName String minlength(2) maxlength(40) required }

entity Cinterest { interestName String minlength(2) maxlength(40) required }

entity Cactivity { activityName String minlength(2) maxlength(40) required }

entity Cceleb { celebName String minlength(2) maxlength(40) required }

entity Urllink { linkText String required linkURL String required }

entity Frontpageconfig { creationDate Instant required topNews1 Long topNews2 Long topNews3 Long topNews4 Long topNews5 Long latestNews1 Long latestNews2 Long latestNews3 Long latestNews4 Long latestNews5 Long breakingNews1 Long recentPosts1 Long recentPosts2 Long recentPosts3 Long recentPosts4 Long featuredArticles1 Long featuredArticles2 Long featuredArticles3 Long featuredArticles4 Long featuredArticles5 Long featuredArticles6 Long featuredArticles7 Long featuredArticles8 Long featuredArticles9 Long featuredArticles10 Long popularNews1 Long popularNews2 Long popularNews3 Long popularNews4 Long popularNews5 Long popularNews6 Long popularNews7 Long popularNews8 Long weeklyNews1 Long weeklyNews2 Long weeklyNews3 Long weeklyNews4 Long newsFeeds1 Long newsFeeds2 Long newsFeeds3 Long newsFeeds4 Long newsFeeds5 Long newsFeeds6 Long usefulLinks1 Long usefulLinks2 Long usefulLinks3 Long usefulLinks4 Long usefulLinks5 Long usefulLinks6 Long recentVideos1 Long recentVideos2 Long recentVideos3 Long recentVideos4 Long recentVideos5 Long recentVideos6 Long }

entity Vtopic { creationDate Instant required vtopicTitle String minlength(2) maxlength(50) required vtopicDescription String minlength(2) maxlength(250) }

entity Vquestion { creationDate Instant required vquestion String minlength(2) maxlength(100) required vquestionDescription String minlength(2) maxlength(250) }

entity Vanswer { creationDate Instant required urlVanswer String minlength(2) maxlength(500) required accepted Boolean }

entity Vthumb { creationDate Instant required vthumbUp Boolean vthumbDown Boolean }

entity Newsletter { creationDate Instant required email String required } entity Feedback { creationDate Instant required name String minlength(2) maxlength(100) required email String required feedback String minlength(2) maxlength(5000) required }

entity ConfigVariables { configVarLong1 Long configVarLong2 Long configVarLong3 Long configVarLong4 Long configVarLong5 Long configVarLong6 Long configVarLong7 Long configVarLong8 Long configVarLong9 Long configVarLong10 Long configVarLong11 Long configVarLong12 Long configVarLong13 Long configVarLong14 Long configVarLong15 Long configVarBoolean16 Boolean configVarBoolean17 Boolean configVarBoolean18 Boolean configVarString19 String configVarString20 String }

entity Proposal { creationDate Instant required proposalName String minlength(2) maxlength(250) required proposalType ProposalType required proposalRole ProposalRole required releaseDate Instant isOpen Boolean isAccepted Boolean isPaid Boolean }

entity ProposalVote { creationDate Instant required votePoints Long required }

entity Appuser { creationDate Instant required assignedVotesPoints Long }

// ENUMS: enum Gender { MALE, FEMALE, OTHER }

enum CivilStatus { NA, SINGLE, MARRIED, DIVORCED, WIDOWER, SEPARATED, ENGAGED, OTHER }

enum Purpose { NOT_INTERESTED, FRIENDSHIP, MEET_PEOPLE, STABLE_RELATIONSHIP, MARRIAGE, OTHER }

enum Physical { NA, THIN, ATHLETIC, NORMAL, CORPULENT, BULKY, OTHER }

enum Religion { NA, ATHEIST, AGNOSTIC, CATHOLIC, JEWISH, ISLAMIC, OTHER }

enum EthnicGroup { NA, MIXED, WHITE, LATIN, GYPSY, AFRO, HINDU, ARAB, ASIAN, INDIAN, OTHER }

enum Studies { NA, PRIMARY, HIGH_SCHOOL, TECHNICAL, COLLEGE, MASTER, DOCTORATE, OTHER }

enum Eyes { NA, BLUE, GREEN, BROWN, BLACK, CHESTNUT, OTHER }

enum Smoker { NA, YES, NO, OCCASIONALLY }

enum Children { NA, YES, NO, GREATER_THAN_18 }

enum FutureChildren { NA, YES, NO }

enum NotificationReason { FOLLOWING, UNFOLLOWING, PROPOSAL_RELEASED, FOLLOWER_STATUS, AUTHORIZE_COMMUNITY_FOLLOWER, UNAUTHORIZE_COMMUNITY_FOLLOWER }

enum ProposalType { STUDY, APPROVED, DEVELOPMENT, PRODUCTION }

enum ProposalRole { USER, ORGANIZER, MANAGER, ADMIN
}

// RELATIONSHIPS: relationship OneToOne { Appuser{user(id) required} to User{Appuser(id)} Appprofile{appuser(id) required} to Appuser{uprofile(id)} Appphoto{appuser(id) required} to Appuser{appphoto(id)} }

relationship ManyToOne { Community{appuser(id) required} to Appuser{community} Notification{appuser(id) required} to Appuser{notification} Album{appuser(id) required} to Appuser{album(id)} Calbum{community(communityName) required} to Community{calbum(id) required} Comment{appuser(id) required} to Appuser{comment} Post{appuser(id) required} to Appuser{post} Message{sender(id) required} to Appuser{sender(id)} Message{receiver(id) required} to Appuser{receiver(id)} Follow{followed(id) required} to Appuser{followed(id)} Follow{following(id) required} to Appuser{following(id)} Blockuser{blockeduser(id) required} to Appuser{blockeduser(id)} Blockuser{blockinguser(id) required} to Appuser{blockinguser(id)} Vtopic{appuser(id) required} to Appuser{vtopic(id)} Vquestion{appuser(id) required} to Appuser{vquestion(id)} Vanswer{appuser(id) required} to Appuser{vanswer(id)} Vthumb{appuser(id) required} to Appuser{vthumb(id)} Proposal{appuser(id)} to Appuser{proposal(id)} ProposalVote{appuser(id)} to Appuser{proposal(id)} }

relationship OneToMany { Community{blog(id)} to Blog{community(communityName)} Blog{post(id)} to Post{blog(title) required} Post{comment(id)} to Comment{post(id) required} Community{csender(id)} to Cmessage{csender(id) required} Community{creceiver(id)} to Cmessage{creceiver(id) required} Community{cfollowed(id)} to Follow{cfollowed(id) required} Community{cfollowing(id)} to Follow{cfollowing(id) required} Community{cblockeduser(id)} to Blockuser{cblockeduser(id) required} Community{cblockinguser(id)} to Blockuser{cblockinguser(id) required} Album{photo(id)} to Photo{album(title)} Calbum{photo(id)} to Photo{calbum(title)} Vtopic{vquestion} to Vquestion{vtopic(id) required} Vquestion{vanswer} to Vanswer{vquestion(id) required} Vquestion{vthumb(id)} to Vthumb{vquestion(id)} Vanswer{vthumb(id)} to Vthumb{vanswer(id)} Proposal{proposalVote(id)} to ProposalVote{proposal(id)} Post{proposal(id)} to Proposal{post(id)} }

relationship ManyToMany { Tag{post(headline)} to Post{tag(tagName)} Topic{post(headline)} to Post{topic(topicName)} Cinterest{community(id)} to Community{cinterest(interestName)} Cactivity{community(id)} to Community{cactivity(activityName)} Cceleb{community(id)} to Community{cceleb(celebName)} Interest{appuser(id)} to Appuser{interest(interestName)} Activity{appuser(id)} to Appuser{activity(activityName)} Celeb{appuser(id)} to Appuser{celeb(celebName)} }

// SET PAGINATION OPTIONS: paginate all with pagination // paginate ChatMessage with infinite-scroll // paginate all with infinite-scroll

// SET SERVICE OPTIONS: service all with serviceImpl //service all with serviceClass

// DTO: dto all with mapstruct

// FILTERING: filter *