Merge "Move to alpine"
[clamp.git] / src / main / resources / META-INF / resources / designer / partials / portfolios / global_properties.html
index c230614..e7b4f38 100644 (file)
   limitations under the License.
   ============LICENSE_END============================================
   ===================================================================
-  ECOMP is a trademark and service mark of AT&T Intellectual Property.
+  
   -->
 
 
 <style>
-.fileUpload {
-       position: relative;
-       overflow: hidden;
-       margin: 10px;
-}
-
-.fileUpload input.upload {
-       position: absolute;
-       top: 0;
-       right: 0;
-       margin: 0;
-       padding: 0;
-       font-size: 20px;
-       cursor: pointer;
-       opacity: 0;
-       filter: alpha(opacity = 0);
-       float: left;
-}
-
-.fileDisplay {
-       display: inline-block;
-       overflow: hidden;
-       float: right;
-       margin-left: 0px;
-       z-index: initial;
-       text-align: center;
-       margin-top: 17px;
-}
- #paramsWarn {
-      display: none;
+#paramsWarn {
+       display: none;
 }
 </style>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-<script type="text/javascript">
-       function disablefile() {
-
-               document.getElementById("fileUpload").disabled = true;
-
-       }
-
-       function disableSVN() {
-
-               document.getElementById("schemaLocation").disabled = true;
-               document.getElementById("userID").disabled = true;
-               document.getElementById("password").disabled = true;
-
-       }
-
-</script>
-
 
 <div id="configure-widgets">
        <div class="modal-header">
                        aria-hidden="true" style="margin-top: -3px">&times;</button>
                <h4>Model Properties</h4>
        </div>
-       
-       <div class="modal-body" style="height: 280px">
-               <i hidden id="ridinSpinners" class="fa fa-spinner fa-spin" style="display:none;margin-bottom:10px;width:100%;text-align:center;font-size:24px;color:black;"></i>
-               <form id="saveProps" >
-                               <div class="alert alert-danger" role="alert" id='paramsWarn'> 
-                                                       <strong>Ooops!</strong> Unable to load properties for <span id='servName'>. Would you like to</span>
-                                                       <a href="javascript:void(0);" class="btn-link"  id='paramsRetry'>Retry </a> /
-                                                       <a href="javascript:void(0);" class="btn-link" id='paramsCancel'>Cancel</a>
-                                               </div>
-                                               <div>                                   
-                                       
-                                       <div class="form-group clearfix">
-                                               <label for="services" class="col-sm-4 control-label" >Services</label>
-       
-                                               <div class="col-sm-8">
-                                                       <select  class="form-control" 
-                                                               name="service" id="service" onchange="propChangeAlert(this);">
-<!--                                                            <option ng-repeat="(key, value) in services" value="{{key}}">{{value}}</option>  -->
-                                                       </select>
-                                               </div>
-                                       </div>
-                                       <div class="form-group clearfix">
-                                               <label for="vf" class="col-sm-4 control-label">
-                                                       Resource-VF</label>
 
-                                               <div class="col-sm-8">
-                                                       <select class="form-control" id="vf" name="vf" onchange="propChangeAlert(this);">
-
-                                                       </select>
-
-                                               </div>
-                                       </div>
-                                       
-                                       <div class="form-group clearfix">
-                                               <label for="actionSet" class="col-sm-4 control-label">
-                                                       Action Set</label>
-
-                                               <div class="col-sm-8">
-                                                       <select class="form-control" id="actionSet" name="actionSet" onchange="propChangeAlert(this);">
-                                                       </select>
+       <div class="modal-body" style="height: 280px">
+               <i hidden id="ridinSpinners" class="fa fa-spinner fa-spin"
+                       style="display: none; margin-bottom: 10px; width: 100%; text-align: center; font-size: 24px; color: black;"></i>
+               <form id="saveProps">
+                       <div class="alert alert-danger" role="alert" id='paramsWarn'>
+                               <strong>Ooops!</strong> Unable to load properties for <span
+                                       id='servName'>. Would you like to</span> <a
+                                       href="javascript:void(0);" class="btn-link" id='paramsRetry'>Retry
+                               </a> / <a href="javascript:void(0);" class="btn-link" id='paramsCancel'>Cancel</a>
+                       </div>
+                       <div>
+                               <div class="form-group clearfix">
+                                       <label for="deployParameters" class="col-sm-4 control-label">
+                                               Deploy Parameters</label>
+
+                                       <div class="col-sm-8">
+                                               <textarea class="form-control" id="deployParameters"
+                                                       name="deployParameters" rows="3">
+                                               </textarea>
 
