-
Notifications
You must be signed in to change notification settings - Fork 0
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
Eventpage content #8
Open
kataamb
wants to merge
40
commits into
main
Choose a base branch
from
eventpage_content
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from all commits
Commits
Show all changes
40 commits
Select commit
Hold shift + click to select a range
308e834
header fixes
Achpochmak ad93274
header fixes
Achpochmak 7214ebf
header fixes
Achpochmak 4862209
Update README.md
Achpochmak f6f9f0b
fixed feed rendering
kataamb ee6c46f
fixed problems with index html paths
kataamb ac4ced6
add: event page
kataamb 37a8d62
ADD: fetch module
kataamb 2cd9f15
ADD: event edit and create form
kataamb 21daae7
ADD: user event page
kataamb 2b034e1
ADD: module to handle actions with events
kataamb 1b1b130
started to do router
kataamb 4609533
Add button to header
kataamb fc1c588
fixed frontend api
kataamb e7fbda3
edit login
kataamb dba7a6f
changed registration, ADD: create form event
kataamb 94b6c84
fixed event form lint warnings
kataamb ab06827
categore select handler
kataamb cfdc55b
Profile
Ko71k e70c5e1
Search
Ko71k 44e01bb
PUT for Profile email&username
Ko71k 16bed76
ADD: delete method
kataamb b5122a0
ADD: delete method
kataamb 5f99d39
image direct to endpoint
Ko71k 6ed864b
Image from backend
Ko71k d0c99eb
categories and event page
Achpochmak c92d0f5
Merge branch 'eventpage_content' of https://github.com/frontend-park-…
Achpochmak 35a5f32
Navigatable feed elements
Ko71k 5d26157
images from back
Ko71k a62b71c
comment + package
Ko71k da0531e
ADD: delete action for event
kataamb 138a108
fixed blank lines in handleEventsActions.js
kataamb 24540fa
Merge branch 'eventpage_content' of github.com:frontend-park-mail-ru/…
kataamb fd1e47f
ADD: delete action for event
kataamb 944bb14
categ on refresh
Ko71k 3ffa657
search
Ko71k 9c21d74
Merge branch 'eventpage_content' into kobranch
Ko71k 00f0a6c
Merge pull request #9 from frontend-park-mail-ru/kobranch
Ko71k 1e39d98
Update config.js
Ko71k ddaa98a
fixed config
kataamb File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,2 @@ | ||
/node_modules | ||
/node_modules | ||
*.precompiled.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
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
async function loadCategories() { | ||
const selectElement = document.createElement('select'); | ||
try { | ||
const request = { headers: {} }; | ||
const response = await api.get('/categories', request); | ||
const categories = await response.json(); | ||
|
||
console.log(categories); | ||
|
||
// Заполнение выпадающего списка | ||
categories.forEach(category => { | ||
const option = document.createElement('option'); | ||
option.value = category.id; // id категории | ||
option.textContent = category.name; // название категории | ||
selectElement.appendChild(option); | ||
}); | ||
|
||
} catch (error) { | ||
console.error('Ошибка при загрузке категорий:', error); | ||
} | ||
return categorySelect; | ||
} |
147 changes: 147 additions & 0 deletions
147
public/components/EventContentPage/EventContentPage.css
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,147 @@ | ||
/* Основной контейнер для страницы мероприятия */ | ||
.eventPage { | ||
display: flex; | ||
flex-direction: column; | ||
align-items: center; | ||
border: 1px solid #ddd; | ||
border-radius: 8px; | ||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); | ||
padding: 20px; | ||
margin: 20px auto; | ||
max-width: 70%; | ||
background-color: #fff; | ||
padding: 50px; | ||
font-size: large; | ||
} | ||
|
||
.event__leftPart__title { | ||
font-size: 36px; | ||
font-weight: bold; | ||
color: #333; | ||
margin-bottom: 10px; | ||
text-align: center; | ||
|
||
} | ||
|
||
.image { | ||
max-width: 80%; | ||
height: auto; | ||
border-radius: 8px; | ||
margin-top: 10px; | ||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); | ||
} | ||
|
||
/* Правая часть с датами, тегами и кнопками */ | ||
.event__rightPart { | ||
width: 100%; | ||
display: inline-block; | ||
align-items: center; | ||
padding-left: 15px; | ||
padding-top: 15px; | ||
} | ||
|
||
.event__date { | ||
padding: 5px; | ||
font-size: 18px; | ||
color: #666; | ||
margin: 8px 0; | ||
} | ||
|
||
.event__tags { | ||
display: flex; | ||
flex-wrap: wrap; | ||
gap: 10px; | ||
} | ||
|
||
.event__tag { | ||
background-color: #009951; | ||
color: white; | ||
font-size: 20px; | ||
padding: 7px; | ||
border-radius: 15px; | ||
} | ||
|
||
|
||
/* Блок для кнопок */ | ||
.event_actionsDiv { | ||
margin-top: 15px; | ||
display:inline-block; | ||
margin-top: 15px; | ||
} | ||
|
||
/* Кнопка удаления */ | ||
.buttonDelete { | ||
background: #fff; | ||
border: 2px solid #e74c3c; | ||
color: #e74c3c; | ||
padding: 10px 20px; | ||
border-radius: 20px; | ||
font-size: 16px; | ||
cursor: pointer; | ||
transition: background-color 0.2s ease, color 0.2s ease; | ||
} | ||
|
||
.buttonDelete:hover { | ||
background-color: #e74c3c; | ||
color: #fff; | ||
} | ||
|
||
/* Кнопка редактирования */ | ||
.buttonEdit { | ||
background: #fff; | ||
border: 2px solid #ff7b00; | ||
color: #ff7b00; | ||
padding: 10px 20px; | ||
border-radius: 20px; | ||
font-size: 16px; | ||
cursor: pointer; | ||
transition: background-color 0.2s ease, color 0.2s ease; | ||
} | ||
|
||
.buttonEdit:hover { | ||
background-color: #ff7b00; | ||
color: #fff; | ||
} | ||
|
||
.eventPage { | ||
display: flex; | ||
flex-direction: column; | ||
align-items: center; | ||
} | ||
|
||
.event__title { | ||
font-size: 36px; | ||
font-weight: bold; | ||
} | ||
|
||
.event__details { | ||
display: flex; | ||
flex-direction: column; | ||
align-items: center; | ||
} | ||
|
||
.event__image { | ||
max-width: 800px; | ||
height: auto; | ||
margin-top: 10px; | ||
} | ||
|
||
.event__info-row { | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: space-between; | ||
width: 100%; | ||
padding: 10px 0; | ||
} | ||
|
||
.event__tags, .event__date { | ||
margin: 0 10px; | ||
} | ||
|
||
.event__actions { | ||
display: flex; | ||
justify-content: center; | ||
margin-top: 30px; | ||
gap: 350px; | ||
} | ||
|
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Лучше не использовать названия тега в селекторе ("div", "span" и т д) так как если вам понадобится поменять тег вы вряд ли полезете в css менять название класса, и это может сбивать с толку. Просто actions тут достаточно