Færdiggjort

Angular JS/CSS guru to create code for a button in HTML app

Hi All

I have created a button, but it is not state sensitive. Im trying to create a single button to unlock a door, the button reads the state of the item (LOCKED or UNLOCKED), when its LOCKED, it should display the option only to UNLOCK. When UNLOCKED, it should display the option only to LOCK.

I need the small amount of code to do this.

Here is visually how the button works. This sample has two buttons, one for Calling and one for hanging up, it would be nice to merge into one.

This is for use in OpenHAB. itemValue is a SWITCH which always has a state. It's the checking of the state that should change the content of the switch

My code:

<div class="widget">

<div class="icon" ng-class="{true:'on', false:'off'}[itemValue('DoorBird_SIP')=='ON']"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#microphone"></use></svg></div>

<div class="name">Intercom</div>

<div class="sceneGroup">

<div class="scene" ng-class="{true:'on', false:'off'}[itemValue('DoorBird_SIP')=='ON']" ng-click="sendCmd('DoorBird_SIP', 'ON')">Back Call</div>

<div class="scene" ng-class="{true:'on', false:'off'}[itemValue('DoorBird_SIP')=='OFF']" ng-click="sendCmd('DoorBird_SIP', 'OFF')">Hang Up</div>

</div>

</div>

Evner: Angular.js, CSS, HTML, Java, Linux

Se mere: ng-click, ng-show, ng-repeat in angularjs, how to get textbox value in angularjs controller, textbox validation in angularjs, ng-model, angularjs form validation on submit, ng-repeat, create template photoshop code till html, code create upload window html, create countdown clock html code, code cleanup html css javascript, create refresh button access code, code converter html css, create form contact html css php attach file, create site button html, create website php html css, html code button pressed counter, html code button pressing counter, html css submit articles submit button

Om arbejdsgiveren:
( 17 bedømmelser ) Orange, Australia

Projekt ID: #18967359

Tildelt til:

lionstechlab

Hi, I am a software engineer and i have 3+ year of experience in software development. I have good experience with angular.js, CSS and HTML. I would like to work with you this task. Happy to hear from you anytime. Flere

$15 AUD på 1 dag
(0 bedømmelser)
0.0

8 freelancere byder i gennemsnit $23 på dette job

ludwig333

Hello I am a full stack developer for over 5 years on the freelancer.com. I have read your description in more detail and have much interest in your project. I have many experiences what I have ever done before s Flere

$25 AUD på 1 dag
(38 bedømmelser)
5.8
smsaurabhv

I am angular js developer.i create lot of angular js web apps . I can do your work . if you are interested in my proposal please reply

$30 AUD in 3 dage
(5 bedømmelser)
2.8
creationstree

Hi, ng-class and ng-style will check the condition when component loads so it will not change when you change the state. I can solve this issue please share GitHub path and I can start the work. thanks Abhinav

$25 AUD på 1 dag
(2 bedømmelser)
1.1
Wenzel4804

Hello, Nice to meet you. as a kick-ass full stack SPA developer, I have a knack for AngularJS(TOP 10% ) , Angular 2+, JavaScript(TOP 10%) , CSS(TOP 10%) and HTML(TOP 20%), SCSS. Especially, I have strong experience Flere

$25 AUD på 1 dag
(0 bedømmelser)
0.0
BrahimJdidou

Hey there ! I have learned about your need for an Angular developer and I am more than interested in this job, and believe that my education and employment background are appropriate for it. I'm currently worki Flere

$15 AUD på 1 dag
(0 bedømmelser)
0.0
sSeelan

im interested to work on this task. I have a 10+ years of experience in front end developments and handed multiple web technologies in many projects. I am new to freelancer application so money is not important.

$20 AUD på 1 dag
(0 bedømmelser)
0.0
gohil90

I will tell in detail the basic Angular code and changes that you missed in the code and explain everything.

$25 AUD på 1 dag
(0 bedømmelser)
0.0