Untitled

mail@pastecode.io avatarunknown
plain_text
a month ago
122 kB
1
Indexable
Never








<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--meta name="apple-mobile-web-app-status-bar-style" content="default"-->
    <meta name="apple-mobile-web-app-title" content="GK Event">

    <!-- Sets the color of the text/battery, wireless icons etc -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <title>Event</title>

    <!-- Bootstrap -->
    <!--link href="/gkEvent3/resources/css/jquery-ui-1.10.3.custom.css" rel="stylesheet"/-->
    <link href="/gkEvent3/resources/css/jquery-ui.min.css" rel="stylesheet">
    <link href="/gkEvent3/resources/css/jquery-ui.structure.min.css" rel="stylesheet">
    <link href="/gkEvent3/resources/css/jquery-ui.theme.min.css" rel="stylesheet">

    <link href="/gkEvent3/resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/gkEvent3/resources/css/bootstrap-select.min.css" rel="stylesheet" >
    <link href="/gkEvent3/resources/css/bootstrap-datetimepicker.min.css" rel="stylesheet" >
    <link href="/gkEvent3/resources/css/bootstrap-slider.css" rel="stylesheet" >
    <link href="/gkEvent3/resources/css/datepicker.css" rel="stylesheet" >    
    <link href="/gkEvent3/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    
    <link href="/gkEvent3/resources/css/message.css" rel="stylesheet">
    <link href="/gkEvent3/resources/css/gkevent.css" rel="stylesheet">
    <link href="/gkEvent3/resources/css/gkevent-mobile.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>    
    <![endif]-->    
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCEOCFjQhPlGkbMWjBLGDCBjAehuhCnsZs" async defer></script>
          
    <style>
        .datepicker{z-index:1151 !important;}
        .date {z-index:1151 !important;}
    </style>
    <script>
        var autoMoveToTop = true;
        var timeInterval = 3000;
        var useFilter = false;
    </script>
</head>
     

    <body>
        <input type="hidden" id="actionUrl" value="/gkEvent3/" />
        <input type="hidden" name="" value=""  id="csrf" />
        <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId" />

        



<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
    
        <div class="navbar-header">
            
            <button type="button" style="clear: both" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
		        <span class="icon-bar"></span> 
            </button>
            <ul class="nav navbar-nav navbar-right gk-navbar-notifications-sm" style="margin-right: 10px;">
                  <li class="">
                    <div class="status-wrapper">
                        <button class="btn btn-default btn-sm btn-link" style="font-size:20px;">
                            <span class="glyphicon glyphicon-globe" id="gpsIcon"></span>
                        </button>
                    </div>
                </li>
                <li class="">
                    <div class="status-wrapper comments-badge">
                        <a href="/gkEvent3/mypage/index" class="btn btn-default btn-sm btn-link" style="font-size:20px;">
                            <span class="glyphicon glyphicon-comment"></span>
                        </a>
                        <span class="badge badge-notify">0</span>
                    </div>
                </li>
              </ul>
            <div class="navbar-brand">Testevent festivalen</div>
        </div>
           
        <div id="navbar" class="navbar-collapse collapse" style="z-index: 24234321">
         <!-- Right side menu -->
           
            <ul id="navbarMenu" class="nav navbar-nav">
                <!-- Dynamic menu -->
                
                    
                    
                    
                        
                        
                            <li data-toggle="collapse" data-target=".navbar-collapse.in" >
                                <a href="#event_panel_Overview" data-toggle="tab">Overview </a>
                        
                    

                    

                    
                
                    
                        </li>
                    
                    
                    
                        
                        
                            <li data-toggle="collapse" data-target=".navbar-collapse.in" >
                                <a href="#event_panel_Flow" data-toggle="tab">Flow </a>
                        
                    

                    

                    
                
                    
                        </li>
                    
                    
                    
                        
                        
                            <li data-toggle="collapse" data-target=".navbar-collapse.in" >
                                <a href="#event_panel_LoS" data-toggle="tab">LoS </a>
                        
                    

                    

                    
                
                    
                        </li>
                    
                    
                    
                        
                        
                            <li data-toggle="collapse" data-target=".navbar-collapse.in" >
                                <a href="#event_panel_Comments" data-toggle="tab">Comments </a>
                        
                    

                    

                    
                
                    
                        </li>
                    
                    
                    
                        
                        
                            <li data-toggle="collapse" data-target=".navbar-collapse.in" >
                                <a href="#event_panel_Incident" data-toggle="tab">Incident </a>
                        
                    

                    

                    
                
                    
                        </li>
                    
                    
                    
                        
                        
                            <li data-toggle="collapse" data-target=".navbar-collapse.in" >
                                <a href="#event_panel_Cosafe" data-toggle="tab">Cosafe </a>
                        
                    

                    

                    
                
                    
                        </li>
                    
                    
                    
                        
                        
                            <li data-toggle="collapse" data-target=".navbar-collapse.in" >
                                <a href="#event_panel_Google" data-toggle="tab">Google </a>
                        
                    

                    
                        
                    

                    
                
            </ul>
             <ul class="nav navbar-nav navbar-right gk-top-navbar" style="margin-right: 10px;">
                
                    <li class="dropdown" style="z-index: 24234322">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Events<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">     
                            <li class="hidden-xs divider-vertical"></li>  
                            
                                <li data-id="17" >
                                    <a href="/gkEvent3/desktop/?tokenId=$2a$10$JHXR99kC0qrI8s2sSuzpfeV1dxqEDxj4.mcYCnSRZr5SpP7iaem.6">
                                        <span class="glyphicon "></span>&nbsp;Dev Test 2018
                                    </a>
                                </li>
                            
                                <li data-id="1" >
                                    <a href="/gkEvent3/desktop/?tokenId=$2a$10$04TVADrR6/SPLBjsK0N30.Jf5fNjBugSACeGv1S69dZALR7lSov0y,$2a$10$04TVADrR6/SPLBjsK0N30.Jf5fNjBugSACeGv1S69dZALR7lSov0y">
                                        <span class="glyphicon "></span>&nbsp;Malmöfestivalen
                                    </a>
                                </li>
                            
                                <li data-id="28" >
                                    <a href="/gkEvent3/desktop/?tokenId=$2a$10$iC0Udaw4myoSUggvLXvqn.8Ts5CEMBjEWQPnMB/45Y7Dv5ueCPnQa">
                                        <span class="glyphicon "></span>&nbsp;Malmöfestivalen 2022
                                    </a>
                                </li>
                            
                                <li data-id="29" >
                                    <a href="/gkEvent3/desktop/?tokenId=$2a$10$y8ClYaWIh6lLQiVHdWdfM.9IBzoCJuu1M5O4FYfhZGlBwqn279B5q">
                                        <span class="glyphicon "></span>&nbsp;Malmöfestivalen 2023
                                    </a>
                                </li>
                            
                                <li data-id="13" >
                                    <a href="/gkEvent3/desktop/?tokenId=$2a$10$a74RPYGGC.zvSqa0rJtbo.NwQKaAdfIu0ku4LN8Nvc2h1REEsRROu">
                                        <span class="glyphicon "></span>&nbsp;SmsTest
                                    </a>
                                </li>
                            
                                <li data-id="18" class='active'>
                                    <a href="/gkEvent3/desktop/?tokenId=$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS">
                                        <span class="glyphicon glyphicon-ok"></span>&nbsp;Testevent festivalen
                                    </a>
                                </li>
                            
                                <li data-id="27" >
                                    <a href="/gkEvent3/desktop/?tokenId=$2a$10$fIGr0/g9XGxSlDRLvT6rruVekZRIQjItoGCfjGgP27GtlCwKkX1lK">
                                        <span class="glyphicon "></span>&nbsp;World Pride
                                    </a>
                                </li>
                            
                        </ul>
                    </li>  
                
                
                    
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">admin<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                
                                    <li><a href="/gkEvent3/admin/index"><span class="glyphicon glyphicon-cog"></span> Administration</a></li>
                                
                                <li><a href="/gkEvent3/mypage/index "><span class="glyphicon glyphicon-list-alt"></span> My page</a></li>
                                <li class="divider"></li>
                                <li><a href="javascript:logout()"><i class="glyphicon glyphicon-log-out"></i>&nbsp;Logout</a></li>
                            </ul>
                        </li>
                    
                    
                
                 <ul class="nav navbar-nav navbar-right gk-navbar-notifications" style="margin-right: 10px;">
                  <li class="">
                    <div class="status-wrapper">
                        <button class="btn btn-default btn-sm btn-link" style="font-size:20px;">
                            <span class="glyphicon glyphicon-globe" id="gpsIcon"></span>
                        </button>
                    </div>
                </li>
                <li class="">
                    <div class="status-wrapper comments-badge">
                        <a href="/gkEvent3/mypage/index" class="btn btn-default btn-sm btn-link" style="font-size:20px;">
                            <span class="glyphicon glyphicon-comment"></span>
                        </a>
                        <span class="badge badge-notify">0</span>
                    </div>
                </li>
              </ul>
            </ul>
            </div><!--/.nav-collapse -->
    </div><!--/.container-fluid -->
