Redesign vm order page

hosting/static/hosting/js/createvm.js

@@ -0,0 +1,89 @@
+(function($){
+    "use strict"; // Start of use strict
+    
+    
+    $(window).load(function(){
+    
+  
+    });
+    
+    $(document).ready(function(){
+      _initOs();
+      _ifOverflow();
+       
+    });
+    
+    $(window).resize(function(){
+        
+      _ifOverflow();
+        
+    });
+    
+
+
+   	function _initOs(){
+
+   		
+   		$('.os-circle').click(function(event){
+   			$('.os-circle').removeClass('active');
+   			$(this).addClass('active');
+
+        var idTemplate = $(this).data('id');
+        $('input[name=vm_template_id]').val(idTemplate);
+   		});
+   		$('.config-box').click(function(event){
+   			$('.config-box').removeClass('active');
+   			$(this).addClass('active');
+        var idConfig = $(this).data('id');
+        var price = $(this).data('price');
+        $('input[name=configuration]').val(idConfig);
+        $('.container-button').fadeIn();
+        $('#priceValue').text(price);
+   		});
+
+		$('.owl-carousel').owlCarousel({
+        items:4,
+        nav: true,
+        margin:30,
+        responsiveClass:true,
+        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
+        responsive:{
+            0:{
+                items:1,
+                nav:true
+            },
+            600:{
+                items:2,
+                nav:true
+            },
+            768:{
+                items:3,
+                nav:true
+            },
+            990:{
+                items:4,
+                nav:true
+            }
+        }
+		});
+	}
+   	function _ifOverflow(){
+
+   		var dcContainer=  document.getElementById('dcContainer');
+   		var containerOs=  document.getElementById('containerOs');
+   		console.log('d-c', dcContainer.offsetWidth-20);
+   		console.log('d-os', containerOs.scrollWidth);
+
+   		if(dcContainer.offsetWidth-20 < containerOs.scrollWidth){
+   			console.log('oooVerrflowwww');
+   		}
+
+
+
+   	}
+    
+    
+    
+})(jQuery); 
+
+