raonkupload-angular/samples/basic/src/app/simple-usage/simple-usage.component.html

Angular component for RAON K Upload.

<h2>Simple usage</h2>

<p><strong>Note:</strong> Open the console for additional logs.</p>

<div *ngFor="let component of runtimes">
	<h3>{{ component.toUpperCase() }} Rumtime:</h3>
	<RaonkUpload
		*ngIf="!isRemoved"
		[hidden]="isHidden"
		[viewMode]="isViewMode"
		name="raonkupload_simple_{{ component | lowercase }}"

		id="raonkupload_simple_{{ component | lowercase }}"
		runtimes="{{ component | lowercase }}"
		componentUrl="/assets/raonkupload/js/raonkupload.js"
		[config]="{ MaxTotalFileSize: '100MB', MaxOneFileSize: '10MB', Width: '100%', Height: '150px', DevelopLangage:'NONE' }"

		(namespaceLoaded)="onNamespaceLoaded( $event )"
		(creationComplete)="onCreationComplete( $event )"
		(beforeAddFile)="onBeforeAddFile( $event )"
		(afterAddFile)="onAfterAddFile( $event )"
		(afterAddAllFile)="onAfterAddAllFile( $event )"
		(beforeDeleteFile)="onBeforeDeleteFile( $event )"
		(afterDeleteFile)="onAfterDeleteFile( $event )"
		(deleteAllFile)="onDeleteAllFile( $event )"
		(beforeUpload)="onBeforeUpload( $event )"
		(uploadComplete)="onUploadComplete( $event )"
		(beforeDownloadFile)="onBeforeDownloadFile( $event )"
		(beforeOpenFile)="onBeforeOpenFile( $event )"
		(downloadCompleteFile)="onDownloadCompleteFile( $event )"
		(downloadCompleteAllFile)="onDownloadCompleteAllFile( $event )"
		(onError)="onOnError( $event )"
		(downloadCancel)="onDownloadCancel( $event )"
		(selectItem)="onSelectItem( $event )"
		(customAction)="onCustomAction( $event )"
		(alert)="onAlert( $event )"
	></RaonkUpload>
</div>

<h4>Component controls:</h4>

<p>
	<label><input type="checkbox" [(ngModel)]="isHidden">Hide editor with '[hidden]' directive.</label>
</p>
<p>
	<label><input type="checkbox" [(ngModel)]="isRemoved">Remove editor from DOM with '*ngIf' directive.</label>
</p>
<p>
	<label><input type="checkbox" [(ngModel)]="isViewMode">Make component view mode.</label>
</p>