Small issue with Angular JS code for a UI

Probíhá Zveřejněno před 4 lety K zaplacení v momentě doručení
Probíhá 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>

JavaScript AngularJS HTML5 CSS jQuery / Prototype

Identifikační číslo projektu: #20908035

O projektu

1 nabídka Projekt na dálku Aktivní před 4 lety

1 freelancer zveřejnil na tento projekt nabídky v průměrné hodnotě $20

sharktiger

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ší

$20 AUD za 1 den
(14 Recenzí)
4.5