Add a guess of what a storage selector may look like

This commit is contained in:
Johannes Zellner
2022-05-23 16:50:46 +02:00
parent 55bc6f6cca
commit 575e00b24b
2 changed files with 40 additions and 2 deletions

View File

@@ -962,9 +962,20 @@
<label class="control-label">{{ 'app.storage.appdata.title' | tr }} <sup><a ng-href="https://docs.cloudron.io/apps/#data-directory" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<p ng-bind-html="'app.storage.appdata.description' | tr:{ storagePath: ('/home/yellowtent/appsdata/' + app.id) }"></p>
<form role="form" name="storageDataDirForm" ng-submit="storage.submitDataDir()" autocomplete="off">
<div class="form-group" ng-class="{ 'has-error': storageDataDirForm.$dirty && storage.error.dataDir }">
<div ng-show="storage.error.dataDir">{{ storage.error.dataDir }}</div>
<select class="form-control" ng-model="storage.location" ng-options="location.displayName for location in storage.locationOptions track by location.id"></select>
<br/>
<div class="form-group" ng-show="storage.location.type === 'custom'" ng-class="{ 'has-error': storageDataDirForm.$dirty && storage.error.dataDir }">
<label class="control-label">Folder Path</label>
<input type="text" class="form-control" name="dataDir" placeholder="{{ 'app.storage.appdata.dataDirPlaceholder' | tr }}" ng-model="storage.dataDir">
<div ng-show="storage.error.dataDir">{{ storage.error.dataDir }}</div>
</div>
<div class="form-group" ng-show="storage.location.type === 'volume'" ng-class="{ 'has-error': storageDataDirForm.$dirty && storage.error.dataPrefix }">
<label class="control-label">Folder Prefix</label>
<input type="text" class="form-control" name="dataPrefix" placeholder="Prefix within the Volume" ng-model="storage.dataPrefix">
<div ng-show="storage.error.dataPrefix">{{ storage.error.dataPrefix }}</div>
</div>
<input class="ng-hide" type="submit" ng-disabled="!storageDataDirForm.$dirty || storageDataDirForm.$invalid || storage.busyDataDir"/>