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">×</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>