</nav>   



        <div class="tab-content">
            


<div id="event_panel_Overview" class="tab-pane event_panel active">



    
        
            
            
            
        
    
        
            
            
            
        
    
        
            
            
            
        
    
        
            
            
            
        
    
        
            
            
            
        
    
        
            
            
            
        
    
        
            
            
            
        
    

    <div class="container-fluid">
        
        
            <div class="row">
                <div class="col-lg-12">
                    <div id="los_overview" class="panel panel-default">
  <div class="panel-heading">LoS</div>
  <div class="panel-body">
   
      
              <button  type="button" 
                       id="location_4" 
                       onClick="showLocationLoS(4); return false;"
                       class="locations btn btn-info location_4"
                       data-location="location_4">2000 Stortorget
              </button>

            <div class="modal fade" id="locationModal_4" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog location panel panel-default" id="location_4">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">
                            <div class="col-xs-12">                                
                                <i class="sign text-info glyphicon glyphicon-transfer  fa-2x">
                                </i>                            
                                <i class="sign text-success glyphicon glyphicon-ok  fa-2x hidden">
                                </i>
                                <i class="sign text-warning glyphicon glyphicon-warning-sign  fa-2x hidden">
                                </i>
                                <i class="sign text-danger glyphicon glyphicon-exclamation-sign  fa-2x hidden">
                                </i>
                                <span style="margin-top:-10px;">2000 Stortorget</span>
                            </div>
                        </h4>
                    </div>
                    <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table"  id="location_4_zones">
                            <thead>
                                <tr>
                                    <th width="100%">Zone</th>
                                    <th>LoS</th>
                                    <th>Atmo</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                    
                                    <tr class="zone zone_5" id="" data-lastUpdated="">
                                        <td class="zone_5_name"><a href="" onClick="openReport(5);return false;">Zon 2 - Tivoli N:a Vallgatan</a></td>
                                        <td class="zone_5_los">--</td>
                                        <td class="zone_5_at">--</td>
                                        <td class="zone_5_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_6" id="" data-lastUpdated="">
                                        <td class="zone_6_name"><a href="" onClick="openReport(6);return false;">Zon 3 - Rockstage</a></td>
                                        <td class="zone_6_los">--</td>
                                        <td class="zone_6_at">--</td>
                                        <td class="zone_6_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_7" id="" data-lastUpdated="">
                                        <td class="zone_7_name"><a href="" onClick="openReport(7);return false;">Zon 4 - Hamngatan</a></td>
                                        <td class="zone_7_los">--</td>
                                        <td class="zone_7_at">--</td>
                                        <td class="zone_7_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_8" id="" data-lastUpdated="">
                                        <td class="zone_8_name"><a href="" onClick="openReport(8);return false;">Zon 5 - Parkeringen Stortorget</a></td>
                                        <td class="zone_8_los">--</td>
                                        <td class="zone_8_at">--</td>
                                        <td class="zone_8_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_46" id="" data-lastUpdated="">
                                        <td class="zone_46_name"><a href="" onClick="openReport(46);return false;">Zon 6 - publikyta närmast scen</a></td>
                                        <td class="zone_46_los">--</td>
                                        <td class="zone_46_at">--</td>
                                        <td class="zone_46_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_47" id="" data-lastUpdated="">
                                        <td class="zone_47_name"><a href="" onClick="openReport(47);return false;">Zon 7 - övrig publikyta</a></td>
                                        <td class="zone_47_los">--</td>
                                        <td class="zone_47_at">--</td>
                                        <td class="zone_47_lastUpdated" nowrap></td>
                                    </tr>
                                
                            </tbody>                    
                        </table>
                    </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                
                    </div>
                </div>
            </div>   
        </div>
    
 
     
  
      
              <button  type="button" 
                       id="location_6" 
                       onClick="showLocationLoS(6); return false;"
                       class="locations btn btn-info location_6"
                       data-location="location_6">3000 GAT
              </button>

            <div class="modal fade" id="locationModal_6" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog location panel panel-default" id="location_6">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">
                            <div class="col-xs-12">                                
                                <i class="sign text-info glyphicon glyphicon-transfer  fa-2x">
                                </i>                            
                                <i class="sign text-success glyphicon glyphicon-ok  fa-2x hidden">
                                </i>
                                <i class="sign text-warning glyphicon glyphicon-warning-sign  fa-2x hidden">
                                </i>
                                <i class="sign text-danger glyphicon glyphicon-exclamation-sign  fa-2x hidden">
                                </i>
                                <span style="margin-top:-10px;">3000 GAT</span>
                            </div>
                        </h4>
                    </div>
                    <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table"  id="location_6_zones">
                            <thead>
                                <tr>
                                    <th width="100%">Zone</th>
                                    <th>LoS</th>
                                    <th>Atmo</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                    
                                    <tr class="zone zone_14" id="" data-lastUpdated="">
                                        <td class="zone_14_name"><a href="" onClick="openReport(14);return false;">Zon 8 - Södergatan närmast Stortorget</a></td>
                                        <td class="zone_14_los">--</td>
                                        <td class="zone_14_at">--</td>
                                        <td class="zone_14_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_15" id="" data-lastUpdated="">
                                        <td class="zone_15_name"><a href="" onClick="openReport(15);return false;">Zon 9 - Södergatan närmast GAT</a></td>
                                        <td class="zone_15_los">--</td>
                                        <td class="zone_15_at">--</td>
                                        <td class="zone_15_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_16" id="" data-lastUpdated="">
                                        <td class="zone_16_name"><a href="" onClick="openReport(16);return false;">Zon 10 - Foodtrucks norra GAT</a></td>
                                        <td class="zone_16_los">--</td>
                                        <td class="zone_16_at">--</td>
                                        <td class="zone_16_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_95" id="" data-lastUpdated="">
                                        <td class="zone_95_name"><a href="" onClick="openReport(95);return false;">Zon 11 - Mat västra sidan</a></td>
                                        <td class="zone_95_los">--</td>
                                        <td class="zone_95_at">--</td>
                                        <td class="zone_95_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_96" id="" data-lastUpdated="">
                                        <td class="zone_96_name"><a href="" onClick="openReport(96);return false;">Zon 12 - Mat södra sidan</a></td>
                                        <td class="zone_96_los">--</td>
                                        <td class="zone_96_at">--</td>
                                        <td class="zone_96_lastUpdated" nowrap></td>
                                    </tr>
                                    
                                    <tr class="zone zone_97" id="" data-lastUpdated="">
                                        <td class="zone_97_name"><a href="" onClick="openReport(97);return false;">Zon 13 - Gatuscenen & torgytan</a></td>
                                        <td class="zone_97_los">--</td>
                                        <td class="zone_97_at">--</td>
                                        <td class="zone_97_lastUpdated" nowrap></td>
                                    </tr>
                                
                            </tbody>                    
                        </table>
                    </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                
                    </div>
                </div>
            </div>   
        </div>
    
 
     
  
  </div>
</div>
                </div>
            </div>
                    
        <div class="row">
            
                <div class="col-lg-6">
                
                    <div class="panel panel-default">
  <div class="panel-heading">Flow</div>
  <div class="panel-body" id="overviewMessageList">
      
  </div>
</div>

    <div id="templateOverviewMessage" style="display: none;">
        <div class="message-plate" id="overviewMessageId_{message.id}">
            <div class="" >
                <h5><span class="glyphicon glyphicon-user" style="color:{message.user.color}"></span><b>&nbsp;{message.user.firstname}&nbsp;{message.user.lastname}</b></h5>
            </div>

            <div >
                <!--img src="/gkEvent3/api/controller/messages/{message.id}/image/?tokenId=$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" class="messageImage col-xs-12 col-sm-6 pull-left" onClick="showImage($(this));"/-->
                <small class="col-lg-12 p-t-5 media-body pull-left">
                    <span id="messageText_{message.id}">{message.message}</span>
                     <div class="hashtag-container">
                         <b>Hashtags:</b> <span id="hashtagText_{message.id}">{message.hashTag}</span>
                     </div>
                </small>
            </div> 
            <div class="row">
                <div class="pull-left">
                    <button type="button" onClick="$('#overviewMessagecomments_{message.id}').toggleClass('hidden');
                            $('#overviewMessagecomments_{message.id}_btn_icon').toggleClass('glyphicon-chevron-up glyphicon-play');
                            return false;" class="btn btn-default btn-xs" id="overviewMessagecomments_{message.id}_btn">
                            <i id="overviewMessagecomments_{message.id}_btn_icon" class="glyphicon glyphicon-play"></i>&nbsp;Comments (
                            <span id="overview_comments_{message.id}_nr">{message.comments.length}</span> )
                    </button>
                </div>
                <div class="pull-right">
                    <button type="button" class="btn btn-primary btn-xs follow-button" data-click-state="{message.followedByUser_state}">
                        <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;<span class="follow-text">{message.followedByUser_text}</span>
                    </button>
                </div>
            </div>                
            <div id="overviewMessagecomments_{message.id}" class="hidden well well-small row">
            </div>
        </div>
    </div>  
                
    <div id="templateComment" style="display: none;">
        <div class="panel" id="comment_id_{comment.id}">
            {comment.comment}<br>
            <div class="row">
               <div class="hashtag-container">
                   <div class="pull-left">
                        <b>Hashtags:</b> <span>{comment.hashTag}</span>
                   </div>
                   <div class="pull-right">
                       <div class="col-lg-6">1. <input type="checkbox" {comment.checkbox1} disabled="true"></div>
                       <div class="col-lg-6">2. <input type="checkbox" {comment.checkbox2} disabled="true"></div>
                   </div>

                </div>
            </div>
            <div class="row">
            <div class="pull-right">
                <div class="" >
                    <small class="pull-right time">{comment.user.firstname}&nbsp;{comment.user.lastname}&nbsp;-&nbsp;<i class="fa fa-clock-o"></i>{comment.created}</small>                    
                </div>
            </div>
            </div>
        </div>           
    </div>

                </div>
                       
            
                <div class="col-lg-6">
                
                <div class="panel panel-default">
  <div class="panel-heading">Comments</div>
  <div class="panel-body" id="overviewCommentList"></div>
