Draft of React test
[clamp.git] / src / main / resources / META-INF / resources / designer / partials / portfolios / tosca_model_properties.html
1 <!--
2   ============LICENSE_START=======================================================
3   ONAP CLAMP
4   ================================================================================
5   Copyright (C) 2017 AT&T Intellectual Property. All rights
6                               reserved.
7   ================================================================================
8   Licensed under the Apache License, Version 2.0 (the "License");
9   you may not use this file except in compliance with the License.
10   You may obtain a copy of the License at
11
12   http://www.apache.org/licenses/LICENSE-2.0
13
14   Unless required by applicable law or agreed to in writing, software
15   distributed under the License is distributed on an "AS IS" BASIS,
16   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17   See the License for the specific language governing permissions and
18   limitations under the License.
19   ============LICENSE_END=========================================================
20 -->
21
22 <style>
23 #paramsWarn {
24         display: none;
25 }
26
27 .modal-dialog {
28         width: 1100px;
29 }
30
31 </style>
32
33 <div id="configure-widgets">
34         <div class="modal-header">
35                 <button type="button" class="close" data-ng-click="close(false)"
36                         aria-hidden="true" style="margin-top: -3px">&times;</button>
37                 <h4>{{ toscaModelName }}</h4>
38         </div>
39
40         <div class="modal-body" style="display:block; height:600px; overflow:auto;">
41                 <i hidden id="ridinSpinners" class="fa fa-spinner fa-spin"
42                         style="display: none; margin-bottom: 10px; width: 100%; text-align: center; font-size: 24px; color: black;"></i>
43                 <form id="saveProps">
44                         <!-- <div ng-if="(simpleModel!==true)">  -->
45                         <div class="alert alert-danger" role="alert" id='paramsWarn'>
46                                 <strong>Ooops!</strong> Unable to load properties for <span
47                                         id='servName'>. Would you like to</span> <a
48                                         href="javascript:void(0)" class="btn-link" id='paramsRetry'>Retry
49                                 </a> / <a href="javascript:void(0)" class="btn-link" id='paramsCancel'>Cancel</a>
50                         </div>
51
52                 </form>
53                 <div class="alert alert-warning propChangeWarn" style="display: none;">
54                         <strong>Warning!</strong> Property changes will reset all associated
55                         GUI fields.
56                 </div>
57                 <div class="modal-body" id="form1" style="display: none">
58                         <div class="container-fluid">
59                                 <div class="row">
60                                         <div id="editor"></div>
61                                 </div>
62                         </div>
63                 </div>
64         </div>
65         <div class="modal-footer">
66         <button data-ng-click="saveToscaProps()" id="savePropsBtn" class="btn btn-primary">Done</button>
67         <button data-ng-click="close(true)" id="close_button" class="btn btn-primary">Cancel</button>
68     </div>
69 </div>
70