reorganize project folder structure and remove asp.net dependency

src/app/vault/vaultAddFolderController.js

@@ -0,0 +1,19 @@
+angular
+    .module('bit.vault')
+
+    .controller('vaultAddFolderController', function ($scope, apiService, $uibModalInstance, cryptoService, cipherService, $analytics) {
+        $analytics.eventTrack('vaultAddFolderController', { category: 'Modal' });
+        $scope.savePromise = null;
+        $scope.save = function (model) {
+            var folder = cipherService.encryptFolder(model);
+            $scope.savePromise = apiService.folders.post(folder, function (response) {
+                $analytics.eventTrack('Created Folder');
+                var decFolder = cipherService.decryptFolder(response);
+                $uibModalInstance.close(decFolder);
+            }).$promise;
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('close');
+        };
+    });

src/app/vault/vaultAddSiteController.js

@@ -0,0 +1,54 @@
+angular
+    .module('bit.vault')
+
+    .controller('vaultAddSiteController', function ($scope, apiService, $uibModalInstance, cryptoService, cipherService, passwordService, folders, selectedFolder, $analytics) {
+        $analytics.eventTrack('vaultAddSiteController', { category: 'Modal' });
+        $scope.folders = folders;
+        $scope.site = {
+            folderId: selectedFolder ? selectedFolder.id : null
+        };
+
+        $scope.savePromise = null;
+        $scope.save = function (model) {
+            var site = cipherService.encryptSite(model);
+            $scope.savePromise = apiService.sites.post(site, function (siteResponse) {
+                $analytics.eventTrack('Created Site');
+                var decSite = cipherService.decryptSite(siteResponse);
+                $uibModalInstance.close(decSite);
+            }).$promise;
+        };
+
+        $scope.generatePassword = function () {
+            if (!$scope.site.password || confirm('Are you sure you want to overwrite the current password?')) {
+                $analytics.eventTrack('Generated Password From Add');
+                $scope.site.password = passwordService.generatePassword({ length: 10, special: true });
+            }
+        };
+
+        $scope.clipboardSuccess = function (e) {
+            e.clearSelection();
+            selectPassword(e);
+        };
+
+        $scope.clipboardError = function (e, password) {
+            if (password) {
+                selectPassword(e);
+            }
+            alert('Your web browser does not support easy clipboard copying. Copy it manually instead.');
+        };
+
+        $scope.folderSort = function (item) {
+            return item.name.toLowerCase();
+        };
+
+        function selectPassword(e) {
+            var target = $(e.trigger).parent().prev();
+            if (target.attr('type') === 'text') {
+                target.select();
+            }
+        }
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('close');
+        };
+    });

src/app/vault/vaultController.js