</div>
                </div>
            
        </div>
    </div>
</div>




            
                
                        
                        
                        
                        
                        
                            
                                
                                
                                
                                
                                
                                
                            
                        
                    
            
                
                        


<div class="tab-pane event_panel container-fluid" id="event_panel_Flow">
    <input type="hidden" name="hashTagUrl" id="hashTagUrl" value="/gkEvent3/api/controller/hashtags">
    <div class="container-fluid">
        <button type="button" id="filterButton" class="btn btn-default pull-left" onClick="$(this).toggleClass('btn-default');
                        $('.filterPanel').toggleClass('hidden');
                        useFilter = !useFilter;
                        resetFilter();">
            Filter
        </button>
        
            
                <button type="button" class="btn btn-secondary pull-right" data-toggle="modal" data-target="#addMessageModal" onclick="
                            $('#sendMessageButton').show();
                            $('#updateMessageButton').hide();
                            $('#message').text('');
                            $('#taggedUsers option').attr('selected',false);
                            $('#taggedUsers').selectpicker('refresh');">
                    Add message
                </button>
            
        
        <div class="clearfix"></div>
    </div>
    <div class="p-t-15">

        <div class="filterPanel hidden" id="filterPanel">
        <form class="form-horizontal">
            <div class="form-group">
                <label class="control-label col-sm-1" for="filterUsers">Users</label>
	            <div class="col-sm-5">
	                <select id="filterUsers" name="filterUsers" class="selectpicker" multiple="" style="display: none;z-index: 24234322;">
	                    
	                        <option value="1">admin</option>
	                    
	                        <option value="80">Bjoost1</option>
	                    
	                        <option value="67">gina</option>
	                    
	                        <option value="72">hedindaniel</option>
	                    
	                        <option value="81">Hengul</option>
	                    
	                        <option value="22">JesperF</option>
	                    
	                        <option value="30">marco</option>
	                    
	                        <option value="29">oskkar</option>
	                    
	                        <option value="61">reb</option>
	                    
	                        <option value="82">REBNER1</option>
	                    
	                        <option value="13">roger</option>
	                    
	                        <option value="59">ROGERO</option>
	                    
	                        <option value="20">samband</option>
	                    
	                        <option value="74">samsamband</option>
	                    
	                        <option value="27">tor</option>
	                    
	                        <option value="76">Viking</option>
	                    
	                </select>
	            </div>
            </div>
            
        
            <div class="form-group">
                <label class="control-label col-sm-1" for="search-hashtag">Hashtag</label>
                <div class="col-sm-5">
                    <input class="form-control autocomplete" placeholder="Enter hashtag" id="search-hashtag" name="search-hashtag" />
                </div>
            </div>
            
            <div class="form-group">
                <label class="control-label col-sm-1" for="dateSelector">Date</label>
                <div class="col-sm-2">
	                <div class="input-group" id="dateSelector">
	                    <span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-th"></span></span>
	                    <input id="filterDateInput"  type="text" class="form-control" aria-describedby="basic-addon1">
	                </div>
                </div>
            </div>
            
            <div class="form-group">
                <label class="control-label col-sm-1" for="showButtons">Show</label>
                <div class="col-sm-5">
	                <div class="btn-group" data-toggle="buttons" id="showButtons">
	                    <label class="btn btn-default active">
	                        <input type="radio" name="showType" value="allMessage" checked> Text + Att.
	                    </label>
	                    <label class="btn btn-default">
	                        <input type="radio" name="showType" value="textOnly" > Text only
	                    </label>
	                    <label class="btn btn-default">
	                        <input type="radio" name="showType" value="attOnly"> Att. only
	                    </label>
	                </div>
                </div>
            </div>
            
            <div class="form-group">
                <label class="control-label col-sm-1" for="checklist">Checklist</label>
                <div class="col-sm-6">
	                <div class="btn-group" data-toggle="buttons" id="checklist">
	                    <label class="btn btn-default active">
	                        <input type="radio" name="checklist"  value="all" checked> All
	                    </label>
	                    <label class="btn btn-default">
	                        <input type="radio" name="checklist"  value="none" > None
	                    </label>
	
	                    <label class="btn btn-default">
	                        <input type="radio" name="checklist" value="check1" > Check 1 (all)
	                    </label>
	                    <label class="btn btn-default">
	                        <input type="radio" name="checklist" value="check1only" > Check 1 (only)
	                    </label>
	
	                    <label class="btn btn-default">
	                        <input type="radio" name="checklist" value="check2"> Check 2 (all)
	                    </label>
	                    <label class="btn btn-default">
	                        <input type="radio" name="checklist" value="check2only"> Check 2 (only)
	                    </label>
	
	                    <label class="btn btn-default">
	                        <input type="radio" name="checklist" value="both"> Both
	                    </label>
	                </div>
                </div>
            </div>
            <div class="clearfix"></div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="container-fluid">
            <div class="">
                <div id="messageList" >
                </div>
            </div>
        </div>
    </div>
    <div id="templateMessage" style="display: none;">
        <div class="message-plate" id="messageId_{message.id}">
            <div class="media-body" >
                <small class="pull-right p-t-5 time media-body"># {message.id}&nbsp;-&nbsp;<span class="fa fa-clock-o"></span>{message.created}
                    
                        <button type="button" class="btn btn-default btn-xs" onclick="deleteMessage({message.id})" >
                            <span class="glyphicon glyphicon-trash"></span>
                        </button>
                        <button type="button" class="btn btn-default btn-xs" onclick="showMessageModal({message.id})" >
                            <span class="glyphicon glyphicon-edit"></span>
                        </button>
                    
                </small>
                <h5><span class="glyphicon glyphicon-user" style="color:{message.user.color}"></span><b>&nbsp;{message.user.firstname}&nbsp;{message.user.lastname}</b></h5>
            </div>

            <div class="">
                <!--img src="/gkEvent3/api/controller/messages/{message.id}/image/?tokenId=$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" class="messageImage col-xs-12 col-sm-6 pull-left" onClick="showImage($(this));"/-->
                <small class="col-lg-12 p-t-5 media-body  pull-left">
                    <div class="message-containeranders">
                    <span id="messageText_{message.id}" class="message-containeranders">{message.message}</span>
                    </div>
                     <div class="hashtag-container">
                         <b>Hashtags:</b> <span id="hashtagText_{message.id}">{message.hashTag}</span>
                     </div>
                </small>
            </div> 
            <div class="row">
                <div class="pull-left">
                    
                        <button type="button" class="btn btn-default btn-xs" onClick="showCommentModal({message.id});">
                            <span class="glyphicon glyphicon-plus"></span> Comment
                        </button>
                    
                    <button type="button" onClick="$('#comments_{message.id}').toggleClass('hidden');
                            $('#comments_{message.id}_btn_icon').toggleClass('glyphicon-chevron-up glyphicon-play');
                            return false;" class="btn btn-default btn-xs" id="comments_{message.id}_btn">
                            <i id="comments_{message.id}_btn_icon" class="glyphicon glyphicon-play"></i>&nbsp;Comments (
                            <span id="comments_{message.id}_nr">{message.comments.length}</span> )
                    </button>
                </div>
                <div class="pull-right">
                    <button id="{message.id}" type="button" class="btn btn-primary btn-xs follow-button" data-click-state="{message.followedByUser_state}">
                        <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;<span class="follow-text">{message.followedByUser_text}</span>
                    </button>
                </div>
            </div>
            <div id="comments_{message.id}" class="hidden well well-small row">
            </div>
        </div>
    </div>
    <div id="templateComment" style="display: none;">
        <div class="panel" id="comment_id_{comment.id}">
            {comment.comment}<br>
            <div class="row">
               <div class="hashtag-container">
                   <div class="pull-left">
                        <b>Hashtags:</b> <span>{comment.hashTag}</span>
                   </div>
                   <div class="pull-right">
                       <div class="col-lg-6">1. <input type="checkbox" {comment.checkbox1} disabled="true"></div>
                       <div class="col-lg-6">2. <input type="checkbox" {comment.checkbox2} disabled="true"></div>
                   </div>

                </div>
            </div>
            <div class="row">
            <div class="pull-right">
                <div class="" >
                    <small class="pull-right time">{comment.user.firstname}&nbsp;{comment.user.lastname}&nbsp;-&nbsp;<i class="fa fa-clock-o"></i>{comment.created}</small>                    
                </div>
            </div>
            </div>
        </div>           
    </div>
    <div class="center-block text-center">
        <a class="btn btn-secondary" href="#" id="previousMessages" onClick="previousMessages();
                return false;"  role="button"><i class="glyphicon glyphicon-refresh"></i> Refresh
        </a>
        <img src="/gkEvent3/resources/images/ajax-loader.gif" id="loadingImage" class="hidden">
    </div>    
