Find Jobs
Hire Freelancers

Small issue with Angular JS code for a UI

$10-30 AUD

In Progress
Posted over 4 years ago

$10-30 AUD

Paid on delivery
Hi Guys This code displays a user interface, it works just fine. It has a collapsible pane which expands out when clicked. This works just fine also. HOWEVER, when you click a button INSIDE the pane, it closes the pane. This shouldnt happen. I think i've got my </div> in the wrong spot, This job is to fix that. Work via teamviewer but here is my code: <div class="" ng-app="app" ng-init="collapseDoorsGates=true"> <div class="section" ng-init="hueColors = [ { hsb: '0,0,100', hex: '#fff' }, { hsb: '74,78,100', hex: '#fecc2f' }, { hsb: '46,100,100', hex: '#f9a228' }, { hsb: '26,100,100', hex: '#f6621f' }, { hsb: '0,100,100', hex: '#db3838' }, { hsb: '273,100,100', hex: '#a363d9' }, { hsb: '201,100,100', hex: '#40a4d8' }, { hsb: '177,100,100', hex: '#33beb8' }, { hsb: '140,100,100', hex: '#b2c225' } ]"> <div class="sectionIconContainer"> <div class="" ng-click="collapseDoorsGates = !collapseDoorsGates"> <div ng-click="collapseLivingLevel = !collapseLivingLevel"> <div class="sectionIcon"> <div class="icon motion" ng-class="itemValue('gDoors')=='ON'? 'on':'off'"> <svg viewBox="0 0 48 48"> <use xlink:href="/static/ihp-theme/squidink.svg#door"></use> </svg> </div> </div> <div class="title"> <div class="name">Front Door</div> </div> <div class="controls" ng-hide="collapseDoorsGates"> <div class="widget widget_gate"> <div class="gatesDiv"> <div class="gate_details"> <div class="custom_wrap"> <div class="name">Front Door</div> <div class="sceneGroup"> <div class="scene on" ng-click="sendCmd('Doorbell_OpenDoor1', 'ON')">Unlock</div> </div> </div> <div class="custom_wrap"> <div class="name">Door Light</div> <div class="sceneGroup"> <div class="scene on" ng-click="sendCmd('Doorbell_Light', 'ON')">Trigger</div> </div> </div> <div class="custom_wrap"> <div class="name">Intercom</div> <div class="sceneGroup"> <div class="scene" ng-class="{true:'on', false:'off'}[itemValue('DoorBird_SIP')=='OFF']" ng-click="sendCmd('DoorBird_SIP', 'OFF')">Hang Up</div> <div class="scene backCall" ng-class="{true:'on', false:'off'}[itemValue('DoorBird_SIP')=='ON']" ng-click="sendCmd('DoorBird_SIP', 'ON')">Back Call</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
Project ID: 20908035

About the project

1 proposal
Remote project
Active 5 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
1 freelancer is bidding on average $20 AUD for this job
User Avatar
Hi, dear I have read your requirements carefully and I can help you with your project. I am a licensed full stack programming developer and designer. I have many experiences in CI, laravel, wordpress, magento, drupal, python as backend. And I have several experiences in bootstrap angular.js, react.js, node.js, Vue.js, material as frontend. please feel free to check my clients reviews, my profile I can complete your project perfectly. If you hire me,I will do my best for your project. Please come over chat for detailed discussion to start working on it. I can show you my project similar to your job description over chat. Looking forward to working with you. Thank you.
$20 AUD in 1 day
4.6 (14 reviews)
4.5
4.5

About the client

Flag of AUSTRALIA
ashfield, Australia
5.0
51
Payment method verified
Member since Apr 12, 2018

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.