File: tmpl/power/curcuits.html

Recommend this page to a friend!
  Classes of Karl Holz   PowerTechTools   tmpl/power/curcuits.html   Download  
File: tmpl/power/curcuits.html
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PowerTechTools
Solve Ohm's Law with Angular.js and MathML
Author: By
Last change: slimed down some fat

Removed unneeded files from Angular.js and mobile-angular-ui. Switched
MathJax to the CDN linked version to slim down the download size
Date: 2 years ago
Size: 4,084 bytes
 

Contents

Class file image Download
<div ng-controller="curcuits"> <div class="scrollable"> <div class="scrollable-content"> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading" toggle target="curicuts"> <h4 class="panel-title">How many Circuits do I need?</h4> </div> <div id="curicuts" toggleable active-class="in" exclusion-group="accordion1" default="active" class="panel-collapse collapse"> <div class="panel-body"> <form> <div class="list-group"> <div class="row list-group-item"> </div> <a href="" ng-click="solve()" class="row list-group-item">Solve</a> <a href="" ng-click="zero_calc()" class="row list-group-item">Clear</a> </div> </form> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" toggle target="item"> <h4 class="panel-title">Powered Items</h4> </div> <div id="item" toggleable active-class="in" exclusion-group="accordion1" default="active" class="panel-collapse collapse"> <div class="panel-body"> <div class="list-group"> <div class="row list-group-item"> <label >{{ pitem.id.label}}</label><input ng-model="pitem.id.new" type="text" /> </div> <div class="row list-group-item"> <label >{{ pitem.volt.label}}</label> <input ng-model="pitem.volt.new" ng-change="check_num()" type="number" value="0"/> <label >{{ pitem.amp.label}}</label> <input ng-model="pitem.amp.new" ng-change="check_num()" type="number" value="0"/> <label >{{ pitem.watt.label}}</label> <input ng-model="pitem.watt.new" ng-change="check_num()" type="number" value="0"/> </div> <a href="" ng-click="addItem()" class="btn btn-lg row list-group-item">Add Powered Item</a> <a class="btn btn-lg row list-group-item" href="" ng-click="deleteItem()" >Removes Selected Items</a> <div class="row list-group-item"> <span class="col-xs-1 powered_item"></span> <span class="col-xs-1 powered_item">ID</span> <span class="col-xs-1 powered_item">Volts</span> <span class="col-xs-1 powered_item">Amps</span> <span class="col-xs-1 powered_item">Power</span> </div> <div class="row list-group-item" ng-repeat="i in powered_items"> <span class="col-xs-1 powered_item"><input class=" checkbox" type="checkbox" data-ng-model="i.delete"/></span> <span class="col-xs-1 powered_item" >{{ i.id}}</span> <span class="col-xs-1 powered_item">{{ i.volt}}</span> <span class="col-xs-1 powered_item">{{ i.amp}}</span> <span class="col-xs-1 powered_item">{{ i.watt}}</span> </div> </div> </div> </div> </div> </div> </div> </div> </div>