browser/src/popup/app/vault/views/vaultAddSite.html

<form name="theForm" ng-submit="save(site)" bit-form="savePromise">
    <div class="header">
        <div class="left">
            <a ng-click="close()" href="">{{i18n.cancel}}</a>
        </div>
        <div class="right">
            <button type="submit" class="btn btn-link" ng-show="!theForm.$loading">{{i18n.save}}</button>
            <i class="fa fa-spinner fa-lg" ng-show="theForm.$loading" ng-class="{'fa-spin' : theForm.$loading}"></i>
        </div>
        <div class="title">{{i18n.addSite}}</div>
    </div>
    <div class="content">
        <div class="list">
            <div class="list-section">
                <div class="list-section-header">
                    {{i18n.siteInformation}}
                </div>
                <div class="list-section-items">
                    <div class="list-section-item">
                        <label for="name" class="item-label">{{i18n.name}}</label>
                        <input id="name" type="text" name="Name" ng-model="site.name">
                    </div>
                    <div class="list-section-item">
                        <label for="uri" class="item-label">{{i18n.uri}}</label>
                        <input id="uri" type="text" name="Uri" ng-model="site.uri">
                    </div>
                    <div class="list-section-item">
                        <label for="username" class="item-label">{{i18n.username}}</label>
                        <input id="username" type="text" name="Username" ng-model="site.username">
                    </div>
                    <div class="list-section-item">
                        <label for="password" class="item-label">{{i18n.password}}</label>
                        <input id="password" type="password" name="Password" ng-model="site.password">
                    </div>
                    <a class="list-section-item" href="" ng-click="generatePassword()">
                        {{i18n.generatePassword}}
                        <i class="fa fa-chevron-right"></i>
                    </a>
                </div>
            </div>
            <div class="list-section">
                <div class="list-section-items">
                    <div class="list-section-item">
                        <label for="folder" class="item-label">{{i18n.folder}}</label>
                        <select id="folder" name="FolderId" ng-model="site.folderId">
                            <option ng-repeat="folder in folders | orderBy: ['name']" value="{{folder.id}}">
                                {{folder.name}}
                            </option>
                        </select>
                    </div>
                    <div class="list-section-item list-section-item-checkbox">
                        <label for="favorite">{{i18n.favorite}}</label>
                        <input id="favorite" name="Favorite" type="checkbox" ng-model="site.favorite">
                    </div>
                </div>
            </div>
            <div class="list-section">
                <div class="list-section-header">
                    <label for="notes">{{i18n.notes}}</label>
                </div>
                <div class="list-section-items">
                    <div class="list-section-item">
                        <textarea id="notes" name="Notes" rows="5" ng-model="site.notes"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>