gotpredictions

<template>
    <div class="messageContainer" v-if="messagesVisible && messages.length > 0">
        <div class="messageOperations" v-if="messages.length > 1">
            <div style="float: left; color: #FFFFFF;">Hi, There . . </div>
            <span class="fa fa-close" v-on:click="closeAll">Close All</span> &nbsp; 
            &nbsp;<span class="fa fa-angle-double-right" v-on:click='hide'>Hide</span>
        </div>
        <div v-for='x in messages' class="message">
            <div class="colorbar" v-bind:style="{ background: x.color }">
                <label class="fa" v-bind:class="x.fa_icon"></label>