xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 12:14:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Редактирование проекта худо-бедно работает

Browse Source
This commit is contained in:
FEARmeR 2023-05-23 16:42:45 +01:00
parent eb0d03cace
commit d74c03a808
2 changed files with 59 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/views/LandingPages/Project/EditProject.vue
View File

@ -39,22 +39,56 @@ const getProject = async () => {
} }
}; };
const onFileChange = (event) => {
if (event.target.files.length > 0) {
const file = event.target.files[0];
projectData.value.featured_image = file;
}
};
const updateProject = async () => { const updateProject = async () => {
try { // try {
const headers = { 'Authorization': `Bearer ${token.value}` }; // const headers = { 'Authorization': `Bearer ${token.value}` };
const data = { // const data = {
title: projectData.value.title, // title: projectData.value.title,
description: projectData.value.description, // description: projectData.value.description,
demo_link: projectData.value.demo_link, // demo_link: projectData.value.demo_link,
source_link: projectData.value.source_link, // source_link: projectData.value.source_link,
tags: projectData.value.tags, // tags: projectData.value.tags,
// };
// const response = await axios.patch(`http://somebodyhire.me/api/projects/${projectId.value}/`, data, { headers });
// router.push(`/project/${response.data.id}`);
// }
try {
const tokenValue = token.value;
const headers = {
'Authorization': `Bearer ${tokenValue}`,
'Content-Type': 'multipart/form-data',
"X-CSRFToken": "{{ csrf_token }}"
}; };
const response = await axios.patch(`http://somebodyhire.me/api/projects/${projectId.value}/`, data, { headers });
const formData = new FormData();
formData.append('title', projectData.value.title);
formData.append('description', projectData.value.description);
formData.append('demo_link', projectData.value.demo_link);
formData.append('source_link', projectData.value.source_link);
if (projectData.value.featured_image) {
formData.append('featured_image', projectData.value.featured_image);
};
// formData.append('tags', projectData.value.tags);
const response = await axios.patch(`http://somebodyhire.me/api/projects/${projectId.value}/`, formData, { headers });
router.push(`/project/${response.data.id}`); router.push(`/project/${response.data.id}`);
} catch (error) {
}
catch (error) {
debugText.value = `Error: ${JSON.stringify(error, null, 2)}`; debugText.value = `Error: ${JSON.stringify(error, null, 2)}`;
console.error(error); console.error(error);
} }
@ -81,18 +115,26 @@ onMounted(async() => {
<div v-if = "userId == projectData.owner"> <div v-if = "userId == projectData.owner">
<h1>User Profile: {{ loggedUserName }}</h1> <h1>User Profile: {{ loggedUserName }}</h1>
<!-- Окно с результатами обмена для отладки --> <!-- Окно с результатами обмена для отладки
<textarea readonly v-model="debugText"></textarea> <textarea readonly v-model="debugText"></textarea>
-->
<img class="project-image" :src="projectData.featured_image" alt="Featured image">
<input type="file" accept="image/*" @change="onFileChange"> <input type="file" accept="image/*" @change="onFileChange">
<input type="text" v-model="projectData.title" placeholder="Title"> <input type="text" v-model="projectData.title" placeholder="Title">
<input type="text" v-model="projectData.description" placeholder="Description"> <input type="text" v-model="projectData.description" placeholder="Description">
<textarea v-model="projectData.demo_link" placeholder="Demo link"></textarea> <textarea v-model="projectData.demo_link" placeholder="Demo link"></textarea>
<textarea v-model="projectData.source_link" placeholder="Source code link"></textarea> <textarea v-model="projectData.source_link" placeholder="Source code link"></textarea>
<textarea v-model="projectData.tags" placeholder="Tags"></textarea> <!-- <textarea v-model="projectData.tags" placeholder="Tags"></textarea> -->
<button @click="updateProject" class="btn-submit">Update</button>
<button @click="cancelUpdate" class="btn-cancel">Cancel</button> <div>
</div> <button @click="updateProject" class="btn-submit">Сохранить</button>
<button @click="cancelUpdate" class="btn-cancel">Отмена</button>
</div>
</div>
<div v-else> <div v-else>
<h1>Вы не являетесь владельцем проекта</h1> <h1>Вы не являетесь владельцем проекта</h1>
</div> </div>

4
src/views/LandingPages/Project/Project.vue
View File

@ -59,7 +59,7 @@ const getProject = async () => {
</p> </p>
<h3>Feedback</h3> <h3>Feedback</h3>
<div class="feedback"> <div class="feedback">
<input name="username" readonly placeholder="Надо вставить username"/> <input name="username" readonly placeholder="Username"/>
<select id="selectvalue"> <select id="selectvalue">
<option>Vote Up</option> <option>Vote Up</option>
<option>Vote Down</option> <option>Vote Down</option>
@ -119,7 +119,7 @@ input, textarea, select, option{
} }
.project-image { .project-image {
width: 100%; width: 20%;
height: auto; height: auto;
margin-bottom: 20px; margin-bottom: 20px;
} }