@@ -0,0 +1,193 @@
+angular
+    .module('bit.vault')
+
+    .controller('vaultController', function ($scope, $uibModal, apiService, $filter, cryptoService, authService, toastr, cipherService) {
+        $scope.sites = [];
+        $scope.folders = [];
+
+        $scope.loadingSites = true;
+        apiService.sites.list({}, function (sites) {
+            $scope.loadingSites = false;
+
+            var decSites = [];
+            for (var i = 0; i < sites.Data.length; i++) {
+                var decSite = {
+                    id: sites.Data[i].Id,
+                    folderId: sites.Data[i].FolderId,
+                    favorite: sites.Data[i].Favorite
+                };
+
+                try { decSite.name = cryptoService.decrypt(sites.Data[i].Name); }
+                catch (err) { decSite.name = '[error: cannot decrypt]'; }
+
+                if (sites.Data[i].Username) {
+                    try { decSite.username = cryptoService.decrypt(sites.Data[i].Username); }
+                    catch (err) { decSite.username = '[error: cannot decrypt]'; }
+                }
+
+                decSites.push(decSite);
+            }
+
+            $scope.sites = decSites;
+        }, function () {
+            $scope.loadingSites = false;
+        });
+
+        $scope.loadingFolders = true;
+        apiService.folders.list({}, function (folders) {
+            $scope.loadingFolders = false;
+
+            var decFolders = [{
+                id: null,
+                name: '(none)'
+            }];
+
+            for (var i = 0; i < folders.Data.length; i++) {
+                var decFolder = {
+                    id: folders.Data[i].Id
+                };
+
+                try { decFolder.name = cryptoService.decrypt(folders.Data[i].Name); }
+                catch (err) { decFolder.name = '[error: cannot decrypt]'; }
+
+                decFolders.push(decFolder);
+            }
+
+            $scope.folders = decFolders;
+        }, function () {
+            $scope.loadingFolders = false;
+        });
+
+        $scope.folderSort = function (item) {
+            if (!item.id) {
+                return '';
+            }
+
+            return item.name.toLowerCase();
+        };
+
+        $scope.editSite = function (site) {
+            var editModel = $uibModal.open({
+                animation: true,
+                templateUrl: 'app/vault/views/vaultEditSite.html',
+                controller: 'vaultEditSiteController',
+                resolve: {
+                    siteId: function () { return site.id; },
+                    folders: function () { return $scope.folders; }
+                }
+            });
+
+            editModel.result.then(function (returnVal) {
+                if (returnVal.action === 'edit') {
+                    var siteToUpdate = $filter('filter')($scope.sites, { id: returnVal.data.id }, true);
+
+                    if (siteToUpdate && siteToUpdate.length > 0) {
+                        siteToUpdate[0].folderId = returnVal.data.folderId;
+                        siteToUpdate[0].name = returnVal.data.name;
+                        siteToUpdate[0].username = returnVal.data.username;
+                        siteToUpdate[0].favorite = returnVal.data.favorite;
+                    }
+                }
+                else if (returnVal.action === 'delete') {
+                    var siteToDelete = $filter('filter')($scope.sites, { id: returnVal.data }, true);
+                    if (siteToDelete && siteToDelete.length > 0) {
+                        var index = $scope.sites.indexOf(siteToDelete[0]);
+                        if (index > -1) {
+                            $scope.sites.splice(index, 1);
+                        }
+                    }
+                }
+            });
+        };
+
+        $scope.$on('vaultAddSite', function (event, args) {
+            $scope.addSite();
+        });
+
+        $scope.addSite = function (folder) {
+            var addModel = $uibModal.open({
+                animation: true,
+                templateUrl: 'app/vault/views/vaultAddSite.html',
+                controller: 'vaultAddSiteController',
+                resolve: {
+                    folders: function () { return $scope.folders; },
+                    selectedFolder: function () { return folder; }
+                }
+            });
+
+            addModel.result.then(function (addedSite) {
+                $scope.sites.push(addedSite);
+            });
+        };
+
+        $scope.deleteSite = function (site) {
+            if (!confirm('Are you sure you want to delete this site (' + site.name + ')?')) {
+                return;
+            }
+
+            apiService.sites.del({ id: site.id }, function () {
+                var index = $scope.sites.indexOf(site);
+                if (index > -1) {
+                    $scope.sites.splice(index, 1);
+                }
+            });
+        };
+
+        $scope.editFolder = function (folder) {
+            var editModel = $uibModal.open({
+                animation: true,
+                templateUrl: 'app/vault/views/vaultEditFolder.html',
+                controller: 'vaultEditFolderController',
+                size: 'sm',
+                resolve: {
+                    folderId: function () { return folder.id; }
+                }
+            });
+
+            editModel.result.then(function (editedFolder) {
+                var folder = $filter('filter')($scope.folders, { id: editedFolder.id }, true);
+                if (folder && folder.length > 0) {
+                    folder[0].name = editedFolder.name;
+                }
+            });
+        };
+
+        $scope.$on('vaultAddFolder', function (event, args) {
+            $scope.addFolder();
+        });
+
+        $scope.addFolder = function () {
+            var addModel = $uibModal.open({
+                animation: true,
+                templateUrl: 'app/vault/views/vaultAddFolder.html',
+                controller: 'vaultAddFolderController',
+                size: 'sm'
+            });
+
+            addModel.result.then(function (addedFolder) {
+                $scope.folders.push(addedFolder);
+            });
+        };
+
+        $scope.deleteFolder = function (folder) {
+            if (!confirm('Are you sure you want to delete this folder (' + folder.name + ')?')) {
+                return;
+            }
+
+            apiService.folders.del({ id: folder.id }, function () {
+                var index = $scope.folders.indexOf(folder);
+                if (index > -1) {
+                    $scope.folders.splice(index, 1);
+                }
+            });
+        };
+
+        $scope.canDeleteFolder = function (folder) {
+            if (!folder || !folder.id) {
+                return false;
+            }
+
+            var sites = $filter('filter')($scope.sites, { folderId: folder.id });
+            return sites.length === 0;
+        };
+    });

