Current File : //usr/local/jetapps/var/www/jetbackup5/docroot/app/views/accountManage.htm
<div ng-controller="accountManage" class="controller-box">
    <h1>{{ lang.t("Modify Account \"%s\"", details.virtual && details.nickname ? details.nickname : details.username) }}</h1>

    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_content">
                    <br>
                    <form data-parsley-validate="" class="form-horizontal form-label-left" novalidate>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">{{ lang.t("Email Address") }}</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input validate-field="email" id="email" class="form-control col-md-7 col-xs-12" type="text" ng-model="saveData.email" value="" />
                                <p class="help-block">{{ lang.t("This will be used to notify the client") }}</p>
                            </div>
                        </div>
                        <div class="form-group" ng-show="perm.isRoot">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="max_snapshots">{{ lang.t("Max On Demand Backups") }}</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input-dropdown addon="{{lang.t('Backups')}}" options="{'-1':lang.t('Use global settings'),0:lang.t('Disable for this account'),1:1,3:3,5:5,10:10}" ng-model="saveData.max_snapshots">
                                    <input validate-field="int" min="-1" max="999" id="max_snapshots" class="form-control col-md-7 col-xs-12" type="text" ng-model="saveData.max_snapshots" value="" />
                                </input-dropdown>
                                <p class="help-block">{{ lang.t("Set the maximum on demand backups allowed to create for this account [ maximum is 999 ]") }}</p>
                            </div>
                        </div>
                        <div class="form-group" ng-show="perm.isRoot">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" >{{ lang.t("Encryption Key") }}</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <strong>
                                    <span class="fas fa-lock"></span>
                                    <span ng-hide="details.secret_key">{{ lang.t("Encryption key is stored locally") }}</span>
                                    <span ng-show="details.secret_key">{{ lang.t("Encryption key is stored remotely") }}</span>
                                </strong>
                                <button type="button" ng-show="details.secret_key" ng-click="resetEncryptionKey()" class="btn btn-primary btn-xs" tooltip="Account Encryption Selection must first be enabled in order to reset an encryption key.">{{lang.t("Reset Now")}}</button>
                                <p ng-show="details.secret_key" class="text-red help-block">{{ lang.t("PLEASE NOTE! You can only reset a remote encryption key. Once you reset an account remote encryption key, ALL BACKUPS becomes inaccessible and will be deleted.") }}</p>
                            </div>
                        </div>
                        <div class="form-group" ng-show="perm.isRoot">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="queuePriorities">{{ lang.t("Account Queue Priority Group Override") }}</label>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <select id="queuePriorities" class="form-control" data-ng-options="queue_priority._id as queue_priority.name for queue_priority in queuePriorities" data-ng-model="saveData.queue_priority"></select>
                                <p class="help-block">
                                    {{ lang.t("The priority group you assign will position this account in its respective place in the queue. [Example: “High” will put account in the front of the queue. “Low” will put account in the back of the queue.]. This will override the tag based priority.") }}<br />
                                    {{ lang.t("For more information,") }} <a href="{{const.DOCS_ADMIN_URL}}/accounts.html" target="_blank">{{const.DOCS_ADMIN_URL}}/accounts.html</a>
                                </p>
                            </div>
                        </div>
                        <div class="form-group" ng-show="perm.isRoot">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">{{ lang.t("Tags") }} </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <md-autocomplete
                                            md-search-text="searchItemText"
                                            md-no-cache="true"
                                            md-clear-button="false"
                                            md-input-id="accountSelection"
                                            md-menu-class="account-selection-results"
                                            md-selected-item-change="selectItem(tag, this)"
                                            md-items="tag in searchTags(searchItemText)"
                                            md-min-length="2"
                                            placeholder="{{ lang.t('Start typing the requested tag name...') }}">

                                        <md-item-template>
                                            <strong>{{tag.name}}</strong>
                                        </md-item-template>
                                        <md-not-found>
                                            {{ lang.t("No tag matching \"%s\" were found.", searchItemText) }}
                                        </md-not-found>
                                    </md-autocomplete>
                                    <div class="include-btns">
                                        <button ng-click="saveData.tags.splice($index, 1)" class="btn btn-primary btn-xs" style="border-color: #dddddd; background-color: {{tags[tag].color}}" ng-repeat="tag in saveData.tags track by $index">
                                            <em class="fas fa-times"></em>&nbsp;&nbsp;
                                            {{ tags[tag].name }}
                                        </button>
                                    </div>
                                    <div class="input-group-btn" style="vertical-align: top;">
                                        <button class="btn btn-primary" ng-click="manageTags()">{{ lang.t("List Tags") }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" ng-show="perm.canManageBackupJobs">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">{{ lang.t("Account Backup Jobs Excludes") }}</label>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <button ng-click="manageExcludes()" class="btn btn-primary">{{ lang.t("Manage account backup jobs exclude lists") }}</button>
                            </div>
                        </div>
                        <div class="ln_solid"></div>
                        <div class="form-group">
                            <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3" ng-if="changed">
                                <button type="button" class="btn btn-default" ng-click="cancel()">{{ lang.t("Cancel") }}</button>
                                    <button type="button" class="btn btn-primary" ng-click="saveChanges(true)" ng-disabled="saveing">{{ lang.t("Apply") }}</button>
                                    <button type="button" class="btn btn-primary" ng-click="saveChanges()" ng-disabled="saveing">{{ lang.t("Save") }}</button>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3" ng-if="!changed">
                                <a href="{{primaryURL}}/accounts" class="btn btn-default"  ng-click="changeView('/accounts')">{{ lang.t("Back to Accounts") }}</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>