Terminé

Vue.js create div hide/appear on image click and axios post data.

I am working with laravel 5 and vue.js, i already have half way project done, but i need someone with more vue.js knowledge to extend functionality of what i am working on.

I already have .vue templating file where i can select and upload images to gallery, images are uploaded via axios post and every image that is uploaded is shown in gallery.

What i need to extend it for is next:

I need it in 2 different functions on image on click. And that would be next:

First one, when i click image in gallery to select that one and show overlay on image where i can click to mark this image as selected, or to delete this image. You can do this also when i click on delete icon to send axios post to delete url and i will do php delete function.

Another one is one where image will have additional select form, so when you select image, you have select and delete as with first explanation, but on here you have additional select form, where you can mark images as, invisible, premium, private. This of course should update image status in backend, so on select change, it should call axios post to update image status.

What i need in post fields to be sent is image id and select option. Except on delete, that one should also have return if success or failed and on success to remove thumbnail from page.

Here is the link to current .vue script:

[login to view URL]

In attachment is screenshot of current gallery frontend and explanation what need to be done.

Compétences : CSS, HTML, Javascript, Vue.js

en voir plus : vuejs axios loading, vue axios tutorial, vue fetch data from api, vuejs axios not found, vue js post request, vue ajax request axios, vue get data from database, vue axios medium, create div overlay band, create custom linux iso image, asp pop image click, create div based site, flash scroll image click, active hover image click menu, create div php, create div layout band page, vb6 webbrowser image click, flash image click horizontal, javascript div expand collapse image click, expand collapse div image click

Concernant l'employeur :
( 2 commentaires ) Niš, Serbia

Nº du projet : #19418380

Décerné à:

casedo

Hi, I am professional fullstack javascript web developer. I prefer to use vue.js as a frontend framework and I have been working with it for a long time. I finished lots of big scale project with it. I have strong expe Plus

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 0 jours
(0 Commentaires)
0.0

19 freelance font une offre moyenne de $41 pour ce travail

sapotacorp

Hello lonerunner, I am highly proficient at building and customizing themes & plugins and also have an in depth understanding of PHP and its major CMS and frameworks. Our latest Vue projects are: Kinesii-frontend, cip Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 0 jours
(980 Commentaires)
8.8
anatolygenay123

Nice to meet you. http://3.95.189.6:8080/#/dashboard [login to view URL] I've used (vuex, vue-router, vue-material etc) I can show your my code also. Before start working you can test me also about my vue.js ski Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(39 Commentaires)
6.7
shiningdevelopor

High-quality & Fast-delivery is promised! As a highly skilled full stack developer, I have rich experience in website development. I am very confident with my skills and I'd like to help your business by doing my bes Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(79 Commentaires)
6.7
ludwig333

<html> <head> <title>My Proposal</title> </head> <body> <h2>Hello. How are you today?</h2> <p>I just read your job description and it <b>really</b> attracts me. <strong>Vue.js</strong> is my strength. As you can Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(47 Commentaires)
6.1
AndrejStastny

Hi Dear. How are you? Please check my previous Vue demo. [login to view URL] [login to view URL] I am a senior stack_dev expert skilled in Vue/Vuex, Nuxt, mdbVue, Vuetifty, Bootstrap-Vue, Es6script, S Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(36 Commentaires)
6.1
hoisticdeveloper

hi I am expert laravel vue js developer, i have build almost 3 big projects on laravel vue js, I can show you the demo, and on laravel blade i have build almost 13 to 14 big projects. So hopefully i can resolve t Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(24 Commentaires)
6.1
honeyocs803

✈Dear Sir. Nice to meet you. I'm a Web expert and FULL Time Developer. I have checked your requirements carefully. I have rich experience in Front & Backend, Full stack, UX/UI, Extension & AWS service, etc. I ca Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(17 Commentaires)
5.3
MaZheng225

Dear Client! I read your description carefully and I am really interested in your project. I am a senior vue.js developer and I have rich experience in this field. As I am an expert, I know what you really want. Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(22 Commentaires)
5.4
BoyVit85

Hi*What you think is what you get! I have read your project description very carefully and understood enough what you want to build now. As a senior web app developer, I have rich experiences and high skill in websit Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(20 Commentaires)
4.7
whitehorse1989

Hello, I have checked the image and job descriptions carefully and I understood fully what you want. So, you have full backend. I need to call APIs on the front-end. Please check this - [login to view URL] Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(24 Commentaires)
4.8
STPLSRM

Hello, ✅ A strong team of 170+ professionals with state of art development facility. ✅ CMMI Level 3 Appraised, Microsoft Gold Certified Partner & NASSCOM accredited. ✅ Clients from Fortune 500 companies like Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(4 Commentaires)
5.2
sharktiger

Hello. Welcome! I'm excited that you’re here! I have been working as a professional web developer for the last 10 years + and have done many sites. I am confident you will be most satisfied with the work we do. Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(8 Commentaires)
3.9
skysoft0405

Hello I am an experienced web/vue.js developer with over 7 years. I can help you with it in a few hours. Please get in touch now. Looking forward to your response, Best,

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(3 Commentaires)
2.9
arisecubetech

Hello, I hope you are doing well. I have gone through your requirements and have understood those. I am a professional PHP developer with an experience of more than 5 years in creating and customizing websites, the Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(6 Commentaires)
2.3
mdashikar

Dear X, Is it will be okay to use an external component from a library like element Ui or [login to view URL] ? [login to view URL] a demo what I make with element UI and post it will axois to an [login to view URL] backend.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(1 Évaluation)
1.8
petrelucut

Hello, I am a full stack web developer and experienced working with Vue.js. Your task looks interesting to me, I think I can help you with it. I think it can be done in a few hours.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)
0.0
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(0 Commentaires)
0.0
Rjnj

Hudson Agile Technologies LLC – A New Jersey Firm. Entity ID – 0450219485 We are head quartered in 30 Knightsbridge Rd Suite 525, Piscataway Township, NJ 0885 We are a Software Technology Outsourcing consulting Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(1 Évaluation)
0.0