1 line
10 KiB
Plaintext
1 line
10 KiB
Plaintext
[{"/home/seanedmunds/dev/home-page/src/index.js":"1"},{"size":8516,"mtime":1639427704000,"results":"2","hashOfConfig":"3"},{"filePath":"4","messages":"5","errorCount":0,"fatalErrorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"6"},"szjdbt","/home/seanedmunds/dev/home-page/src/index.js",["7","8","9","10","11"],"import React from 'react';\nimport { useState, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { unstable_createPortal } from 'react-dom';\nimport './index.css';\n\nfunction Homepage() {\n return (\n <main id=\"container\" class=\"fade\">\n <div>\n <Search />\n </div>\n <div>\n <Header\n date={date()}\n greet={greet()}\n />\n </div>\n <div>\n <Applications />\n </div>\n <div>\n <Bookmarks />\n </div>\n <div>\n <ModalMenu />\n </div>\n <div>\n <ModalInit />\n </div>\n </main>\n );\n}\n\nfunction Search() {\n return (\n <section id=\"search\">\n <div class=\"abackground\">\n <input name=\"keywords\" type=\"text\" class=\"keyword\" id=\"keywords\" size=\"50\" placeholder=\"\" />\n <label id=\"searchType\" class=\"Input-label\">Google search</label>\n </div>\n </section>\n )\n}\n\nfunction Header(props) {\n return (\n <section id=\"header\">\n <div id=\"greeting_block\">\n <h1 id=\"header_greet\">{props.greet}</h1>\n </div>\n <div id=\"date_block\">\n <h2 id=\"header_date\">{props.date}</h2>\n <Clock />\n </div>\n </section>\n );\n}\n\nfunction Applications() {\n let appList = getApps();\n var items = [];\n for (var i = 0; i < appList.apps.length; i++) {\n items.push(\n <App\n key={i}\n name={appList.apps[i].name}\n url={appList.apps[i].url}\n icon={appList.apps[i].icon}\n NSFW={appList.apps[i].NSFW}\n />\n );\n }\n return (\n <section id=\"apps\">\n <h3>Applications</h3>\n <div id=\"apps_loop\">\n {items}\n </div>\n </section>\n );\n}\n\nfunction App(props) {\n let classType = props.NSFW + \"-content\";\n let hrefUrl = \"https://\" + props.url;\n let iconName = \"mdi-\" + props.icon;\n return (\n <div>\n <a href={hrefUrl} class={classType}>\n <div class=\"apps_item\">\n <div class=\"apps_icon\">\n <span class=\"iconify icon\" data-icon={iconName}></span>\n </div>\n <div class=\"apps_text\">\n <span id=\"app-name\">{props.name}</span>\n <span id=\"app-address\">{props.url}</span>\n </div>\n </div>\n </a>\n </div>\n );\n}\n\nfunction Bookmarks() {\n let bookmarkList = getLinks();\n var items = [];\n for (var i = 0; i < bookmarkList.bookmarks.length; i++) {\n items.push(\n <LinkGroups\n key={i}\n category={bookmarkList.bookmarks[i].category}\n links={bookmarkList.bookmarks[i].links}\n />\n );\n }\n return (\n <section id=\"links\">\n <h3>Bookmarks</h3>\n <div id=\"links_loop\">\n {items}\n </div>\n </section>\n );\n}\n\nfunction LinkGroups(props) {\n var items = [];\n for (var i = 0; i < props.links.length; i++) {\n items.push(\n <LinkItem\n key={i}\n link={props.links[i]}\n />\n );\n }\n return (\n <div id=\"links_item\">\n <h4>{props.category}</h4>\n {items}\n </div>\n );\n}\n\nfunction LinkItem(props) {\n return (\n <div>\n <a href={props.link.url} class=\"theme_color-border theme_text-select\">{props.link.name}</a>\n </div>\n );\n}\n\nfunction ModalMenu() {\n var providers = getProviders();\n var items = [];\n for (var i = 0; i < providers.providers.length; i++) {\n items.push(\n <Provider \n key={i}\n provider={providers.providers[i]}\n />\n );\n }\n return (\n <section id=\"modal\">\n <div>\n <header id=\"modal-header\">\n <h1>Options</h1>\n <a href=\"#\" title=\"Close\" class=\"modal-close\">\n <span class=\"iconify\" data-icon=\"mdi-close\"></span>\n </a>\n </header>\n\n <h2>Color themes</h2>\n\n <div id=\"modal-theme\">\n <button data-theme=\"blackboard\" class=\"theme-button theme-blackboard\">Blackboard</button>\n <button data-theme=\"gazette\" class=\"theme-button theme-gazette\">Gazette</button>\n <button data-theme=\"espresso\" class=\"theme-button theme-espresso\">Espresso</button>\n <button data-theme=\"cab\" class=\"theme-button theme-cab\">Cab</button>\n <button data-theme=\"cloud\" class=\"theme-button theme-cloud\">Cloud</button>\n <button data-theme=\"lime\" class=\"theme-button theme-lime\">Lime</button>\n <button data-theme=\"passion\" class=\"theme-button theme-passion\">Passion</button>\n <button data-theme=\"blues\" class=\"theme-button theme-blues\">Blues</button>\n <button data-theme=\"chalk\" class=\"theme-button theme-chalk\">Chalk</button>\n <button data-theme=\"tron\" class=\"theme-button theme-tron\">Tron</button>\n <button data-theme=\"paper\" class=\"theme-button theme-paper\">Paper</button>\n <button data-theme=\"cyberpunk\" class=\"theme-button theme-cyberpunk\">Cyberpunk</button>\n <button data-theme=\"quadra\" class=\"theme-button theme-panam\">Quadra</button>\n <button data-theme=\"panam\" class=\"theme-button theme-panam\">Panam</button>\n <button data-theme=\"touch\" class=\"theme-button theme-touch\">Touch</button>\n <button data-theme=\"peek\" class=\"theme-button theme-peek\">Peek</button>\n </div>\n\n\n <h2>Search options</h2>\n <section id=\"providers\">\n <table>\n <tbody>\n <tr>\n <th>Website</th>\n <th>Prefix</th>\n </tr>\n {items}\n </tbody>\n </table>\n </section>\n\n <header id=\"modal-footer\">\n <a href=\"https://github.com/jeroenpardon/\"><span class=\"iconify\" data-icon=\"mdi-github-box\"></span></a>\n <a href=\"https://materialdesignicons.com/\"><span class=\"iconify\" data-icon=\"mdi-material-design\"></span></a>\n <div class=\"sneaky\"><input type=\"checkbox\" id=\"contenttype\" onChange=\"nsfw(this)\"></input>\n <label for=\"contenttype\"><span class=\"iconify\" data-icon=\"mdi-domino-mask\"></span></label></div>\n </header>\n </div>\n </section>\n );\n}\n\nfunction Provider(props) {\n console.log(props);\n return (\n <tr>\n <td><a href={props.provider.url}>{props.provider.name}</a></td>\n <td>{props.provider.prefix}</td>\n </tr>\n );\n}\n\nfunction ModalInit() {\n return (\n <div id=\"modal_init\">\n <a class=\"btn\" href=\"#modal\">\n <span class=\"iconify icon\" data-icon=\"mdi-xbox-controller-menu\"></span>\n </a>\n </div>\n );\n}\n\nReactDOM.render(\n <Homepage />,\n document.getElementById('root')\n);\n\n//Functions below this line are for calculating data for\n//other functions\n\nfunction date() {\n let currentDate = new Date();\n let dateOptions = {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\"\n };\n let date = currentDate.toLocaleDateString(\"en-GB\", dateOptions);\n return date;\n}\nfunction fixDigits(k) {\n if (k < 10) {\n return \"0\" + k;\n }\n else {\n return k;\n }\n}\nfunction greet() {\n let currentTime = new Date();\n let greet = Math.floor(currentTime.getHours() / 6);\n let easterEggChance = Math.floor(Math.random() * 100);\n let greetings = require('./messages.json');\n let timeBased = [];\n let easterEggs = [];\n for (var i = 0; i < greetings.messages.length; i++) {\n if (greetings.messages[i].easteregg == \"FALSE\") {\n timeBased = timeBased.concat(greetings.messages[i]);\n } else {\n easterEggs = easterEggs.concat(greetings.messages[i]);\n }\n }\n if (easterEggChance > 10) {\n return timeBased[greet].message;\n } else {\n let easterEggText = Math.floor(Math.random() * easterEggs.length);\n return easterEggs[easterEggText].message;\n }\n}\nfunction Clock() {\n const [date, setDate] = useState(new Date());\n\n function refreshClock() {\n setDate(new Date());\n }\n useEffect(() => {\n const timerId = setInterval(refreshClock, 1000);\n return function cleanup() {\n clearInterval(timerId);\n };\n }, []);\n\n var hour = date.getHours();\n var minutes = date.getMinutes();\n var seconds = date.getSeconds();\n var midday = \"AM\";\n midday = (hour >= 12) ? \"PM\" : \"AM\";\n hour = (hour == 0) ? 12 : ((hour > 12) ? (hour - 12) : hour);\n minutes = fixDigits(minutes);\n seconds = fixDigits(seconds);\n let time = hour + \":\" + minutes + \" \" + midday;\n\n return (\n <h2 id=\"clock\">{time}</h2>\n\n );\n}\nfunction getApps() {\n let applications = require('./apps.json');\n return applications;\n}\nfunction getLinks() {\n let links = require('./links.json');\n return links;\n}\nfunction getProviders() {\n let providers = require('./providers.json');\n return providers;\n}",{"ruleId":"12","severity":1,"message":"13","line":4,"column":10,"nodeType":"14","messageId":"15","endLine":4,"endColumn":31},{"ruleId":"16","severity":1,"message":"17","line":169,"column":11,"nodeType":"18","endLine":169,"endColumn":57},{"ruleId":"19","severity":1,"message":"20","line":275,"column":41,"nodeType":"21","messageId":"22","endLine":275,"endColumn":43},{"ruleId":"19","severity":1,"message":"20","line":306,"column":16,"nodeType":"21","messageId":"22","endLine":306,"endColumn":18},{"ruleId":"12","severity":1,"message":"23","line":308,"column":3,"nodeType":"14","messageId":"15","endLine":308,"endColumn":10},"no-unused-vars","'unstable_createPortal' is defined but never used.","Identifier","unusedVar","jsx-a11y/anchor-is-valid","The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md","JSXOpeningElement","eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected","'seconds' is assigned a value but never used."] |