import { Component, AfterViewInit, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { ApplicationService } from '../services/application.service';

declare var jQuery: any;

@Component({
    templateUrl: './app/components/update-profile.component.html'
})
export class UpdateProfileComponent implements AfterViewInit, OnInit {


    constructor(private application: ApplicationService, private router: Router) {

    }

    ngAfterViewInit(): void {
        this.initializeUIElements();

        jQuery(function () {
            jQuery("#slider-range-min-2").slider({
                range: "min",
                min: 1,
                max: 60,
                value: 10,
                slide: function (event, ui) {
                    jQuery("#amount-2").val(ui.value);
                }
            });
            jQuery("#amount-2").val(jQuery("#slider-vertical-2").slider("value"));

        });

        jQuery('.modal').draggable({
            handle: '.modal-header'
        });
    }

    initializeUIElements(): void {



    }

    ngOnInit(): void {
        /*if (this.application.currentUser == null) {
            this.router.navigate(['/login']);
        }*/
    }

    showAlert(id: string): void {
        jQuery('#' + id).modal('show');
    }
}