-
Notifications
You must be signed in to change notification settings - Fork 58
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
removed commented code test case for drag and drop added
- Loading branch information
1 parent
069b503
commit 6f2ba76
Showing
22 changed files
with
1,225 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
5 changes: 5 additions & 0 deletions
5
ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/fileinput/v2/.content.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| <?xml version="1.0" encoding="UTF-8"?> | ||
| <jcr:root xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" | ||
| jcr:primaryType="nt:unstructured"> | ||
| <fileinput/> | ||
| </jcr:root> |
8 changes: 8 additions & 0 deletions
8
...rc/main/content/jcr_root/apps/core/fd/components/form/fileinput/v2/fileinput/.content.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| <?xml version="1.0" encoding="UTF-8"?> | ||
| <jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" | ||
| cq:icon="attach" | ||
| jcr:primaryType="cq:Component" | ||
| jcr:title="Adaptive Form File Attachment (v2)" | ||
| jcr:description="Add a button to upload one or more files as form attachment." | ||
| sling:resourceSuperType="core/fd/components/form/base/v1/base" | ||
| componentGroup=".core-adaptiveform"/> |
93 changes: 93 additions & 0 deletions
93
.../content/jcr_root/apps/core/fd/components/form/fileinput/v2/fileinput/README.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| <!-- | ||
| Copyright 2022 Adobe | ||
| Licensed under the Apache License, Version 2.0 (the "License"); | ||
| you may not use this file except in compliance with the License. | ||
| You may obtain a copy of the License at | ||
| http://www.apache.org/licenses/LICENSE-2.0 | ||
| Unless required by applicable law or agreed to in writing, software | ||
| distributed under the License is distributed on an "AS IS" BASIS, | ||
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| See the License for the specific language governing permissions and | ||
| limitations under the License. | ||
| --> | ||
| Adaptive Form File Input (v2) | ||
| ==== | ||
| Adaptive Form File input field component written in HTL. | ||
|
|
||
| ## Features | ||
|
|
||
| * Drag and drop support | ||
| * Custom icon for drag and drop | ||
| * Provides the following type of input: | ||
| * file | ||
| * Custom constraint messages for the above types | ||
| * Styles | ||
|
|
||
| ### Use Object | ||
| The Form File component uses the `com.adobe.cq.forms.core.components.models.form.FileInput` Sling Model for its Use-object. | ||
|
|
||
| ### Edit Dialog Properties | ||
| The following properties are written to JCR for this Form File component and are expected to be available as `Resource` properties: | ||
|
|
||
| 1. `./jcr:title` - defines the label to use for this field | ||
| 2. `./hideTitle` - if set to `true`, the label of this field will be hidden | ||
| 3. `./name` - defines the name of the field, which will be submitted with the form data | ||
| 4. `./default` - defines the default value of the field | ||
| 5. `./description` - defines a help message that can be rendered in the field as a hint for the user | ||
| 6. `./required` - if set to `true`, this field will be marked as required, not allowing the form to be submitted until the field has a value | ||
| 7. `./requiredMessage` - defines the message displayed as tooltip when submitting the form if the value is left empty | ||
| 8. `./readOnly` - if set to `true`, the filed will be read only | ||
| 9. `./multiSelection` - if set to `true`, the filed will allow to add multiple files in single selection or multiple selections | ||
| 10. `./minItems` - if value is selected/provided this will check for minimum number of files that can be attached | ||
| 11. `./maxItems` - if value is selected/provided this will check for maximum number of files that can be attached | ||
| 12. `./maxFileSize` - if value is selected/provided this will check for maximum file size allowed | ||
| 13. `./accept` - defines the type of files accepted to upload | ||
| 14. `./showComment` - if set to `true`, comments can be added to attachment | ||
| 15. `./minItemsMessage` - defines the message displayed as tooltip when submitting the form if less than allowed minimum files uploaded | ||
| 16. `./maxItemsMessage` - defines the message displayed as tooltip when submitting the form if more than allowed maximum files uploaded | ||
| 17. `./maxFileSizeMessage` - defines the message displayed as tooltip when submitting the form if the uploaded file size is greater than allowed | ||
| 18. `./acceptMessage` - defines the message displayed as tooltip when submitting the form if the uploaded file type is not allowed | ||
|
|
||
| ## Client Libraries | ||
| The component provides a `core.forms.components.fileinput.v2.runtime` client library category that contains the Javascript runtime for the component. | ||
| It should be added to a relevant site client library using the `embed` property. | ||
|
|
||
| It also provides a `core.forms.components.fileinput.v2.editor` editor client library category that includes | ||
| JavaScript handling for dialog interaction. It is already included by its edit dialog. | ||
|
|
||
| ## BEM Description | ||
| ``` | ||
| BLOCK cmp-adaptiveform-fileinput | ||
| ELEMENT cmp-adaptiveform-fileinput__label | ||
| ELEMENT cmp-adaptiveform-fileinput__label-container | ||
| ELEMENT cmp-adaptiveform-fileinput__widget | ||
| ELEMENT cmp-adaptiveform-fileinput__questionmark | ||
| ELEMENT cmp-adaptiveform-fileinput__shortdescription | ||
| ELEMENT cmp-adaptiveform-fileinput__longdescription | ||
| ELEMENT cmp-adaptiveform-fileinput__filelist | ||
| ELEMENT cmp-adaptiveform-fileinput__fileitem | ||
| ELEMENT cmp-adaptiveform-fileinput__filename | ||
| ELEMENT cmp-adaptiveform-fileinput__filedelete | ||
| ELEMENT cmp-adaptiveform-fileinput__widgetlabel | ||
| ``` | ||
|
|
||
| ### Note | ||
| By placing the class names `cmp-adaptiveform-fileinput__label` and `cmp-adaptiveform-fileinput__questionmark` within the `cmp-adaptiveform-fileinput__label-container` class, you create a logical grouping of the label and question mark elements. This approach simplifies the process of maintaining a consistent styling for both elements. | ||
|
|
||
| ## JavaScript Data Attribute Bindings | ||
|
|
||
|
|
||
| The following attributes must be added for the initialization of the file-input component in the form view: | ||
| 1. `data-cmp-is="adaptiveFormFileInput"` | ||
| 2. `data-cmp-adaptiveformcontainer-path="${formstructparser.formContainerPath}"` | ||
|
|
||
|
|
||
| ## Information | ||
| * **Vendor**: Adobe | ||
| * **Version**: v2 | ||
| * **Compatibility**: Cloud | ||
| * **Status**: production-ready | ||
|
|
Oops, something went wrong.