feature: add search and ordering to dropdowns

This commit is contained in:
Usman Nasir
2021-02-19 21:52:11 +05:00
parent 982627f388
commit a333adcaf7
11 changed files with 225 additions and 248 deletions

View File

@@ -25,7 +25,7 @@
<div class="form-group">
<label class="col-sm-3 control-label">{% trans "Select Website" %}</label>
<div class="col-sm-6">
<select ng-change="showDetailsBoxes()" ng-model="databaseWebsite" class="form-control">
<select id="create-database-select" ng-model="databaseWebsite" class="form-control">
{% for items in websitesList %}
<option>{{ items }}</option>
{% endfor %}
@@ -35,24 +35,23 @@
<div ng-hide="dbDetails" class="form-group">
<div class="form-group dbDetails">
<label class="col-sm-3 control-label">{% trans "Database Name" %}</label>
<div class="col-sm-6">
<input name="dom" type="text" class="form-control" ng-model="dbName" required>
</div>
<div class="current-pack">{$databaseWebsite|getwebsitename$}_{$ dbName $}</div>
<div class="current-pack"><span id="domainDatabase"></span>_{$ dbName $}</div>
</div>
<div ng-hide="dbDetails" class="form-group">
<div class="form-group dbDetails">
<label class="col-sm-3 control-label">{% trans "User Name" %}</label>
<div class="col-sm-6">
<input type="text" name="email" class="form-control" ng-model="dbUsername" required>
</div>
<div class="current-pack">{$databaseWebsite|getwebsitename$}_{$ dbUsername $}</div>
<div class="current-pack"><span id="domainUsername"></span>_{$ dbUsername $}</div>
</div>
<div ng-hide="dbDetails" class="form-group">
<div class="form-group dbDetails">
<label class="col-sm-3 control-label">{% trans "Password" %}</label>
<div class="col-sm-6">
<input type="password" name="email" class="form-control" ng-model="dbPassword" required>
@@ -62,7 +61,7 @@
</div>
</div>
<div ng-hide="generatedPasswordView" class="form-group">
<div class="form-group generatedPasswordDetails">
<label class="col-sm-3 control-label">{% trans "Generated Password" %}</label>
<div class="col-sm-6">
<input type="text" name="email" class="form-control" ng-model="dbPassword" required>
@@ -73,37 +72,13 @@
</div>
<div ng-hide="dbDetails" class="form-group">
<div class="form-group dbDetails">
<label class="col-sm-3 control-label"></label>
<div class="col-sm-4">
<button type="button" ng-click="createDatabase()" class="btn btn-primary btn-lg">{% trans "Create Database" %}</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"></label>
<div class="col-sm-4">
<div ng-hide="databaseCreationFailed" class="alert alert-danger">
<p>{% trans "Cannot create database. Error message:" %} {$ errorMessage $}</p>
</div>
<div ng-hide="databaseCreated" class="alert alert-success">
<p>{% trans "Database created successfully." %}</p>
</div>
<div ng-hide="couldNotConnect" class="alert alert-danger">
<p>{% trans "Could not connect to server. Please refresh this page." %}</p>
</div>
</div>
</div>
</form>