Commit Graph

104 Commits

Author SHA1 Message Date
Sofia Papacharalampous 3e86a43fb0 fixed dmp editor first step validation 2024-04-04 18:27:59 +03:00
Sofia Papacharalampous f7289126d0 styling changes 2024-03-22 18:07:40 +02:00
Sofia Papacharalampous 190317a413 add-account functionality from my-profile and styling changes 2024-03-22 16:27:01 +02:00
Sofia Papacharalampous b0cd53d74b styling changes
*dmp-user fields and semantics
2024-03-22 11:04:11 +02:00
Sofia Papacharalampous 279a7f97d2 styling changes
*dmp-blueprint-editor
2024-03-21 12:48:36 +02:00
Diamantis Tziotzios 8719b56920 style changes 2024-03-20 18:06:05 +02:00
Sofia Papacharalampous cf1cc0a4fb styling changes 2024-03-13 17:26:47 +02:00
Diamantis Tziotzios 4542189a26 autocomplete changes 2024-01-29 14:39:20 +02:00
amentis 8fb3556acb dmp blueprint editor fixes 2024-01-29 13:13:30 +02:00
Diamantis Tziotzios 4644d24874 various UI updates 2024-01-25 20:55:42 +02:00
Diamantis Tziotzios c4dac0e7d0 various ui fixes 2024-01-19 14:28:31 +02:00
Diamantis Tziotzios 7b28f499a8 frontend cleanup 2023-12-29 17:04:16 +02:00
Diamantis Tziotzios 244e0e83a2 more frontend changes 2023-12-28 17:18:49 +02:00
Diamantis Tziotzios 129dbd163a minor fixes dmp blueprints and Dmps. 2023-10-25 20:53:47 +03:00
Diamantis Tziotzios 922c2110ac angular update fixes 2023-10-06 11:10:53 +03:00
Diamantis Tziotzios 5a46345f15 angular 16 update 2023-10-05 22:42:47 +03:00
Diamantis Tziotzios 96c2940eb0 angular 15 update 2023-10-05 16:58:45 +03:00
Diamantis Tziotzios 203ee4fb29 update to angular 14 2023-10-05 16:39:17 +03:00
Konstantina Galouni 985b3de385 rich-text-editor.component.ts: Removed "backgroundColor" from toolbarHiddenButtons | Do not show (x) close to clear the input when editable is false. 2023-06-16 14:10:52 +03:00
Bernaldo Mihasi 5cd1803e3a fix bug where empty input was saved in multiple auto complete fields 2023-06-13 11:52:50 +03:00
Konstantinos Triantafyllou 0d9b6f9622 Fix bug where on long click, blur value was added in the list of chips. 2023-05-03 12:34:17 +03:00
Konstantinos Triantafyllou e84398f667 Close autocomplete panel if a blur value is added. 2023-04-28 12:56:01 +03:00
Konstantinos Triantafyllou b6709bac3c Increase debounce time in multi auto complete in order to avoid addition of search value and first option from dropdown in chips'list. 2023-04-20 15:27:38 +03:00
Diamantis Tziotzios 7af27c73cf Merge branch 'css-config-changes' into Development 2023-03-03 10:24:34 +02:00
Konstantinos Triantafyllou 4c7dee3ece Ticket 8390: Remove separator key codes in the default multiple auto complete input and added in invitation-dialog. 2023-02-23 13:01:56 +02:00
Diamantis Tziotzios 34d63438e0 css changes to add configurability 2023-02-10 15:08:23 +02:00
Konstantina Galouni 579bb58afc #7699: rich-text-editor.component.ts: Clear any formatting on paste and add plain text | Added h1-h6 tags in customClasses | Enable "removeFormat" button (clear formatting added from editor options). 2022-05-03 18:06:32 +03:00
Konstantinos Triantafyllou a58e926c3d Prefilling: Alphabetical order in the returning list. Autocomplete of prefilling: no search with empty value. 2022-03-29 15:14:34 +03:00
Konstantina Galouni 9ab9e6abc9 #7528: [NEW] Upload files field type - frontend.
1. dataset-profile-field-view-style.ts: Include "upload" field type.
2. field-data.ts: Export interface UploadFieldData.
3. config.json: Added new property "maxFileSizeInMB":10.
4. configuration.service.ts: Added _maxFileSizeInMB field and getter for it.
5. enum-utils.service.ts: Added cases for upload and table (not ready, to be added) field types.
6. rich-text-editor.module.ts: [Bug fix] Removed import of HttpClientModule (this is imported only once in order to work with interceptor).
7. field-editor-model.ts & dataset-profile-editor.component.ts: Added case and validators for "upload" field type.
8. dataset-profile.module.ts: Imports for upload.
9.dataset-profile-editor-composite-field.component & dataset-profile-editor-field.component: Added button for upload.
10. form-field.component: Added functionality for uploading and downloading files.
11. dataset-description-form.module.ts: Added "FileService" provider and import of "NgxDropzoneModule".
12. en.json: New literals for upload and table (to be added in other language files too).
13. New files for upload field type: file.service.ts, upload-field-data-editor-model.ts, dataset-profile-editor-upload-field.component.html, dataset-profile-editor-upload-field.component.ts, dataset-profile-editor-upload-field.component.scss
2022-03-16 13:00:03 +02:00
Konstantina Galouni b68ede8cd7 #7518 & #7519: [Bug fix] in Required indication in Rich Text Area fields & editable general info on dataset template new version & date with time shown in dataset templates.
1. rich-text-editor.component.scss: Css for .editor-wrapper .disabled added.
2. rich-text-editor.component.ts: New "editable" Input() field added, to allow rich text area to be disabled and not editable.
3. dataset-profile-editor.component.html:
   a. In <rich-text-editor-component> set [editable]="form.controls['description'].status !== 'DISABLED'"
   b. #7518 Show required message and css  in rich text area when there is error "required" and description is touched (not dirty)