</div>


                        
                        
                        
                        
                    
            
                
                        
                        


<div id="event_panel_LoS" class="tab-pane event_panel container-fluid">
    <div class="row">
        <div class="pull-left">
            <a href="/gkEvent3/controller/reports/?tokenId=$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" target="_fullHistory">
                Full history
            </a>
        </div>
        <div class="pull-right">
            
                
                    <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#addReportModal">
                        Add report
                    </button>
                
            
        </div>
    </div>
    
        <div class="row p-t-15">
            <div class="los_table">
                <span class="button-checkbox">
                    <button type="button" class="btn btn-info"  data-location="all">All</button>
                    <input type="checkbox" class="hidden filterShowAll" checked/>
                </span>                
                
                    
                        <span class="button-checkbox">
                            <button type="button" id="location_4" class="locations btn btn-info location_4" data-location="location_4">2000 Stortorget</button>
                            <input type="checkbox" class="hidden filterCheckBox" />
                        </span>

                    
                
                    
                        <span class="button-checkbox">
                            <button type="button" id="location_6" class="locations btn btn-info location_6" data-location="location_6">3000 GAT</button>
                            <input type="checkbox" class="hidden filterCheckBox" />
                        </span>

                    
                
                <div class="table-responsive">
	                <table class="table reportTable">
	                    <thead>
	                        <tr>
	                            <th>Location</th>
	                            <th>Zone</th>
	                            <th>LoS</th>
	                            <th>Atmosphere</th>
	                            <th>Updated</th>
	                            <th>&nbsp;</th>
	                            <th>&nbsp;</th>
	                        </tr>                                                
	                    </thead>
	                    <tbody>
	                        
	                                
	                                <tr class="location_4 zone zone_5" id="zone_5">
	                                    <td>
	                                        <a href="#" onClick="openReport(5);return false;" >2000 Stortorget</a>
	                                    </td>
	                                    <td>Zon 2 - Tivoli N:a Vallgatan</td>
	                                    <td class="zone_5_los">--</td>
	                                    <td class="zone_5_at">--</td>
	                                    <td class="zone_5_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(4);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_5"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_4 zone zone_6" id="zone_6">
	                                    <td>
	                                        <a href="#" onClick="openReport(6);return false;" >2000 Stortorget</a>
	                                    </td>
	                                    <td>Zon 3 - Rockstage</td>
	                                    <td class="zone_6_los">--</td>
	                                    <td class="zone_6_at">--</td>
	                                    <td class="zone_6_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(4);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_6"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_4 zone zone_7" id="zone_7">
	                                    <td>
	                                        <a href="#" onClick="openReport(7);return false;" >2000 Stortorget</a>
	                                    </td>
	                                    <td>Zon 4 - Hamngatan</td>
	                                    <td class="zone_7_los">--</td>
	                                    <td class="zone_7_at">--</td>
	                                    <td class="zone_7_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(4);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_7"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_4 zone zone_8" id="zone_8">
	                                    <td>
	                                        <a href="#" onClick="openReport(8);return false;" >2000 Stortorget</a>
	                                    </td>
	                                    <td>Zon 5 - Parkeringen Stortorget</td>
	                                    <td class="zone_8_los">--</td>
	                                    <td class="zone_8_at">--</td>
	                                    <td class="zone_8_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(4);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_8"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_4 zone zone_46" id="zone_46">
	                                    <td>
	                                        <a href="#" onClick="openReport(46);return false;" >2000 Stortorget</a>
	                                    </td>
	                                    <td>Zon 6 - publikyta närmast scen</td>
	                                    <td class="zone_46_los">--</td>
	                                    <td class="zone_46_at">--</td>
	                                    <td class="zone_46_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(4);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_46"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_4 zone zone_47" id="zone_47">
	                                    <td>
	                                        <a href="#" onClick="openReport(47);return false;" >2000 Stortorget</a>
	                                    </td>
	                                    <td>Zon 7 - övrig publikyta</td>
	                                    <td class="zone_47_los">--</td>
	                                    <td class="zone_47_at">--</td>
	                                    <td class="zone_47_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(4);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_47"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                            
	                        
	                                
	                                <tr class="location_6 zone zone_14" id="zone_14">
	                                    <td>
	                                        <a href="#" onClick="openReport(14);return false;" >3000 GAT</a>
	                                    </td>
	                                    <td>Zon 8 - Södergatan närmast Stortorget</td>
	                                    <td class="zone_14_los">--</td>
	                                    <td class="zone_14_at">--</td>
	                                    <td class="zone_14_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(6);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_14"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_6 zone zone_15" id="zone_15">
	                                    <td>
	                                        <a href="#" onClick="openReport(15);return false;" >3000 GAT</a>
	                                    </td>
	                                    <td>Zon 9 - Södergatan närmast GAT</td>
	                                    <td class="zone_15_los">--</td>
	                                    <td class="zone_15_at">--</td>
	                                    <td class="zone_15_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(6);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_15"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_6 zone zone_16" id="zone_16">
	                                    <td>
	                                        <a href="#" onClick="openReport(16);return false;" >3000 GAT</a>
	                                    </td>
	                                    <td>Zon 10 - Foodtrucks norra GAT</td>
	                                    <td class="zone_16_los">--</td>
	                                    <td class="zone_16_at">--</td>
	                                    <td class="zone_16_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(6);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_16"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_6 zone zone_95" id="zone_95">
	                                    <td>
	                                        <a href="#" onClick="openReport(95);return false;" >3000 GAT</a>
	                                    </td>
	                                    <td>Zon 11 - Mat västra sidan</td>
	                                    <td class="zone_95_los">--</td>
	                                    <td class="zone_95_at">--</td>
	                                    <td class="zone_95_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(6);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_95"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_6 zone zone_96" id="zone_96">
	                                    <td>
	                                        <a href="#" onClick="openReport(96);return false;" >3000 GAT</a>
	                                    </td>
	                                    <td>Zon 12 - Mat södra sidan</td>
	                                    <td class="zone_96_los">--</td>
	                                    <td class="zone_96_at">--</td>
	                                    <td class="zone_96_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(6);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_96"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                                
	                                <tr class="location_6 zone zone_97" id="zone_97">
	                                    <td>
	                                        <a href="#" onClick="openReport(97);return false;" >3000 GAT</a>
	                                    </td>
	                                    <td>Zon 13 - Gatuscenen & torgytan</td>
	                                    <td class="zone_97_los">--</td>
	                                    <td class="zone_97_at">--</td>
	                                    <td class="zone_97_lastUpdated">--</td>
	                                    <td><a href="#" onClick="showHistory(6);
	                                                return false;" ><span class="glyphicon glyphicon-tasks pull-right"></span></a>
	                                    </td>
	                                    <td>
	                                        <button id="" data-id="" style="display:none" class="pull-right p_97"><span class="glyphicon glyphicon-comment"></span></button>
	                                    </td>
	                                </tr>
	                            
	                        
	                    </tbody>
	                </table>
                </div>
            </div>
        </div>
    
</div>

                        
                        
                        
                    
            
                
                        
                        
                        


