Skip to content

Week2-AmirHossein-Project added #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
n4cr merged 18 commits into from
Dec 29, 2020
Merged

Week2-AmirHossein-Project added #4

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
c985479
Folder Amirhossein added
amirhshad Dec 13, 2020
7a6f20d
This is test
amirhshad Dec 20, 2020
102f0ef
Ex1 finished
amirhshad Dec 20, 2020
01b520d
Ex2 is added
amirhshad Dec 22, 2020
b49bf00
Merge pull request #1 from samravan/master
amirhshad Dec 22, 2020
caa2416
Merge branch 'master' into week2-AmirHossein
amirhshad Dec 22, 2020
e31194d
Pokoman app added - folders moved
amirhshad Dec 22, 2020
0d074dd
Ex3 is finished and added
amirhshad Dec 22, 2020
883ae1f
Minor bugs fixed
amirhshad Dec 22, 2020
2914a78
Add folder Amirhossein to hackyourrepo-app
amirhshad Dec 23, 2020
4a5c10a
Week2 project started
amirhshad Dec 23, 2020
7fdf479
Element factory function is added
amirhshad Dec 23, 2020
6fc3298
Elements are added to project week2
amirhshad Dec 23, 2020
da65b19
Projec's element is added
amirhshad Dec 24, 2020
dead44a
LEft box is finished
amirhshad Dec 24, 2020
777ae24
Some major bugs of project is fixed
amirhshad Dec 26, 2020
c65245a
Hackyourepo project - insert items to DOM is done
amirhshad Dec 27, 2020
5f72ae7
Hackyourrepo project is finish and added
amirhshad Dec 27, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Elements are added to project week2
  • Loading branch information
@amirhshad
amirhshad committed Dec 23, 2020
commit 6fc32987ac65b19db708b06fb18aba74970d96d3
25 changes: 23 additions & 2 deletions hackyourrepo-app/AmirHossein/index2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="theme-color" content="#000000" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<link rel="apple-touch-icon" href="./hyf.png" />
<link rel="shortcut icon" type="image/png" href="./hyf.png" />
<title>HackYourRepo</title>
<link
href="https://fonts.googleapis.com/css?family=Roboto:400,700"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div class="container">
<section id="header">
Expand Down Expand Up @@ -47,7 +68,7 @@
<img src="https://avatars3.githubusercontent.com/u/3985124?v=4" alt="" class="userPhoto" width="50px">
<a href="" class="userName">isalga</a>
<div class="badge">9</div>
</div>
</div>
<div class="card small-card">
<img src="https://avatars3.githubusercontent.com/u/3985124?v=4" alt="" class="userPhoto" width="50px">
<a href="" class="userName">isalga</a>
Expand All @@ -61,5 +82,5 @@



<script src="./script.js"></script>
<!-- <script src="./script.js"></script> -->
</body>
98 changes: 67 additions & 31 deletions hackyourrepo-app/AmirHossein/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,40 +20,76 @@ const elFactory = (type, attributes, ...children) => {

return el
}
const container = elFactory('div', {calss: 'container'});
const header = elFactory('section', {id: 'header'},
elFactory('p', {}, 'HYF Repositories'),
elFactory('select', {calss: 'selectMenu'}),
elFactory('option', {value: ''}, 'alumni'));
const bottomBox = elFactory('div', {class: 'bottom-box'});
const leftSide = elFactory('section', {id: 'left-side'},
elFactory('div', {calss: 'card'},
elFactory('table', {}),
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Repositories: '),
elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1'))),
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Description: '),
elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')),
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Forks: '),
elFactory('td', {class: 'col-right rep-fork'}, '5')),
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Update: '),
elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00'))));

const rightSide = elFactory('section', {id: 'right-side'},
elFactory('div', {id: 'contributor'}, 'Contributors'),
elFactory('div', {class: 'card samll-card'},
elFactory('img', {src: 'https://avatars3.githubusercontent.com/u/3985124?v=4', calss: 'userPhoto', width: '50px'}),
elFactory('a', {href: '', class: 'userName'}, 'Isabela'),
elFactory('div', {class: 'badge'}, '9')))

container.appendChild(header);
bottomBox.appendChild(leftSide);
bottomBox.appendChild(rightSide)
container.appendChild(bottomBox);
document.body.appendChild(container)
console.log(container)


// const container = elFactory('div', {calss: 'container'},
// elFactory('section', {id: 'header'},
// elFactory('p', {}, 'HYF Repositories'),
// elFactory('select', {calss: 'selectMenu'},
// elFactory('option', {value: ''}, 'alumni'))),
// elFactory('div', {class: 'bottom-box'},
// elFactory('section', {id: 'left-side'},
// elFactory('div', {calss: 'card'},
// elFactory('table', {},
// elFactory('tr', {},
// elFactory('td', {class: 'col-left'}, 'Repositories: '),
// elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1')) ),
// elFactory('tr', {},
// elFactory('td', {class: 'col-left'}, 'Description: '),
// elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')),
// elFactory('tr', {},
// elFactory('td', {class: 'col-left'}, 'Forks: '),
// elFactory('td', {class: 'col-right rep-fork'}, '5')),
// elFactory('tr', {},
// elFactory('td', {class: 'col-left'}, 'Update: '),
// elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00'))))))
// );

// console.log(container);
// const select = container.querySelector('select')
// const para = container.querySelector('p')
// console.log(para)




const container = elFactory('div', {calss: 'container'},
elFactory('section', {id: 'header'},
elFactory('p', {}, 'HYF Repositories'),
elFactory('select', {calss: 'selectMenu'},
elFactory('option', {value: ''}, 'alumni'))),
elFactory('div', {class: 'bottom-box'},
elFactory('section', {id: 'left-side'},
elFactory('div', {calss: 'card'},
elFactory('table', {},
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Repositories: '),
elFactory('td', {class: 'col-right rep-text'}, elFactory('a', {href: '#', class: 'repo-link'}, 'SampleRepo1')) ),
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Description: '),
elFactory('td', {class: 'col-right rep-description'}, 'Lorem ipsom')),
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Forks: '),
elFactory('td', {class: 'col-right rep-fork'}, '5')),
elFactory('tr', {},
elFactory('td', {class: 'col-left'}, 'Update: '),
elFactory('td', {class: 'col-right rep-update'}, '2020-05-27 12:00:00'))))))
);

console.log(container);
const select = container.querySelector('select')
const para = container.querySelector('p')
console.log(para)


const header = container.querySelector('p')


document.body.appendChild(container)



Expand Down
2 changes: 1 addition & 1 deletion hackyourrepo-app/AmirHossein/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@ p {
}

.bottom-box {

display: flex;
flex-direction: row;
height: auto;
Expand Down Expand Up @@ -76,6 +75,7 @@ p {
}
.small-card {
display: flex;
border: 3px solid black;
justify-content: flex-start;
align-items: center;
margin: 0.4rem;
Expand Down