Untitled
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> 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> Malmöfestivalen </a> </li> <li data-id="28" > <a href="/gkEvent3/desktop/?tokenId=$2a$10$iC0Udaw4myoSUggvLXvqn.8Ts5CEMBjEWQPnMB/45Y7Dv5ueCPnQa"> <span class="glyphicon "></span> Malmöfestivalen 2022 </a> </li> <li data-id="29" > <a href="/gkEvent3/desktop/?tokenId=$2a$10$y8ClYaWIh6lLQiVHdWdfM.9IBzoCJuu1M5O4FYfhZGlBwqn279B5q"> <span class="glyphicon "></span> Malmöfestivalen 2023 </a> </li> <li data-id="13" > <a href="/gkEvent3/desktop/?tokenId=$2a$10$a74RPYGGC.zvSqa0rJtbo.NwQKaAdfIu0ku4LN8Nvc2h1REEsRROu"> <span class="glyphicon "></span> SmsTest </a> </li> <li data-id="18" class='active'> <a href="/gkEvent3/desktop/?tokenId=$2a$10$SZb1QlOkjdTLBmtICuLYeuajkUrt20ivlQcOvaDLIcbMIRmloq6nS"> <span class="glyphicon glyphicon-ok"></span> Testevent festivalen </a> </li> <li data-id="27" > <a href="/gkEvent3/desktop/?tokenId=$2a$10$fIGr0/g9XGxSlDRLvT6rruVekZRIQjItoGCfjGgP27GtlCwKkX1lK"> <span class="glyphicon "></span> 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> 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">×</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">×</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> {message.user.firstname} {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> 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> <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} {comment.user.lastname} - <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} - <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> {message.user.firstname} {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> 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> <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} {comment.user.lastname} - <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> </th> <th> </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} {comment.user.lastname} - <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">×</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">×</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">×</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> 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> <small class='text-muted'>Utmärkt LoS</small>">A</option> <option value="2" data-content="<span class='text label label-success-2'>B</span> <small class='text-muted'>Hög LoS</small>">B</option> <option value="3" data-content="<span class='text label label-success'>C</span> <small class='text-muted'>Bra LoS</small>">C</option> <option value="4" data-content="<span class='text label label-warning'>D</span> <small class='text-muted'>Tillräcklig LoS</small>">D</option> <option value="5" data-content="<span class='text label label-danger'>E</span> <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> <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> <small class='text-muted'>Stillsam stämning</small>">1</option> <option value="2" data-content="<span class='text label label-success-2'>2</span> <small class='text-muted'>God stämning</small>">2</option> <option value="3" data-content="<span class='text label label-success'>3</span> <small class='text-muted'>Generellt god stämning</small>">3</option> <option value="4" data-content="<span class='text label label-warning'>4</span> <small class='text-muted'>Negativ stämning</small>">4</option> <option value="5" data-content="<span class='text label label-danger'>5</span> <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> <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">×</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">×</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">×</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> <small class='text-muted'>Utmärkt LoS</small>">A</option> <option value="2" data-content="<span class='text label label-success-2'>B</span> <small class='text-muted'>Hög LoS</small>">B</option> <option value="3" data-content="<span class='text label label-success'>C</span> <small class='text-muted'>Bra LoS</small>">C</option> <option value="4" data-content="<span class='text label label-warning'>D</span> <small class='text-muted'>Tillräcklig LoS</small>">D</option> <option value="5" data-content="<span class='text label label-danger'>E</span> <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> <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> <small class='text-muted'>Stillsam stämning</small>">1</option> <option value="2" data-content="<span class='text label label-success-2'>2</span> <small class='text-muted'>God stämning</small>">2</option> <option value="3" data-content="<span class='text label label-success'>3</span> <small class='text-muted'>Generellt god stämning</small>">3</option> <option value="4" data-content="<span class='text label label-warning'>4</span> <small class='text-muted'>Negativ stämning</small>">4</option> <option value="5" data-content="<span class='text label label-danger'>5</span> <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> <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} - <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} {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} {comment.user.lastname} - <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">×</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">×</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>