<div class="tab-pane event_panel" id="event_panel_Comments">
    <div class="row">
        <div class="container-fluid">
            <div class="col-sm-12">
                <div id="commentList"></div>
            </div>
        </div>
    </div>
    <div id="templateLastComment" style="display: none;">        
        <div class="row m-b-15">
            <div class="col-lg-2">
                <button type="button" class="showMessage btn btn-secondary" onClick="showMessage({comment.messageId});
                return false;" >#{comment.messageId}
                </button>
            </div>
            <div class="col-lg-10">
                {comment.comment}<br /><br />
                <b>Hashtags:</b> <span>{comment.hashTag}</span>
                <br />
                1. <input type="checkbox" {comment.checkbox1} disabled="true">
                2. <input type="checkbox" {comment.checkbox2} disabled="true">
                <br />
                <small class="time">{comment.user.firstname}&nbsp;{comment.user.lastname}&nbsp;-&nbsp;<span class="fa fa-clock-o"></span>{comment.created}</small>
            </div>
        </div>
    </div>
    <form id="lastComments" action="/gkEvent3/api/controller/comments/refresh">
        <input type="hidden" name="" value=""  id="csrf"/>        
        <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId">        
        <input type="hidden" name="lastId" value="" id="commentsLastCommentId">
    </form>
</div>



                        
                        
                    
            
                
                        
                        
                        
                        
                        
                            
                                
                                    


<div class="tab-pane event_panel well" id="event_panel_Incident">
    <div class="template-wrapper container">
        <div class="row">
            <iframe src="http://89.3.16.122:8080" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:50px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
        </div>
    </div>
</div>
                                
                                
                                
                                
                                
                                
                            
                        
                    
            
                
                        
                        
                        
                        
                        
                            
                                
                                    


<div class="tab-pane event_panel well" id="event_panel_Cosafe">
    <div class="template-wrapper container">
        <div class="row">
            <iframe src="https://app.cosafe.se" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:50px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
        </div>
    </div>
</div>
                                
                                
                                
                                
                                
                                
                            
                        
                    
            
                
                        
                        
                        
                        
                        
                            
                                
                                    


<div class="tab-pane event_panel well" id="event_panel_Google">
    <div class="template-wrapper container">
        <div class="row">
            <iframe src="https://www.google.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:50px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
        </div>
    </div>
</div>
                                
                                
                                
                                
                                
                                
                            
                        
                    
            
        </div>


        <div class="modal fade bs-example-modal-lg" id="messageImageModal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Image</h4>
                    </div>
                    <div class="modal-body" >
                        <span id="modalImg" style="display: inline-block">
                            <img id="mimg" style="width:100%; height:100%; display: block;" src="">
                        </span>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="pull-left btn btn-default btn-number" onClick="flip(-1);">
                            <span class="glyphicon fa fa-undo"></span>
                        </button>
                        <button type="button" class="pull-left btn btn-default btn-number" onClick="flip(1);">
                            <span class="glyphicon fa fa-repeat"></span>
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>        
                    </div>

                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->   
        

<div id="errorMessage" class="hidden" style="z-index: 1">     
    <div id="inner-message" class="alert alert-danger" role="alert">Network error...  
    </div>
</div>
<div id="loading" class=" text-center hidden" style="z-index: 1" >                
    <div id="inner-message" class="alert alert-info" role="alert">
        <p><img src="/gkEvent3/resources/images/ajax-loader.gif"> Please Wait</p>
    </div>
</div>

<form action="/gkEvent3/logout" method="post" id="logoutForm">    
    <input type="hidden" name="" value=""/>
</form>     

<form id="sendUserLocationForm" action="/gkEvent3/api/controller/location" method="post">
    <input type="hidden" name="" value=""  id="csrf"/>
    <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId"> 
    <input type="hidden" name="latitude" value="55.5977597" id="latitude">
    <input type="hidden" name="longitude" value="13.0079665" id="longitude">
</form>    

<div class="modal fade" id="showMessage" role="dialog" aria-hidden="true" data-url="/gkEvent3/controller/message/">
    <div class="modal-dialog" id="showMessageContent">

    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal modal-lg fade" id="showHistory" role="dialog" aria-hidden="true" data-url="/gkEvent3/controller/reports/">
    <div class="modal-dialog modal-lg" id="showHistoryContent">

    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div id="lockScreen" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-body">
        <p><i class="icon-spinner icon-spin icon-4x"></i></p>
    </div>
</div>
<input type="hidden" name="event_lng" id="event_lng" value="13.0138206482">
<input type="hidden" name="event_lat" id="event_lat" value="55.5932854558">
<input type="hidden" name="event_zoom" id="event_zoom" value="13">
        









<div class="modal fade" id="addCommentModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content p10">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Comment</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <textarea id="commentArea" name="comment" class="form-control send-message" rows="3" placeholder="Write your comment here ..." ></textarea>
                </div>
                <hr>
                <div class="input-group p-t-5">
                    <span class="input-group-addon" id="basic-addon2">#</span>
                    <input id="hashTag-comment" name="hashTag-comment" value="" type="text" class="form-control" placeholder="#hashtag" aria-describedby="basic-addon2" />
                </div>
                <div class="p-t-5">
                    <select id="taggedUsersInComment" name="taggedUsersInComment" class="selectpicker" multiple title="Tag one or more users..." data-actions-box="true" data-width="100%">
                        
                            <option value="1">admin admin</option>
                        
                            <option value="80">Björn Östnäs</option>
                        
                            <option value="67">Gina Kling</option>
                        
                            <option value="72">Daniel Hedin</option>
                        
                            <option value="81">Henriette Gullstrand</option>
                        
                            <option value="22">Jesper Friberg</option>
                        
                            <option value="30">Marco Whittle</option>
                        
                            <option value="29">Oskar Karlsson</option>
                        
                            <option value="61">Rebecca Jakobsson</option>
                        
                            <option value="82">Rebecca Neroth</option>
                        
                            <option value="13">Roger Knutas</option>
                        
                            <option value="59">Roger Odeberger</option>
                        
                            <option value="20">Samband </option>
                        
                            <option value="74">Samband samordnare</option>
                        
                            <option value="27">Tor Olofsson</option>
                        
                            <option value="76">Fredrick Viking</option>
                        
                    </select>
                </div>
                <hr>
                <div class="checkbox p-t-5">
                    <label>
                        <input type="checkbox" id="commentCheckbox1"> Check 1
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="commentCheckbox2"> Check 2
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-secondary" onClick="sendComment();
                            return false;">Send</button>
            </div>
        </div>
    </div>
    <form id="commentForm" action="/gkEvent3/api/controller/messages/">
        <input type="hidden" name="" value=""  id="csrf"/>
        <input type="hidden" name="messageId" value="" id="commentMessageId">                        
        <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId">
        <input type="hidden" name="comment" value="" id="comment">
        <input type="hidden" name="checkbox1" value="" id="checkbox1">
        <input type="hidden" name="checkbox2" value="" id="checkbox2">
        <input type="hidden" name="lastCommentId" value="" id="lastCommentId">
        
    </form>
</div>