-                                               </div>
                                        </div>
-                                       
-                                       <div class="form-group clearfix">
-                                               <label for="location" class="col-sm-4 control-label">
-                                                       Location</label>
+                               </div>
 
-                                               <div class="col-sm-8">
-                                                       <select class="form-control" id="location" name="location" multiple size=2>
 
-                                                       </select>
-
-                                               </div>
-                                       </div>
-                                       
-                                       
-                                       
-                               </div>
+                       </div>
 
                </form>
-               <div class="alert alert-warning propChangeWarn" style="display:none;">
-                       <strong>Warning!</strong> Changing these properties will reset all associated GUI fields.
+               <div class="alert alert-warning propChangeWarn" style="display: none;">
+                       <strong>Warning!</strong> Changing these properties will reset all
+                       associated GUI fields.
                </div>
 
        </div>
        <div class="modal-footer">
-               <!--<button ng-click="reset()" class="btn btn-primary" style="float:left">Reset</button>-->
-               <button id="savePropsBtn" class="btn btn-primary">Save</button>
+               <button id="savePropsBtn" class="btn btn-primary" ng-click="submitForm()">Save</button>
                <button ng-click="close(true)" id="close_button"
                        class="btn btn-primary">Cancel</button>
 
        </div>
-  <!-- <select id="vUSP_vfc" disabled hidden></select>
-       <select id="vUSP_location" disabled hidden></select>
-       <select id="vUSP_recipe" disabled hidden></select>
-       <select id="vUSP_vf" disabled hidden></select>
-       
-       <select id="Trinity_vfc" disabled hidden></select>
-       <select id="Trinity_location" disabled hidden></select>
-       <select id="Trinity_recipe" disabled hidden></select>
-       <select id="Trinity_vf" disabled hidden></select>
-       
-       
-       <select id="vSCP_vfc" disabled hidden></select>
-       <select id="vSCP_location" disabled hidden></select>
-       <select id="vSCP_recipe" disabled hidden></select>
-       <select id="vSCP_vf" disabled hidden></select>
-       
-       <select id="vProbes_vfc" disabled hidden></select>
-       <select id="vProbes_location" disabled hidden></select>
-       <select id="vProbes_recipe" disabled hidden></select>   
-       <select id="vProbes_vf" disabled hidden></select>       -->
-       
-
-       <script> 
-//             $.ajax({
-//                     async:false,
-//                 dataType: "json",
-//                 url: '/restservices/clds/v1/clds/asdc/services/',
-//                 success: function(data){
-//                     vf_Services=data;
-//                 },
-//                 error:function(s,a,err){
-//                     console.log(err)
-//                     console.log(s)
-//                     console.log(a)
-//                 },
-//                 timeout:100000
-//             });
-//             var services=vf_Services.service
-//             console.log(elementMap["global"])
-//             for(k in services){
-//                     console.log("lol")
-//                     $("#service").append("<option value="+k+">"+services[k]+"</option>")
-//             }
-//             loadSharedPropertyByService()
-//             var el = elementMap["global"];
-//             $("#status").val($("#activity_modeler").text())
-//             if (el !== undefined) {
-//                     for (var i = 0; i < el.length; i++) {
-//                             $("#" + el[i].name).val(el[i].value);
-//                     }
-//             }   
-               
-               //display message only if global was previously saved
-               serDiff = false;
-               vfDiff = false;
-               asDiff = false;
-                       
-         (function () {
-                   $("#paramsWarn").hide();
-                   /*Below service method is called for checking the service is being loaded or not*/
-
-                       var intialize = intializeService;
-
-                       function intializeService() {
-                               $("#service").off('focus').off('change');
-
-                               $("#service").on('change', function(){
-                                       var chosen = $(this).val();
-                                       (function(spinner){
-                                               $("#ridinSpinners").show();
-                                               setTimeout(spinner, 1);
-                                       })(function(){
-                                               loadSharedPropertyByService(chosen, null, intialize);
-                                               if (elementMap["global"]){
-                                                       if ($("#vf").val() == oldVf){
-                                                               vfDiff = false;
-                                                               if ((!vfDiff)&&(!asDiff)&&(!serDiff)){
-                                                                       $(".propChangeWarn").hide();
-                                                               };
-                                                       } else {
-                                                               vfDiff = true;
-                                                               $(".propChangeWarn").show();
-                                                       }
-                                               }
-                                               $("#ridinSpinners").hide();
-                                       });
-                               });
-                       }
-                       
-                       loadSharedPropertyByService(undefined, null, intialize);
-                       intializeService();
-                   
-                       $("#paramsRetry").on('click', function () {
-                               //$("#paramsWarn").hide();
-                               var currentValue = $("#service").val();
-                               $("#ridinSpinners").css("display","")
-                               var bool=loadSharedPropertyByService(currentValue);
-                               $("#ridinSpinners").css("display","none")
-                       });
-                       $("#paramsCancel").on('click', function () {
-                               loadSharedPropertyByServiceProperties();
-                               $("#paramsWarn").hide();
-                               
-                       });
-                       
-               })();
-               
-               function noRepeats(form){
-                       var select={};
-                       for(var i=0;i<form.length;i++){
-                               if(form[i].hasOwnProperty("name")){
-                                               if(select[form[i].name]===undefined)
-                                                       select[form[i].name]=[]
-                                               select[form[i].name].push(form[i].value);
-                                       }
-                       }
-                       var arr=[]
-                       for(s in select){
-                               var f={}
-                               f.name=s
-                               f.value=select[s]
-                               if (!(s=="service" && f.value=="")){
-                                       arr.push(f)
-                               }
-                       }
-                       return arr
-               }
-           
-               $(function(){
-                       if (elementMap["global"]){
-                               for (var i=0; i< elementMap["global"].length; i++){
-                                       if (elementMap["global"][i]["name"]=="vf"){
-                                               oldVf = elementMap["global"][i]["value"];
-                                       }
-                               }
-                       } else {
-                               oldVf = "";
-                       }
-               });
-                       
-               function propChangeAlert(actionset){
-                       //throw warnings only if options were previously chosen
-                       if (elementMap["global"]){
-                               loop1: 
-                               for (var i=0; i< elementMap["global"].length; i++){
-                                       if (elementMap["global"][i]["name"] == actionset.id){
-                                               //user did not change properties                                                
-                                               if (elementMap["global"][i]["value"][0] == actionset.value){
-                                                       if (elementMap["global"][i]["name"] == "actionSet"){
-                                                               asDiff = false;
-                                                       } else if (elementMap["global"][i]["name"] == "service"){
-                                                               serDiff = false;
-                                                       }  else if (elementMap["global"][i]["name"] == "vf"){
-                                                               vfDiff = false;
-                                                       }
-                                                       if ((!vfDiff)&&(!asDiff)&&(!serDiff)){
-                                                               $(".propChangeWarn").hide();
-                                                       };
-                                               //user changed properties
-                                               } else { 
-                                                       if (elementMap["global"][i]["name"] == "actionSet"){
-                                                               asDiff = true;
-                                                       } else if (elementMap["global"][i]["name"] == "service"){
-                                                               serDiff = true;
-                                                       } else if (elementMap["global"][i]["name"] == "vf"){
-                                                               vfDiff = true;
-                                                       };
-                                                       $(".propChangeWarn").show();
-                                               }
-                                               break loop1;
-                                       }
-                               }
-                       }
-               }
-               
-               $("#saveProps").on('submit', function(event) {
-                       saveGlobalProperties(noRepeats($(this).serializeArray()))
-                       event.preventDefault();
-                       
-                       //module reset, based on property updates
-                       if (elementMap["global"]){
-                               $.each(Object.keys(elementMap), function(i,v){
-                                       if ((v.match(/^Policy/)) && asDiff){
-                                               elementMap[v]={};
-                                       }
-                                       if ((v.match(/^TCA/)) && (vfDiff || serDiff)){
-                                               elementMap[v]={};
-                                       }
-                               });
-                       };
-                       
-                       $("#close_button").click();
-               })
-               
-               $("#savePropsBtn").click(function(event) {
-                       //alert($("#CProp_Target").val())
-                       $("#saveProps").submit();
-               })
-
-
-       </script>
 </div>