Tamamlanmış

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>

Beceriler: Javascript, Angular.js, HTML5, CSS, jQuery / Prototype

Daha fazlasını gör: 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

İşveren Hakkında:
( 38 değerlendirme ) ashfield, Australia

Proje NO: #20908035

Seçilen:

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 Daha Fazla

%selectedBids___i_period_sub_7% gün içinde 20%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(9 Değerlendirme)
3.9

Bu iş için 6 freelancer ortalamada $32 teklif veriyor

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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% AUD
(21 Değerlendirme)
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, Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% AUD
(12 Değerlendirme)
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 Daha Fazla

$30 AUD in 5 gün içinde
(8 Değerlendirme)
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

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% AUD
(3 Değerlendirme)
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 Daha Fazla

$20 AUD in 7 gün içinde
(0 Değerlendirme)
0.0