<!--suppress JSAnnotator -->
<template>
<!-- Page, data-name contains page name which can be used in callbacks -->
        <div class="page " data-name="ads"> <!-- page-with-subnavbar -->
        <!-- Top Navbar -->
           

            <div class="page-content ">
					{{#if filelink}}<div style="min-height: 300px;background-position-y: center;background-image:url({{filelink}})"
					  class=" align-items-flex-end"></div>{{/if}}
					<div class="card-content card-content-padding">
					  <p class="date"><strong>{{title}}</strong></p>
					  <p>{{message}}</p>
					</div>
					<div class="card-footer">
					
					{{#if link1}}<a href="{{link1}}" target="_blank" class=" popover-close external" class="link">{{link1Name}}</a>{{/if}}
					{{#if link2}}<a href="{{link2}}"  target="_blank" class="popover-close external" class="link">{{link2Name}}</a>{{/if}}
					{{#if link3}}<a href="{{link3}}"  target="_blank" class=" popover-close external" class="link">{{link3Name}}</a>{{/if}}
				
				<!--<div class="block block-strong">
				  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed sagittis dui. Fusce nulla massa,
					scelerisque vitae auctor in, luctus in ipsum. Sed eu lectus vel magna malesuada lacinia. Ut at vestibulum
					sem. In semper, arcu pulvinar volutpat fermentum, felis magna fringilla felis, nec volutpat nisi nunc quis
					ante. Fusce elementum egestas tortor ut porta. Vestibulum ante ipsum primis in faucibus orci luctus et
					ultrices posuere cubilia Curae; Duis id commodo elit. Sed massa dui, laoreet a orci sed, egestas vehicula
					tellus. Nulla pulvinar ornare justo sed finibus. Aliquam hendrerit dui at nulla eleifend, quis feugiat
					enim aliquam. Nulla facilisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur
					ridiculus mus.</p>
					
				</div>
				<div class="block block-strong row">
					<div class="col"><a class="button button-fill convert-form-to-data" href="#">Get Data</a></div>
					<div class="col"><a class="button button-fill fill-form-from-data" href="#">Fill Form</a></div>
				</div>-->

            </div>
        </div>
</template>


<script>
  // script must return component object
    return {
        data: function () {
            var self = this;
            
            var ret = {
                isDataLoaded: false,
                DataTableEl: null,
                AlarmsArray: [],
                MapTrack: null,
                AllMarkersGroup: null,
				title: 'Notice',
				message: '',
				filelink: '',
				link1: '',
				link2: '',
				link3: '',
				link1Name: '',
				link2Name: '',
				link3Name: '',

                //Asset: POSINFOASSETLIST[self.$route.query.imei] ? POSINFOASSETLIST[self.$route.query.imei] : {}
            };
			
			if (self.$route.query) {
                if (self.$route.query.title) {
					ret.title = self.$route.query.title				
				}
                if (self.$route.query.message) {
					ret.message = self.$route.query.message
				}
                if (self.$route.query.filelink) {
					ret.filelink = self.$route.query.filelink
				}
                if (self.$route.query.link1 != 'undefined') {
					ret.link1 = self.$route.query.link1
				}
                if (self.$route.query.link2  != 'undefined') {
					ret.link2 = self.$route.query.link2
				}
                if (self.$route.query.link3 != 'undefined') {
					ret.link3 = self.$route.query.link3
				}
                if (self.$route.query.link1Name) {
					ret.link1Name = self.$route.query.link1Name
				}
                if (self.$route.query.link2Name) {
					ret.link2Name = self.$route.query.link2Name
				}
                if (self.$route.query.link3Name) {
					ret.link3Name = self.$route.query.link3Name
				}
			}

			console.log(ret)
            return ret;
        },
        methods: {

        },

        on: {
            pageInit: function (e, page) {
                var self = this;
               

            },


        }
    };
</script>