Style uri_prefix field

rdmorganiser · Jan 17, 2019 · 108b799 · 108b799
1 parent ddeeedf
commit 108b799
Showing 1 changed file with 30 additions and 13 deletions.
diff --git a/rdmo/tasks/templates/tasks/tasks_modal_form_tasks.html b/rdmo/tasks/templates/tasks/tasks_modal_form_tasks.html
@@ -15,20 +15,37 @@ <h2 class="modal-title">
                 <div class="modal-body">
                     <div class="row">
                         <div class="col-sm-6">
-                            <div class="pull-right">
-                                <a href="" class="fa fa-magic"
-                                    title="{% trans 'Insert default URI Prefix' %}"
-                                    ng-click="service.values.uri_prefix = service.settings.default_uri_prefix">
-                                </a>
+                            <div class="form-group" ng-class="{'has-error': service.errors.uri_prefix }">
+                                <label class="control-label" for="uri_prefix">
+                                    {{ meta.Task.uri_prefix.verbose_name }}
+                                </label>
+
+                                <div class="input-group">
+                                    <input class="form-control"
+                                           id="uri_prefix"
+                                           type="text"
+                                           ng-model="service.values.uri_prefix" />
+
+                                    <span class="input-group-btn">
+                                        <button type="button" class="btn btn-default"
+                                            title="{% trans 'Insert default URI Prefix' %}"
+                                            ng-click="service.values.uri_prefix = service.settings.default_uri_prefix">
+
+                                            <span class="fa fa-magic"></span>
+                                        </button>
+                                    </span>
+                                </div>
+
+                                <p class="help-block">
+                                    {{ meta.Task.uri_prefix.help_text }}
+                                </p>
+
+                                <ul class="help-block list-unstyled" ng-show="service.errors.uri_prefix">
+                                    <li ng-repeat="error in service.errors.uri_prefix">
+                                        {$ error $}
+                                    </li>
+                                </ul>
                             </div>
-                            <formgroup
-                                data-id="uri_prefix"
-                                data-type="text"
-                                data-label="{{ meta.Task.uri_prefix.verbose_name }}"
-                                data-help="{{ meta.Task.uri_prefix.help_text }}"
-                                data-model="service.values.uri_prefix"
-                                data-errors="service.errors.uri_prefix">
-                            </formgroup>
                         </div>
                         <div class="col-sm-6">
                             <formgroup