<div class="modal fade" id="addMessageModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content p10">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Message</h4>
            </div>
            <div class="modal-body">           
                <div class="row">
                    <form id="messageForm" action="/gkEvent3/api/controller/messages/">
                        <input type="hidden" name="" value="" id="csrf"/>
                        <input type="hidden" name="lastId" value="" id="lastId">
                        <input type="hidden" name="resultSize" value="" id="resultSize">
                        <input type="hidden" name="currentId" value="" id="currentId">
                        <input type="hidden" name="messageId" value="" id="currentMessageId">
                        <input type="hidden" name="show" value="" id="show">
                        <input type="hidden" name="checklist" value="" id="checklist">
                        <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId">
                        <input type="hidden" name="filterDate" value="" id="filterDate">
                        <input type="text" name="latitude-msg" value="" id="latitude-msg" style="display:none">
                        <input type="text" name="longitude-msg" value="" id="longitude-msg" style="display:none">
                        
                        
                        
                        
                            <textarea id="message" name="message" class="form-control send-message" placeholder="Write your message here ..." rows="6"></textarea>                        
                        
                        
                        <div class="input-group p-t-5">
                            <span class="input-group-addon" id="basic-addon1">#</span>
                            <input id="hashTag" name="hashTag" value="" type="text" class="form-control" placeholder="#hashtag" aria-describedby="basic-addon1" />
                        </div>
                        <div class="p-t-5">
                            <select id="taggedUsers" name="taggedUsers" class="selectpicker" multiple title="Tag one or more users..." data-actions-box="true" data-width="100%">
                                
                                    <option value="1">admin admin</option>
                                
                                    <option value="80">Björn Östnäs</option>
                                
                                    <option value="67">Gina Kling</option>
                                
                                    <option value="72">Daniel Hedin</option>
                                
                                    <option value="81">Henriette Gullstrand</option>
                                
                                    <option value="22">Jesper Friberg</option>
                                
                                    <option value="30">Marco Whittle</option>
                                
                                    <option value="29">Oskar Karlsson</option>
                                
                                    <option value="61">Rebecca Jakobsson</option>
                                
                                    <option value="82">Rebecca Neroth</option>
                                
                                    <option value="13">Roger Knutas</option>
                                
                                    <option value="59">Roger Odeberger</option>
                                
                                    <option value="20">Samband </option>
                                
                                    <option value="74">Samband samordnare</option>
                                
                                    <option value="27">Tor Olofsson</option>
                                
                                    <option value="76">Fredrick Viking</option>
                                
                            </select>
                        </div>
                        <div class="p-t-15">
                            <label for="file" id="fileLabel" class="btn btn-default send-message-btn col-lg-3 pull-left">
                                    <span>
                                        <span class="glyphicon glyphicon-paperclip"></span>&nbsp;Add Image</span>
                            </label>
                            <span id="fileinput">
                                <img id="previewImage" src="#" alt="your image"  class="col-xs-6 col-sm-6 hidden" />
                                <input type="file" name="file" id="file" style="display:none;" accept="image/*"/>
                            </span>
                            <span><b id="fileName"></b></span>
                            <div class="clearfix"></div>
                        </div>
                    </form>
                </div>
                
                    <div class="row">
                        <div class="panel panel-default m-t-15">
                            <div class="panel-heading" role="tab" id="los-panel">
                              <h4 class="panel-title">
                                <button class="btn btn-default" role="button" data-toggle="collapse" data-parent="#accordion" href="#los-msg" aria-expanded="true" aria-controls="collapseOne">
                                  Level of Service
                                </button>
                              </h4>
                            </div>
                            <div id="los-msg" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body">
                                <div class="row">
                                  <form id="reportForm-msg" action="/gkEvent3/api/controller/reports" method="post">
                                        <input type="hidden" name="" value=""  id="csrf"/>
                                        <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId">
                                        <input type="hidden" name="currentId" value="" id="currentReportId">
                                        <input type="hidden" name="msgId" value="" id="msgId">

                                        <select id="reportZoneList" name="zoneId" class="selectpicker show-tick col-xs-12 col-sm-12 p-t-5" data-show-subtext="true">
                                            
                                                
                                                    <optgroup label="2000 Stortorget">
                                                        
                                                            <option value="5" data-subtext="2000 Stortorget">Zon 2 - Tivoli N:a Vallgatan</option>
                                                        
                                                            <option value="6" data-subtext="2000 Stortorget">Zon 3 - Rockstage</option>
                                                        
                                                            <option value="7" data-subtext="2000 Stortorget">Zon 4 - Hamngatan</option>
                                                        
                                                            <option value="8" data-subtext="2000 Stortorget">Zon 5 - Parkeringen Stortorget</option>
                                                        
                                                            <option value="46" data-subtext="2000 Stortorget">Zon 6 - publikyta närmast scen</option>
                                                        
                                                            <option value="47" data-subtext="2000 Stortorget">Zon 7 - övrig publikyta</option>
                                                        
                                                    </optgroup>
                                                
                                            
                                                
                                                    <optgroup label="3000 GAT">
                                                        
                                                            <option value="14" data-subtext="3000 GAT">Zon 8 - Södergatan närmast Stortorget</option>
                                                        
                                                            <option value="15" data-subtext="3000 GAT">Zon 9 - Södergatan närmast GAT</option>
                                                        
                                                            <option value="16" data-subtext="3000 GAT">Zon 10 - Foodtrucks norra GAT</option>
                                                        
                                                            <option value="95" data-subtext="3000 GAT">Zon 11 - Mat västra sidan</option>
                                                        
                                                            <option value="96" data-subtext="3000 GAT">Zon 12 - Mat södra sidan</option>
                                                        
                                                            <option value="97" data-subtext="3000 GAT">Zon 13 - Gatuscenen & torgytan</option>
                                                        
                                                    </optgroup>
                                                
                                            
                                        </select>

                                        <div class="col-xs-12 col-sm-12 col-lg-6 p-t-5">
                                            <select name="levelOfServiceId" class="selectpicker" id="LevelOfService" data-width="100%">
                                                
                                                    <option value="1" data-content="<span class='text label label-success-3'>A</span>&nbsp;&nbsp;<small class='text-muted'>Utmärkt LoS</small>">A</option>
                                                
                                                    <option value="2" data-content="<span class='text label label-success-2'>B</span>&nbsp;&nbsp;<small class='text-muted'>Hög LoS</small>">B</option>
                                                
                                                    <option value="3" data-content="<span class='text label label-success'>C</span>&nbsp;&nbsp;<small class='text-muted'>Bra LoS</small>">C</option>
                                                
                                                    <option value="4" data-content="<span class='text label label-warning'>D</span>&nbsp;&nbsp;<small class='text-muted'>Tillräcklig LoS</small>">D</option>
                                                
                                                    <option value="5" data-content="<span class='text label label-danger'>E</span>&nbsp;&nbsp;<small class='text-muted'>Ej tillräcklig LoS</small>">E</option>
                                                
                                                    <option value="6" data-content="<span class='text label label-danger-2'>F</span>&nbsp;&nbsp;<small class='text-muted'>Oacceptabel LoS</small>">F</option>
                                                
                                            </select>
                                        </div>

                                        <div class="col-xs-12 col-sm-12 col-lg-6 p-t-5">
                                            <select name="atmosphereId" class="selectpicker" id="Atmosphere" data-width="100%">
                                                
                                                    <option value="1" data-content="<span class='text label label-success-3'>1</span>&nbsp;&nbsp;<small class='text-muted'>Stillsam stämning</small>">1</option>
                                                
                                                    <option value="2" data-content="<span class='text label label-success-2'>2</span>&nbsp;&nbsp;<small class='text-muted'>God stämning</small>">2</option>
                                                
                                                    <option value="3" data-content="<span class='text label label-success'>3</span>&nbsp;&nbsp;<small class='text-muted'>Generellt god stämning</small>">3</option>
                                                
                                                    <option value="4" data-content="<span class='text label label-warning'>4</span>&nbsp;&nbsp;<small class='text-muted'>Negativ stämning</small>">4</option>
                                                
                                                    <option value="5" data-content="<span class='text label label-danger'>5</span>&nbsp;&nbsp;<small class='text-muted'>Hätsk stämning</small>">5</option>
                                                
                                                    <option value="6" data-content="<span class='text label label-danger-2'>6</span>&nbsp;&nbsp;<small class='text-muted'>Uppgvigling stämning</small>">6</option>
                                                
                                            </select>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="
                            $('#sendMessageButton').show();
                            $('#updateMessageButton').hide();
                            $('#message').val('');">Close
                </button>

                <a href="" id="sendMessageButton" class="col-lg-4 text-right btn btn-secondary pull-right" onClick="sendMessage();
                            $('html, body').animate({scrollTop: 0}, 'slow');
                            return false;">Send
                </a>
                <a href="" id="updateMessageButton" class="col-lg-4 text-right btn btn-secondary pull-right" onClick="updateMessage();
                            $('html, body').animate({scrollTop: 0}, 'slow');
                            $('#addMessageModal').modal('hide');
                            return false;">Update
                </a>
            </div>
        </div>
    </div>   
