Your IP : 216.73.216.86

Current Path : /var/www/homesaver/www/bitrix/js/ui/uploader/tile-widget/src/components/
Upload File :
Current File : /var/www/homesaver/www/bitrix/js/ui/uploader/tile-widget/src/components/upload-loader.js

import { ProgressRound } from 'ui.progressround';

import type { BitrixVueComponentProps } from 'ui.vue3';

/**
 * @memberof BX.UI.Uploader
 */
export const UploadLoader: BitrixVueComponentProps = {
	props: {
		progress: {
			type: Number,
			default: 0,
		},
		width: {
			type: Number,
			default: 45,
		},
		lineSize: {
			type: Number,
			default: 3,
		},
		colorTrack: {
			type: String,
			default: '#eeeff0',
		},
		colorBar: {
			type: String,
			default: '#2fc6f6',
		},
		rotation: {
			type: Boolean,
			default: true,
		},
	},
	mounted()
	{
		this.createProgressbar();
	},
	watch: {
		progress()
		{
			this.updateProgressbar();
		},
	},
	methods: {
		createProgressbar()
		{
			this.loader = new ProgressRound({
				width: this.width,
				lineSize: this.lineSize,
				colorBar: this.colorBar,
				colorTrack: this.colorTrack,
				rotation: this.rotation,
				value: this.progress,
				color: ProgressRound.Color.SUCCESS,
			});

			this.loader.renderTo(this.$refs.container);
		},
		updateProgressbar()
		{
			if (!this.loader)
			{
				this.createProgressbar();
			}

			this.loader.update(this.progress);
		},
	},
	template: '<span ref="container"></span>',
};