Skip to content
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.

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

update feature posts #33

Closed

Conversation

caovv62
Copy link

@caovv62 caovv62 commented Jun 19, 2020

create feature posts of blog

@nganvn nganvn assigned caovv62 and unassigned caovv62 Jun 19, 2020
@caovv62 caovv62 force-pushed the feature/ODE-115-create-feature-posts-of-blog branch from 6ed82f9 to 2474e66 Compare June 19, 2020 14:32
@caovv62 caovv62 self-assigned this Jun 19, 2020
@caovv62 caovv62 added the enhancement New feature or request label Jun 19, 2020
@duynguyenod duynguyenod linked an issue Jun 24, 2020 that may be closed by this pull request
1 task
}
#feature-posts .card-list {
width: 100%;
/*display: flex;*/
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove comment if it is not necessary.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fix similar error in your PR.

index.html Outdated
<div class="card-list"></div>
<div class="card-list"></div>
<br>
<div style="text-align:center">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

According to our coding convention, style shouldn't be inline a tag.
Name your div as class or id, define its style in .css file.

index.html Outdated
<script src="resources/js/responsive.js"></script>
<script src="resources/js/cover.js"></script>
<script src="resources/js/feature_post.js"></script>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@@ -0,0 +1,188 @@
const feature_post = [
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Viết thế này, ví dụ như mình có 5, 7 hay số feature posts không chia hết cho 3 thì sao anh?


var listcard = document.getElementById('feature-posts').getElementsByClassName('card-list')[2];
for (var i = 0; i < feature_post_2.length; i++) {
var icon = document.createElement('I');
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Các thẻ i, div, img viết hoa lên hết làm gì nhỉ?

@ngvuthanhnhan
Copy link
Contributor

ngvuthanhnhan commented Jun 26, 2020

Screen Shot 2020-06-26 at 8 33 46 PM

This is not what is called "slider". Also there is no transition between pages, and when clicking a dot to change pages, old (current) dot disappear.

There's no responsive (for more specific, mobile size) in your implementation.

padding-left: -10px;
}

.card-container .card {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No tab before element name

.card-container .card {
width: 100%;
height: 100%;
background-color: #fff;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

6 bit-hex color pls

}
/* feature-post */
@media screen and (min-width: 320px) {
.card-list .card-container {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No tab

slides[slideIndex-1].style.display = "flex";
dots[slideIndex-1].className += "active";
}

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No newline
And if you have time, please refactor your JS implementation, it's too complicated for a slider
Check again your slider UI. It has bugs. Next time. please check thoroughly before making a Pull Request

@nguyenvl179 nguyenvl179 closed this Nov 2, 2020
@nguyenvl179 nguyenvl179 force-pushed the feature/ODE-115-create-feature-posts-of-blog branch from 2abfd9b to f633164 Compare November 2, 2020 14:43
@duynguyenod duynguyenod deleted the feature/ODE-115-create-feature-posts-of-blog branch December 9, 2020 14:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create feature posts of blog
5 participants