+
+
+
+
+
+
+
+
+
+
+
+ {
+ props.nav===0 ? (
+
+ {
+ props.settp(Math.ceil(Display.length / 8))
+ }
+ {
+ Display.slice((props.pagenum - 1) * 8, (props.pagenum) * 8).map((exp) => {
+ return (
+
+ { OpenLink(exp["Experiment URL"]) }} onValueChange={() => { ToggleSave(exp["Experiment Name"]) }} UserData={{
+ exp_name: exp["Experiment Name"],
+ institute: exp["Insitute Name"],
+ exp_link: exp["Experiment URL"],
+ exp_img: exp["Image"],
+ institute_img: "https://cdn.vlabs.ac.in/logo/" + exp["Insitute Name"].toLowerCase() + ".png",
+ card_content: exp["Description"],
+ rating: exp["Rating"],
+ domain: exp["Discipline Name"],
+ lab: exp["Lab Name"],
+ saved: saved.includes(exp["Experiment Name"])
+ }} />
+
+ )
+ })
+ }
+
) : null}
+ {
+ props.nav===1 ? (
+
+ {
+ props.settp(Math.ceil(History.filter((ele) => {
+ for (let i of Display) {
+ if (i["Experiment Name"] === ele) {
+ return true;
+ }
+ }
+ return false;
+ }).length / 8))
+ }
+ {
+ History.filter((ele) => {
+ for (let i of Display) {
+ if (i["Experiment Name"] === ele) {
+ return true;
+ }
+ }
+ return false;
+ }).slice((props.pagenum - 1) * 8, (props.pagenum) * 8).map((exp) => {
+ let a = {}
+ for (let i of props.experiments) {
+ if (i["Experiment Name"] === exp) {
+ a = i;
+ break;
+ }
+ }
+ return (
+
+ { OpenLink(a["Experiment URL"]) }} onValueChange={() => { ToggleSave(a["Experiment Name"]) }} UserData={{
+ exp_name: a["Experiment Name"],
+ institute: a["Insitute Name"],
+ exp_link: a["Experiment URL"],
+ exp_img: a["Image"],
+ institute_img: "https://cdn.vlabs.ac.in/logo/" + a["Insitute Name"].toLowerCase() + ".png",
+ card_content: a["Description"],
+ rating: a["Rating"],
+ domain: a["Discipline Name"],
+ lab: a["Lab Name"],
+ saved: saved.includes(a["Experiment Name"])
+ }} />
+
+ )
+ })
+ }
+
) : null}
+ {
+ props.nav===2 ? (
+ {
+ props.settp(Math.ceil(saved.filter((ele) => {
+ for (let i of Display) {
+ if (i["Experiment Name"] === ele) {
+ return true;
+ }
+ }
+ return false;
+ }).length / 8))
+
+ }
+ {
+ saved.filter((ele) => {
+ for (let i of Display) {
+ if (i["Experiment Name"] === ele) {
+ return true;
+ }
+ }
+ return false;
+ }).slice((props.pagenum - 1) * 8, (props.pagenum) * 8).map((exp) => {
+ let a = {}
+ for (let i of props.experiments) {
+ if (i["Experiment Name"] === exp) {
+ a = i;
+ break;
+ }
+ }
+ return (
+
+ { OpenLink(a["Experiment URL"]) }} onValueChange={() => { ToggleSave(a["Experiment Name"]) }} UserData={{
+ exp_name: a["Experiment Name"],
+ institute: a["Insitute Name"],
+ exp_link: a["Experiment URL"],
+ exp_img: a["Image"],
+ institute_img: "https://cdn.vlabs.ac.in/logo/" + a["Insitute Name"].toLowerCase() + ".png",
+ card_content: a["Description"],
+ rating: a["Rating"],
+ domain: a["Discipline Name"],
+ lab: a["Lab Name"],
+ saved: saved.includes(a["Experiment Name"])
+ }} />
+
+ )
+ })
+ }
+
) : null}
+ {
+ props.nav===3 ? (
+ {
+ props.settp(Math.ceil(Math.min(8, Display.length) / 8))
+ }
+ {
+ props.pop.filter((ele) => {
+ if (Display.includes(ele)) return true;
+ else return false;
+ }).slice(0, 8).slice((props.pagenum - 1) * 8, (props.pagenum) * 8).map((exp) => {
+ return (
+
+ { OpenLink(exp["Experiment URL"]) }} onValueChange={() => { ToggleSave(exp["Experiment Name"]) }} UserData={{
+ exp_name: exp["Experiment Name"],
+ institute: exp["Insitute Name"],
+ exp_link: exp["Experiment URL"],
+ exp_img: exp["Image"],
+ institute_img: "https://cdn.vlabs.ac.in/logo/" + exp["Insitute Name"].toLowerCase() + ".png",
+ card_content: exp["Description"],
+ rating: exp["Rating"],
+ domain: exp["Discipline Name"],
+ lab: exp["Lab Name"],
+ saved: saved.includes(exp["Experiment Name"])
+ }} />
+
+ )
+ })
+ }
+
) : null}
+ {
+ props.pages===0?(
+ {props.fetched ?
+ No Results Found
+ : ):(null)
+ }
+
+
+
+ {apply ? <>
+
+
+
+
+
+ {
+ setApply(0);
+ }}>
+
+
+ : null}
+ {!apply ? <>
+
+ {
+ setApply(1);
+ }}>
+
+
+
+
+
+
+ : null}
+
+
+ {apply ? <>
+
+ Institutes
+ { ExcludeInsti(element) }} style={{ height: "max-content", whiteSpace: "inherit" }}>{element}
+
+ )
+ else
+ return (
+ <>
+ { IncludeInsti(element) }}
+ style={{
+ boxShadow: "0 8px 8px 8px rgba(0,0,0,0.4)",
+ height: "max-content", whiteSpace: "inherit"
+ }}>{element}
+
+ )
+ })
+ }
+
+
+
+ Discipline
+ { ExcludeDis(element) }} style={{ height: "max-content", whiteSpace: "inherit" }}>{disc[element]}
+
+ )
+ else
+ return (
+ <>
+ { IncludeDis(element) }}
+ style={{
+ boxShadow: "0 8px 8px 8px rgba(0,0,0,0.4)",
+ height: "max-content", whiteSpace: "inherit"
+ }}>{disc[element]}
+
+ )
+ })
+ }
+
+
+
+ : null}
+ {
+ apply===0 ? <>
+
+ : null
+ }
+
+
+ ![]({"https://cdn.vlabs.ac.in/logo/vlead-large.png"}){kind=logo}
+