| .. | .. |
|---|
| 12 | 12 | <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> |
|---|
| 13 | 13 | <link rel="stylesheet" href="/css/bootstrap-dialog.css"> |
|---|
| 14 | 14 | <link rel="stylesheet" href="/css/toaster.css"> |
|---|
| 15 | +<link rel="stylesheet" href="/css/chosen.css"> |
|---|
| 16 | +<link rel="stylesheet" href="/css/chosen-spinner.css"> |
|---|
| 15 | 17 | |
|---|
| 16 | 18 | <style> |
|---|
| 17 | 19 | body { |
|---|
| .. | .. |
|---|
| 52 | 54 | margin-bottom: 5px; |
|---|
| 53 | 55 | } |
|---|
| 54 | 56 | |
|---|
| 57 | +.chosen-choices { |
|---|
| 58 | + min-width: 100% !important; |
|---|
| 59 | + height: 34px !important; |
|---|
| 60 | + padding: 3px 6px; |
|---|
| 61 | + font-size: 14px; |
|---|
| 62 | + vertical-align: middle; |
|---|
| 63 | + border: 1px solid #ccc; |
|---|
| 64 | + border-radius: 4px; |
|---|
| 65 | +} |
|---|
| 55 | 66 | |
|---|
| 67 | +.chosen-container { |
|---|
| 68 | + min-width: 100% !important; |
|---|
| 69 | + border: none; |
|---|
| 70 | + padding: 0px; |
|---|
| 71 | +} |
|---|
| 72 | +.chosen-container-multi li.search-field input[type="text"] { |
|---|
| 73 | + min-height: 25px !important; |
|---|
| 74 | + height: 25px !important; |
|---|
| 75 | +} |
|---|
| 56 | 76 | |
|---|
| 57 | 77 | </style> |
|---|
| 58 | 78 | <link rel="stylesheet" |
|---|
| .. | .. |
|---|
| 123 | 143 | <div class="panel panel-default animate-show ng-hide" ng-show="showForm"> |
|---|
| 124 | 144 | <form role="form" class="form-horizontal " name="catalogForm" id="catalogForm" ng-submit="saveCatalog()" > |
|---|
| 125 | 145 | <!-- <pre>formu: {{formu | json}}</pre>--> |
|---|
| 126 | | - <div class="form-group" ng-repeat="field in catalogMetadata.fields" ng-if="(!isNew || !field.readOnly) && !field.listingOnly"> |
|---|
| 146 | + <div class="form-group" ng-repeat="field in catalogMetadata.fields" ng-if="(!isNew || !field.autogenerate) && !field.listingOnly"> |
|---|
| 127 | 147 | <label class="col-md-3 control-label" for="{{field.name}}">{{field.display}}</label> |
|---|
| 128 | 148 | <div class="col-md-5"> |
|---|
| 129 | 149 | <div ng-switch on="inputType(field)"> |
|---|
| .. | .. |
|---|
| 136 | 156 | <select ng-switch-when="select" class="form-control" ng-required="field.mandatory" ng-model="formu[field.name]" |
|---|
| 137 | 157 | ng-options="o.id as o.label for o in refs[field.name]"> |
|---|
| 138 | 158 | </select> |
|---|
| 159 | + <select chosen multiple ng-switch-when="multiselect" class="form-control" ng-required="field.mandatory" ng-model="formu[field.name]" |
|---|
| 160 | + ng-options="o.id as o.label for o in refs[field.name]" data-placeholder="..."> |
|---|
| 161 | + </select> |
|---|
| 162 | + |
|---|
| 139 | 163 | |
|---|
| 140 | 164 | </div> |
|---|
| 141 | 165 | <div class="alert inline-alert alert-warning" ng-show="catalogForm[field.name].$invalid"> |
|---|
| .. | .. |
|---|
| 207 | 231 | <script type="text/javascript" |
|---|
| 208 | 232 | src="/js/angular-resource.min.js"></script> |
|---|
| 209 | 233 | <script type="text/javascript" |
|---|
| 210 | | - src="/js/angular-animate.min.js"></script> |
|---|
| 211 | | - <script type="text/javascript" |
|---|
| 212 | 234 | src="/js/bootstrap-dialog.js"></script> |
|---|
| 213 | 235 | <script type="text/javascript" |
|---|
| 214 | 236 | src="/js/toaster.js"></script> |
|---|
| 237 | + <script type="text/javascript" |
|---|
| 238 | + src="/js/toaster.js"></script> |
|---|
| 239 | + <script type="text/javascript" |
|---|
| 240 | + src="/js/vendor/chosen.jquery.js"></script> |
|---|
| 241 | + <script type="text/javascript" |
|---|
| 242 | + src="/js/chosen.js"></script> |
|---|
| 215 | 243 | |
|---|
| 216 | 244 | |
|---|
| 217 | 245 | <!-- |
|---|