Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="app">
  <div ng-controller="firstCtrl">
  <div ng-show="summary.abbData.service_type == 'NaoLan'" class="col-md-6" style="background-color: #ffffff; width: 325px; margin-left: 15px;">
    <h5 class="bg-primary rmpad15" style="margin-top: 1px; padding: 5px;">{{summary.abbData.service_type}}<button type="button" ng-click="editAbb(customer.id)" class="btn btn-default btn-xs" style="float: right; margin-top: -3px;"><span class="glyphicon glyphicon-pencil"></span></button></h5>
    <table class="table table-condensed pad1">
    <tbody>
        <tr>
            <td >              
              <strong  >Hastighet</strong>
            </td>
          <td>
            <span ng-hide="edit.service">{{summary.abbData.service}}</span>
            <input ng-model="summary.abbData.service" type="text"  ng-show="edit.service"/>
          </td>
          <td><button ng-click="edit.service=!edit.service">
            <span ng-show="!edit.service">Edit</span>
            <span ng-show="edit.service">Save</span>             
         </button>
          </td>
        </tr>
        <tr>
            <td><strong >Läghenhetsnr</strong>
          </td>
          <td>
            <span ng-hide="edit.apartment">{{summary.abbData.apartment}}</span>
               <input ng-model="summary.abbData.apartment" type="text"  ng-show="edit.apartment"/>
              </td>
           <td><button ng-click="edit.apartment=!edit.apartment">
            <span ng-show="!edit.apartment">Edit</span>
            <span ng-show="edit.apartment">Save</span>             
         </button>
        </tr>
        <tr>
            <td><strong>Månadsavgift</strong></td><td>{{summary.abbData.month_fee}}kr</td>
        </tr>
        <tr>
            <td><strong>Anslutningsavgift</strong></td><td>{{summary.abbData.conn_fee}}kr</td>
        </tr>
        <tr>
            <td><strong>Bindningstid</strong></td><td>{{summary.abbData.fixation}}mån</td>
        </tr>
        <tr>
            <td><strong>Registreringsdatum</strong></td><td>{{summary.abbData.reg_date}}</td>
        </tr>
    </tbody>
    </table>
</div>
      </div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
zieemerpro
0viewers