Barmer Fractal

Test File Upload 

<form class="o-form js-form" action="#" method="GET">
    <div class="m-form-control ">
        <label class="a-label " for="file">
            File (Max Size 1kb):

        </label>

        <div class="a-file-upload">
            <input type="file" class="file-upload__input " id="file" data-max-file-size="1024" data-error-text="Die Datei überschreitet die Größe von 1024 Bytes.">
            <div class="file-upload__visual" role="presentation">
                <ul class="file-upload__file-list"></ul>
                <i class="a-icon icon--doc-upload" aria-hidden="true"></i>
            </div>
        </div>

    </div>

    <div class="form__actions">
        <button class="a-btn btn--primary" type="submit">Submit</button>

    </div>
</form>
 
{{render '@form' partials.fileUploadTestForm merge=true }}
 
{
  "switches": {
    "hasContactFlyout": "true"
  },
  "content": {
    "alertText": "Die Sitzung wurde erfolgreich verlängert"
  },
  "partials": {
    "sessionMetadata": {
      "content": {
        "expiredDialogId": "bm-dialog-session-expired",
        "expiringDialogId": "bm-dialog-session-expiring"
      }
    },
    "expiring": {
      "switches": {
        "hidden": true,
        "secondaryButton": true
      },
      "content": {
        "id": "bm-dialog-session-expiring",
        "text": "In <span class=\"js-session-timer\">5</span> Minuten endet ihre Sitzung und Sie werden automatisch ausgeloggt."
      },
      "partials": {
        "primaryButton": {
          "content": {
            "label": "Login verlängern"
          }
        },
        "secondaryButton": {
          "content": {
            "label": "Logout"
          }
        }
      }
    },
    "expired": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-dialog-session-expired"
      }
    },
    "modalVideo": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-video"
      },
      "viewtypes": {
        "specifier": "modal--video"
      },
      "partials": {
        "consent": {
          "viewtypes": {
            "specifier": "consent--in-modal"
          }
        },
        "videoFigure": {
          "switches": {
            "hasHeadline": false,
            "hasFigcaption": false,
            "hasVideo": false
          }
        }
      }
    },
    "fileUploadTestForm": {
      "content": {
        "attributes": {
          "action": "#",
          "method": "GET"
        }
      },
      "partials": {
        "items": [
          {
            "type": "form-control",
            "viewtypes": {
              "specifier": ""
            },
            "content": {},
            "partials": {
              "label": {
                "content": {
                  "for": "file",
                  "text": "File (Max Size 1kb):"
                }
              },
              "input": {
                "type": "formelement-upload",
                "switches": {},
                "content": {
                  "id": "file",
                  "maxFileSize": "1024",
                  "errorText": "Die Datei überschreitet die Größe von 1024 Bytes."
                }
              }
            }
          }
        ],
        "buttons": [
          {
            "type": "button--primary",
            "viewtypes": {},
            "content": {
              "type": "submit",
              "label": "Submit"
            }
          }
        ]
      }
    }
  }
}

No notes defined.