@@ -11146,7 +11146,7 @@ label:"Redirect"

 } ];

 } ],

 link:function(b, c, d, e) {

-b.form = e, b.disableWildcards = a.DISABLE_WILDCARD_ROUTES, b.disableWildcards ? b.hostnamePattern = /^[a-z0-9]([-a-z0-9]*[a-z0-9])?(\.[a-z0-9]([-a-z0-9]*[a-z0-9])?)*$/ :b.hostnamePattern = /^(\*(\.[a-z0-9]([-a-z0-9]*[a-z0-9]))+|[a-z0-9]([-a-z0-9]*[a-z0-9])?(\.[a-z0-9]([-a-z0-9]*[a-z0-9])?)*)$/;

+b.form = e, b.controls = {}, b.disableWildcards = a.DISABLE_WILDCARD_ROUTES, b.disableWildcards ? b.hostnamePattern = /^[a-z0-9]([-a-z0-9]*[a-z0-9])?(\.[a-z0-9]([-a-z0-9]*[a-z0-9])?)*$/ :b.hostnamePattern = /^(\*(\.[a-z0-9]([-a-z0-9]*[a-z0-9]))+|[a-z0-9]([-a-z0-9]*[a-z0-9])?(\.[a-z0-9]([-a-z0-9]*[a-z0-9])?)*)$/;

 var f = function(a) {

 a && (b.unnamedServicePort = 1 === a.spec.ports.length && !a.spec.ports[0].name, a.spec.ports.length && !b.unnamedServicePort ? b.route.portOptions = _.map(a.spec.ports, function(a) {

 return {

@@ -11185,9 +11185,20 @@ service:a

 });

 });

 b.route.alternateServices.push({

-service:a

+service:a,

+weight:1

+}), _.has(b, "route.to.weight") || _.set(b, "route.to.weight", 1);

+}, b.weightAsPercentage = function(a) {

+a = a || 0;

+var c = _.get(b, "route.to.weight", 0);

+if (_.each(b.route.alternateServices, function(a) {

+c += _.get(a, "weight", 0);

+}), !c) return "";

+var d = a / c * 100;

+return d3.round(d, 1) + "%";

+}, b.$watch("controls.rangeSlider", function(a, c) {

+a !== c && (a = parseInt(a, 10), _.set(b, "route.to.weight", a), _.set(b, "route.alternateServices[0].weight", 100 - a));

 });

-};

 }

 };

 } ]).directive("oscRoutingService", function() {

@@ -23613,7 +23624,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</div>\n" +

     "\n" +

     "<div ng-if=\"services\">\n" +

-    "<osc-routing-service model=\"route.to\" services=\"services\" show-weight=\"route.alternateServices.length\">\n" +

+    "<osc-routing-service model=\"route.to\" services=\"services\" show-weight=\"route.alternateServices.length > 1 || (controls.hideSlider && route.alternateServices.length)\">\n" +

     "</osc-routing-service>\n" +

     "</div>\n" +

     "<div ng-if=\"alternateServiceOptions.length && !route.alternateServices.length\" class=\"form-group\">\n" +

@@ -23638,7 +23649,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "<div ng-if=\"route.alternateServices.length\">\n" +

     "<h3>Alternate Services</h3>\n" +

     "<div ng-repeat=\"alternate in route.alternateServices\" class=\"form-group\">\n" +

-    "<osc-routing-service model=\"alternate\" services=\"alternateServiceOptions\" is-alternate=\"true\" show-weight=\"true\">\n" +

+    "<osc-routing-service model=\"alternate\" services=\"alternateServiceOptions\" is-alternate=\"true\" show-weight=\"route.alternateServices.length > 1 || controls.hideSlider\">\n" +

     "</osc-routing-service>\n" +

     "<a href=\"\" ng-click=\"route.alternateServices.splice($index, 1)\">Remove Service</a>\n" +

     "<span ng-if=\"$last && route.alternateServices.length < alternateServiceOptions.length\">\n" +

@@ -23652,6 +23663,36 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</span>\n" +

     "</div>\n" +

     "</div>\n" +

+    "\n" +

+    "<div ng-if=\"route.alternateServices.length === 1 && !controls.hideSlider\">\n" +

+    "<h3>Service Weights</h3>\n" +

+    "<div class=\"form-group\">\n" +

+    "<div class=\"weight-slider-values\">\n" +

+    "<div>\n" +

+    "<span class=\"service-name\">{{route.to.service.metadata.name}}</span>\n" +

+    "<span class=\"weight-percentage\">{{weightAsPercentage(route.to.weight)}}</span>\n" +

+    "</div>\n" +

+    "<div>\n" +

+    "<span class=\"weight-percentage hidden-xs\">{{weightAsPercentage(route.alternateServices[0].weight)}}</span>\n" +

+    "<span class=\"service-name\">{{route.alternateServices[0].service.metadata.name}}</span>\n" +

+    "<span class=\"weight-percentage visible-xs-inline\">{{weightAsPercentage(route.alternateServices[0].weight)}}</span>\n" +

+    "</div>\n" +

+    "</div>\n" +

+    "<label class=\"sr-only\" for=\"weight-slider\">Service {{route.to.service.metadata.name}} Weight</label>\n" +

+    "<input id=\"weight-slider\" type=\"range\" min=\"0\" max=\"100\" step=\"1\" list=\"ticks\" ng-model=\"controls.rangeSlider\" aria-describedby=\"weight-slider-help\" class=\"mar-top-md\">\n" +

+    "<datalist id=\"ticks\">\n" +

+    "<option>0</option>\n" +

+    "<option>25</option>\n" +

+    "<option>50</option>\n" +

+    "<option>75</option>\n" +

+    "<option>100</option>\n" +

+    "</datalist>\n" +

+    "<div class=\"help-block\" id=\"weight-slider-help\">\n" +

+    "Percentage of traffic sent to each service. Drag the slider to adjust the values or\n" +

+    "<a href=\"\" ng-click=\"controls.hideSlider = true\">edit weights as integers</a>.\n" +

+    "</div>\n" +

+    "</div>\n" +

+    "</div>\n" +

     "<div class=\"checkbox\">\n" +

     "<label>\n" +

     "<input type=\"checkbox\" ng-model=\"secureRoute\" aria-describedby=\"secure-route-help\">\n" +

@@ -109241,8 +109282,7 @@ func stylesFontsOpenshiftLogosIconWoff() (*asset, error) {

 	return a, nil

 }

-var _stylesMainCss = []byte(`.ie9.layout-pf-alt-fixed .nav-pf-vertical-alt,.ie9.layout-pf-fixed .nav-pf-secondary-nav,.ie9.layout-pf-fixed .nav-pf-tertiary-nav,.ie9.layout-pf-fixed .nav-pf-vertical,hr{box-sizing:content-box}

-div.code,pre,textarea{overflow:auto}

+var _stylesMainCss = []byte(`div.code,pre,textarea{overflow:auto}

 .text-left,caption,th{text-align:left}

 .btn,.datepicker table{-webkit-user-select:none;-moz-user-select:none}

 .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}

@@ -109275,7 +109315,7 @@ sup{top:-.5em}

 sub{bottom:-.25em}

 img{border:0;vertical-align:middle}

 svg:not(:root){overflow:hidden}

-hr{height:0}

+hr{box-sizing:content-box;height:0}

 code,div.code,kbd,pre,samp{font-size:1em}

 button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

 button{overflow:visible}

@@ -111671,6 +111711,7 @@ select.bs-select-hidden,select.selectpicker{display:none!important}

 .c3 text,.log-line-number{-moz-user-select:none;-webkit-user-select:none}

 .bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:1px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

 .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block!important;height:100%;padding:2px 6px;font-size:13px;line-height:21px}

+.ie9.layout-pf-alt-fixed .nav-pf-vertical-alt,.ie9.layout-pf-fixed .nav-pf-secondary-nav,.ie9.layout-pf-fixed .nav-pf-tertiary-nav,.ie9.layout-pf-fixed .nav-pf-vertical{box-sizing:content-box}

 .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{text-align:center;z-index:1}

 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{color:#fff;background:#0088ce}

 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{color:#fff;background:#00659c}

@@ -112831,6 +112872,12 @@ to{transform:rotate(359deg)}

 .compute-resource{margin-bottom:5px}

 @media (max-width:767px){.compute-resource .inline-select{margin-top:5px}

 }

+.weight-slider-values{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}

+.weight-slider-values .service-name{font-weight:600}

+.weight-slider-values .weight-percentage{font-size:15px;margin-left:5px}

+@media (min-width:768px){.weight-slider-values{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;justify-content:space-between}

+.weight-slider-values .weight-percentage{margin-right:5px}

+}

 .card-pf{box-shadow:0 3px 1px -2px rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.09)}

 .card-pf .image-icon,.card-pf .template-icon{font-size:28px;line-height:1;margin-right:15px;opacity:.38}

 .card-pf-badge{color:#999;font-size:11px;text-transform:uppercase}