<commit_before><!-- User maps -->

<% content_for :head do %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<% end %>

<body data-controller="<%= controller.controller_name %>" data-action="<%= controller.action_name %>">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://domoritz.github.io/leaflet-locatecontrol/dist/L.Control.Locate.min.css" />

<div id="main-container">
  <!--[if IE]><script src="/assets/Delicious.font.js"></script><![endif]-->

  <link href='http://fonts.googleapis.com/css?family=Plaster' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'>

  <!--nav-->
 <nav id="mappingNavbar" class="bg-blue" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
          <p class="navbar-text visible-xs-inline-block"><span id="floor_info" title="Expand right menu to change library and floor"></span></p>
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <img class="logo" src="/assets/logo-01.png" title="University of Edinburgh Library Maps" alt="University of Edinburgh Library Maps">

        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right ">
              <li>
                <a class="white-font" id="compass_btn" href="javascript:;" alt="Show Direction" title="Show Direction"><i class="fa fa-compass" aria-hidden="true"></i> Direction</a>
              </li>
              <li><a class="white-font" id="libraries-and-floors" href="javascript:;"  alt="Show Direction" title="Show Direction"><span class="glyphicon glyphicon-search"></span>Find</a></li>
              <% if @qr %>
                  <li><a class="white-font" id="qr-code" href="javascript:;" alt="Show Direction" title="Show Direction"><span class="glyphicon glyphicon glyphicon-phone"></span>Get on mobile</a></li>
              <% end %>
              <li><%= link_to '<span class="glyphicon glyphicon-send"></span>Feedback'.html_safe, {controller: "map_display", action: "feedback"}, class: "white-font", data: { no_turbolink: true } %></li>
              <li><%= link_to '<i class="fa fa-question" aria-hidden="true"></i>&nbsp;FAQ'.html_safe, {controller: "map_display", action: "faq"}, class: "white-font", data: { no_turbolink: true } %></li>

            </ul>
              <ul class="nav navbar-nav navbar-left">
                <li class="dropdown top_drop">
                  <a href="#" class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"
                      aria-expanded="true" id="library_option_btn">Library
                    <span class="caret"></span></a>
                  <ul class="dropdown-menu" id="library_option">
                    <li value="main"><a href="#" data-value="main">Main Library</a></li>
                    <li value="murray"><a href="#" data-value="murray">Murray Library</a></li>
                  </ul>
                </li>
                <li>
                  <a href="#" class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true" id="floor_btn">Floor
                  <span class="caret"></span></a>
                  <ul class="dropdown-menu" id="floor_buttons">
                  </ul>
                </li>
              </ul>
        </div>
   </div>
  </nav>
  <div class="navbar-collapse optionsTopBar" <% if @elements %> style="display: none;" <% end %>>

  <div class="col-xs-12 col-sm-6 label-style">
    <label> Find on floor:</label>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=print" alt="Printers" title="Printers">Printers</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=toilet" alt="Toilets" title="Toilets">Toilets</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=groupstudy" alt="Group study" title="Group study">Group study</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=recent" alt="Recent Returns" title="Recent returns">Recent returns</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=lift" alt="Lifts" title="Lifts">Lifts</a>

  </div>
    <% if @title %>
      <label> Title: </label>
      <span><%= @title %></span>
    <% end %>

    <% if @author %>
      <label> Author: </label>
      <span><%= @author %></span>
    <% end %>
  </div>

  <div id="qr-container">
    <% if @qr %>
      <%= raw @qr.as_html %>
    <% end %>
    <div>Scan the QR Code <br> using your mobile device! </div>
  </div>

<!--Image map canvas-->
<div id="image-map" class="<% unless @elements %> image-map-open <% end %>">
  <div id="compass">
    <div class="compass-up">
        <span class="compass"><i class="fa fa-chevron-up" aria-hidden="true"></i> North</span><br>
    </div>
    <div class="compass-down">
      <span class="compass"><i class="fa fa-chevron-down" aria-hidden="true"></i> South</span>
    </div>
  </div>
</div>

<div id="help-info">
  <div id="help-info-text">
    Have you found your book yet?
  </div>
  <a href="#" id="help-info-yes">
  <div class="bottom-menu">
    Yes!
  </div>
  </a>
  <a href="#" id="help-info-not-yet">
  <div class="bottom-menu">
    Not yet...
  </div>
  </a>
  <a href="#">
  <div class="bottom-menu" id="help-info-no">
    I cannot find it<commit_msg>Change North and South to be library dependent #39<commit_after><!-- User maps -->

<% content_for :head do %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<% end %>

<body data-controller="<%= controller.controller_name %>" data-action="<%= controller.action_name %>">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://domoritz.github.io/leaflet-locatecontrol/dist/L.Control.Locate.min.css" />

