-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c19c8f8
commit 7def27a
Showing
27 changed files
with
147 additions
and
130 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Empty file.
File renamed without changes.
File renamed without changes.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
33 changes: 33 additions & 0 deletions
33
DirectReport/browserview/static/js/account/accountcomponents.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
|
||
const { useState, useEffect } = React; | ||
|
||
const AccountUserInfo = (userData, reportData) => { | ||
return ( | ||
<div className="lg:col-span-3 md:col-span-1 sm:col-span-3 justify-center"> | ||
<div className="bg-blue-500 py-10 px-14 my-2 shadow-[1.0px_1.0px_5.0px_0.0px_rgba(0,0,0,0.58)] rounded-3xl"> | ||
<div className="grid grid-flow-col gap-10 self-center bg-blue-200 py-10 px-15 my-6 shadow-[1.0px_1.0px_5.0px_0.0px_rgba(0,0,0,0.58)] rounded-3xl"> | ||
<div className="col-span-1 ml-10 py-10 px-15 bg-blue-50 rounded-3xl shadow-[1.0px_1.0px_5.0px_0.0px_rgba(0,0,0,0.58)]"> | ||
<div className="bg-blue-50 rounded-2xl pl-10"> | ||
<h1 className="text-left pl-10"> | ||
<span className="pl-4 font-semibold">Account: </span> {userData.name} | ||
</h1> | ||
<h1 className="text-left pl-10 pt-1"> | ||
<span className="pl-4 font-semibold">Email: </span> {userData.userid} | ||
</h1> | ||
</div> | ||
</div> | ||
<div className="col-span-1 mr-10 py-8 bg-blue-50 rounded-3xl shadow-[1.0px_1.0px_5.0px_0.0px_rgba(0,0,0,0.58)]"> | ||
<div className="bg-blue-50 rounded-2xl pl-10"> | ||
<p className="text-left pl-4 ml-10 pt-1"> | ||
<span className="pr-11 font-semibold">Username: </span> {userData.username} | ||
</p> | ||
<p className="text-left pl-4 ml-10 pt-1"> | ||
<span className="pr-4 font-semibold">Number of reports saved: </span> {reportData.length} | ||
</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
const { useState, useEffect } = React; | ||
|
||
class EntryList extends React.Component { | ||
render() { | ||
return ( | ||
<div className="grid grid-cols-3 gap-1 mb-20 mx-20"> | ||
<h1 className="col-span-3 text-2xl text-blue-800 text-left font-bold font-mono mb-4 mx-10"> | ||
Saved Reports | ||
</h1> | ||
{this.props.listdata.map(item => | ||
<div className="col-span-1 justify-center mt-3 mb-3"> | ||
<article className="mx-4 mt-2 w-90 rounded-2xl border border-gray-200 p-1 shadow-lg transition hover:shadow-xl"> | ||
<a className="block rounded-xl bg-white p-1 sm:p-6 lg:p-8" href={'/getreport/' + item.uuid}> | ||
<div className="mt-1"> | ||
<h2 className="text-2xl font-bold text-gray-800 sm:text-xl">{'Topic: ' + item.user_id}</h2> | ||
<p className="mt-3 text-sm text-justify line-clamp-5 text-gray-500">{'Entry: ' + item.raw_input}</p> | ||
</div> | ||
</a> | ||
</article> | ||
</div> | ||
)} | ||
</div> | ||
); | ||
} | ||
} | ||
|
||
class EmptyEntryList extends React.Component { | ||
render() { | ||
return ( | ||
<div className="mx-50 content-center mt-20 my-28 h-150"> | ||
<div className="flex flex-col justify-center my-6 mx-60"> | ||
<h1 className="self-center text-3xl text-gray-700 text-center font-bold">Add New Entry</h1> | ||
<EntryForm/> | ||
</div> | ||
</div> | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.