4. dataset-profile-editor.component.ts: #7519 comment disable of form controls label (title), description and language.
5. dataset-profile-listing.component.html: #7519 Time added in created column of dataset templates.
6. dataset-editor.component.html & form-field.component.html: #7518 Show required message and css  in rich text area when there is error "required" and description is touched (not dirty).
7. clone-dialog.component.html: Replaced <textarea> with <rich-text-editor-component> for description field.
8. clone-dialog.module.ts: Import RichTextEditorModule.
9. clone-dialog.component.ts: #7519 comment disable of form group label (title)
10. styles.scss: Css for class .form-field-subscript-wrapper updated.
2022-02-28 18:08:38 +02:00
Konstantinos Triantafyllou 6cdf560713 Add clear input in rich text editor 2022-02-08 20:51:40 +02:00
Konstantina Galouni 52c7796e8e #7183: Do not query for authors (DMP invitation) until 3 letters have been typed.
1. multiple-auto-complete.component.ts:
   a. Added @Input field minLength (default 0)
   b. In method "_onInputFocus()" filter results, only if query >= minLength.
2. dmp-invitation-dialog.component.html: In <app-multiple-auto-complete>, added property [minLength]="3" (invite users to a DMP).
2021-11-22 13:36:02 +02:00
Konstantina Galouni de99784b5e In multiple and single autocomplete do not show "no results found" when user is typing | in multiple auto complete added parameter to check if "no results found" will be displayed | in multiple auto complete show full width for input & wrap title into multiple lines.
1. multiple-auto-complete.component.html:
   a. #7137: show full width for input ([matAutocompleteConnectedTo]="origin") | wrap title into multiple lines (added classes "title-subtitle-fn", "subtitle-fn", "subtitle-fn-inner" and updated classes "title-fn", "title-fn-inner").
   b. single-auto-complete.component.html: #7136: Show "No results found" when user is not typing and there are no results.
   c. added check to show this label according to "showNoResultsLabel" input parameter.
2. multiple-auto-complete.component.ts & single-auto-complete.component.ts:
   a. Added field "queryValue", input "showNoResultsLabel".
   b. increase "requestDelay" from 400 to 600ms.