<div id="main-container">
  <!--[if IE]><script src="/assets/Delicious.font.js"></script><![endif]-->

  <link href='http://fonts.googleapis.com/css?family=Plaster' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'>

  <!--nav-->
 <nav id="mappingNavbar" class="bg-blue" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
          <p class="navbar-text visible-xs-inline-block"><span id="floor_info" title="Expand right menu to change library and floor"></span></p>
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <img class="logo" src="/assets/logo-01.png" title="University of Edinburgh Library Maps" alt="University of Edinburgh Library Maps">

        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right ">
              <li>
                <a class="white-font" id="compass_btn" href="javascript:;" alt="Show Direction" title="Show Direction"><i class="fa fa-compass" aria-hidden="true"></i> Direction</a>
              </li>
              <li><a class="white-font" id="libraries-and-floors" href="javascript:;"  alt="Show Direction" title="Show Direction"><span class="glyphicon glyphicon-search"></span>Find</a></li>
              <% if @qr %>
                  <li><a class="white-font" id="qr-code" href="javascript:;" alt="Show Direction" title="Show Direction"><span class="glyphicon glyphicon glyphicon-phone"></span>Get on mobile</a></li>
              <% end %>
              <li><%= link_to '<span class="glyphicon glyphicon-send"></span>Feedback'.html_safe, {controller: "map_display", action: "feedback"}, class: "white-font", data: { no_turbolink: true } %></li>
              <li><%= link_to '<i class="fa fa-question" aria-hidden="true"></i>&nbsp;FAQ'.html_safe, {controller: "map_display", action: "faq"}, class: "white-font", data: { no_turbolink: true } %></li>
              <li><a class="white-font" id="compass_btn" href="http://discovered.ed.ac.uk" target="_blank" alt="DiscoverEd Link" title="DiscoverEd Link"><i class="fa fa-book" aria-hidden="true"></i> DiscoverEd</a></li>
            </ul>
              <ul class="nav navbar-nav navbar-left">
                <li class="dropdown top_drop">
                  <a href="#" class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"
                      aria-expanded="true" id="library_option_btn">Library
                    <span class="caret"></span></a>
                  <ul class="dropdown-menu" id="library_option">
                    <li value="main"><a href="#" data-value="main">Main Library</a></li>
                    <li value="murray"><a href="#" data-value="murray">Murray Library</a></li>
                  </ul>
                </li>
                <li>
                  <a href="#" class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true" id="floor_btn">Floor
                  <span class="caret"></span></a>
                  <ul class="dropdown-menu" id="floor_buttons">
                  </ul>
                </li>
              </ul>
        </div>
   </div>
  </nav>
  <div class="navbar-collapse optionsTopBar" <% if @elements %> style="display: none;" <% end %>>

  <div class="col-xs-12 col-sm-6 label-style">
    <label> Find on floor:</label>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=print" alt="Printers" title="Printers">Printers</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=toilet" alt="Toilets" title="Toilets">Toilets</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=groupstudy" alt="Group study" title="Group study">Group study</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=recent" alt="Recent Returns" title="Recent returns">Recent returns</a>
    <a class="btn btn-default btn-sm btn-floor" data-no-turbolink="true" href="/?floor=<%=@floor%>&library=<%=@library%>&element_name=lift" alt="Lifts" title="Lifts">Lifts</a>

  </div>
    <% if @title %>
      <label> Title: </label>
      <span><%= @title %></span>
    <% end %>

    <% if @author %>
      <label> Author: </label>
      <span><%= @author %></span>
    <% end %>
  </div>

  <div id="qr-container">
    <% if @qr %>
      <%= raw @qr.as_html %>
    <% end %>
    <div>Scan the QR Code <br> using your mobile device! </div>
  </div>

<!--Image map canvas-->
<div id="image-map" class="<% unless @elements %> image-map-open <% end %>">
  <div id="compass">
    <% if @library == 'main' then %>
        <div class="compass-up">
          <span class="compass"><i class="fa fa-chevron-up" aria-hidden="true"></i> Meadows</span><br>
        </div>
        <div class="compass-down">
          <span class="compass"><i class="fa fa-chevron-down" aria-hidden="true"></i> George Square</span>
        </div>
    <% else %>
        <div class="compass-up">
          <span class="compass"><i class="fa fa-chevron-up" aria-hidden="true"></i> North</span><br>
        </div>
        <div class="compass-down">
          <span class="compass"><i class="fa fa-chevron-down" aria-hidden="true"></i> South</span>
        </div>
    <% end %>
  </div>
</div>

<div id="help-info">
  <div id="help-info-text">
    Have you found your book yet?
  </div>
  <a href="#" id="help-info-yes">
  <div class="bottom-menu">
    Yes!
  </div>
  </a>
  <a href="#" id="help-info-not-yet">
  <div class="bottom-menu">
    Not yet...
  </div>
  </a>
  <a href="#">
  <div class="bottom-menu" id="help-info-no">
    I cannot find it
{'fraction_non_alphanumeric': 0.20588004704037632, 'fraction_numerical': 0.0020384163073304588, 'mean_word_length': 3.085842408712364, 'pattern_counts': {'":': 0, '<': 383, '<?xml version=': 0, '>': 383, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3848475', 'n_tokens_mistral': 4334, 'n_tokens_neox': 4099, 'n_words': 827}