Færdiggjort

Small issue with Angular JS code for a UI

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>

Evner: Javascript, Angular.js, HMLT5, CSS, jQuery / Prototype

Se mere: small projet java source code, free small animation project source code, js code popunder, small ajax post js, small comment box php code, small html projects source code, small simple iphone source code, small projects android source code, small android app source code, small clock based psuedo code work, small mysql javascript website code, small project using wordpress code, small apps android source code, small matlab project source code, small website design html code, small website design php code

Om arbejdsgiveren:
( 38 bedømmelser ) ashfield, Australia

Projekt ID: #20908035

Tildelt til:

seniorcoder024

Dear sir! I have read your job description carefully. I am a senior full stack developer who has rich experiences in ecommerce website development. I have been working for 6 years in information technology. I can fulf Flere

$20 AUD in 2 dage
(9 bedømmelser)
3.9

6 freelancere byder i gennemsnit $32 på dette job

Dmitry610

Hello Dear, Greetings for the day! ⭐⭐⭐⭐⭐ I CAN START IMMEDIATELY ⭐⭐⭐⭐⭐ My name is Dmitry Kraitor and I am individual full-stack&full-time web developer. I have gone through the project description and I am very int Flere

$30 AUD på 1 dag
(21 bedømmelser)
6.1
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, Flere

$20 AUD på 1 dag
(12 bedømmelser)
4.3
gabe61

Hi, I'm a web developer with 7+ years of experience in PHP, Laravel, Angular, etc. As an expert in core javascript, various front-end MVC (Angular, React), back-end frameworks(PHP, Larave, Node.js), SQL(MySql, Mariodb Flere

$30 AUD in 5 dage
(8 bedømmelser)
4.1
DongJun90

Hope you are well, Interested and right skills for Job and ready to work on it. Would like to have some words via chat to proceed

$70 AUD på 1 dag
(3 bedømmelser)
2.7
healer818

I would love to do this project for you. I have full experience in HTML5, CSS, Javascript, jQuery, PHP,Bootstrap4.0 I have all of the skill and experience to get this done to your liking. I hope to discuss more via ch Flere

$20 AUD in 7 dage
(0 bedømmelser)
0.0