Browse Source

Redo with React

hkremer/rebranding
Gregory Rudolph 3 years ago
parent
commit
4e96ff10bf
Signed by: rudi
GPG Key ID: EF64F3CBD1A1EBDD
  1. 2
      site-api.go
  2. 6
      src/app.js
  3. 2
      static/header.tpl
  4. 2
      static/js/main.98705200.chunk.js
  5. 2
      static/js/main.98705200.chunk.js.map
  6. 8
      static/loggedIn.tpl

2
site-api.go

@ -223,7 +223,7 @@ func runWeb() { @@ -223,7 +223,7 @@ func runWeb() {
router.HandleFunc("/api/login", tryLogin)
router.HandleFunc("/api/pending", getPending)
router.HandleFunc("/api/verifications", getVerifications)
router.HandleFunc("/api/image/", getVerification)
router.HandleFunc("/verifications", getVerification)
router.HandleFunc("/api/probations", getProbations)
router.HandleFunc("/api/passreq", reqPass)
router.HandleFunc("/api/user", getUser)

6
src/app.js

@ -39,9 +39,9 @@ class Pending extends React.Component { @@ -39,9 +39,9 @@ class Pending extends React.Component {
return (
<div className="App">
<ul>
{this.state.pending.map((data, i) => (
data.map((actualData, ii) => (
<li key={ii}> <CardImg {...actualData} /></li>
{this.state.pending.map((data) => (
data.map((actualData) => (
<li key={actualData.UserID}> <CardImg {...actualData} /></li>
))
))}
</ul>

2
static/header.tpl

@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link href="/static/css/main.5c7015b9.chunk.css" rel="stylesheet">
<link href="/static/css/main.5c7015b9.chunk.css" rel="stylesheet">

2
static/js/main.5a3cdc5e.chunk.js → static/js/main.98705200.chunk.js

@ -1,2 +1,2 @@ @@ -1,2 +1,2 @@
(this.webpackJsonpthanos=this.webpackJsonpthanos||[]).push([[0],{14:function(e,t,n){},15:function(e,t,n){},16:function(e,t,n){"use strict";n.r(t);var c=n(0),s=n(1),i=n.n(s),r=n(8),a=n.n(r),o=(n(14),n(6)),j=n(3),h=n(4),d=n(7),l=n(5);n(15);function b(e){return Object(c.jsxs)("div",{className:"card",children:[Object(c.jsx)("h4",{children:Object(c.jsx)("b",{children:e.Username})}),Object(c.jsxs)("div",{className:"container",children:[Object(c.jsx)("p",{children:e.Closed}),Object(c.jsx)("p",{children:e.UserID}),Object(c.jsx)("p",{children:Object(c.jsx)("a",{href:e.Photo,children:"Verification Photo"})})]})]})}function u(e){return Object(c.jsxs)("div",{className:"card-img",children:[Object(c.jsx)("h4",{children:Object(c.jsx)("b",{children:e.Username})}),Object(c.jsx)("img",{src:void 0!==e.Photo?e.Photo:"https://thiscatdoesnotexist.com/",alt:"Avatar",style:{width:"100%"}}),Object(c.jsx)("div",{className:"container",children:Object(c.jsx)("p",{children:e.UserID})})]})}i.a.Component;var O=function(e){Object(d.a)(n,e);var t=Object(l.a)(n);function n(){var e;Object(j.a)(this,n);for(var c=arguments.length,s=new Array(c),i=0;i<c;i++)s[i]=arguments[i];return(e=t.call.apply(t,[this].concat(s))).state={verifications:[]},e}return Object(h.a)(n,[{key:"componentDidMount",value:function(){var e=this;fetch("https://thanos.nightmare.haus/api/verifications").then((function(e){return e.json()})).then((function(t){return e.setState({verifications:t})}))}},{key:"render",value:function(){return Object(c.jsx)("div",{className:"App",children:Object(c.jsx)("ul",{children:this.state.verifications.map((function(e,t){return Object(c.jsxs)("li",{children:[" ",Object(c.jsx)(b,Object(o.a)({},e))]},t)}))})})}}]),n}(i.a.Component);a.a.render(Object(c.jsxs)(i.a.StrictMode,{children:[Object(c.jsx)(O,{}),Object(c.jsx)(O,{})]}),document.getElementById("react_app"))}},[[16,1,2]]]);
//# sourceMappingURL=main.5a3cdc5e.chunk.js.map
//# sourceMappingURL=main.98705200.chunk.js.map

2
static/js/main.5a3cdc5e.chunk.js.map → static/js/main.98705200.chunk.js.map

@ -1 +1 @@ @@ -1 +1 @@
{"version":3,"sources":["App.js","index.js"],"names":["Card","data","className","Username","Closed","UserID","href","Photo","CardImg","src","undefined","alt","style","width","React","Component","Verification","state","verifications","fetch","then","response","json","setState","this","map","i","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"8OAGA,SAASA,EAAKC,GACV,OACE,sBAAKC,UAAU,OAAf,UACA,6BAAI,4BAAID,EAAKE,aACX,sBAAKD,UAAU,YAAf,UACE,4BAAID,EAAKG,SACT,4BAAIH,EAAKI,SACT,4BAAG,mBAAGC,KAAML,EAAKM,MAAd,wCAKX,SAASC,EAAQP,GACf,OACE,sBAAKC,UAAU,WAAf,UACA,6BAAI,4BAAID,EAAKE,aACb,qBAAKM,SAAoBC,IAAfT,EAAKM,MAAsBN,EAAKM,MAAQ,mCAAoCI,IAAI,SAASC,MAAO,CAAEC,MAAO,UACjH,qBAAKX,UAAU,YAAf,SACE,4BAAID,EAAKI,cAMGS,IAAMC,U,IAsDbC,E,4MA3BXC,MAAQ,CACJC,cAAe,I,kEAEE,IAAD,OAEhBC,MADe,mDAEVC,MAAK,SAACC,GAAD,OAAcA,EAASC,UAC5BF,MAAK,SAACnB,GAAD,OAAU,EAAKsB,SAAS,CAACL,cAAejB,S,+BAGlD,OACG,qBAAKC,UAAU,MAAf,SACI,6BACKsB,KAAKP,MAAMC,cAAcO,KAAI,SAACxB,EAAMyB,GAAP,OAC1B,mCAAa,cAAC1B,EAAD,eAAUC,MAAdyB,c,GAfLZ,IAAMC,WC/CjCY,IAASC,OACP,eAAC,IAAMC,WAAP,WACE,cAAC,EAAD,IACA,cAAC,EAAD,OAEFC,SAASC,eAAe,gB","file":"static/js/main.5a3cdc5e.chunk.js","sourcesContent":["import React from 'react';\nimport './App.css';\n\nfunction Card(data) {\n return (\n <div className=\"card\">\n <h4><b>{data.Username}</b></h4>\n <div className=\"container\">\n <p>{data.Closed}</p>\n <p>{data.UserID}</p>\n <p><a href={data.Photo}>Verification Photo</a></p>\n </div>\n </div>\n )\n }\n function CardImg(data) {\n return (\n <div className=\"card-img\">\n <h4><b>{data.Username}</b></h4>\n <img src={data.Photo !== undefined ? data.Photo : \"https://thiscatdoesnotexist.com/\"} alt=\"Avatar\" style={{ width: \"100%\" }} />\n <div className=\"container\">\n <p>{data.UserID}</p>\n </div>\n </div>\n )\n }\n\nclass Pending extends React.Component {\n state = {\n pending: []\n }\n componentDidMount() {\n const apiUrl = 'https://thanos.nightmare.haus/api/pending';\n fetch(apiUrl)\n .then((response) => response.json())\n .then((data) => this.setState({pending: data}));\n }\n render() {\n return (\n <div className=\"App\">\n <ul>\n {this.state.pending.map((data, i) => (\n data.map((actualData, ii) => (\n <li key={ii}> <CardImg {...actualData} /></li>\n ))\n ))}\n </ul>\n </div>\n );\n }\n}\n\n\nclass Verification extends React.Component {\n state = {\n verifications: []\n }\n componentDidMount() {\n const apiUrl = 'https://thanos.nightmare.haus/api/verifications';\n fetch(apiUrl)\n .then((response) => response.json())\n .then((data) => this.setState({verifications: data}));\n }\n render() {\n return (\n <div className=\"App\">\n <ul>\n {this.state.verifications.map((data, i) => (\n <li key={i}> <Card {...data} /></li>\n ))}\n </ul>\n </div>\n );\n }\n}\n\nexport {\n Pending,\n Verification,\n}\n\nexport default Verification;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport Verification from './App';\nimport Pending from './App';\n\nReactDOM.render(\n <React.StrictMode>\n <Pending />\n <Verification />\n </React.StrictMode>,\n document.getElementById('react_app')\n);\n"],"sourceRoot":""}
{"version":3,"sources":["App.js","index.js"],"names":["Card","data","className","Username","Closed","UserID","href","Photo","CardImg","src","undefined","alt","style","width","React","Component","Verification","state","verifications","fetch","then","response","json","setState","this","map","i","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"8OAGA,SAASA,EAAKC,GACV,OACE,sBAAKC,UAAU,OAAf,UACA,6BAAI,4BAAID,EAAKE,aACX,sBAAKD,UAAU,YAAf,UACE,4BAAID,EAAKG,SACT,4BAAIH,EAAKI,SACT,4BAAG,mBAAGC,KAAML,EAAKM,MAAd,wCAKX,SAASC,EAAQP,GACf,OACE,sBAAKC,UAAU,WAAf,UACA,6BAAI,4BAAID,EAAKE,aACb,qBAAKM,SAAoBC,IAAfT,EAAKM,MAAsBN,EAAKM,MAAQ,mCAAoCI,IAAI,SAASC,MAAO,CAAEC,MAAO,UACjH,qBAAKX,UAAU,YAAf,SACE,4BAAID,EAAKI,cAMGS,IAAMC,U,IAsDbC,E,4MA3BXC,MAAQ,CACJC,cAAe,I,kEAEE,IAAD,OAEhBC,MADe,mDAEVC,MAAK,SAACC,GAAD,OAAcA,EAASC,UAC5BF,MAAK,SAACnB,GAAD,OAAU,EAAKsB,SAAS,CAACL,cAAejB,S,+BAGlD,OACG,qBAAKC,UAAU,MAAf,SACI,6BACKsB,KAAKP,MAAMC,cAAcO,KAAI,SAACxB,EAAMyB,GAAP,OAC1B,mCAAa,cAAC1B,EAAD,eAAUC,MAAdyB,c,GAfLZ,IAAMC,WC/CjCY,IAASC,OACP,eAAC,IAAMC,WAAP,WACE,cAAC,EAAD,IACA,cAAC,EAAD,OAEFC,SAASC,eAAe,gB","file":"static/js/main.98705200.chunk.js","sourcesContent":["import React from 'react';\nimport './App.css';\n\nfunction Card(data) {\n return (\n <div className=\"card\">\n <h4><b>{data.Username}</b></h4>\n <div className=\"container\">\n <p>{data.Closed}</p>\n <p>{data.UserID}</p>\n <p><a href={data.Photo}>Verification Photo</a></p>\n </div>\n </div>\n )\n }\n function CardImg(data) {\n return (\n <div className=\"card-img\">\n <h4><b>{data.Username}</b></h4>\n <img src={data.Photo !== undefined ? data.Photo : \"https://thiscatdoesnotexist.com/\"} alt=\"Avatar\" style={{ width: \"100%\" }} />\n <div className=\"container\">\n <p>{data.UserID}</p>\n </div>\n </div>\n )\n }\n\nclass Pending extends React.Component {\n state = {\n pending: []\n }\n componentDidMount() {\n const apiUrl = 'https://thanos.nightmare.haus/api/pending';\n fetch(apiUrl)\n .then((response) => response.json())\n .then((data) => this.setState({pending: data}));\n }\n render() {\n return (\n <div className=\"App\">\n <ul>\n {this.state.pending.map((data) => (\n data.map((actualData) => (\n <li key={actualData.UserID}> <CardImg {...actualData} /></li>\n ))\n ))}\n </ul>\n </div>\n );\n }\n}\n\n\nclass Verification extends React.Component {\n state = {\n verifications: []\n }\n componentDidMount() {\n const apiUrl = 'https://thanos.nightmare.haus/api/verifications';\n fetch(apiUrl)\n .then((response) => response.json())\n .then((data) => this.setState({verifications: data}));\n }\n render() {\n return (\n <div className=\"App\">\n <ul>\n {this.state.verifications.map((data, i) => (\n <li key={i}> <Card {...data} /></li>\n ))}\n </ul>\n </div>\n );\n }\n}\n\nexport {\n Pending,\n Verification,\n}\n\nexport default Verification;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport Verification from './App';\nimport Pending from './App';\n\nReactDOM.render(\n <React.StrictMode>\n <Pending />\n <Verification />\n </React.StrictMode>,\n document.getElementById('react_app')\n);\n"],"sourceRoot":""}

8
static/loggedIn.tpl

@ -1,11 +1,7 @@ @@ -1,11 +1,7 @@
<br><br>
<div class="container h-100 d-flex justify-content-center align-items-center">
<div class="container h-100 d-flex justify-content-center align-items-center">
<div id="react_app"></div>
<div id="react_app"></div>
<script>!function (e) { function t(t) { for (var n, l, a = t[0], f = t[1], i = t[2], c = 0, s = []; c < a.length; c++)l = a[c], Object.prototype.hasOwnProperty.call(o, l) && o[l] && s.push(o[l][0]), o[l] = 0; for (n in f) Object.prototype.hasOwnProperty.call(f, n) && (e[n] = f[n]); for (p && p(t); s.length;)s.shift()(); return u.push.apply(u, i || []), r() } function r() { for (var e, t = 0; t < u.length; t++) { for (var r = u[t], n = !0, a = 1; a < r.length; a++) { var f = r[a]; 0 !== o[f] && (n = !1) } n && (u.splice(t--, 1), e = l(l.s = r[0])) } return e } var n = {}, o = { 1: 0 }, u = []; function l(t) { if (n[t]) return n[t].exports; var r = n[t] = { i: t, l: !1, exports: {} }; return e[t].call(r.exports, r, r.exports, l), r.l = !0, r.exports } l.m = e, l.c = n, l.d = function (e, t, r) { l.o(e, t) || Object.defineProperty(e, t, { enumerable: !0, get: r }) }, l.r = function (e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, l.t = function (e, t) { if (1 & t && (e = l(e)), 8 & t) return e; if (4 & t && "object" == typeof e && e && e.__esModule) return e; var r = Object.create(null); if (l.r(r), Object.defineProperty(r, "default", { enumerable: !0, value: e }), 2 & t && "string" != typeof e) for (var n in e) l.d(r, n, function (t) { return e[t] }.bind(null, n)); return r }, l.n = function (e) { var t = e && e.__esModule ? function () { return e.default } : function () { return e }; return l.d(t, "a", t), t }, l.o = function (e, t) { return Object.prototype.hasOwnProperty.call(e, t) }, l.p = "/"; var a = this.webpackJsonpthanos = this.webpackJsonpthanos || [], f = a.push.bind(a); a.push = t, a = a.slice(); for (var i = 0; i < a.length; i++)t(a[i]); var p = f; r() }([])</script>
<script src="/static/js/2.f311d910.chunk.js"></script>
<script src="/static/js/main.5a3cdc5e.chunk.js"></script>
</div>
<script src="/static/js/main.98705200.chunk.js"></script>

Loading…
Cancel
Save