{"id":1007,"date":"2017-10-28T17:12:51","date_gmt":"2017-10-28T17:12:51","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/geninfo\/?page_id=1007"},"modified":"2025-07-29T13:24:26","modified_gmt":"2025-07-29T18:24:26","slug":"unit-directory","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/geninfo\/unit-directory\/","title":{"rendered":"Unit Directory"},"content":{"rendered":"<div class=\"container-fluid\">\r\n<div class=\"row\" id=\"UofI_library_units_preamble\">\r\n\t\t<div class=\"col-xs-12 col-sm-6 col-lg-8 align-top\">\r\n\t\t<p> All updates to information here can be made in <strong><a href=\"https:\/\/libdirectory.library.illinois.edu\/\" target=\"_blank\" rel=\"noopener\"> <i class=\"fa fa-lock\" aria-hidden=\"true\"><\/i> LibDirectory database<\/a><\/strong>.<\/p>\r\n\t\t<\/div>\r\n\t\t<div id=\"staff_directory_info\" class=\"col-xs-6 col-lg-4 align-top\">\r\n\t\t<a href=\"http:\/\/wordpress.library.illinois.edu\/geninfo\/staff-directory\" class=\"btn btn--medium-blue pull-right\"><span class=\"fa fa-book\" aria-hidden=\"true\"><\/span> Library Staff Directory<\/a>\r\n<a class=\"pull-right btn btn--medium-blue\" href=\"http:\/\/www.library.illinois.edu\/geninfo\/library-directory\/\" style=\"margin-bottom:15px; margin-right:15px;\"><span class=\"fa fa-book\" aria-hidden=\"true\"><\/span> Library Directory<\/a>\r\n\t\t<\/div>\r\n\t<\/div>\r\n  <div class=\"row\">\r\n    <div class=\"col-md-offset-8 col-md-4\">\r\n      <form class=\"form-inline\" id=\"unit-search-form\">\r\n        <div class=\"form-group\">\r\n          <label for=\"unit-search\">Search Units<\/label>\r\n          <input id=\"unit-search\" data-unit-directory-search-input type=\"text\"  class=\"form-control\" placeholder=\"Filter Units or Staff\">\r\n        <\/div>\r\n      <\/form>\r\n      <div id=\"found-matches\" style=\"visibility: hidden;\" class=\"col-md-12\" aria-live=\"polite\">Found: <span id=\"hit-count\"><\/span> matches in <span id=\"unit-count\"><\/span> units. Scroll down to see all matches.<\/span><\/div>\r\n      <div id=\"no-matches\" style=\"display:none\"><strong>Nothing matched your search.<\/strong><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"\">\r\n  <div id=\"units-directory\"><\/div>\r\n<\/div>\r\n<script id=\"hbs-staff-partial\" type=\"x-handlebars-template\">\r\n  <dl>\r\n{{#each employees}}\r\n  {{#each this}}\r\n    {{#if @first}}{{! if this is the first memeber of the employee array}}\r\n      {{#unless heading}}{{! and a heading does not exist in this object output this label for screen readers}}\r\n      <dt class=\"generic_employee_heading\" role=\"group\">Employees<\/dt>\r\n      {{\/unless}}\r\n      {{#if heading}}{{! if a heading does exist in this object}}\r\n      <dt class=\"employee-type\" role=\"group\">{{heading}}<\/dt>\r\n      {{\/if}}\r\n    {{\/if}}\r\n    {{#unless @first}}{{! if not the first element of the employee array}}\r\n      {{#if heading}}{{! and the object contains a heading}}\r\n        <dt class=\"employee-type\">{{heading}}<\/dt>\r\n      {{\/if}}\r\n    {{\/unless}}\r\n    {{#if name}}{{! if name exists in this object}}\r\n      <dd class=\"employee__dd\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-3\">\r\n            <span data-directory-search-field=\"{{name}}\"><a href=\"https:\/\/www.library.illinois.edu\/bios\/{{netid}}\">{{name}}<\/a><\/span>\r\n          <\/div>\r\n          <div class=\"col-md-3\">\r\n            {{#if titles}}\r\n            <span data-directory-search-field=\"{{titles}}\">{{titles}}<\/span>\r\n            {{\/if}}\r\n          <\/div>\r\n          <div class=\"col-md-3\">\r\n            {{#if email}}\r\n            <span data-directory-search-field=\"{{email}}\"><a href=\"mailto:{{email}}\">{{email}}<\/a><\/span>\r\n            {{\/if}}\r\n          <\/div>\r\n          <div class=\"col-md-3\">\r\n            {{#if phone_number}}\r\n            <span>{{phone_number}}<\/span>\r\n            {{\/if}}\r\n          <\/div>\r\n        <\/div>\r\n      <\/dd>\r\n    {{\/if}}\r\n  {{\/each}}\r\n{{\/each}}\r\n    <\/dl>\r\n<\/script>\r\n<script id=\"hbs-main-template\" type=\"x-handlebars-template\">\r\n<div>{{> hbsUnitPartial headingLevel=2}}<\/div>\r\n<\/script>\r\n<script id=\"hbs-unit-template\" type=\"x-handlebars-template\">\r\n{{#each child_units}}\r\n<div class=\"unit-wrapper \"{{rootUnitClassHelper ..\/headingLevel}}>\r\n  <div class=\"unit__header\">\r\n    <h{{..\/headingLevel}} class=\"unit-heading\"><span data-directory-search-field=\"{{unit_name}}\">{{{faHelper ..\/headingLevel}}}{{{headingLinkHelper weblinks unit_name}}}<\/span><\/h2>\r\n    <div class=\"row\">    \r\n      <div class=\"unit-address col-md-4\">\r\n        {{#if street_address}}\r\n        <span>Address: <\/span><span data-directory-search-field=\"{{street_address}}\">{{street_address}}<\/span>\r\n        {{\/if}}\r\n      <\/div>\r\n      <div class=\"unit-email col-md-4\">\r\n        {{#if contact_url}}\r\n        <span>Email: <\/span><span data-directory-search-field=\"{{contact_url}}\"><a href=\"{{contact_url}}\">{{emailHelper contact_url}}<\/a><\/span>\r\n        {{\/if}}\r\n      <\/div>\r\n      <div class=\"unit-phone col-md-4\">\r\n        {{#if phone_number}}\r\n        <span>Phone: <\/span><span data-directory-search-field=\"{{phone_number}}\">{{phone_number}}<\/span>\r\n        {{\/if}}\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"unit__staff\">\r\n    {{> hbsStaffPartial}}\r\n  <\/div>\r\n  {{#if child_units}}\r\n    <div class=\"child-unit\">\r\n    {{> hbsUnitPartial headingLevel=(headingHelper ..\/headingLevel)}}\r\n    <\/div>\r\n  {{\/if}}\r\n<\/div>\r\n{{\/each}}  \r\n<\/script>\r\n\r\n<style>\r\n    .employee-type {\r\n      font-weight: bold;\r\n    }\r\n\r\n    #found-matches {\r\n      height: 4rem;\r\n    }\r\n    .unit__header {\r\n      padding: 0.5rem;\r\n      padding-left: 1rem;\r\n      font-weight: bolder;\r\n      border: solid 1px #983520;\r\n      border-bottom: solid 6px #983520;\r\n    }\r\n    .child-unit .unit__header {\r\n      padding-bottom: 0.5em;\r\n      padding-left: 0px;\r\n      font-weight: bolder;\r\n      border: 0;\r\n      border-bottom: solid 3px #595959;\r\n    }\r\n    .child-unit .unit-wrapper {\r\n      padding-left:0px;\r\n      margin-left: 2rem;\r\n    }\r\n    .unit-heading {\r\n      margin: 0px;\r\n    }\r\n    .unit__staff {\r\n      margin: 1rem 0 1rem 1.3rem;\r\n    }\r\n    .generic_employee_heading {\r\n      height: 0;\r\n      width: 0;\r\n      overflow: hidden;\r\n    }\r\n    .employee__dd {\r\n      margin-left: 1rem;\r\n      padding: .5rem 1rem;\r\n    }\r\n    .employee__dd:nth-of-type(odd) {\r\n      background-color: #EDEDED;\r\n    }\r\n    .employee-type {\r\n      padding-top: .5rem;\r\n      padding-bottom: .7rem;\r\n    }\r\n    .search-highlight {\r\n      background-color: yellow;\r\n    }\r\n    .unit-search__input-group {\r\n      margin: 15px;\r\n    }\r\n    @media (max-width: 991px) {\r\n      .employee__dd, .unit__staff {\r\n        margin-left: 0px;\r\n      }\r\n      .child-unit .unit-wrapper {\r\n        margin-left: 0px;\r\n      }\r\n    }\r\n  <\/style> \r\n\r\n    <script src=\"\/\/cdn.jsdelivr.net\/g\/jquery@2.1\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/handlebars.js\/4.0.11\/handlebars.min.js\"><\/script> \r\n<script>\r\ngetHoursJSONP(renderMainTemplate);\r\n\r\nfunction getHoursJSONP(successCB){\r\n  var questUrl = \"https:\/\/libdirectory.library.illinois.edu\/Api\/AllUnits?format=nested\";\r\n  $.ajax({\r\n      url: questUrl,\r\n      dataType: 'jsonp',\r\n      success: successCB\r\n  })\r\n}\r\nfunction renderMainTemplate(data) {\r\n    var rendered = Handlebars.compile( $( \"#hbs-main-template\" ).html() );\r\n    Handlebars.registerHelper('faHelper', function(heading){\r\n      var faQuantity = heading - 2; \r\n      var faString = '';\r\n      for(i = 0; i < faQuantity; i++){\r\n        faString += '<i class=\"fa fa-arrow-circle-right\" aria-hidden=\"true\"><\/i>&nbsp;'\r\n      }\r\n      return faString;\r\n    });\r\n    Handlebars.registerHelper('emailHelper', function(mailto){\r\n      if(typeof(mailto) === 'string' ){\r\n        var newString = mailto.slice(7);\r\n       return newString;\r\n      }\r\n    });\r\n    Handlebars.registerHelper('headingHelper', function(heading){\r\n      if (heading <= 5 && heading > 1){\r\n        return heading + 1;\r\n      } else {\r\n        return heading;\r\n      }\r\n    });\r\n    Handlebars.registerHelper('headingLinkHelper', function(weblink,name){\r\n      if (weblink){\r\n        return '<a href=\"' + weblink + '\">' + name + '<\/a>';\r\n      } else {\r\n        return name;\r\n      }\r\n    });\r\n    Handlebars.registerHelper('rootUnitClassHelper',function(headingLev){\r\n      if(headingLev === 2 ){\r\n        return ' data-root-unit';\r\n      } else {\r\n        return;\r\n      }\r\n    })\r\n    var unitObj = new Object();\r\n    unitObj.child_units = data;\r\n    Handlebars.registerPartial( \"hbsUnitPartial\", $( \"#hbs-unit-template\" ).html() );\r\n    Handlebars.registerPartial( \"hbsStaffPartial\", $( \"#hbs-staff-partial\" ).html() );\r\n    $('#units-directory').html(rendered(unitObj));\r\n    searchHandler();\r\n    \r\n    $('div[data-root-unit]').each(function(){\r\n    });\r\n}\r\nvar delay = (function(){\r\n  var timer = 0;\r\n  return function(callback, ms){\r\n    clearTimeout (timer);\r\n    timer = setTimeout(callback, ms);\r\n  };\r\n})();\r\n$(function() { \r\n  $(\"#unit-search-form\").submit(function(event ) { \r\n    event.preventDefault();\r\n  });\r\n});\r\nfunction searchHandler(){\r\n  $('[data-unit-directory-search-input]').keyup(function(){\r\n    delay(function(){\r\n      var inputText = $('[data-unit-directory-search-input]').val().toLowerCase().trim();\r\n      if (inputText.length > 0){\r\n        var fields = $('[data-directory-search-field]:visible,[data-directory-search-field]:hidden').toArray();\r\n        var hitCount = 0;\r\n        $.each($(fields), function(key,value){\r\n          if($(value).attr('data-directory-search-field').toLowerCase().indexOf(inputText) > -1 && inputText.length > 0){\r\n            $(value).addClass('search-highlight');\r\n            hitCount++;\r\n          } else {\r\n            $(value).removeClass('search-highlight'); \r\n          }\r\n        })\r\n        var unitCount = 0;\r\n        var rootUnits = $('[data-root-unit]:visible,[data-root-unit]:hidden');\r\n        $.each(rootUnits,function(key,val){\r\n          if ($(val).find('.search-highlight').length > 0){\r\n            $(val).css('display','block');\r\n            unitCount++;\r\n          } else {\r\n            $(val).css('display','none')\r\n          }\r\n        }) \r\n        if (unitCount > 0){\r\n          $('#found-matches').css('visibility','visible');\r\n          $('#unit-count').html(unitCount);\r\n          $('#hit-count').html(hitCount);\r\n          $('#no-matches').css('display','none');\r\n        } else {\r\n        $('#found-matches').css('visibility','hidden');\r\n        $('#no-matches').css('display','inline-block');\r\n        }\r\n      } else {\r\n        $('[data-directory-search-field]').removeClass('search-highlight');\r\n        $('[data-root-unit]').css('display','block');\r\n        $('#found-matches').css('visibility','hidden');\r\n        $('#no-matches').css('display','none');\r\n      } \r\n    }, 300 );\r\n  })\r\n}\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":73,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"top-single.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1007","page","type-page","status-publish","hentry"],"acf":[],"ACF":{"breadcrumb_alias":""},"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/pages\/1007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/comments?post=1007"}],"version-history":[{"count":13,"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/pages\/1007\/revisions"}],"predecessor-version":[{"id":7696,"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/pages\/1007\/revisions\/7696"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/geninfo\/wp-json\/wp\/v2\/media?parent=1007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}