Small issue with Angular JS code for a UI $10-30 AUD $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? Email address Apply for similar jobs Benefits of bidding on Freelancer Set your budget and timeframe
It's free to sign up and bid on jobs
1 freelancer is bidding on average $20 AUD for this job
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)