tools/ngui/static/js/common/directives/edit-in-place.tpl.html (8 lines of code) (raw):
<!--
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied. See the License for the
// specific language governing permissions and limitations
// under the License.
-->
<span>
<span ng-hide="editing">{{model[attribute]}}<button class="btn pull-right" ng-click="edit()"><i class="icon-edit"></i>Edit</button></span>
<span ng-show="editing" class="form-inline">
<input type="text" ng-model="model[attribute]">
<button class="btn btn-success" ng-click="save()"><i class="icon-ok icon-white"></i></button>
<button class="btn" ng-click="cancel()"><i class="icon-ban-circle"></i></button>
</span>
</span>