</div>






    
    
        <div class="modal fade" id="locationModal_4" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog location panel panel-default" id="location_4">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">
                            <div class="col-xs-12">                                
                                <i class="sign text-info glyphicon glyphicon-transfer  fa-2x">
                                </i>                            
                                <i class="sign text-success glyphicon glyphicon-ok  fa-2x hidden">
                                </i>
                                <i class="sign text-warning glyphicon glyphicon-warning-sign  fa-2x hidden">
                                </i>
                                <i class="sign text-danger glyphicon glyphicon-exclamation-sign  fa-2x hidden">
                                </i>
                                <span style="margin-top:-10px;">2000 Stortorget</span>
                            </div>
                        </h4>
                    </div>
                    <div class="modal-body">
                        <table class="table"  id="location_4_zones">
                            <thead>
                                <tr>
                                    <th width="100%">Zone</th>
                                    <th>LoS</th>
                                    <th>Atmo</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                    
                                    <tr class="zone zone_5" id="" data-lastUpdated="">
                                        <td class="zone_5_name"><a href="" onClick="openReport(5);return false;">Zon 2 - Tivoli N:a Vallgatan</a></td>
                                        <td class="zone_5_los">--</td>
                                        <td class="zone_5_at">--</td>
                                        <td class="zone_5_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_5"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_6" id="" data-lastUpdated="">
                                        <td class="zone_6_name"><a href="" onClick="openReport(6);return false;">Zon 3 - Rockstage</a></td>
                                        <td class="zone_6_los">--</td>
                                        <td class="zone_6_at">--</td>
                                        <td class="zone_6_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_6"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_7" id="" data-lastUpdated="">
                                        <td class="zone_7_name"><a href="" onClick="openReport(7);return false;">Zon 4 - Hamngatan</a></td>
                                        <td class="zone_7_los">--</td>
                                        <td class="zone_7_at">--</td>
                                        <td class="zone_7_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_7"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_8" id="" data-lastUpdated="">
                                        <td class="zone_8_name"><a href="" onClick="openReport(8);return false;">Zon 5 - Parkeringen Stortorget</a></td>
                                        <td class="zone_8_los">--</td>
                                        <td class="zone_8_at">--</td>
                                        <td class="zone_8_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_8"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_46" id="" data-lastUpdated="">
                                        <td class="zone_46_name"><a href="" onClick="openReport(46);return false;">Zon 6 - publikyta närmast scen</a></td>
                                        <td class="zone_46_los">--</td>
                                        <td class="zone_46_at">--</td>
                                        <td class="zone_46_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_46"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_47" id="" data-lastUpdated="">
                                        <td class="zone_47_name"><a href="" onClick="openReport(47);return false;">Zon 7 - övrig publikyta</a></td>
                                        <td class="zone_47_los">--</td>
                                        <td class="zone_47_at">--</td>
                                        <td class="zone_47_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_47"></i></button>
                                        </td>
                                    </tr>
                                
                            </tbody>                    
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                
                    </div>
                </div>
            </div>   
        </div>
    
    
    
        <div class="modal fade" id="locationModal_6" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog location panel panel-default" id="location_6">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">
                            <div class="col-xs-12">                                
                                <i class="sign text-info glyphicon glyphicon-transfer  fa-2x">
                                </i>                            
                                <i class="sign text-success glyphicon glyphicon-ok  fa-2x hidden">
                                </i>
                                <i class="sign text-warning glyphicon glyphicon-warning-sign  fa-2x hidden">
                                </i>
                                <i class="sign text-danger glyphicon glyphicon-exclamation-sign  fa-2x hidden">
                                </i>
                                <span style="margin-top:-10px;">3000 GAT</span>
                            </div>
                        </h4>
                    </div>
                    <div class="modal-body">
                        <table class="table"  id="location_6_zones">
                            <thead>
                                <tr>
                                    <th width="100%">Zone</th>
                                    <th>LoS</th>
                                    <th>Atmo</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                    
                                    <tr class="zone zone_14" id="" data-lastUpdated="">
                                        <td class="zone_14_name"><a href="" onClick="openReport(14);return false;">Zon 8 - Södergatan närmast Stortorget</a></td>
                                        <td class="zone_14_los">--</td>
                                        <td class="zone_14_at">--</td>
                                        <td class="zone_14_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_14"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_15" id="" data-lastUpdated="">
                                        <td class="zone_15_name"><a href="" onClick="openReport(15);return false;">Zon 9 - Södergatan närmast GAT</a></td>
                                        <td class="zone_15_los">--</td>
                                        <td class="zone_15_at">--</td>
                                        <td class="zone_15_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_15"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_16" id="" data-lastUpdated="">
                                        <td class="zone_16_name"><a href="" onClick="openReport(16);return false;">Zon 10 - Foodtrucks norra GAT</a></td>
                                        <td class="zone_16_los">--</td>
                                        <td class="zone_16_at">--</td>
                                        <td class="zone_16_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_16"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_95" id="" data-lastUpdated="">
                                        <td class="zone_95_name"><a href="" onClick="openReport(95);return false;">Zon 11 - Mat västra sidan</a></td>
                                        <td class="zone_95_los">--</td>
                                        <td class="zone_95_at">--</td>
                                        <td class="zone_95_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_95"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_96" id="" data-lastUpdated="">
                                        <td class="zone_96_name"><a href="" onClick="openReport(96);return false;">Zon 12 - Mat södra sidan</a></td>
                                        <td class="zone_96_los">--</td>
                                        <td class="zone_96_at">--</td>
                                        <td class="zone_96_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_96"></i></button>
                                        </td>
                                    </tr>
                                    
                                    <tr class="zone zone_97" id="" data-lastUpdated="">
                                        <td class="zone_97_name"><a href="" onClick="openReport(97);return false;">Zon 13 - Gatuscenen & torgytan</a></td>
                                        <td class="zone_97_los">--</td>
                                        <td class="zone_97_at">--</td>
                                        <td class="zone_97_lastUpdated" nowrap>--</td>
                                         <td>
                                            <button id="" data-id="" ><i class="glyphicon glyphicon-comment p_97"></i></button>
                                        </td>
                                    </tr>
                                
                            </tbody>                    
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                
                    </div>
                </div>
            </div>   
        </div>
    
  

    <div class="modal fade" id="addReportModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myReportModalLabel">Report</h4>
                </div>
                <div class="modal-body">
                    <form id="reportForm" action="/gkEvent3/api/controller/reports" method="post">
                        <input type="hidden" name="" value=""  id="csrf"/>
                        <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId"> 
                        <input type="hidden" name="currentId" value="" id="currentReportId">
                        <input type="hidden" name="msgId" value="" id="reportMessageId">

                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <select id="reportZoneList" name="zoneId" class="selectpicker show-tick" data-show-subtext="true" data-width="100%" multiple>
                                    
                                        
                                            <optgroup label="2000 Stortorget">
                                                
                                                    <option value="5" data-subtext="2000 Stortorget">Zon 2 - Tivoli N:a Vallgatan</option>
                                                
                                                    <option value="6" data-subtext="2000 Stortorget">Zon 3 - Rockstage</option>
                                                
                                                    <option value="7" data-subtext="2000 Stortorget">Zon 4 - Hamngatan</option>
                                                
                                                    <option value="8" data-subtext="2000 Stortorget">Zon 5 - Parkeringen Stortorget</option>
                                                
                                                    <option value="46" data-subtext="2000 Stortorget">Zon 6 - publikyta närmast scen</option>
                                                
                                                    <option value="47" data-subtext="2000 Stortorget">Zon 7 - övrig publikyta</option>
                                                
                                            </optgroup>
                                        
                                    
                                        
                                            <optgroup label="3000 GAT">
                                                
                                                    <option value="14" data-subtext="3000 GAT">Zon 8 - Södergatan närmast Stortorget</option>
                                                
                                                    <option value="15" data-subtext="3000 GAT">Zon 9 - Södergatan närmast GAT</option>
                                                
                                                    <option value="16" data-subtext="3000 GAT">Zon 10 - Foodtrucks norra GAT</option>
                                                
                                                    <option value="95" data-subtext="3000 GAT">Zon 11 - Mat västra sidan</option>
                                                
                                                    <option value="96" data-subtext="3000 GAT">Zon 12 - Mat södra sidan</option>
                                                
                                                    <option value="97" data-subtext="3000 GAT">Zon 13 - Gatuscenen & torgytan</option>
                                                
                                            </optgroup>
                                        
                                    
                                </select>
                            </div>
                        </div>
                        <div class="row p-t-5">
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <select name="levelOfServiceId" class="selectpicker "  id="LevelOfService" data-width="100%">
                                    
                                        <option value="1" data-content="<span class='text label label-success-3'>A</span>&nbsp;&nbsp;<small class='text-muted'>Utmärkt LoS</small>">A</option>
                                    
                                        <option value="2" data-content="<span class='text label label-success-2'>B</span>&nbsp;&nbsp;<small class='text-muted'>Hög LoS</small>">B</option>
                                    
                                        <option value="3" data-content="<span class='text label label-success'>C</span>&nbsp;&nbsp;<small class='text-muted'>Bra LoS</small>">C</option>
                                    
                                        <option value="4" data-content="<span class='text label label-warning'>D</span>&nbsp;&nbsp;<small class='text-muted'>Tillräcklig LoS</small>">D</option>
                                    
                                        <option value="5" data-content="<span class='text label label-danger'>E</span>&nbsp;&nbsp;<small class='text-muted'>Ej tillräcklig LoS</small>">E</option>
                                    
                                        <option value="6" data-content="<span class='text label label-danger-2'>F</span>&nbsp;&nbsp;<small class='text-muted'>Oacceptabel LoS</small>">F</option>
                                    
                                </select>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <select name="atmosphereId" class="selectpicker"  id="Atmosphere" data-width="100%">
                                    
                                        <option value="1" data-content="<span class='text label label-success-3'>1</span>&nbsp;&nbsp;<small class='text-muted'>Stillsam stämning</small>">1</option>
                                    
                                        <option value="2" data-content="<span class='text label label-success-2'>2</span>&nbsp;&nbsp;<small class='text-muted'>God stämning</small>">2</option>
                                    
                                        <option value="3" data-content="<span class='text label label-success'>3</span>&nbsp;&nbsp;<small class='text-muted'>Generellt god stämning</small>">3</option>
                                    
                                        <option value="4" data-content="<span class='text label label-warning'>4</span>&nbsp;&nbsp;<small class='text-muted'>Negativ stämning</small>">4</option>
                                    
                                        <option value="5" data-content="<span class='text label label-danger'>5</span>&nbsp;&nbsp;<small class='text-muted'>Hätsk stämning</small>">5</option>
                                    
                                        <option value="6" data-content="<span class='text label label-danger-2'>6</span>&nbsp;&nbsp;<small class='text-muted'>Uppgvigling stämning</small>">6</option>
                                    
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">Skicka SMS till gruppen</label>
                                <div class="col-sm-9">
                                    <input type="checkbox" name="sms" value="yes" id="sms">
                                </div>
                            </div>
                        </div>
                    </form>
                    <hr />
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <form id="reportGetMessageForm" action="/gkEvent3/api/controller/messages" method="get"></form>
                            <div class="input-group">
                                <span class="input-group-addon">#</span>
                                <input id="loadReportMessageId" name="loadReportMessageId" value="" type="text" class="form-control" aria-label="Message ID">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" onClick="getMessageForReportMapping();">Search</button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="row p-t-15" style="text-align: left">
                        <div id="invalidNumber" class="hidden label label-danger">Invalid id-number</div>
                        <div id="mappedMessageToReport" class="hidden"></div>
                    </div>
                </div>
                <div class="modal-footer">                    
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                
                            <input type="button" name="Send" value="Send" class="btn btn-secondary pull-right" onClick="sendReport();
                                $('#addReportModal').modal('hide');
                                return false;">                                                          
                        </div>
                    </div>
                </div>
            </div>
        </div>   
    </div>

                                
                                
    <div id="templateMessageReportZone" style="display: none;">
        <div class="message-plate" id="messageId_{message.id}">
            <div class="" >
                <small class="pull-right time"># {message.id}&nbsp;-&nbsp;<i class="fa fa-clock-o"></i>{message.created}</small>
                <h5><i class="glyphicon glyphicon-user" style="color:{message.user.color}"></i><b>{message.user.firstname}&nbsp;{message.user.lastname}</b></h5>
            </div>

            <div class="">
                <!--img src="/gkEvent3/api/controller/messages/{message.id}/image/?tokenId=$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" class="messageImage col-xs-12 col-sm-6 pull-left" onClick="showImage($(this));"/-->
                <small class="col-lg-12 pull-left">                        
                    <span id="messageText_{message.id}">{message.message}</span>
                     <div class="hashtag-container">
                         <b>hashtags:</b> <span id="hashtagText_{message.id}">{message.hashTag}</span>
                     </div>
                </small>
            </div>                 
            <div id="commentsZoneReport" class=" well well-small row">
            </div>
        </div>
    </div>
                
    <div id="templateZoneReportComment" style="display: none;">
        <div class="panel">
            {comment.comment}<br>
            <div class="row">
               <div class="hashtag-container">
                   <div class="pull-left">
                        <b>hashtags:</b> <span>{comment.hashTag}</span>
                   </div>
                   <div class="pull-right">
                       <div class="col-lg-6">1. <input type="checkbox" {comment.checkbox1} disabled="true"></div>
                       <div class="col-lg-6">2. <input type="checkbox" {comment.checkbox2} disabled="true"></div>
                   </div>

                </div>
            </div>
            <div class="row">
            <div class="pull-right">
                <div class="" >
                    <small class="pull-right time">{comment.user.firstname}&nbsp;{comment.user.lastname}&nbsp;-&nbsp;<i class="fa fa-clock-o"></i>{comment.created}</small>                    
                </div>
            </div>
            </div>
        </div>           
    </div>                







