fixing projects

This commit is contained in:
ngn 2023-06-18 19:08:25 +03:00
parent 5836b22d8f
commit 044675dd93

View File

@ -5,9 +5,9 @@
<label class="glitch">ls -la</label> projects <label class="glitch">ls -la</label> projects
</Header> </Header>
<div class="projects"> <div class="projects">
<ProjectList v-for="project in projects" :key="project[0].name"> <ProjectList v-for="project in projects" :key="project.id">
<Project v-if="logged" v-for="p in project" :key="p.name" :name="`${p.name} (${p.click})`" :desc="p.desc" :url="p.url"/> <Project v-if="logged" v-for="p in project.list" :key="p.name" :name="`${p.name} (${p.click})`" :desc="p.desc" :url="p.url"/>
<Project v-if="!logged" v-for="p in project" :key="p.desc" :name="p.name" :desc="p.desc" :url="p.url"/> <Project v-if="!logged" v-for="p in project.list" :key="p.desc" :name="p.name" :desc="p.desc" :url="p.url"/>
</ProjectList> </ProjectList>
</div> </div>
<NewProject v-if="logged"/> <NewProject v-if="logged"/>
@ -40,17 +40,21 @@ export default {
} }
}, },
mounted: async function(){ mounted: async function(){
if(localStorage.getItem("token")) if(localStorage.getItem("token"))
this.logged = true this.logged = true
const res = await axios.get("/api/projects/get") const res = await axios.get("/api/projects/get")
let all = res.data["projects"] let all = res.data["projects"]
let pcounter = 0
let projects = [] let projects = []
let project = [] let project = {
id: pcounter,
list: []
}
for(let i = 0; i<all.length; i++){ for(let i = 0; i<all.length; i++){
if(project.length!==3) if(project["list"].length!==3)
project.push({ project["list"].push({
name: all[i]["name"], name: all[i]["name"],
desc: all[i]["desc"], desc: all[i]["desc"],
click: all[i]["click"], click: all[i]["click"],
@ -58,7 +62,11 @@ export default {
}) })
else{ else{
projects.push(project) projects.push(project)
project = [] pcounter += 1
project = {
id: pcounter,
list: []
}
} }
if(i===all.length-1){ if(i===all.length-1){
@ -66,7 +74,8 @@ export default {
} }
} }
this.projects = projects this.projects = projects
} console.log(this.projects)
}
} }
</script> </script>