3. multiple-auto-complete.component.scss: wrap title into multiple lines (added classes "title-subtitle-fn", "subtitle-fn", "subtitle-fn-inner" and updated classes "title-fn", "title-fn-inner").
4. dmp-invitation-dialog.component.html: In <app-multiple-auto-complete> added parameter [showNoResultsLabel]="false".
2021-11-09 14:14:19 +02:00
Konstantina Galouni ca5883724a In Dataset Template selection cut description when templates are displayed in list and show description (instead of DMP-EDITOR.DATASET-DESCRIPTION.INTRO) in template preview.
1. multiple-auto-complete.component.html: Added class "title-fn-inner" to cut the displayed description of dataset templates.
2. multiple-auto-complete.component.scss: Css for class "title-fn" updated and for class "title-fn-inner" added to cut the displayed description of dataset templates.
3. available-profiles.component.html: Added class "list-option-inner" to cut the displayed description of dataset templates.
4. available-profiles.component.scss: Css for class "list-option" updated and for class "list-option-inner" added to cut the displayed description of dataset templates.
5. dataset-preview-dialog.component.html: Added [datasetDescription]="data?.template?.description" in <app-dataset-description>
6. dataset-description.component.ts: Added in class, field "datasetDescription".
7. dataset-description.component.html: Show template datasetDescription (as html) instead of DMP-EDITOR.DATASET-DESCRIPTION.INTRO.
2021-11-02 16:50:43 +02:00
Konstantina Galouni 7bdfcb70af Created common component for rich text editor configuration & added rich text for dmp and dataset description.
1. library/rich-text-editor: [NEW] Common component which configures a rich text editor.
2. dataset-editor.component.html & main-info.component.html: Use <rich-text-editor-component> to allow rich text in dataset and dmp description.
3. dataset-overview.component.html & dmp-overview.component.html: Show dataset and dmp description as innerHTML.
4. dataset.module.ts & dmp.module.ts: Imported RichTextEditorModule.
2021-11-01 14:45:02 +02:00
Konstantina Galouni 198061aeaa Description boxes in admin forms replaced with rich text editor <angular-editor>.
1. dataset-profile-editor-composite-field.component.ts & dataset-profile-editor-section.component.ts & dataset-profile-editor.component.ts: Initialize AngularEditorConfig.
2. dataset-profile-editor-composite-field.component.html & dataset-profile-editor-section.component.html & dataset-profile-editor.component.html: Use <angular-editor> in description.
3. multiple-auto-complete.component.html & dataset-profile-listing.component.html & form-section.component.html: Show description as html.
4. dataset-profile.module.ts: Imported HttpClientModule, AngularEditorModule (needed for <angular-editor>).
5. available-profiles.component.html: Show description as html, under the Dataset Template title, not as tooltip (matTooltip does not receive html).
6. available-profiles.component.ts: Added styleUrls: ['available-profiles.component.scss'].
7. available-profiles.component.scss: [NEW] Added css for class "list-option" to cut description if too long.
8. form-composite-title.component.html: Show description and extendedDescription as html | Add view more/less functionality to show/hide extendedDescription.
9. form-composite-title.component.ts: Added "public showExtendedDescription: boolean = false;" field.
10. form-composite-title.component.scss: Added css for "more" class, to make "view more/less" seem like link.
11. assets/i18n/: In language files added DATASET-EDITOR.QUESTION.EXTENDED-DESCRIPTION.VIEW-MORE (-LESS).
12. assets/styles.css: Added css for <angular-editor>, to be similar to the other text areas and forms.
2021-10-12 18:14:22 +03:00
Diamantis Tziotzios 9cac208546 upgrade to Angular 12 2021-09-24 21:52:14 +03:00
Kristian Ntavidi 06961c0254 Deactivate Guard on dataset template editor 2021-07-23 17:03:29 +03:00
Kristian Ntavidi a212f4e5a1 Subtle border on invalid emails inputs (in invitation dialog)
* Mutli auto compolete component extended
2021-07-21 12:16:22 +03:00
Kristian Ntavidi 1b731fdf20 Changes on multi-auto complete component.
* Give precedence on autocomplete option-selected over onblur.
* Invitation dialog on blur commit given email till that time, on emails list.
2021-07-21 11:09:13 +03:00
Kristian Ntavidi add23dab2f Grant search fix.
* Change the way the single auto complete refreshes.
* Remove some unnecessary code.
2021-06-14 01:46:29 +03:00
Kristian Ntavidi d9826095bc Dmp editor. Fix issue on selecting grant after search. 2021-06-11 15:35:47 +03:00
Kristian Ntavidi ab9bb3e8cf DMP Editor: remove modal when navigating to dataset. Minor ui fixes. 2021-04-08 12:57:44 +03:00
Kristian Ntavidi abaf61cf02 DMP Editor. Uncompleted guide steps appear with red color when form is invalid and the user attemps to save. 2021-03-19 13:30:21 +02:00
Kristian Ntavidi 4d6e4fb2cd Dataset ProfileEditor Validator fixes. More validators added. Table of contents mark invalid entries. Guided tour fix. Fix ng-deep leaks from user listing. 2021-03-12 18:19:51 +02:00
apapachristou 2f61e47139 On focus out of autocompletes clear value if not selected option (to be reviewed) 2020-11-25 18:08:51 +02:00
apapachristou 06f156c687 Fix bug on dmp editor that prevented request grants on funder change (change on single autocomplete component to be reviewed) 2020-11-25 14:22:30 +02:00
apapachristou f5d5835edb Style fix on tour guide panel 2020-11-25 13:43:01 +02:00
apapachristou 208824f55b Adds guided tour on dashboard for new user 2020-11-24 19:09:10 +02:00
apapachristou 4552525e1c On multiple autocomple inputs removes permanent placeholder inside the container, adds overflow 2020-11-19 10:38:43 +02:00