// ---------------------------------------------------------------------------------
//
// Component: Alert popup
//
// Input Props:
//      - type: what to do if clicked on ok
//      - id
//
//      <alert id="alertTest">Ovo je test za alert</alert>
//
Vue.component('input-login',
{
    props:
    [
        'value', 'type', 'id', 'name', 'placeholder','required', 'disabled', 'pattern', 'classs'
    ],
    data: function ()
    {
        return {
            cModelText: null
        }
    },
    computed:
    {

    },
    mounted: function ()
    {
        this.cModelText = this.value;
    },
    methods:
    {
        ValueChange: function(e)
        {
            this.$emit('input', this.cModelText);  
        }
    },
    watch:
    {
        value (val)
        {
            this.value = val;
            this.cModelText = val;
            
        },
    },
    template: '<div class="inputLogin">'+
    '   <label :style="{opacity : cModelText !=null && cModelText != \'\' ? 1 : 0}">{{placeholder}}</label>'+
    '   <input :type="type" value="" :id="id" :name="name" :placeholder="placeholder" v-model="cModelText" :required="required" :disabled="disabled" :pattern="pattern" :class="classs" v-on:keyup="ValueChange">'+
    '   <div :style="{opacity : cModelText !=null && cModelText != \'\' ? 1 : 0}" class="bottomLine"></div>'+
    '</div>'
});