src/app/vault/vaultEditFolderController.js

@@ -0,0 +1,25 @@
+angular
+    .module('bit.vault')
+
+    .controller('vaultEditFolderController', function ($scope, apiService, $uibModalInstance, cryptoService, cipherService, folderId, $analytics) {
+        $analytics.eventTrack('vaultEditFolderController', { category: 'Modal' });
+        $scope.folder = {};
+
+        apiService.folders.get({ id: folderId }, function (folder) {
+            $scope.folder = cipherService.decryptFolder(folder);
+        });
+
+        $scope.savePromise = null;
+        $scope.save = function (model) {
+            var folder = cipherService.encryptFolder(model);
+            $scope.savePromise = apiService.folders.put({ id: folderId }, folder, function (response) {
+                $analytics.eventTrack('Edited Folder');
+                var decFolder = cipherService.decryptFolder(response);
+                $uibModalInstance.close(decFolder);
+            }).$promise;
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/vault/vaultEditSiteController.js

@@ -0,0 +1,71 @@
+angular
+    .module('bit.vault')
+
+    .controller('vaultEditSiteController', function ($scope, apiService, $uibModalInstance, cryptoService, cipherService, passwordService, siteId, folders, $analytics) {
+        $analytics.eventTrack('vaultEditSiteController', { category: 'Modal' });
+        $scope.folders = folders;
+        $scope.site = {};
+
+        apiService.sites.get({ id: siteId }, function (site) {
+            $scope.site = cipherService.decryptSite(site);
+        });
+
+        $scope.save = function (model) {
+            var site = cipherService.encryptSite(model);
+            $scope.savePromise = apiService.sites.put({ id: siteId }, site, function (siteResponse) {
+                $analytics.eventTrack('Edited Site');
+                var decSite = cipherService.decryptSite(siteResponse);
+                $uibModalInstance.close({
+                    action: 'edit',
+                    data: decSite
+                });
+            }).$promise;
+        };
+
+        $scope.generatePassword = function () {
+            if (!$scope.site.password || confirm('Are you sure you want to overwrite the current password?')) {
+                $analytics.eventTrack('Generated Password From Edit');
+                $scope.site.password = passwordService.generatePassword({ length: 10, special: true });
+            }
+        };
+
+        $scope.clipboardSuccess = function (e) {
+            e.clearSelection();
+            selectPassword(e);
+        };
+
+        $scope.clipboardError = function (e, password) {
+            if (password) {
+                selectPassword(e);
+            }
+            alert('Your web browser does not support easy clipboard copying. Copy it manually instead.');
+        };
+
+        $scope.folderSort = function (item) {
+            return item.name.toLowerCase();
+        };
+
+        function selectPassword(e) {
+            var target = $(e.trigger).parent().prev();
+            if (target.attr('type') === 'text') {
+                target.select();
+            }
+        }
+
+        $scope.delete = function () {
+            if (!confirm('Are you sure you want to delete this site (' + $scope.site.name + ')?')) {
+                return;
+            }
+
+            apiService.sites.del({ id: $scope.site.id }, function () {
+                $uibModalInstance.close({
+                    action: 'delete',
+                    data: $scope.site.id
+                });
+            });
+        };
+
+        $scope.close = function () {
+            $uibModalInstance.dismiss('cancel');
+        };
+    });

src/app/vault/vaultModule.js

@@ -0,0 +1,2 @@
+angular
+    .module('bit.vault', ['ui.bootstrap', 'ngclipboard']);

src/app/vault/views/vault.html

@@ -0,0 +1,60 @@
+<section class="content-header">
+    <h1>
+        My Vault
+        <small>safe and secure</small>
+    </h1>
+</section>
+<section class="content">
+    <div ng-show="loadingFolders && !folders.length">
+        <p>Loading...</p>
+    </div>
+    <div class="box" ng-repeat="folder in folders | orderBy: folderSort" ng-show="folders.length">
+        <div class="box-header with-border">
+            <h3 class="box-title"><i class="fa fa-folder-open"></i> {{folder.name}}</h3>
+            <div class="box-tools pull-right">
+                <button type="button" class="btn btn-box-tool" ng-click="addSite(folder)" uib-tooltip="Add Site">
+                    <i class="fa fa-plus"></i>
+                </button>
+                <button type="button" class="btn btn-box-tool" ng-click="deleteFolder(folder)" ng-show="canDeleteFolder(folder)" uib-tooltip="Delete">
+                    <i class="fa fa-trash"></i>
+                </button>
+                <button type="button" class="btn btn-box-tool" ng-click="editFolder(folder)" ng-show="folder.id" uib-tooltip="Edit">
+                    <i class="fa fa-pencil"></i>
+                </button>
+                <button type="button" class="btn btn-box-tool" data-widget="collapse" uib-tooltip="Collapse">
+                    <i class="fa fa-minus"></i>
+                </button>
+            </div>
+        </div>
+        <div class="box-body" ng-class="{'no-padding': folderSites.length}">
+            <div ng-show="loadingSites && !folderSites.length">
+                <p>Loading sites...</p>
+            </div>
+            <div ng-show="!loadingSites && !folderSites.length">
+                <p>No sites in this folder.</p>
+                <button type="button" ng-click="addSite(folder)" class="btn btn-default btn-flat">Add a Site</button>
+            </div>
+            <div class="table-responsive" ng-show="folderSites.length">
+                <table class="table table-striped table-hover">
+                    <thead>
+                        <tr>
+                            <th style="width: 75px; min-width: 75px;"></th>
+                            <th>Site</th>
+                            <th style="width: 300px;">Username</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-repeat="site in folderSites = (sites | filter: { folderId: folder.id } | filter: (main.searchVaultText || '') | orderBy: ['name', 'username'])">
+                            <td>
+                                <button type="button" ng-click="deleteSite(site)" class="btn btn-link btn-table" uib-tooltip="Delete"><i class="fa fa-lg fa-trash"></i></button>
+                                <button type="button" ng-click="editSite(site)" class="btn btn-link btn-table" uib-tooltip="View/Edit"><i class="fa fa-lg fa-pencil"></i></button>
+                            </td>
+                            <td>{{site.name}} <i class="fa fa-star text-muted" uib-tooltip="Favorite" ng-show="site.favorite"></i></td>
+                            <td>{{site.username}}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</section>

src/app/vault/views/vaultAddFolder.html

@@ -0,0 +1,24 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="addFolderModelLabel"><i class="fa fa-folder"></i> Add New Folder</h4>
+</div>
+<form name="addFolderForm" ng-submit="addFolderForm.$valid && save(folder)" api-form="savePromise">
+    <div class="modal-body">
+        <div class="callout callout-danger validation-errors" ng-show="addFolderForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in addFolderForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="name">Name</label>
+            <input type="text" id="name" name="Name" ng-model="folder.name" class="form-control" required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="addFolderForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="addFolderForm.$loading"></i>Submit
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>

src/app/vault/views/vaultAddSite.html

@@ -0,0 +1,98 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="addSiteModelLabel"><i class="fa fa-globe"></i> Add New Site</h4>
+</div>
+<form name="addSiteForm" ng-submit="addSiteForm.$valid && save(site)" api-form="savePromise">
+    <div class="modal-body">
+        <div class="callout callout-danger validation-errors" ng-show="addSiteForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in addSiteForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="uri">URI</label>
+            <div class="input-group">
+                <input type="text" id="uri" ng-model="site.uri" name="Uri" class="form-control" placeholder="http://..." api-field />
+                <span class="input-group-btn" uib-tooltip="Copy URI" tooltip-placement="left">
+                    <button tabindex="-1" class="btn btn-default btn-flat" type="button" ngclipboard
+                            ngclipboard-error="clipboardError(e)"
+                            data-clipboard-target="#uri">
+                        <i class="fa fa-clipboard"></i>
+                    </button>
+                </span>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <label for="name">Name</label>
+                    <input type="text" id="name" name="Name" ng-model="site.name" class="form-control" required api-field />
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <label for="folder">Folder</label>
+                    <select id="folder" name="FolderId" ng-model="site.folderId" class="form-control" api-field>
+                        <option ng-repeat="folder in folders | orderBy: folderSort" value="{{folder.id}}">{{folder.name}}</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <label for="username">Username</label>
+                    <div class="input-group">
+                        <input type="text" id="username" name="Username" ng-model="site.username" class="form-control" api-field />
+                        <span class="input-group-btn" uib-tooltip="Copy Username" tooltip-placement="left">
+                            <button tabindex="-1" class="btn btn-default btn-flat" type="button" ngclipboard
+                                    ngclipboard-error="clipboardError(e)"
+                                    data-clipboard-target="#username">
+                                <i class="fa fa-clipboard"></i>
+                            </button>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <div class="pull-right password-options">
+                        <i class="fa fa-lg fa-refresh" uib-tooltip="Generate Password" tooltip-placement="left" ng-click="generatePassword()"></i>
+                        <i class="fa fa-lg fa-eye" uib-tooltip="Toggle Password" tooltip-placement="left" password-viewer="#password"></i>
+                    </div>
+                    <label for="password">Password</label>
+                    <div class="input-group">
+                        <input tabindex="-1" type="text" id="password-text" value="{{site.password}}" style="margin-left: -9999px;" />
+                        <input type="password" id="password" name="Password" ng-model="site.password" class="form-control" api-field />
+                        <span class="input-group-btn" uib-tooltip="Copy Password" tooltip-placement="left">
+                            <button tabindex="-1" class="btn btn-default btn-flat" type="button" ngclipboard
+                                    ngclipboard-success="clipboardSuccess(e)"
+                                    ngclipboard-error="clipboardError(e, true)"
+                                    data-clipboard-target="#password-text">
+                                <i class="fa fa-clipboard"></i>
+                            </button>
+                        </span>
+                    </div>
+                </div>
+                <div style="margin: -10px 0 15px 0;" password-meter="site.password" password-meter-username="site.username" outer-class="xs"></div>
+            </div>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="notes">Notes</label>
+            <textarea id="notes" name="Notes" class="form-control" ng-model="site.notes" api-field></textarea>
+        </div>
+        <div class="checkbox">
+            <label>
+                <input type="checkbox" ng-model="site.favorite" name="Favorite" />
+                Favorite
+            </label>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="addSiteForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="addSiteForm.$loading"></i>Submit
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>

src/app/vault/views/vaultEditFolder.html

@@ -0,0 +1,24 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="editFolderModelLabel"><i class="fa fa-folder"></i> Edit Folder <small>{{folder.name}}</small></h4>
+</div>
+<form name="editFolderForm" ng-submit="editFolderForm.$valid && save(folder)" api-form="savePromise">
+    <div class="modal-body">
+        <div class="callout callout-danger validation-errors" ng-show="editFolderForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in editFolderForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="name">Name</label>
+            <input type="text" id="name" name="Name" ng-model="folder.name" class="form-control" required api-field />
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="editFolderForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="editFolderForm.$loading"></i>Save
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+    </div>
+</form>

src/app/vault/views/vaultEditSite.html

@@ -0,0 +1,104 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title" id="editSiteModelLabel"><i class="fa fa-globe"></i> Site Information <small>{{site.name}}</small></h4>
+</div>
+<form name="editSiteForm" ng-submit="editSiteForm.$valid && save(site)" api-form="savePromise">
+    <div class="modal-body">
+        <div class="callout callout-danger validation-errors" ng-show="editSiteForm.$errors">
+            <h4>Errors have occured</h4>
+            <ul>
+                <li ng-repeat="e in editSiteForm.$errors">{{e}}</li>
+            </ul>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="uri">URI</label>
+            <div class="input-group">
+                <input type="text" id="uri" name="Uri" ng-model="site.uri" class="form-control" placeholder="http://..." api-field />
+                <span class="input-group-btn">
+                    <button tabindex="-1" class="btn btn-default btn-flat" type="button" uib-tooltip="Copy URI" tooltip-placement="left" ngclipboard
+                            ngclipboard-error="clipboardError(e)"
+                            data-clipboard-target="#uri">
+                        <i class="fa fa-clipboard"></i>
+                    </button>
+                    <a href="{{site.uri}}" target="_blank" class="btn btn-default btn-flat" uib-tooltip="Go To Site" tooltip-placement="left">
+                        <i class="fa fa-share"></i>
+                    </a>
+                </span>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <label for="name">Name</label>
+                    <input type="text" id="name" name="Name" ng-model="site.name" class="form-control" required api-field />
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <label for="folder">Folder</label>
+                    <select id="folder" name="FolderId" ng-model="site.folderId" class="form-control" api-field>
+                        <option ng-repeat="folder in folders | orderBy: folderSort" value="{{folder.id}}">{{folder.name}}</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <label for="username">Username</label>
+                    <div class="input-group">
+                        <input type="text" id="username" name="Username" ng-model="site.username" class="form-control" api-field />
+                        <span class="input-group-btn" uib-tooltip="Copy Username" tooltip-placement="left">
+                            <button tabindex="-1" class="btn btn-default btn-flat" type="button" ngclipboard
+                                    ngclipboard-error="clipboardError(e)"
+                                    data-clipboard-target="#username">
+                                <i class="fa fa-clipboard"></i>
+                            </button>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="form-group" show-errors>
+                    <div class="pull-right password-options">
+                        <i class="fa fa-lg fa-refresh" uib-tooltip="Generate Password" tooltip-placement="left" ng-click="generatePassword()"></i>
+                        <i class="fa fa-lg fa-eye" uib-tooltip="Toggle Password" tooltip-placement="left" password-viewer="#password"></i>
+                    </div>
+                    <label for="password">Password</label>
+                    <div class="input-group">
+                        <input type="text" id="password-text" value="{{site.password}}" style="margin-left: -9999px;" />
+                        <input type="password" id="password" name="Password" ng-model="site.password" class="form-control" api-field />
+                        <span class="input-group-btn" uib-tooltip="Copy Password" tooltip-placement="left">
+                            <button tabindex="-1" class="btn btn-default btn-flat" type="button" ngclipboard
+                                    ngclipboard-success="clipboardSuccess(e)"
+                                    ngclipboard-error="clipboardError(e, true)"
+                                    data-clipboard-target="#password-text">
+                                <i class="fa fa-clipboard"></i>
+                            </button>
+                        </span>
+                    </div>
+                </div>
+                <div style="margin: -10px 0 15px 0;" password-meter="site.password" password-meter-username="site.username" outer-class="xs"></div>
+            </div>
+        </div>
+        <div class="form-group" show-errors>
+            <label for="notes">Notes</label>
+            <textarea id="notes" name="Notes" class="form-control" ng-model="site.notes" api-field></textarea>
+        </div>
+        <div class="checkbox">
+            <label>
+                <input type="checkbox" ng-model="site.favorite" name="Favorite" />
+                Favorite
+            </label>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-flat" ng-disabled="editSiteForm.$loading">
+            <i class="fa fa-refresh fa-spin loading-icon" ng-show="editSiteForm.$loading"></i>Save
+        </button>
+        <button type="button" class="btn btn-default btn-flat" ng-click="close()">Close</button>
+        <button type="button" class="btn btn-link pull-right" ng-click="delete()" uib-tooltip="Delete">
+            <i class="fa fa-trash fa-lg"></i>
+        </button>
+    </div>
+</form>