refactor(service): docker service creation page [EE-3519] (#7326)

pull/7177/head^2
Zhang Hao 2022-07-26 07:04:01 +08:00 committed by GitHub
parent 149c414d08
commit 6d95643a68
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 31 additions and 31 deletions

View File

@ -10,9 +10,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_address.$invalid"> <div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_address.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="cifsInformationForm.cifs_address.$error"> <div ng-messages="cifsInformationForm.cifs_address.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>
@ -25,9 +25,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_share.$invalid"> <div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_share.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="cifsInformationForm.cifs_share.$error"> <div ng-messages="cifsInformationForm.cifs_share.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>
@ -40,9 +40,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_version.$invalid"> <div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_version.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="cifsInformationForm.cifs_version.$error"> <div ng-messages="cifsInformationForm.cifs_version.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>
@ -55,9 +55,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_username.$invalid"> <div class="form-group col-md-12" ng-show="cifsInformationForm.cifs_username.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="cifsInformationForm.cifs_username.$error"> <div ng-messages="cifsInformationForm.cifs_username.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>
@ -70,9 +70,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="cifsInformationForm.password.$invalid"> <div class="form-group col-md-12" ng-show="cifsInformationForm.password.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="cifsInformationForm.cifs_password.$error"> <div ng-messages="cifsInformationForm.cifs_password.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -10,9 +10,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_address.$invalid"> <div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_address.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="nfsInformationForm.nfs_address.$error"> <div ng-messages="nfsInformationForm.nfs_address.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>
@ -25,9 +25,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_version.$invalid"> <div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_version.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="nfsInformationForm.nfs_version.$error"> <div ng-messages="nfsInformationForm.nfs_version.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>
@ -47,9 +47,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_mountpoint.$invalid"> <div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_mountpoint.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="nfsInformationForm.nfs_mountpoint.$error"> <div ng-messages="nfsInformationForm.nfs_mountpoint.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>
@ -65,9 +65,9 @@
</div> </div>
</div> </div>
<div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_options.$invalid"> <div class="form-group col-md-12" ng-show="nfsInformationForm.nfs_options.$invalid">
<div class="small text-warning"> <div class="small">
<div ng-messages="nfsInformationForm.nfs_options.$error"> <div ng-messages="nfsInformationForm.nfs_options.$error">
<p ng-message="required"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p> <p ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> This field is required.</p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -15,16 +15,16 @@
<rd-widget> <rd-widget>
<rd-widget-header icon="terminal" feather-icon="true" title-text="Attach"></rd-widget-header> <rd-widget-header icon="terminal" feather-icon="true" title-text="Attach"></rd-widget-header>
<rd-widget-body> <rd-widget-body>
<div class="small text-warning" ng-if="!container.Config.OpenStdin"> <div class="small" ng-if="!container.Config.OpenStdin">
<p> <p>
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon>
The interactive-flag is not set. You might not be able to use the console properly. The interactive-flag is not set. You might not be able to use the console properly.
</p> </p>
</div> </div>
<div class="small text-warning" ng-if="!container.Config.Tty"> <div class="small" ng-if="!container.Config.Tty">
<p> <p>
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon>
The TTY-flag is not set. You might not be able to use the console properly. The TTY-flag is not set. You might not be able to use the console properly.
</p> </p>
</div> </div>

View File

@ -266,7 +266,7 @@
<span class="input-group-addon">container</span> <span class="input-group-addon">container</span>
<input type="text" class="form-control" ng-model="volume.Target" placeholder="e.g. /path/in/container" /> <input type="text" class="form-control" ng-model="volume.Target" placeholder="e.g. /path/in/container" />
</div> </div>
<div class="small text-warning" ng-show="!volume.Target"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Target is required. </div> <div class="small" ng-show="!volume.Target"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> Target is required. </div>
</div> </div>
<!-- !container-path --> <!-- !container-path -->
<!-- volume-type --> <!-- volume-type -->
@ -299,7 +299,7 @@
<option selected disabled value="">Select a volume</option> <option selected disabled value="">Select a volume</option>
</select> </select>
</div> </div>
<div class="small text-warning" ng-show="!volume.Source"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Source is required. </div> <div class="small" ng-show="!volume.Source"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> Source is required. </div>
</div> </div>
<!-- !volume --> <!-- !volume -->
<!-- bind --> <!-- bind -->
@ -308,7 +308,7 @@
<span class="input-group-addon">host</span> <span class="input-group-addon">host</span>
<input type="text" class="form-control" ng-model="volume.Source" placeholder="e.g. /path/on/host" /> <input type="text" class="form-control" ng-model="volume.Source" placeholder="e.g. /path/on/host" />
</div> </div>
<div class="small text-warning" ng-show="!volume.Source"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Source is required. </div> <div class="small" ng-show="!volume.Source"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> Source is required. </div>
</div> </div>
<!-- !bind --> <!-- !bind -->
<!-- read-only --> <!-- read-only -->

View File

@ -6,8 +6,8 @@
</div> </div>
<!-- info message --> <!-- info message -->
<div class="form-group" ng-show="formValues.Configs.$invalid" style="margin-bottom: 0px"> <div class="form-group" ng-show="formValues.Configs.$invalid" style="margin-bottom: 0px">
<div class="col-sm-12 small text-warning" style="padding-left: 35px; padding-top: 20px"> <div class="col-sm-12 small" style="padding-left: 35px; padding-top: 20px">
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> {{ formValues.Configs.$error }} <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> {{ formValues.Configs.$error }}
</div> </div>
</div> </div>
<div class="col-sm-12 form-inline" style="margin-top: 10px"> <div class="col-sm-12 form-inline" style="margin-top: 10px">

View File

@ -12,8 +12,8 @@
</div> </div>
<!-- info message --> <!-- info message -->
<div class="form-group" ng-show="formValues.Secrets.$invalid" style="margin-bottom: 0px"> <div class="form-group" ng-show="formValues.Secrets.$invalid" style="margin-bottom: 0px">
<div class="col-sm-12 small text-warning" style="padding-left: 35px; padding-top: 20px"> <div class="col-sm-12 small" style="padding-left: 35px; padding-top: 20px">
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> {{ formValues.Secrets.$error }} <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> {{ formValues.Secrets.$error }}
</div> </div>
</div> </div>
<div class="col-sm-12 form-inline" style="margin-top: 10px"> <div class="col-sm-12 form-inline" style="margin-top: 10px">

View File

@ -57,7 +57,7 @@
ng-disabled="isUpdating || (!isAdmin && !allowBindMounts && mount.Type === 'bind')" ng-disabled="isUpdating || (!isAdmin && !allowBindMounts && mount.Type === 'bind')"
ng-if="mount.Type === 'bind'" ng-if="mount.Type === 'bind'"
/> />
<div class="col-sm-12 small text-warning" ng-show="!mount.Source"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Source is required. </div> <div class="col-sm-12 small" ng-show="!mount.Source"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> Source is required. </div>
</td> </td>
<td> <td>
<input <input
@ -69,7 +69,7 @@
ng-disabled="isUpdating" ng-disabled="isUpdating"
disable-authorization="DockerServiceUpdate" disable-authorization="DockerServiceUpdate"
/> />
<div class="col-sm-12 small text-warning" ng-show="!mount.Target"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Target is required. </div> <div class="col-sm-12 small" ng-show="!mount.Target"> <pr-icon icon="'alert-triangle'" mode="'warning'" feather="true"></pr-icon> Target is required. </div>
</td> </td>
<td authorization="DockerServiceUpdate"> <td authorization="DockerServiceUpdate">
<input type="checkbox" class="form-control" ng-model="mount.ReadOnly" ng-change="updateMount(service, mount)" ng-disabled="isUpdating" /> <input type="checkbox" class="form-control" ng-model="mount.ReadOnly" ng-change="updateMount(service, mount)" ng-disabled="isUpdating" />