Small issue with Angular JS code for a UI
$10-30 AUD
K zaplacení v momentě doručení
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>
Identifikační číslo projektu: #20908035
O projektu
1 freelancer zveřejnil na tento projekt nabídky v průměrné hodnotě $20
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, Další