%PDF-
%PDF-
Mini Shell
Mini Shell
{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","../node_modules/swiper/esm/react/utils.js","../node_modules/swiper/esm/react/use-isomorphic-layout-effect.js","../node_modules/swiper/esm/react/swiper-slide.js","app/main/library/components/slider/styles.js","app/main/library/components/slider/Slider.js","app/main/library/components/LibrarySideMenu.js","app/main/library/index.js"],"names":["SliderBar","userId","localStorage","getItem","useState","cart","setCart","useEffect","fetch","SERVER_URL","then","res","json","status","data","console","log","noOfItems","length","className","href","src","alt","isObject","o","constructor","Object","prototype","toString","call","slice","extend","target","noExtend","keys","filter","key","indexOf","forEach","__swiper__","needsNavigation","params","navigation","nextEl","prevEl","needsPagination","pagination","el","needsScrollbar","scrollbar","uniqueClasses","classNames","classes","split","map","c","trim","unique","push","join","useIsomorphicLayoutEffect","callback","deps","window","useLayoutEffect","_excluded","_extends","assign","i","arguments","source","hasOwnProperty","apply","this","SwiperSlide","forwardRef","_temp","externalRef","slideData","_ref","_ref$tag","tag","Tag","children","_ref$className","swiper","zoom","virtualIndex","rest","excluded","sourceKeys","_objectWithoutPropertiesLoose","slideElRef","useRef","_useState","slideClasses","setSlideClasses","updateClasses","current","destroyed","on","off","getSlideClasses","isActive","isVisible","isDuplicate","isPrev","isNext","renderChildren","React","createElement","ref","undefined","displayName","Slider","styled","div","props","images","setImages","imageData","page","LibrarySideMenu","Library","picture","currentPage","postsPerPage","posts","setPosts","message","indexofLastpost","indexofFirstpost","currentposts","totalPosts","pageNums","Math","ceil","post","title","file","download"],"mappings":"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","file":"static/js/29.ca9c9757.chunk.js","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL, CLIENT_URL} from '../../../config/server';\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\"\r\nimport \"./sliderbar.css\"\r\n\r\nfunction SliderBar(){\r\n\r\n const userId = localStorage.getItem('loggedInUser');\r\n const [cart, setCart] = useState([])\r\n\r\n useEffect(() => {\r\n const fetchcart =() =>{\r\n fetch(`${SERVER_URL}/cart/all/${userId}`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n setCart(json.data);\r\n }else{\r\n console.log(json);\r\n }\r\n });\r\n \r\n \r\n }\r\n\r\n fetchcart()\r\n }, []);\r\n\r\n\r\n const noOfItems = cart.length;\r\n\r\n return(\r\n <div className=\"sliderbardiv sm:mb-20\">\r\n <div className=\"flex sliderbar shadow-sm -mt-9 field-bottom\">\r\n <a href=\"/shop\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n <span className=\"mb-2\">\r\n <img src=\"/assets/images/icons/shop.svg\" alt=\"\" />\r\n </span>\r\n <span>Shop</span>\r\n </a>\r\n <a href=\"/cart\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n <span className=\"mb-2\">\r\n <img src=\"/assets/images/icons/shopping-cart.svg\" alt=\"\" />\r\n </span>\r\n <span>Cart <span className=\"cartNumber\"> {noOfItems}</span></span>\r\n </a>\r\n <a href=\"/donate\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48\">\r\n <span className=\"mb-2\">\r\n <img src=\"/assets/images/icons/donation.svg\" alt=\"\" />\r\n </span>\r\n <span>Donate</span>\r\n </a>\r\n </div>\r\n </div>\r\n )\r\n}\r\nexport default SliderBar;\r\n","function isObject(o) {\n return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\n\nfunction extend(target, src) {\n var noExtend = ['__proto__', 'constructor', 'prototype'];\n Object.keys(src).filter(function (key) {\n return noExtend.indexOf(key) < 0;\n }).forEach(function (key) {\n if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n if (src[key].__swiper__) target[key] = src[key];else extend(target[key], src[key]);\n } else {\n target[key] = src[key];\n }\n });\n}\n\nfunction needsNavigation(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined';\n}\n\nfunction needsPagination(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.pagination && typeof params.pagination.el === 'undefined';\n}\n\nfunction needsScrollbar(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.scrollbar && typeof params.scrollbar.el === 'undefined';\n}\n\nfunction uniqueClasses(classNames) {\n if (classNames === void 0) {\n classNames = '';\n }\n\n var classes = classNames.split(' ').map(function (c) {\n return c.trim();\n }).filter(function (c) {\n return !!c;\n });\n var unique = [];\n classes.forEach(function (c) {\n if (unique.indexOf(c) < 0) unique.push(c);\n });\n return unique.join(' ');\n}\n\nexport { isObject, extend, needsNavigation, needsPagination, needsScrollbar, uniqueClasses };","import { useEffect, useLayoutEffect } from 'react';\n\nfunction useIsomorphicLayoutEffect(callback, deps) {\n // eslint-disable-next-line\n if (typeof window === 'undefined') return useEffect(callback, deps);\n return useLayoutEffect(callback, deps);\n}\n\nexport { useIsomorphicLayoutEffect };","var _excluded = [\"tag\", \"children\", \"className\", \"swiper\", \"zoom\", \"virtualIndex\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { useRef, useState, forwardRef } from 'react';\nimport { uniqueClasses } from './utils';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nvar SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {\n var _ref = _temp === void 0 ? {} : _temp,\n _ref$tag = _ref.tag,\n Tag = _ref$tag === void 0 ? 'div' : _ref$tag,\n children = _ref.children,\n _ref$className = _ref.className,\n className = _ref$className === void 0 ? '' : _ref$className,\n swiper = _ref.swiper,\n zoom = _ref.zoom,\n virtualIndex = _ref.virtualIndex,\n rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n var slideElRef = useRef(null);\n\n var _useState = useState('swiper-slide'),\n slideClasses = _useState[0],\n setSlideClasses = _useState[1];\n\n function updateClasses(swiper, el, classNames) {\n if (el === slideElRef.current) {\n setSlideClasses(classNames);\n }\n }\n\n useIsomorphicLayoutEffect(function () {\n if (externalRef) {\n externalRef.current = slideElRef.current;\n }\n\n if (!slideElRef.current || !swiper) {\n return;\n }\n\n if (swiper.destroyed) {\n if (slideClasses !== 'swiper-slide') {\n setSlideClasses('swiper-slide');\n }\n\n return;\n }\n\n swiper.on('_slideClass', updateClasses); // eslint-disable-next-line\n\n return function () {\n if (!swiper) return;\n swiper.off('_slideClass', updateClasses);\n };\n });\n useIsomorphicLayoutEffect(function () {\n if (swiper && slideElRef.current) {\n setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n }\n }, [swiper]);\n var slideData;\n\n if (typeof children === 'function') {\n slideData = {\n isActive: slideClasses.indexOf('swiper-slide-active') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-active') >= 0,\n isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n isDuplicate: slideClasses.indexOf('swiper-slide-duplicate') >= 0,\n isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-prev') >= 0,\n isNext: slideClasses.indexOf('swiper-slide-next') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-next') >= 0\n };\n }\n\n var renderChildren = function renderChildren() {\n return typeof children === 'function' ? children(slideData) : children;\n };\n\n return /*#__PURE__*/React.createElement(Tag, _extends({\n ref: slideElRef,\n className: uniqueClasses(\"\" + slideClasses + (className ? \" \" + className : '')),\n \"data-swiper-slide-index\": virtualIndex\n }, rest), zoom ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"swiper-zoom-container\",\n \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n }, renderChildren()) : renderChildren());\n});\nSwiperSlide.displayName = 'SwiperSlide';\nexport { SwiperSlide };","import styled from \"styled-components\"\r\n\r\nconst Slider = styled.div`\r\n position: relative;\r\n height: 700px;\r\n\tborder: 1px solid #eee\r\n\r\n background: #eee;\r\n font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\r\n font-size: 14px;\r\n color: rgb(39, 38, 38);\r\n margin: 0;\r\n padding: 0;\r\n\r\n\t.swiper-container {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.swiper-slide {\r\n\t\tfont-size: 18px;\r\n\t\tbackground: transparent;\r\n\r\n\t\t/* Center slide text vertically */\r\n\t\tdisplay: -webkit-box;\r\n\t\tdisplay: -ms-flexbox;\r\n\t\tdisplay: -webkit-flex;\r\n\t\tdisplay: flex;\r\n\t\t-webkit-box-pack: center;\r\n\t\t-ms-flex-pack: center;\r\n\t\t-webkit-justify-content: center;\r\n\t\tjustify-content: center;\r\n\t\t-webkit-box-align: center;\r\n\t\t-ms-flex-align: center;\r\n\t\t-webkit-align-items: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.swiper-slide img {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.swiper-slide .slider-wrapper {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.slider-text {\r\n\t\tposition: absolute;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.field-bottom {\r\n\t\ttransform: translate(10%, 320px);\r\n\t}\r\n\r\n\t@media screen and (max-width: 640px) {\r\n\t\t.field-bottom {\r\n\t\t\ttransform: translate(0%, 0%);\r\n\t\t}\r\n\t}\r\n`\r\n\r\nexport default Slider","import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL} from '../../../../config/server';\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SliderContainer from \"./styles\"\r\nimport '../../../style.css'\r\n\r\nfunction Slider(props) {\r\n const [images, setImages] = useState('');\r\n\r\n useEffect(() => {\r\n const fetchImages =() =>{\r\n fetch(`${SERVER_URL}/image/page-banners`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n const imageData = json.data;\r\n setImages(imageData);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n\r\n fetchImages();\r\n }, []);\r\n\r\n \r\n const page = props.page;\r\n return (\r\n <SliderContainer className=\"mt-6 z-index-3\">\r\n <SwiperSlide>\r\n <div className=\"slider-wrapper\">\r\n <div className=\"slider-text border border-solid\">\r\n <div className=\"max-w-7xl mx-auto pb-16 pt-48 md:px-16 px-8\">\r\n <div className=\"grid md:grid-cols-2 grid-cols-1 gap-x-8 gap-y-8\">\r\n <div className=\"content banner-txt\">\r\n <h1 className='text-4xl font-bold text-white mb-4'>\r\n What have you done for the Environment Lately?\r\n </h1>\r\n <p className='font-light text-white mb-6'>\r\n What you give goes a long way\r\n </p>\r\n\r\n <a href=\"/donate\">\r\n <button className='bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded'>\r\n Donate\r\n </button>\r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <img src={`https://admin.ncfnigeria.org/images/banners/${images[page]}`} alt=\"\" />\r\n </div>\r\n </SwiperSlide>\r\n \r\n </SliderContainer>\r\n );\r\n}\r\n\r\nexport default Slider;\r\n","import React from 'react';\r\nimport { HiOutlineChevronDown } from 'react-icons/hi';\r\n\r\nfunction LibrarySideMenu() {\r\n return (\r\n <nav>\r\n <div className=''>\r\n <button className='w-full text-left flex px-4 py-2 items-center outline-none focus:outline-none'>\r\n <span className='pr-1 text-xs text-gray-500 font-bold uppercase flex-1'>\r\n CATEGORIES\r\n </span>\r\n <span className='mr-auto'>\r\n <HiOutlineChevronDown className='h-4 w-4 transition transform hover:rotate-180 duration-150 ease-in-out' />\r\n </span>\r\n </button>\r\n <div className='pl-4'>\r\n <a\r\n className='block text-sm font-medium text-gray-600 my-0 px-4 py-2'\r\n href='/e-library'\r\n >\r\n NCF Annual Reports\r\n </a>\r\n {/* <a\r\n className='block text-sm font-medium text-gray-600 my-0 px-4 py-2'\r\n href='/'\r\n >\r\n Memorial Lecture\r\n </a>\r\n <a\r\n className='block text-sm font-medium text-gray-600 my-0 px-4 py-2'\r\n href='/'\r\n >\r\n Studies and Reports\r\n </a> */}\r\n </div>\r\n </div>\r\n </nav>\r\n );\r\n}\r\n\r\nexport default LibrarySideMenu;\r\n","import React, { useState, useEffect } from 'react';\r\nimport HomeSlider from './components/slider/Slider';\r\nimport _ from 'lodash';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport {SERVER_URL} from '../../config/server';\r\nimport LibrarySideMenu from './components/LibrarySideMenu';\r\nfunction Library() {\r\n const [user] = useState({ picture: '' });\r\n const [currentPage, setcurrentPage] = useState(1);\r\n const [postsPerPage, setpostsPerPage] = useState(4);\r\n const [posts, setPosts] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n\r\n useEffect(() => {\r\n const fetchPosts =() =>{\r\n fetch(`${SERVER_URL}/report/all`)\r\n .then(res => res.json())\r\n .then(json => {\r\n console.log(json.message, 'json')\r\n if(json.status === 200){\r\n setPosts(json.data);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n\r\n fetchPosts();\r\n }, []);\r\n\r\n \r\n const indexofLastpost = currentPage * postsPerPage;\r\n const indexofFirstpost = indexofLastpost - postsPerPage;\r\n const currentposts = posts.slice(indexofFirstpost,indexofLastpost)\r\n const totalPosts = posts.length;\r\n const pageNums = [];\r\n\r\n for(let i = 1; i <= Math.ceil(totalPosts / postsPerPage); i++){\r\n pageNums.push(i)\r\n }\r\n\r\n const paginate = (pageNumber) => setcurrentPage(pageNumber);\r\n\r\n\r\n const page = 'e_library'\r\n return (\r\n <div>\r\n <HomeSlider page={page}/>\r\n <div className='w-full md:px-8 py-8'>\r\n <SliderBar/>\r\n <div className='grid md:grid-cols-12 grid-cols-1 md:gap-x-0'>\r\n <div className='md:col-span-2 col-span-12'></div>\r\n <div className='md:col-span-10 col-span-12'>\r\n\r\n <div className='flex md:flex-row flex-col md:space-y-0 space-y-2 justify-between'>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='w-full md:px-16'>\r\n <div className='grid md:grid-cols-12 md:gap-x-0 gap-y-2'>\r\n <aside className='md:col-span-2 col-span-12 md:min-h-screen py-4 border-0 border-r border-solid border-gray-200'>\r\n <LibrarySideMenu />\r\n </aside>\r\n <div className='md:col-span-10 col-span-12 p-4 pb-12'>\r\n <div className='grid md:grid-cols-4 grid-cols-1 md:gap-x-16 gap-y-8 px-16'>\r\n \r\n {\r\n currentposts.map((post) => (\r\n <div>\r\n <div className='max-w-md rounded overflow-hidden shadow-lg mb-4'>\r\n <img\r\n className='w-full'\r\n src='https://bulma.io/images/placeholders/1280x960.png'\r\n alt='Sunset in the mountains'\r\n />\r\n <div className='px-6 py-4'>\r\n <div className='font-bold text-sm mb-2'>\r\n Annual Report\r\n </div>\r\n <p className='text-gray-700 text-sm mb-2'>{post.title}</p>\r\n </div>\r\n </div>\r\n <div className='flex justify-center'>\r\n <a href={`https://admin.ncfnigeria.org/reports/${post.file}`} download>\r\n <button className='bg-green hover:bg-green-800 text-white font-bold py-2 px-6'>\r\n Download Here\r\n </button>\r\n </a>\r\n \r\n </div>\r\n </div>\r\n ))\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \r\n </div>\r\n );\r\n}\r\n\r\nexport default Library;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0