{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./app/javascript/packs/fame_gallery.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","filterSelection","x","document","getElementsByClassName","length","className","indexOf","w3RemoveClass","w3AddClass","parentElement","element","arr1","arr2","split","splice","join","hideAll","innerWidth","btnContainer","btns","addEventListener","current","id","this","substring","replace","collapseSection","style","borderBottom","display","setTimeout","sectionHeight","scrollHeight","elementTransition","transition","requestAnimationFrame","maxHeight","setAttribute","window","scrollTo","k","exp_btn_list","section","j","col_btn_list","classList","add","location","hash","screen","width","id_info","getElementById","remove","btn","setActive","id_to_enlarge","background_image","pics","pics_dictionary","navbar","modal","modal_content","modal_page_shadow","close_modal_button","z","getComputedStyle","getPropertyValue","console","log","backgroundImage"],"mappings":"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","file":"js/fame_gallery-b37670def697334ad609.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/packs/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 7);\n","function filterSelection(c) {\n  var x, i;\n  x = document.getElementsByClassName(\"filterDiv\");\n  if (c == \"all\") c = \"\";\n  // Add the \"show\" class to the filtered elements, and remove the \"show\" class from the elements that are not selected\n  for (i = 0; i < x.length; i++) {\n    //if found, show images and containers\n    if (x[i].className.indexOf(c) > -1) {\n      w3RemoveClass(x[i], \"hide-fame-img\");\n      w3AddClass(x[i], \"show-fame-img\");\n      w3AddClass(x[i].parentElement, \"show-fame-img-container\");\n      w3RemoveClass(x[i].parentElement, \"hide-fame-img-container\");\n    }\n    //hide container\n    else {\n      w3RemoveClass(x[i], \"show-fame-img\");\n      w3AddClass(x[i], \"hide-fame-img\");\n    }\n  }\n}\n\n// Show filtered elements\nfunction w3AddClass(element, name) {\n  var i, arr1, arr2;\n  arr1 = element.className.split(\" \");\n  arr2 = name.split(\" \");\n  for (i = 0; i < arr2.length; i++) {\n    if (arr1.indexOf(arr2[i]) == -1) {\n      element.className += \" \" + arr2[i];\n    }\n  }\n}\n\n// Hide elements that are not selected\nfunction w3RemoveClass(element, name) {\n  var i, arr1, arr2;\n  arr1 = element.className.split(\" \");\n  arr2 = name.split(\" \");\n  for (i = 0; i < arr2.length; i++) {\n    while (arr1.indexOf(arr2[i]) > -1) {\n      arr1.splice(arr1.indexOf(arr2[i]), 1);\n    }\n  }\n  element.className = arr1.join(\" \");\n}\n\n\nfunction hideAll() {\n  var x = document.getElementsByClassName(\"filterDiv\");\n  var i;\n  var c = \"\";\n  // Add the \"show\" class to the filtered elements, and remove the \"show\" class from the elements that are not selected\n  for (i = 0; i < x.length; i++) {\n    w3AddClass(x[i].parentElement, \"hide-fame-img-container\");\n    w3RemoveClass(x[i].parentElement, \"show-fame-img-container\");\n  }\n}\n\n// Add active class to the current control button (highlight it)\n//var btnContainer;\nif (innerWidth > 768) {\n  btnContainer = document.getElementsByClassName(\"myBtnContainer\")[0];\n}\nelse {\n  btnContainer = document.getElementsByClassName(\"myBtnContainer\")[1];\n}\n\nvar btns = btnContainer.getElementsByClassName(\"filter-btn\");\nfor (var i = 0; i < btns.length; i++) {\n  btns[i].addEventListener(\"click\", function() {\n    //update active button\n    var current, id;\n    if (innerWidth > 768) {\n      current = document.getElementsByClassName(\"active\")[0];\n      id = this.id;\n    }\n    else {\n      current = document.getElementsByClassName(\"active\")[1];\n      id = this.id.substring(2);\n    }\n    current.className = current.className.replace(\" active\", \"\");\n    this.className += \" active\";\n    //call filter function\n    hideAll();\n    //close dropdown if mobile\n    if (innerWidth <= 768) {\n      var section = document.getElementsByClassName(\"filter-menu\")[1];\n      collapseSection(section);\n      document.getElementsByClassName(\"filter-menu-dropdown\")[0].style.borderBottom = \"none\"; ////////////////////\n      document.getElementsByClassName(\"filter-col-btn\")[0].style.display = \"none\"; //hide +\n      document.getElementsByClassName(\"filter-exp-btn\")[0].style.display = \"block\";  \n    }\n    //show relevant ones\n    setTimeout(function(){\n      filterSelection(id);\n    }, 600);\n  });\n}\n\n\n//*********************************************************/\n//for filter menu dropdown///\nfunction collapseSection(element) {\n  // get the.maxHeight of the element's inner content, regardless of its actual size\n  var sectionHeight = element.scrollHeight;\n  \n  // temporarily disable all css transitions\n  var elementTransition = element.style.transition;\n  element.style.transition = '';\n  \n  // on the next frame (as soon as the previous style change has taken effect),\n  // explicitly set the element's.maxHeight to its current pixel.maxHeight, so we \n  // aren't transitioning out of 'auto'\n  requestAnimationFrame(function() {\n    element.style.maxHeight = sectionHeight + 'px';\n    element.style.transition = elementTransition;\n    element.style.transition = elementTransition;\n    \n    // on the next frame (as soon as the previous style change has taken effect),\n    // have the element transition to.maxHeight: 0\n    requestAnimationFrame(function() {\n      element.style.maxHeight = 0 + 'px';\n    });\n  });\n  // mark the section as \"currently collapsed\"\n  element.setAttribute('data-collapsed', 'true');\n}\n\nfunction expandSection(element) {\n  // get the.maxHeight of the element's inner content, regardless of its actual size\n  //element.style.display = \"block\";\n  var sectionHeight = element.scrollHeight; \n  //var sectionHeight = \"400\"; \n  // have the element transition to the.maxHeight of its inner content\n  element.style.maxHeight = sectionHeight + 'px';\n\n  // mark the section as \"currently not collapsed\"\n  element.setAttribute('data-collapsed', 'false');\n}\n\nfunction setActive() {\n  var id = window.location.hash.substring(1);\n  if (id != \"\"){\n    if (screen.width <= 768) { \n      var id_info = \"m-\" + id; \n      document.getElementById(\"m-all\").classList.remove(\"active\");\n    }\n    else { \n      var id_info = id; \n      document.getElementById(\"all\").classList.remove(\"active\");\n    }\n    var btn = document.getElementById(id_info);\n    filterSelection(id);\n    btn.classList.add(\"active\");\n  }\n  else {\n    filterSelection(\"all\");\n  }\n}\n\n//load at top of page\nwindow.scrollTo(0,0);\n\n//handling exp-plus and col-min\nvar exp_btn_list = document.getElementsByClassName(\"filter-exp-btn\");\nvar k;\nfor(k = 0; k < exp_btn_list.length; k++) {\n  exp_btn_list[k].addEventListener(\"click\", function() {\n    var section = document.getElementsByClassName(\"filter-menu\")[1];\n    expandSection(section);\n    this.style.display = \"none\";\n    //document.getElementsByClassName(\"filter-menu\")[0].style.borderBottom = \"1px solid white\"; \n    document.getElementsByClassName(\"filter-menu-dropdown\")[0].style.borderBottom = \"1px solid white\"; \n    document.getElementsByClassName(\"filter-col-btn\")[0].style.display = \"block\";    \n  })\n}\n\nvar col_btn_list = document.getElementsByClassName(\"filter-col-btn\");\nvar j;\nfor(j = 0; j < col_btn_list.length; j++) {\n  col_btn_list[j].addEventListener(\"click\", function() {\n    var section = document.getElementsByClassName(\"filter-menu\")[1];\n    collapseSection(section);\n    this.style.display = \"none\"; //hide +\n    document.getElementsByClassName(\"filter-menu-dropdown\")[0].style.borderBottom = \"none\";\n    //  document.getElementsByClassName(\"filter-menu\")[0].style.borderBottom = \"none\"; \n    document.getElementsByClassName(\"filter-exp-btn\")[0].style.display = \"block\";    \n  })\n}\nif (innerWidth > 768) {\n  document.getElementsByClassName(\"filter-container\")[0].classList.add(\"show\");\n}\ndocument.getElementsByClassName(\"fame-gallery-wrapper\")[0].classList.add(\"show\");\nsetActive();\n\n\n//click to enlarge functions\nvar pics = document.getElementsByClassName(\"fame-img-container2\");\nvar pics_dictionary = {};\nvar navbar = document.getElementById(\"navbar\");\nvar modal = document.getElementById(\"gallery-modal\");\nvar modal_content = document.getElementsByClassName(\"modal-content\")[0];\nvar modal_page_shadow = document.getElementById(\"fixed-page-shadow\");\nvar close_modal_button = document.getElementById(\"modal-close-btn\");\nvar id_to_enlarge, style, background_image, current_pic, current_background_image; \n\nfor (var z = 0; z < pics.length; z++) {\n  pics_dictionary[z] = pics[z];\n}\n\n//add click function to get background-image css property\nfor (j = 0; j < pics.length; j++) {\n  pics[j].addEventListener(\"click\", function() {\n    if (innerWidth > 650) {\n    id_to_enlarge = document.getElementById(this.id);\n    current_pic = this;\n    style = window.getComputedStyle(id_to_enlarge);\n    background_image = style.getPropertyValue('background-image');\n    console.log(this);\n    modal.style.display = \"block\";\n    modal.style.backgroundImage = background_image;\n    modal_page_shadow.style.display = \"block\";\n    close_modal_button.style.display = \"block\";\n    modal_content.style.display = \"block\";\n    navbar.style.display = \"none\"\n    }\n  })\n}\n\n//close modal\nclose_modal_button.addEventListener(\"click\", function () {\n  modal.style.display = \"none\";\n  modal_page_shadow.style.display = \"none\";\n  close_modal_button.style.display = \"none\";\n  navbar.style.display = \"block\"\n  modal_content.style.display = \"none\";\n\n})\n\n/*\n//right click to browse gallery\nfor (var w = 0; w < pics.length; w++) {\n  pics[w].addEventListener(\"ArrowRight\", function() {\n    current_pic = document.getElementById(this.id);\n    console.log(w);\n    console.log(\"hello\");\n    style = window.getComputedStyle(current_pic);\n    current_background_image = style.getPropertyValue('background-image');\n    console.log(background_image);\n    modal.style.display = \"block\";\n    modal.style.backgroundImage = background_image;\n    modal_page_shadow.style.display = \"block\";\n    close_modal_button.style.display = \"block\";\n  })\n}\n\n//right click to browse gallery, only works if modal is open\n\ndocument.onkeydown = checkKey;\nfunction checkKey(e) {\n\n    e = e || window.event;\n\n    if (e.keyCode == '37') {\n       console.log(\"left\")\n    }\n    else if (e.keyCode == '39') {\n      console.log(\"right\")\n\n    }\n\n}*/"],"sourceRoot":""}