<section>
    <div class="modal_bg" *ngIf="is_modal_visible">
        <div class="overlay"></div>
        <div class="modal-dialog-box">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="onCloseModal()">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="form-container like_sent">
                   <img src="{{content_data.image_url}}"/>
                   <div class="row">
                    <div class="col-sm-12 text-right note">Published On: {{content_data.published_date | date: 'dd-MMM-yyy'}}</div>
                    <div class="col-sm-12 text-left">
                      <h3>{{content_data.bulletin_title}}</h3>
                      <p>{{content_data.bulletin_desc}}</p>
                    </div>
                   </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal_bg" *ngIf="is_modal_visible_chat">
        <div class="overlay"></div>
        <div class="modal-dialog-box">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="onCloseModal()">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="form-container like_sent">
                   <div class="row">
                        <div class="input-field channel-padding">
                            <label for="channelMessage" class="active">Channel Message</label>
                            <input type="text" placeholder="channel message" name="channelMessage">
                          <button class="btn primary fixed float-right sub" id="send_channel_message" (click)="send_channel_message()">SEND</button>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="col s7 log-container" id="log">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>