apim-developer-portal1/src/components/users/profile/ko/runtime/profile.html

API management developer portal

<div class="panel panel-table">
    <!-- ko if: user -->
    <!-- ko if: !isEdit() -->
    <div class="row">
        <div class="col-md-3">Email</div>
        <div class="col-md-9" data-bind="text: user().email"></div>
    </div>
    <div class="row">
        <div class="col-md-3">First name</div>
        <div class="col-md-9" data-bind="text: user().firstName"></div>
    </div>
    <div class="row">
        <div class="col-md-3">Last name</div>
        <div class="col-md-9" data-bind="text: user().lastName"></div>
    </div>
    <div class="row">
        <div class="col-md-3">Registration date</div>
        <div class="col-md-9" data-bind="text: registrationDate"></div>
    </div>
    <!-- ko if: isBasicAccount -->
    <div class="row">
        <div class="col-md-12">
            <button type="button" class="button button-default" data-bind="click: toggleEdit">Change name</button>
            <button type="button" class="button button-default" data-bind="click: toggleEditPassword">Change password</button>
            <button type="button" class="button button-default" data-bind="click: closeAccount">Close account</button>
        </div>
    </div>
    <!-- /ko -->
    <!-- /ko -->

    <!-- ko if: isEdit -->
    <div class="row">
        <div class="col-md-3">Email</div>
        <div class="col-md-9" data-bind="text: user().email"></div>
    </div>
    <div class="row">
        <div class="col-md-3"><label for="firstName">First name</label></div>
        <div class="col-md-9">
            <input type="text" class="form-control" aria-required="true" autofocus="autofocus" id="firstName" name="firstName"
                autocomplete="first-name" data-bind="textInput: firstName" />
        </div>
    </div>
    <div class="row">
        <div class="col-md-3"><label for="lastName">Last name</label></div>
        <div class="col-md-9">
            <input type="text" class="form-control" aria-required="true" id="lastName" name="lastName"
                autocomplete="last-name" data-bind="textInput: lastName" />
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">Registration date</div>
        <div class="col-md-9" data-bind="text: registrationDate"></div>
    </div>
    <div class="row">
        <!-- ko if: working-->
        <spinner class="fit"></spinner>
        <!-- /ko -->
        <!-- ko ifnot: working -->
        <div class="col-md-12">
            <button type="button" class="button button-default" data-bind="click: changeAccountInfo, enable: isUserChanged()">Save</button>
            <button type="button" class="button button-default" data-bind="click: toggleEdit">Cancel</button>
        </div>
        <!-- /ko -->
    </div>
    <!-- /ko -->

    <!-- /ko -->
</div>