<div class="modal fade" id="addIncidentModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Incident report</h4>
            </div>
            <div class="modal-body">                
                <form id="incidentForm" action="/gkEvent3/api/controller/incident/">
                    <input type="hidden" name="" value=""  id="csrf"/>
                    <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId">                    
                    <div class='form-row'>
                        <div class='col-xs-12 form-group'>
                            <label for="name">Reported by:</label>
                            <input type="name" class="form-control" id="name">
                        </div>
                    </div>
                    <div class='form-row'>
                        <div class="col-xs-12 form-group">
                            <label for="userType">User type:</label>
                            <select id="userType" class="form-control">
                                <option value="1">Management</option>
                                <option value="2">Security Guard</option>
                                <option value="3">Other</option>
                            </select>
                        </div>
                    </div>
                    <div class='form-row'>                        
                        <div class='col-xs-6 form-group'>                             
                            <b>Date</b>
                            <div class="input-group">
                                <span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-th"></span></span>                                
                                <input id="incidentDate"  type="text" class="form-control" aria-describedby="basic-addon1">
                            </div>
                        </div>
                        <div class='col-xs-6 form-group'>
                            <label class='control-label'>Time</label>
                            <div id="datetimepicker3" class="input-append">
                                <input data-format="hh:mm:ss" type="text" />
                                <span class="add-on">
                                    <i data-time-icon="icon-time" data-date-icon="icon-calendar">
                                    </i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class='form-row'>
                        <div class="form-group col-xs-12">
                            <b>Type</b><br>

                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="1">Inbrott/intrång</label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="2">Stöld </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="3">Skadegörelse/klotter </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="4">Hot </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="5">Drogrelaterad/LOB </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="6">Olycka/sjukdom </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="7">Väderrelaterat </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="8">Upphittat/borttappat </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="9">Trakasserier/kränkning </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="10">Brand/gasolrelaterat </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="11">Avvisning/PLI3 </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="12">Våld/slagsmål </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="13">Byggrelaterat </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="14">Trafikrelaterat </label>
                            <label class="checkbox-inline col-lg-4"><input type="checkbox" value="15">Annat </label>
                        </div>
                    </div>
                    <div class='form-row'>

                        <div class="form-group col-xs-12">
                            <label for="description">Description</label>
                            <textarea id="description" name="message" class="form-control send-message" rows="4" placeholder="Description..." ></textarea>
                        </div>
                    </div>
                    <div class='form-row '>
                        <div class="form-group col-xs-12">
                            <label for="action">Action</label>
                            <textarea id="action" name="action" class="form-control send-message" rows="4" placeholder="Description..." ></textarea>
                        </div>
                    </div>
                    <div class='form-row'>
                        <div class="form-group col-xs-12">
                            <label for="solution">Suggested solution</label>
                            <textarea id="solution" name="solution" class="form-control send-message" rows="4" placeholder="Description..." ></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                

                <a href="" class=" col-lg-4 text-right btn   btn btn-secondary pull-right"  onClick="
                        $('#addIncidentModal').modal('hide');
                        return false;">Send</a>
            </div>
        </div>
    </div>   
</div>

<div class="modal  modal-lg  fade bs-example-modal-lg" id="messageImageModal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" >
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Image</h4>
            </div>
            <div class="modal-body">
                <img id="mimg" style="width:100%; height:100%;" src="">
            </div>
            <div class="modal-footer">
                <button type="button" class="pull-left btn btn-default btn-number" onClick="flip(-1);">
                    <span class="glyphicon fa fa-undo"></span>
                </button>
                <button type="button" class="pull-left btn btn-default btn-number" onClick="flip(1);">
                    <span class="glyphicon fa fa-repeat"></span>
                </button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>        
            </div>

        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->       
        
<script src="/gkEvent3/resources/js/jquery-1.11.2.min.js" ></script>        
<script src="/gkEvent3/resources/js/jquery-ui.js" ></script>
<script src="/gkEvent3/resources/bootstrap/js/bootstrap.min.js" ></script>        
<script src="/gkEvent3/resources/bootstrap/js/bootbox.min.js"></script>
<script src="/gkEvent3/resources/bootstrap/js/bootstrap-select.min.js" ></script> 
<script src="/gkEvent3/resources/bootstrap/js/bootstrap-slider.js" ></script>        
<script src="/gkEvent3/resources/vendors/datatables/js/jquery.dataTables.min.js"></script>
<script src="/gkEvent3/resources/vendors/datatables/dataTables.bootstrap.js"></script>    
<script src="/gkEvent3/resources/js/bootstrap-datepicker.js"></script>    
<script src="/gkEvent3/resources/js/bootstrap-datetimepicker.min.js"></script>  
<script src="/gkEvent3/resources/vendors/jquery.zoom.min.js"></script>  

<link href="/gkEvent3/resources/css/select2.min.css" rel="stylesheet"/>
<script src="/gkEvent3/resources/js/select2.min.js"></script>

<script src="/gkEvent3/resources/js/general.js" ></script>
<script src="/gkEvent3/resources/js/jquery.mjs.nestedSortable.js" ></script>


        <form id="hashTagForm" action="/gkEvent3/api/controller/hashtags/">
            <input type="hidden" name="" value=""  id="csrf"/>
            <input type="hidden" name="tokenId" value="$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS" id="tokenId">
        </form>

        <script src="/gkEvent3/resources/js/message.js" ></script>        
        <script src="/gkEvent3/resources/js/report.js" ></script>
        <script src="/gkEvent3/resources/js/comments.js" ></script>
        <script src="/gkEvent3/resources/js/geoUserLocations.js" ></script>
        <script src="/gkEvent3/resources/js/reportManager.js" ></script>
        <script src="/gkEvent3/resources/js/sendLocation.js" ></script>  
        <script>
            $(function () {
                $('#incidentDate').datepicker({
                    format: "yyyy-mm-dd",
                    clearBtn: true,
                    autoclose: true,
                    todayHighlight: true
                });
            });
        </script>
    </body>
</html>