Merge branch 'master' into bug/3328/dcl_email_headers
This commit is contained in:
		
				commit
				
					
						d2a8c13b9e
					
				
			
		
					 12 changed files with 342 additions and 530 deletions
				
			
		|  | @ -1,3 +1,12 @@ | ||||||
|  | 1.0.10: 2017-06-11 | ||||||
|  |     * [datacenterlight] Send plain text email only for new orders | ||||||
|  | 1.0.9: 2017-06-11 | ||||||
|  |     * [datacenterlight] Moved calculator to the landing page | ||||||
|  | 1.0.8: 2017-06-08 | ||||||
|  |     * [datacenterlight] Fixed german typos | ||||||
|  |     * [datacenterlight] Refactored dcl order/success templates | ||||||
|  | 1.0.7: 2017-06-08 | ||||||
|  |     * [datacenterlight] Fixed an issue causing header images not appear in the blog | ||||||
| 1.0.6: 2017-06-06 | 1.0.6: 2017-06-06 | ||||||
|     * [datacenterlight] Hotfix, feature/manualorder added |     * [datacenterlight] Hotfix, feature/manualorder added | ||||||
| 1.0.5: 2017-06-06 | 1.0.5: 2017-06-06 | ||||||
|  |  | ||||||
|  | @ -1,4 +1,5 @@ | ||||||
| {% load cms_tags staticfiles %} | {% load cms_tags staticfiles %} | ||||||
|  | {% load i18n %} | ||||||
| <!-- Page Header --> | <!-- Page Header --> | ||||||
| <!-- Set your background image for this header on the line below. --> | <!-- Set your background image for this header on the line below. --> | ||||||
| <header class="intro-header" | <header class="intro-header" | ||||||
|  |  | ||||||
										
											Binary file not shown.
										
									
								
							|  | @ -8,7 +8,7 @@ msgid "" | ||||||
| msgstr "" | msgstr "" | ||||||
| "Project-Id-Version: PACKAGE VERSION\n" | "Project-Id-Version: PACKAGE VERSION\n" | ||||||
| "Report-Msgid-Bugs-To: \n" | "Report-Msgid-Bugs-To: \n" | ||||||
| "POT-Creation-Date: 2017-06-07 02:09+0530\n" | "POT-Creation-Date: 2017-06-11 17:42+0530\n" | ||||||
| "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" | "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" | ||||||
| "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" | "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" | ||||||
| "Language-Team: LANGUAGE <LL@li.org>\n" | "Language-Team: LANGUAGE <LL@li.org>\n" | ||||||
|  | @ -77,40 +77,34 @@ msgstr "Vielen Dank!" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:62 | #: templates/datacenterlight/index.html:62 | ||||||
| #: templates/datacenterlight/index.html:160 | #: templates/datacenterlight/index.html:160 | ||||||
| #: templates/datacenterlight/index.html:345 | #: templates/datacenterlight/index.html:383 | ||||||
| #: templates/datacenterlight/new-order.html:62 | #: templates/datacenterlight/order.html:24 | ||||||
| #: templates/datacenterlight/new-order.html:203 | #: templates/datacenterlight/order.html:165 | ||||||
| #: templates/datacenterlight/order.html:62 |  | ||||||
| #: templates/datacenterlight/order.html:203 |  | ||||||
| #: templates/datacenterlight/pricing.html:62 | #: templates/datacenterlight/pricing.html:62 | ||||||
| #: templates/datacenterlight/pricing.html:190 | #: templates/datacenterlight/pricing.html:190 | ||||||
| #: templates/datacenterlight/success.html:62 | #: templates/datacenterlight/success.html:23 | ||||||
| msgid "What is it" | msgid "What is it" | ||||||
| msgstr "Was ist es?" | msgstr "Was ist es?" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:65 | #: templates/datacenterlight/index.html:65 | ||||||
| #: templates/datacenterlight/index.html:189 | #: templates/datacenterlight/index.html:189 | ||||||
| #: templates/datacenterlight/index.html:348 | #: templates/datacenterlight/index.html:386 | ||||||
| #: templates/datacenterlight/new-order.html:65 | #: templates/datacenterlight/order.html:27 | ||||||
| #: templates/datacenterlight/new-order.html:206 | #: templates/datacenterlight/order.html:168 | ||||||
| #: templates/datacenterlight/order.html:65 |  | ||||||
| #: templates/datacenterlight/order.html:206 |  | ||||||
| #: templates/datacenterlight/pricing.html:65 | #: templates/datacenterlight/pricing.html:65 | ||||||
| #: templates/datacenterlight/pricing.html:193 | #: templates/datacenterlight/pricing.html:193 | ||||||
| #: templates/datacenterlight/success.html:65 | #: templates/datacenterlight/success.html:26 | ||||||
| msgid "Scale out" | msgid "Scale out" | ||||||
| msgstr "Skalierung" | msgstr "Skalierung" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:68 | #: templates/datacenterlight/index.html:68 | ||||||
| #: templates/datacenterlight/index.html:215 | #: templates/datacenterlight/index.html:215 | ||||||
| #: templates/datacenterlight/index.html:351 | #: templates/datacenterlight/index.html:389 | ||||||
| #: templates/datacenterlight/new-order.html:68 | #: templates/datacenterlight/order.html:30 | ||||||
| #: templates/datacenterlight/new-order.html:209 | #: templates/datacenterlight/order.html:171 | ||||||
| #: templates/datacenterlight/order.html:68 |  | ||||||
| #: templates/datacenterlight/order.html:209 |  | ||||||
| #: templates/datacenterlight/pricing.html:68 | #: templates/datacenterlight/pricing.html:68 | ||||||
| #: templates/datacenterlight/pricing.html:196 | #: templates/datacenterlight/pricing.html:196 | ||||||
| #: templates/datacenterlight/success.html:68 | #: templates/datacenterlight/success.html:29 | ||||||
| msgid "Reliable and light" | msgid "Reliable and light" | ||||||
| msgstr "Zuverlässig und leicht" | msgstr "Zuverlässig und leicht" | ||||||
| 
 | 
 | ||||||
|  | @ -119,14 +113,12 @@ msgid "Order VM" | ||||||
| msgstr "VM bestellen" | msgstr "VM bestellen" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:74 | #: templates/datacenterlight/index.html:74 | ||||||
| #: templates/datacenterlight/index.html:358 | #: templates/datacenterlight/index.html:396 | ||||||
| #: templates/datacenterlight/new-order.html:74 | #: templates/datacenterlight/order.html:36 | ||||||
| #: templates/datacenterlight/new-order.html:216 | #: templates/datacenterlight/order.html:178 | ||||||
| #: templates/datacenterlight/order.html:74 |  | ||||||
| #: templates/datacenterlight/order.html:216 |  | ||||||
| #: templates/datacenterlight/pricing.html:74 | #: templates/datacenterlight/pricing.html:74 | ||||||
| #: templates/datacenterlight/pricing.html:203 | #: templates/datacenterlight/pricing.html:203 | ||||||
| #: templates/datacenterlight/success.html:74 | #: templates/datacenterlight/success.html:35 | ||||||
| msgid "Contact" | msgid "Contact" | ||||||
| msgstr "Kontakt" | msgstr "Kontakt" | ||||||
| 
 | 
 | ||||||
|  | @ -181,97 +173,79 @@ msgstr "" | ||||||
| "Angebot ist aufgrund unserer leichten Infrastruktur überaus kostengünstig." | "Angebot ist aufgrund unserer leichten Infrastruktur überaus kostengünstig." | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:236 | #: templates/datacenterlight/index.html:236 | ||||||
| #: templates/datacenterlight/new-order.html:106 | #: templates/datacenterlight/order.html:143 | ||||||
| #: templates/datacenterlight/order.html:106 | #: templates/datacenterlight/pricing.html:168 | ||||||
| #: templates/datacenterlight/pricing.html:106 | msgid "Simple and affordable: Try our virtual machine with featherlight price." | ||||||
| msgid "We are cutting down the costs significantly!" | msgstr "Einfach und bezahlbar: Teste nun unsere virtuellen Maschinen mit federleichten Preisen." | ||||||
| msgstr "Wir sorgen dafür, dass die Kosten für Sie signifikant abnehmen" |  | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:237 | #: templates/datacenterlight/index.html:237 | ||||||
| msgid "Affordable VM hosting based in Switzerland" | msgid "Affordable VM hosting based in Switzerland" | ||||||
| msgstr "Bezahlbares VM Hosting in der Schweiz" | msgstr "Bezahlbares VM Hosting in der Schweiz" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:244 | #: templates/datacenterlight/index.html:248 | ||||||
| #: templates/datacenterlight/new-order.html:119 | #: templates/datacenterlight/order.html:81 | ||||||
| #: templates/datacenterlight/order.html:119 |  | ||||||
| #: templates/datacenterlight/pricing.html:119 | #: templates/datacenterlight/pricing.html:119 | ||||||
| msgid "VM hosting" | msgid "VM hosting" | ||||||
| msgstr "VM Hosting" | msgstr "VM Hosting" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/index.html:251 | #: templates/datacenterlight/index.html:256 | ||||||
| msgid "Based in Switzerland" | #: templates/datacenterlight/order.html:89 | ||||||
| msgstr "Standort des Datacenters ist in der Schweiz" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:260 |  | ||||||
| msgid "10 GB Storage (SSD)" |  | ||||||
| msgstr "10 GB Storage (SSD)" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:263 |  | ||||||
| #: templates/datacenterlight/new-order.html:171 |  | ||||||
| #: templates/datacenterlight/order.html:171 |  | ||||||
| #: templates/datacenterlight/pricing.html:161 |  | ||||||
| msgid "Order Now!" |  | ||||||
| msgstr "Bestelle jetzt!" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:279 |  | ||||||
| msgid "I want to have it!" |  | ||||||
| msgstr "Das möchte ich haben!" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:306 |  | ||||||
| msgid "Switzerland " |  | ||||||
| msgstr "Schweiz" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:323 |  | ||||||
| msgid "Questions?" |  | ||||||
| msgstr "Fragen?" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:323 |  | ||||||
| msgid "Contact us!" |  | ||||||
| msgstr "Kontaktiere uns!" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:341 |  | ||||||
| #: templates/datacenterlight/new-order.html:199 |  | ||||||
| #: templates/datacenterlight/order.html:199 |  | ||||||
| #: templates/datacenterlight/pricing.html:186 |  | ||||||
| msgid "Home" |  | ||||||
| msgstr "Home" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/index.html:354 |  | ||||||
| #: templates/datacenterlight/new-order.html:212 |  | ||||||
| #: templates/datacenterlight/order.html:212 |  | ||||||
| #: templates/datacenterlight/pricing.html:199 |  | ||||||
| msgid "Pricing" |  | ||||||
| msgstr "Preise" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/new-order.html:71 |  | ||||||
| #: templates/datacenterlight/order.html:71 |  | ||||||
| #: templates/datacenterlight/pricing.html:71 |  | ||||||
| #: templates/datacenterlight/success.html:71 |  | ||||||
| msgid "Buy VM" |  | ||||||
| msgstr "VM Kaufen" |  | ||||||
| 
 |  | ||||||
| #: templates/datacenterlight/new-order.html:127 |  | ||||||
| #: templates/datacenterlight/order.html:127 |  | ||||||
| #: templates/datacenterlight/pricing.html:127 | #: templates/datacenterlight/pricing.html:127 | ||||||
| msgid "Hosted in Switzerland" | msgid "Hosted in Switzerland" | ||||||
| msgstr "Standort des Datacenters ist in der Schweiz" | msgstr "Standort des Datacenters ist in der Schweiz" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/new-order.html:144 | #: templates/datacenterlight/index.html:273 | ||||||
| #: templates/datacenterlight/order.html:144 | #: templates/datacenterlight/order.html:106 | ||||||
| #: templates/datacenterlight/pricing.html:144 | #: templates/datacenterlight/pricing.html:144 | ||||||
| msgid "GB Storage (SSD)" | msgid "GB Storage (SSD)" | ||||||
| msgstr "GB Storage (SSD)" | msgstr "GB Storage (SSD)" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/new-order.html:181 | #: templates/datacenterlight/index.html:297 | ||||||
| #: templates/datacenterlight/order.html:181 | #: templates/datacenterlight/order.html:133 | ||||||
| #: templates/datacenterlight/pricing.html:168 | #: templates/datacenterlight/pricing.html:161 | ||||||
| msgid "Simple and affordable: Try our virtual machine with featherlight price." | msgid "Order Now!" | ||||||
| msgstr "" | msgstr "Bestelle jetzt!" | ||||||
| "Simpel und bezahlbar: Testen Sie unsere virtuelen Machinen mit  " |  | ||||||
| "federleichten Preisen" |  | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/new-order.html:184 | #: templates/datacenterlight/index.html:317 | ||||||
| #: templates/datacenterlight/order.html:184 | msgid "I want to have it!" | ||||||
|  | msgstr "Das möchte ich haben!" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/index.html:344 | ||||||
|  | msgid "Switzerland " | ||||||
|  | msgstr "Schweiz" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/index.html:361 | ||||||
|  | msgid "Questions?" | ||||||
|  | msgstr "Fragen?" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/index.html:361 | ||||||
|  | msgid "Contact us!" | ||||||
|  | msgstr "Kontaktiere uns!" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/index.html:379 | ||||||
|  | #: templates/datacenterlight/order.html:161 | ||||||
|  | #: templates/datacenterlight/pricing.html:186 | ||||||
|  | msgid "Home" | ||||||
|  | msgstr "Home" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/index.html:392 | ||||||
|  | #: templates/datacenterlight/order.html:174 | ||||||
|  | #: templates/datacenterlight/pricing.html:199 | ||||||
|  | msgid "Pricing" | ||||||
|  | msgstr "Preise" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/order.html:33 | ||||||
|  | #: templates/datacenterlight/pricing.html:71 | ||||||
|  | #: templates/datacenterlight/success.html:32 | ||||||
|  | msgid "Buy VM" | ||||||
|  | msgstr "VM Kaufen" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/order.html:68 | ||||||
|  | #: templates/datacenterlight/pricing.html:106 | ||||||
|  | msgid "We are cutting down the costs significantly!" | ||||||
|  | msgstr "Wir sorgen dafür, dass die Kosten für Sie signifikant abnehmen" | ||||||
|  | 
 | ||||||
|  | #: templates/datacenterlight/order.html:146 | ||||||
| #: templates/datacenterlight/pricing.html:171 | #: templates/datacenterlight/pricing.html:171 | ||||||
| msgid "" | msgid "" | ||||||
| "Our VMs are hosted in Glarus, Switzerland, and our website is currently " | "Our VMs are hosted in Glarus, Switzerland, and our website is currently " | ||||||
|  | @ -288,16 +262,22 @@ msgstr "" | ||||||
| "uns unter support@datacenterlight.ch. Unser Team wird sich umgehend um dein " | "uns unter support@datacenterlight.ch. Unser Team wird sich umgehend um dein " | ||||||
| "Anliegen kümmern!" | "Anliegen kümmern!" | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/success.html:101 | #: templates/datacenterlight/success.html:62 | ||||||
| msgid "Thank you for order! Our team will contact you via email" | msgid "Thank you for order! Our team will contact you via email" | ||||||
| msgstr "" | msgstr "" | ||||||
| "Vielen Dank für die Bestellung. Unser Team setzt sich sobald wie möglich mit " | "Vielen Dank für die Bestellung. Unser Team setzt sich sobald wie möglich mit " | ||||||
| "Ihnen via E-Mail in Verbindung." | "Ihnen via E-Mail in Verbindung." | ||||||
| 
 | 
 | ||||||
| #: templates/datacenterlight/success.html:103 | #: templates/datacenterlight/success.html:64 | ||||||
| msgid "as soon as possible!" | msgid "as soon as possible!" | ||||||
| msgstr "" | msgstr "" | ||||||
| 
 | 
 | ||||||
|  | #~ msgid "Based in Switzerland" | ||||||
|  | #~ msgstr "Standort des Datacenters ist in der Schweiz" | ||||||
|  | 
 | ||||||
|  | #~ msgid "10 GB Storage (SSD)" | ||||||
|  | #~ msgstr "10 GB Storage (SSD)" | ||||||
|  | 
 | ||||||
| #~ msgid "Request Newsletter" | #~ msgid "Request Newsletter" | ||||||
| #~ msgstr "Newsletter abonnieren" | #~ msgstr "Newsletter abonnieren" | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -616,6 +616,12 @@ h6 { | ||||||
|     max-width: 400px; |     max-width: 400px; | ||||||
|     position: relative; |     position: relative; | ||||||
| } | } | ||||||
|  | .price-calc-section .landing { | ||||||
|  |     width: 100% !important; | ||||||
|  | } | ||||||
|  | .no-padding{ | ||||||
|  |     padding:0 !important; | ||||||
|  | } | ||||||
| .price-calc-section .card .img-beta{ | .price-calc-section .card .img-beta{ | ||||||
|     position: absolute; |     position: absolute; | ||||||
|     top: 5px; |     top: 5px; | ||||||
|  |  | ||||||
							
								
								
									
										43
									
								
								datacenterlight/templates/datacenterlight/base.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										43
									
								
								datacenterlight/templates/datacenterlight/base.html
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,43 @@ | ||||||
|  | {% load staticfiles i18n%} | ||||||
|  | {% get_current_language as LANGUAGE_CODE %} | ||||||
|  | <!DOCTYPE html> | ||||||
|  | <html lang="{{LANGUAGE_CODE}}"> | ||||||
|  | 
 | ||||||
|  | <head> | ||||||
|  | 
 | ||||||
|  |     <meta charset="utf-8"> | ||||||
|  |     <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||||||
|  |     <meta name="viewport" content="width=device-width, initial-scale=1"> | ||||||
|  |     <meta name="description" content="Data Center Light by ungleich"> | ||||||
|  |     <meta name="author" content="ungleich GmbH"> | ||||||
|  | 
 | ||||||
|  |     <title>Data Center Light - | ||||||
|  |     {% block title %}VM hosting made in Switzerland{% endblock %}</title> | ||||||
|  | 
 | ||||||
|  |     <!-- Bootstrap Core CSS --> | ||||||
|  |     <link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet"> | ||||||
|  | 
 | ||||||
|  |     <!-- Custom Fonts --> | ||||||
|  |     <!--Import Google Icon Font--> | ||||||
|  |      <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | ||||||
|  |     <link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css"> | ||||||
|  |     <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"> | ||||||
|  |     <link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon" /> | ||||||
|  |     <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css" rel="stylesheet"> | ||||||
|  | 
 | ||||||
|  |     <!-- Custom CSS --> | ||||||
|  |     <link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet"> | ||||||
|  | 
 | ||||||
|  |     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||||||
|  |     <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||||||
|  |     <!--[if lt IE 9]> | ||||||
|  |         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | ||||||
|  |         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||||||
|  |     <![endif]--> | ||||||
|  | </head> | ||||||
|  | <body> | ||||||
|  |   {% block body %} | ||||||
|  | 
 | ||||||
|  |   {% endblock %} | ||||||
|  | </body> | ||||||
|  | </html> | ||||||
|  | @ -1,137 +0,0 @@ | ||||||
| {% load static from staticfiles %} |  | ||||||
| <!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b --> |  | ||||||
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> |  | ||||||
| <html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <head> |  | ||||||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |  | ||||||
| <meta name="viewport" content="width=device-width, initial-scale=1"> |  | ||||||
| <title>Oxygen Invoice</title> |  | ||||||
| </head> |  | ||||||
| <body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;"> |  | ||||||
| <style type="text/css"> |  | ||||||
| @media only screen and (max-width: 480px) { |  | ||||||
|   table[class*="container-for-gmail-android"] { |  | ||||||
|     min-width: 290px !important; width: 100% !important; |  | ||||||
|   } |  | ||||||
|   img[class="force-width-gmail"] { |  | ||||||
|     display: none !important; width: 0 !important; height: 0 !important; |  | ||||||
|   } |  | ||||||
|   table[class="w320"] { |  | ||||||
|     width: 320px !important; |  | ||||||
|   } |  | ||||||
|   td[class*="mobile-header-padding-left"] { |  | ||||||
|     width: 160px !important; padding-left: 0 !important; |  | ||||||
|   } |  | ||||||
|   td[class*="mobile-header-padding-right"] { |  | ||||||
|     width: 160px !important; padding-right: 0 !important; |  | ||||||
|   } |  | ||||||
|   td[class="header-lg"] { |  | ||||||
|     font-size: 24px !important; padding-bottom: 5px !important; |  | ||||||
|   } |  | ||||||
|   td[class="content-padding"] { |  | ||||||
|     padding: 5px 0 5px !important; |  | ||||||
|   } |  | ||||||
|   td[class="button"] { |  | ||||||
|     padding: 5px 5px 30px !important; |  | ||||||
|   } |  | ||||||
|   td[class*="free-text"] { |  | ||||||
|     padding: 10px 18px 30px !important; |  | ||||||
|   } |  | ||||||
|   td[class~="mobile-hide-img"] { |  | ||||||
|     display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important; |  | ||||||
|   } |  | ||||||
|   td[class~="item"] { |  | ||||||
|     width: 140px !important; vertical-align: top !important; |  | ||||||
|   } |  | ||||||
|   td[class~="quantity"] { |  | ||||||
|     width: 50px !important; |  | ||||||
|   } |  | ||||||
|   td[class~="price"] { |  | ||||||
|     width: 90px !important; |  | ||||||
|   } |  | ||||||
|   td[class="item-table"] { |  | ||||||
|     padding: 30px 20px !important; |  | ||||||
|   } |  | ||||||
|   td[class="mini-container-left"] { |  | ||||||
|     padding: 0 15px 15px !important; display: block !important; width: 290px !important; |  | ||||||
|   } |  | ||||||
|   td[class="mini-container-right"] { |  | ||||||
|     padding: 0 15px 15px !important; display: block !important; width: 290px !important; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| <table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff"> |  | ||||||
|       <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|       <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center"> |  | ||||||
|             <!--[if gte mso 9]> |  | ||||||
|             <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;"> |  | ||||||
|               <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" /> |  | ||||||
|               <v:textbox inset="0,0,0,0"> |  | ||||||
|             <![endif]--> |  | ||||||
|               <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|                 <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 10px;" align="left" valign="middle"> |  | ||||||
|                       <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a> |  | ||||||
|                     </td> |  | ||||||
|                     <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right"> |  | ||||||
|                     </td> |  | ||||||
|                   </tr></table> |  | ||||||
| </center> |  | ||||||
|               <!--[if gte mso 9]> |  | ||||||
|               </v:textbox> |  | ||||||
|             </v:rect> |  | ||||||
|             <![endif]--> |  | ||||||
|             </td> |  | ||||||
|           </tr></table> |  | ||||||
| </center> |  | ||||||
|     </td> |  | ||||||
|   </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7"> |  | ||||||
|       <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|         <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5 0;" align="center"> |  | ||||||
|               We have received a new order. |  | ||||||
|             </td> |  | ||||||
|           </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 7px 20px;" align="center"> |  | ||||||
|              <p> |  | ||||||
|                 <h4>User details</h4> |  | ||||||
|                 Name: {{name}} <br/> |  | ||||||
|                 Email: {{email}} <br/> |  | ||||||
|                  |  | ||||||
|                 <h4>VM details</h4> |  | ||||||
|                 Cores: {{cores}} <br/> |  | ||||||
|                 Memory: {{memory}} <br/> |  | ||||||
|                 Storage: {{storage}} <br/> |  | ||||||
|                 Price: {{price}} <br/> |  | ||||||
|                 Template: {{template}} <br/> |  | ||||||
|               |  | ||||||
|              </p></td> |  | ||||||
|           </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td> |  | ||||||
|           </tr> |  | ||||||
| </table> |  | ||||||
| </center> |  | ||||||
|     </td> |  | ||||||
|   </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff"> |  | ||||||
|       <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|         <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 9px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| </td> |  | ||||||
|           </tr></table> |  | ||||||
| </center> |  | ||||||
|     </td> |  | ||||||
|   </tr> |  | ||||||
| </table> |  | ||||||
| </body> |  | ||||||
| </html> |  | ||||||
| 
 |  | ||||||
|  | @ -1,137 +0,0 @@ | ||||||
| {% load static from staticfiles %} |  | ||||||
| <!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b --> |  | ||||||
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> |  | ||||||
| <html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <head> |  | ||||||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |  | ||||||
| <meta name="viewport" content="width=device-width, initial-scale=1"> |  | ||||||
| <title>Oxygen Invoice</title> |  | ||||||
| </head> |  | ||||||
| <body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;"> |  | ||||||
| <style type="text/css"> |  | ||||||
| @media only screen and (max-width: 480px) { |  | ||||||
|   table[class*="container-for-gmail-android"] { |  | ||||||
|     min-width: 290px !important; width: 100% !important; |  | ||||||
|   } |  | ||||||
|   img[class="force-width-gmail"] { |  | ||||||
|     display: none !important; width: 0 !important; height: 0 !important; |  | ||||||
|   } |  | ||||||
|   table[class="w320"] { |  | ||||||
|     width: 320px !important; |  | ||||||
|   } |  | ||||||
|   td[class*="mobile-header-padding-left"] { |  | ||||||
|     width: 160px !important; padding-left: 0 !important; |  | ||||||
|   } |  | ||||||
|   td[class*="mobile-header-padding-right"] { |  | ||||||
|     width: 160px !important; padding-right: 0 !important; |  | ||||||
|   } |  | ||||||
|   td[class="header-lg"] { |  | ||||||
|     font-size: 24px !important; padding-bottom: 5px !important; |  | ||||||
|   } |  | ||||||
|   td[class="content-padding"] { |  | ||||||
|     padding: 5px 0 5px !important; |  | ||||||
|   } |  | ||||||
|   td[class="button"] { |  | ||||||
|     padding: 5px 5px 30px !important; |  | ||||||
|   } |  | ||||||
|   td[class*="free-text"] { |  | ||||||
|     padding: 10px 18px 30px !important; |  | ||||||
|   } |  | ||||||
|   td[class~="mobile-hide-img"] { |  | ||||||
|     display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important; |  | ||||||
|   } |  | ||||||
|   td[class~="item"] { |  | ||||||
|     width: 140px !important; vertical-align: top !important; |  | ||||||
|   } |  | ||||||
|   td[class~="quantity"] { |  | ||||||
|     width: 50px !important; |  | ||||||
|   } |  | ||||||
|   td[class~="price"] { |  | ||||||
|     width: 90px !important; |  | ||||||
|   } |  | ||||||
|   td[class="item-table"] { |  | ||||||
|     padding: 30px 20px !important; |  | ||||||
|   } |  | ||||||
|   td[class="mini-container-left"] { |  | ||||||
|     padding: 0 15px 15px !important; display: block !important; width: 290px !important; |  | ||||||
|   } |  | ||||||
|   td[class="mini-container-right"] { |  | ||||||
|     padding: 0 15px 15px !important; display: block !important; width: 290px !important; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| <table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff"> |  | ||||||
|       <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|       <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center"> |  | ||||||
|             <!--[if gte mso 9]> |  | ||||||
|             <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;"> |  | ||||||
|               <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" /> |  | ||||||
|               <v:textbox inset="0,0,0,0"> |  | ||||||
|             <![endif]--> |  | ||||||
|               <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|                 <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 10px;" align="left" valign="middle"> |  | ||||||
|                       <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a> |  | ||||||
|                     </td> |  | ||||||
|                     <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right"> |  | ||||||
|                     </td> |  | ||||||
|                   </tr></table> |  | ||||||
| </center> |  | ||||||
|               <!--[if gte mso 9]> |  | ||||||
|               </v:textbox> |  | ||||||
|             </v:rect> |  | ||||||
|             <![endif]--> |  | ||||||
|             </td> |  | ||||||
|           </tr></table> |  | ||||||
| </center> |  | ||||||
|     </td> |  | ||||||
|   </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7"> |  | ||||||
|       <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|         <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5 0;" align="center"> |  | ||||||
|               We have received a new order. |  | ||||||
|             </td> |  | ||||||
|           </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 7px 20px;" align="center"> |  | ||||||
|              <p> |  | ||||||
|                 <h4>User details</h4> |  | ||||||
|                 Name: {{name}} <br/> |  | ||||||
|                 Email: {{email}} <br/> |  | ||||||
|                  |  | ||||||
|                 <h4>VM details</h4> |  | ||||||
|                 Cores: {{cores}} <br/> |  | ||||||
|                 Memory: {{memory}} <br/> |  | ||||||
|                 Storage: {{storage}} <br/> |  | ||||||
|                 Price: {{price}} <br/> |  | ||||||
|                 Template: {{template}} <br/> |  | ||||||
|               |  | ||||||
|              </p></td> |  | ||||||
|           </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td> |  | ||||||
|           </tr> |  | ||||||
| </table> |  | ||||||
| </center> |  | ||||||
|     </td> |  | ||||||
|   </tr> |  | ||||||
| <tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff"> |  | ||||||
|       <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
|         <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| <td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 9px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"> |  | ||||||
| </td> |  | ||||||
|           </tr></table> |  | ||||||
| </center> |  | ||||||
|     </td> |  | ||||||
|   </tr> |  | ||||||
| </table> |  | ||||||
| </body> |  | ||||||
| </html> |  | ||||||
| 
 |  | ||||||
|  | @ -233,36 +233,74 @@ | ||||||
|         <!-- Page Features --> |         <!-- Page Features --> | ||||||
|             <div class="row text-center"> |             <div class="row text-center"> | ||||||
|                 <div class="col-xs-12 col-md-6 text"> |                 <div class="col-xs-12 col-md-6 text"> | ||||||
|                     <h2 class="section-heading">{% trans "We are cutting down the costs significantly!" %}</h2> |                     <h2 class="section-heading">{% trans "Simple and affordable: Try our virtual machine with featherlight price." %}</h2> | ||||||
|                     <p class="lead">{% trans "Affordable VM hosting based in Switzerland" %}</p> |                     <p class="lead">{% trans "Affordable VM hosting based in Switzerland" %}</p> | ||||||
|                 </div> |                 </div> | ||||||
| 
 | 
 | ||||||
|                 <div class="col-xs-12 col-md-6 hero-feature"> |                 <div class="col-xs-12 col-md-6 hero-feature"> | ||||||
|                     <div class="card"> |                     <div class="price-calc-section no-padding"> | ||||||
|                         <div class="caption"> |                         <div class="landing card"> | ||||||
|                             <div class="title"> |                             <img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt=""> | ||||||
|                                <h3>{% trans "VM hosting" %} </h3>  |                             <div class="caption"> | ||||||
|  |                                 <form id="order_form" method="POST" action=""> | ||||||
|  |                                     {% csrf_token %} | ||||||
|  |                                     <div class="title"> | ||||||
|  |                                        <h3>{% trans "VM hosting" %} </h3> | ||||||
|  |                                     </div> | ||||||
|  |                                     <div class="price"> | ||||||
|  |                                         <span id="total">15</span> | ||||||
|  |                                         <span>CHF</span> | ||||||
|  |                                     </div> | ||||||
|  |                                     <div class="descriptions"> | ||||||
|  |                                         <div class="description"> | ||||||
|  |                                             <p>{% trans "Hosted in Switzerland" %}</p> | ||||||
|  |                                         </div> | ||||||
|  |                                         <div class="description"> | ||||||
|  |                                             <i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i> | ||||||
|  |                                             <input class="input-price" type="number"  min="1" max="42" id="coreValue" name="cpu"> | ||||||
|  |                                             <span> Core</span> | ||||||
|  |                                             <i class="fa fa-plus-circle right" data-plus="cpu"  aria-hidden="true"></i> | ||||||
|  |                                         </div> | ||||||
|  |                                         <div class="description"> | ||||||
|  |                                             <i class="fa fa-minus-circle left" data-minus="ram" aria-hidden="true"></i> | ||||||
|  |                                             <input id="ramValue" class="input-price" type="number"  min="2" max="200"  name="ram"> | ||||||
|  |                                             <span> GB RAM</span> | ||||||
|  |                                             <i class="fa fa-plus-circle right" data-plus="ram"  aria-hidden="true"></i> | ||||||
|  |                                         </div> | ||||||
|  |                                         <div class="description"> | ||||||
|  |                                             <i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i> | ||||||
|  |                                             <input id="storageValue" class="input-price" type="number"  min="10" max="500" step="10" name="storage"> | ||||||
|  |                                             <span>{% trans "GB Storage (SSD)" %}</span> | ||||||
|  |                                             <i class="fa fa-plus-circle right" data-plus="storage"  aria-hidden="true"></i> | ||||||
|  |                                         </div> | ||||||
|  |                                         <div class="description select-configuration input"> | ||||||
|  |                                             <label for="config">OS</label> | ||||||
|  |                                             <select name="config" id=""> | ||||||
|  |                                                 {% for template in templates %} | ||||||
|  |                                                     <option value="{{template.id}}">{{template.name}} </option> | ||||||
|  |                                                 {% endfor %} | ||||||
|  |                                             </select> | ||||||
|  |                                         </div> | ||||||
|  |                                         <input type="hidden" name="total"> | ||||||
|  |                                         <!--<div class="description check-ip"> | ||||||
|  |                                             <input type="checkbox" name="ipv6"> Ipv6 Only<br> | ||||||
|  |                                         </div>--> | ||||||
|  |                                         <div class="description input"> | ||||||
|  |                                             <label for="name">Name</label> | ||||||
|  |                                             <input type="text" name="name" placeholder="Your Name"> | ||||||
|  |                                         </div> | ||||||
|  |                                         <div class="description input"> | ||||||
|  |                                             <label for="email">Email</label> | ||||||
|  |                                             <input type="email" name="email" placeholder="Your Email"> | ||||||
|  |                                         </div> | ||||||
|  |                                     </div> | ||||||
|  |                                     <input type="submit" class="btn btn-primary" value="{% trans 'Order Now!' %}"></input> | ||||||
|  |                                 </form> | ||||||
|                             </div> |                             </div> | ||||||
|                           <div class="price"> |                             <div> | ||||||
|                               <span>15 CHF/month</span> |                                 <div id="error_message_box" class="error-message-box"></div> | ||||||
|                           </div> |                             </div> | ||||||
|                           <div class="descriptions"> |                         </div> | ||||||
|                               <div class="description"> |  | ||||||
|                                 <p>{% trans "Based in Switzerland" %}</p> |  | ||||||
|                               </div> |  | ||||||
|                               <div class="description"> |  | ||||||
|                                 <p>1 Core, </p> |  | ||||||
|                               </div> |  | ||||||
|                               <div class="description"> |  | ||||||
|                                 <p>2 GB RAM, </p> |  | ||||||
|                               </div> |  | ||||||
|                               <div class="description"> |  | ||||||
|                                 <p>{% trans "10 GB Storage (SSD)" %}</p> |  | ||||||
|                               </div> |  | ||||||
|                           </div> |  | ||||||
| 						  <a href="{% url 'datacenterlight:order' %}" class="btn btn-primary">{% trans "Order Now!" %}</a> |  | ||||||
|                       </div> |  | ||||||
|                       <img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt=""> |  | ||||||
|                     </div> |                     </div> | ||||||
| 
 | 
 | ||||||
|                 </div> |                 </div> | ||||||
|  | @ -366,22 +404,48 @@ | ||||||
| 
 | 
 | ||||||
|     <!-- jQuery --> |     <!-- jQuery --> | ||||||
|     <script src="{% static 'datacenterlight/js/jquery.js' %}"></script> |     <script src="{% static 'datacenterlight/js/jquery.js' %}"></script> | ||||||
| 
 |     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script> | ||||||
| <script type="text/javascript"> |     <script type="text/javascript"> | ||||||
|       window.onload=function(){ |         $(document).ready(function(){ | ||||||
|         $('.selectpicker').selectpicker({ |             $.validator.setDefaults({ | ||||||
|              style: 'btn-link', |                 ignore: [] | ||||||
|              windowPadding: 10, |             }); | ||||||
|  |             $('#order_form').validate({ | ||||||
|  |                 wrapper: 'div', | ||||||
|  |                 errorLabelContainer: "#error_message_box", | ||||||
|  |                 rules: { | ||||||
|  |                     name: { | ||||||
|  |                         required: true, | ||||||
|  |                         minlength: 3 | ||||||
|  |                     }, | ||||||
|  |                     email: { | ||||||
|  |                         required: true, | ||||||
|  |                         email: true | ||||||
|  |                     } | ||||||
|  |                 }, | ||||||
|  |                 messages: { | ||||||
|  |                     name: "Please enter your name", | ||||||
|  |                     email: "Please enter a valid email address" | ||||||
|  |                 }, | ||||||
|  |                 submitHandler: function (form) { | ||||||
|  |                     return true; | ||||||
|  |                 } | ||||||
|  |             }); | ||||||
|         }); |         }); | ||||||
| 
 | 
 | ||||||
|   		$.ajax({ |         window.onload=function(){ | ||||||
| 	        url: "{% url 'datacenterlight:beta_access' %}", |           $('.selectpicker').selectpicker({ | ||||||
| 				context: document.body |                style: 'btn-link', | ||||||
| 			}).done(function(response) { |                windowPadding: 10, | ||||||
| 				$('#beta_access_form').html(response); |           }); | ||||||
| 			}); |           $.ajax({ | ||||||
|        }; |             url: "{% url 'datacenterlight:beta_access' %}", | ||||||
| </script> |                 context: document.body | ||||||
|  |             }).done(function(response) { | ||||||
|  |                 $('#beta_access_form').html(response); | ||||||
|  |           }); | ||||||
|  |         }; | ||||||
|  |     </script> | ||||||
| 
 | 
 | ||||||
|     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script> |     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script> | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -1,45 +1,7 @@ | ||||||
| {% load staticfiles i18n%} | {% extends "datacenterlight/base.html" %} | ||||||
| {% get_current_language as LANGUAGE_CODE %} | {% load staticfiles i18n %} | ||||||
| <!DOCTYPE html> |  | ||||||
| <html lang="{{LANGUAGE_CODE}}"> |  | ||||||
| 
 | 
 | ||||||
| <head> | {% block body %} | ||||||
| 
 |  | ||||||
|     <meta charset="utf-8"> |  | ||||||
|     <meta http-equiv="X-UA-Compatible" content="IE=edge"> |  | ||||||
|     <meta name="viewport" content="width=device-width, initial-scale=1"> |  | ||||||
|     <meta name="description" content=""> |  | ||||||
|     <meta name="author" content=""> |  | ||||||
| 
 |  | ||||||
|     <title>datacenterlight.ch - Featherlight Swiss VM</title> |  | ||||||
| 
 |  | ||||||
|     <!-- Bootstrap Core CSS --> |  | ||||||
|     <link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet"> |  | ||||||
| 
 |  | ||||||
| 
 |  | ||||||
|      |  | ||||||
| 
 |  | ||||||
|     <!-- Custom Fonts --> |  | ||||||
|     <!--Import Google Icon Font--> |  | ||||||
|      <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |  | ||||||
|     <link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css"> |  | ||||||
|     <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"> |  | ||||||
|     <link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon" /> |  | ||||||
|     <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css" rel="stylesheet"> |  | ||||||
| 
 |  | ||||||
|     <!-- Custom CSS --> |  | ||||||
|     <link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet"> |  | ||||||
| 
 |  | ||||||
|     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |  | ||||||
|     <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |  | ||||||
|     <!--[if lt IE 9]> |  | ||||||
|         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |  | ||||||
|         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |  | ||||||
|     <![endif]--> |  | ||||||
| 
 |  | ||||||
| </head> |  | ||||||
| 
 |  | ||||||
| <body> |  | ||||||
| 
 | 
 | ||||||
|     <!-- Navigation --> |     <!-- Navigation --> | ||||||
|     <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation"> |     <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation"> | ||||||
|  | @ -76,7 +38,7 @@ | ||||||
| 
 | 
 | ||||||
|                   <li class="nav-language"> |                   <li class="nav-language"> | ||||||
|                       <div class="select-language"> |                       <div class="select-language"> | ||||||
|                           {% if LANGUAGE_CODE == 'en-us'%}  |                           {% if LANGUAGE_CODE == 'en-us'%} | ||||||
|                           <span>English</span> |                           <span>English</span> | ||||||
|                           {% else %} |                           {% else %} | ||||||
|                           <span>Deutsch</span> |                           <span>Deutsch</span> | ||||||
|  | @ -84,12 +46,12 @@ | ||||||
|                           <i class="fa fa-globe" aria-hidden="true"></i> |                           <i class="fa fa-globe" aria-hidden="true"></i> | ||||||
|                       </div> |                       </div> | ||||||
|                       <div class="drop-language"> |                       <div class="drop-language"> | ||||||
|                           {% if LANGUAGE_CODE == 'en-us'%}  |                           {% if LANGUAGE_CODE == 'en-us'%} | ||||||
|                           <a class="url" href="{{base_url}}/de/datacenterlight/order" >Deutsch</a> |                           <a class="url" href="{{base_url}}/de/datacenterlight/order" >Deutsch</a> | ||||||
|                           {% else %} |                           {% else %} | ||||||
|                           <a class="url" href="{{base_url}}/en-us/datacenterlight/order" >English</a> |                           <a class="url" href="{{base_url}}/en-us/datacenterlight/order" >English</a> | ||||||
|                           {% endif %} |                           {% endif %} | ||||||
|                          | 
 | ||||||
|                       </div> |                       </div> | ||||||
|                     </li> |                     </li> | ||||||
|                 </ul> |                 </ul> | ||||||
|  | @ -105,7 +67,7 @@ | ||||||
| 		<div class="intro-message"> | 		<div class="intro-message"> | ||||||
| 			<h2 class="section-heading">{% trans "We are cutting down the costs significantly!" %}</h2> | 			<h2 class="section-heading">{% trans "We are cutting down the costs significantly!" %}</h2> | ||||||
| 		</div> | 		</div> | ||||||
| 		 | 
 | ||||||
| 	</div> | 	</div> | ||||||
| 
 | 
 | ||||||
| 	<div class="price-calc-section"> | 	<div class="price-calc-section"> | ||||||
|  | @ -114,9 +76,9 @@ | ||||||
| 			 <div class="caption"> | 			 <div class="caption"> | ||||||
|             <form id="order_form" method="POST" action=""> |             <form id="order_form" method="POST" action=""> | ||||||
| 				{% csrf_token %} | 				{% csrf_token %} | ||||||
|                | 
 | ||||||
|                 <div class="title"> |                 <div class="title"> | ||||||
|                    <h3>{% trans "VM hosting" %} </h3>  |                    <h3>{% trans "VM hosting" %} </h3> | ||||||
|                 </div> |                 </div> | ||||||
|               <div class="price"> |               <div class="price"> | ||||||
|                   <span id="total">15</span> |                   <span id="total">15</span> | ||||||
|  | @ -129,7 +91,7 @@ | ||||||
|                   <div class="description"> |                   <div class="description"> | ||||||
|                      <i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i> |                      <i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i> | ||||||
|                      <input class="input-price" type="number"  min="1" max="42" id="coreValue" name="cpu"> |                      <input class="input-price" type="number"  min="1" max="42" id="coreValue" name="cpu"> | ||||||
|                      <span> Core</span>  |                      <span> Core</span> | ||||||
|                      <i class="fa fa-plus-circle right" data-plus="cpu"  aria-hidden="true"></i> |                      <i class="fa fa-plus-circle right" data-plus="cpu"  aria-hidden="true"></i> | ||||||
|                   </div> |                   </div> | ||||||
|                   <div class="description"> |                   <div class="description"> | ||||||
|  | @ -144,7 +106,7 @@ | ||||||
|                     <span>{% trans "GB Storage (SSD)" %}</span> |                     <span>{% trans "GB Storage (SSD)" %}</span> | ||||||
|                      <i class="fa fa-plus-circle right" data-plus="storage"  aria-hidden="true"></i> |                      <i class="fa fa-plus-circle right" data-plus="storage"  aria-hidden="true"></i> | ||||||
|                   </div> |                   </div> | ||||||
|                   | 
 | ||||||
| 
 | 
 | ||||||
|                   <div class="description select-configuration input"> |                   <div class="description select-configuration input"> | ||||||
|                     <label for="config">OS</label> |                     <label for="config">OS</label> | ||||||
|  | @ -227,11 +189,11 @@ | ||||||
|     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script> |     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script> | ||||||
|     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script> |     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script> | ||||||
|     <script type="text/javascript"> |     <script type="text/javascript"> | ||||||
|            $(document).ready(function(){     |            $(document).ready(function(){ | ||||||
|                $.validator.setDefaults({ |                $.validator.setDefaults({ | ||||||
|                    ignore: [] |                    ignore: [] | ||||||
|                }); |                }); | ||||||
|                 | 
 | ||||||
|                $('#order_form').validate({ |                $('#order_form').validate({ | ||||||
|                    wrapper: 'div', |                    wrapper: 'div', | ||||||
|                    errorLabelContainer: "#error_message_box", |                    errorLabelContainer: "#error_message_box", | ||||||
|  | @ -251,22 +213,22 @@ | ||||||
|                    }, |                    }, | ||||||
|                    submitHandler: function (form) { |                    submitHandler: function (form) { | ||||||
|                        return true; |                        return true; | ||||||
|                    }                |                    } | ||||||
|                }); |                }); | ||||||
|            }); |            }); | ||||||
|      | 
 | ||||||
|           window.onload=function(){ |           window.onload=function(){ | ||||||
|             $('.selectpicker').selectpicker({ |             $('.selectpicker').selectpicker({ | ||||||
|                  style: 'btn-link', |                  style: 'btn-link', | ||||||
|                  windowPadding: 10, |                  windowPadding: 10, | ||||||
|             }); |             }); | ||||||
|      | 
 | ||||||
|             var hash = window.location.hash.substr(1); |             var hash = window.location.hash.substr(1); | ||||||
|             console.log(hash); |             console.log(hash); | ||||||
|             if (hash == 'requestform'){ |             if (hash == 'requestform'){ | ||||||
|                 $('#reques-success-message').modal('show'); |                 $('#reques-success-message').modal('show'); | ||||||
|             } |             } | ||||||
|      | 
 | ||||||
|            }; |            }; | ||||||
|     </script> |     </script> | ||||||
|     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script> |     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script> | ||||||
|  | @ -275,6 +237,6 @@ | ||||||
|     <script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script> |     <script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script> | ||||||
|     <script src="{% static 'datacenterlight/js/main.js' %}"></script> |     <script src="{% static 'datacenterlight/js/main.js' %}"></script> | ||||||
| 
 | 
 | ||||||
| </body> | {% endblock %} | ||||||
| 
 | 
 | ||||||
| </html> | </html> | ||||||
|  |  | ||||||
|  | @ -1,45 +1,6 @@ | ||||||
| {% load staticfiles i18n%} | {% extends "datacenterlight/base.html" %} | ||||||
| {% get_current_language as LANGUAGE_CODE %} | {% load staticfiles i18n %} | ||||||
| <!DOCTYPE html> | {% block body %} | ||||||
| <html lang="{{LANGUAGE_CODE}}"> |  | ||||||
| 
 |  | ||||||
| <head> |  | ||||||
| 
 |  | ||||||
|     <meta charset="utf-8"> |  | ||||||
|     <meta http-equiv="X-UA-Compatible" content="IE=edge"> |  | ||||||
|     <meta name="viewport" content="width=device-width, initial-scale=1"> |  | ||||||
|     <meta name="description" content=""> |  | ||||||
|     <meta name="author" content=""> |  | ||||||
| 
 |  | ||||||
|     <title>datacenterlight.ch - Featherlight Swiss VM</title> |  | ||||||
| 
 |  | ||||||
|     <!-- Bootstrap Core CSS --> |  | ||||||
|     <link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet"> |  | ||||||
| 
 |  | ||||||
| 
 |  | ||||||
|      |  | ||||||
| 
 |  | ||||||
|     <!-- Custom Fonts --> |  | ||||||
|     <!--Import Google Icon Font--> |  | ||||||
|      <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |  | ||||||
|     <link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css"> |  | ||||||
|     <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"> |  | ||||||
|     <link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon" /> |  | ||||||
|     <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css" rel="stylesheet"> |  | ||||||
| 
 |  | ||||||
|     <!-- Custom CSS --> |  | ||||||
|     <link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet"> |  | ||||||
| 
 |  | ||||||
|     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |  | ||||||
|     <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |  | ||||||
|     <!--[if lt IE 9]> |  | ||||||
|         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |  | ||||||
|         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |  | ||||||
|     <![endif]--> |  | ||||||
| 
 |  | ||||||
| </head> |  | ||||||
| 
 |  | ||||||
| <body> |  | ||||||
| 
 | 
 | ||||||
|     <!-- Navigation --> |     <!-- Navigation --> | ||||||
|     <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation"> |     <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation"> | ||||||
|  | @ -75,18 +36,18 @@ | ||||||
|                      </li> --> |                      </li> --> | ||||||
| 
 | 
 | ||||||
|                     <select class="selectpicker" data-width="fit" onchange="location = this.value;" style="margin-top:10px;"> |                     <select class="selectpicker" data-width="fit" onchange="location = this.value;" style="margin-top:10px;"> | ||||||
|                         {% if LANGUAGE_CODE == 'en-us'%}  |                         {% if LANGUAGE_CODE == 'en-us'%} | ||||||
|                             <option selected="selected" value="{{base_url}}/en-us/datacenterlight/order-success/">English</option> |                             <option selected="selected" value="{{base_url}}/en-us/datacenterlight/order-success/">English</option> | ||||||
|                         {% else %} |                         {% else %} | ||||||
|                             <option value="{{base_url}}/en-us/datacenterlight/order-success/">English</option> |                             <option value="{{base_url}}/en-us/datacenterlight/order-success/">English</option> | ||||||
|                         {% endif %} |                         {% endif %} | ||||||
|                         {% if LANGUAGE_CODE == 'de'%}  |                         {% if LANGUAGE_CODE == 'de'%} | ||||||
|                             <option selected="selected" value="{{base_url}}/de/datacenterlight/order-success/">Deutsch</option> |                             <option selected="selected" value="{{base_url}}/de/datacenterlight/order-success/">Deutsch</option> | ||||||
|                         {% else %} |                         {% else %} | ||||||
|                             <option value="{{base_url}}/de/datacenterlight/order-success/">Deutsch</option> |                             <option value="{{base_url}}/de/datacenterlight/order-success/">Deutsch</option> | ||||||
|                         {% endif %}          |                         {% endif %} | ||||||
|                          | 
 | ||||||
|                       </select>  |                       </select> | ||||||
|                 </ul> |                 </ul> | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | @ -99,11 +60,11 @@ | ||||||
| 
 | 
 | ||||||
| 		<div class="intro-message"> | 		<div class="intro-message"> | ||||||
| 			<h2 class="section-heading">{% trans "Thank you for order! Our team will contact you via email" %}</h2> | 			<h2 class="section-heading">{% trans "Thank you for order! Our team will contact you via email" %}</h2> | ||||||
| 			{% if LANGUAGE_CODE == 'en-us'%}  | 			{% if LANGUAGE_CODE == 'en-us'%} | ||||||
| 			<h2 class="section-heading">{% trans "as soon as possible!" %}</h2> | 			<h2 class="section-heading">{% trans "as soon as possible!" %}</h2> | ||||||
| 			{% endif %}  | 			{% endif %} | ||||||
| 		</div> | 		</div> | ||||||
| 		 | 
 | ||||||
| 	</div> | 	</div> | ||||||
|     <script src="{% static 'datacenterlight/js/jquery.js' %}"></script> |     <script src="{% static 'datacenterlight/js/jquery.js' %}"></script> | ||||||
| 
 | 
 | ||||||
|  | @ -129,6 +90,6 @@ | ||||||
|     <script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script> |     <script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script> | ||||||
|     <script src="{% static 'datacenterlight/js/main.js' %}"></script> |     <script src="{% static 'datacenterlight/js/main.js' %}"></script> | ||||||
| 
 | 
 | ||||||
| </body> |  | ||||||
| 
 | 
 | ||||||
|  | {% endblock %} | ||||||
| </html> | </html> | ||||||
|  |  | ||||||
|  | @ -4,6 +4,7 @@ from .forms import BetaAccessForm | ||||||
| from .models import BetaAccess, BetaAccessVMType, BetaAccessVM | from .models import BetaAccess, BetaAccessVMType, BetaAccessVM | ||||||
| from django.contrib import messages | from django.contrib import messages | ||||||
| from django.core.urlresolvers import reverse_lazy, reverse | from django.core.urlresolvers import reverse_lazy, reverse | ||||||
|  | from django.core.mail import EmailMessage | ||||||
| from utils.mailer import BaseEmail | from utils.mailer import BaseEmail | ||||||
| from django.shortcuts import render | from django.shortcuts import render | ||||||
| from django.shortcuts import redirect | from django.shortcuts import redirect | ||||||
|  | @ -59,7 +60,7 @@ class PricingView(TemplateView): | ||||||
|         if not request.user.is_authenticated(): |         if not request.user.is_authenticated(): | ||||||
|             request.session['next'] = reverse('hosting:payment') |             request.session['next'] = reverse('hosting:payment') | ||||||
| 
 | 
 | ||||||
|         request.session['specs'] = {  |         request.session['specs'] = { | ||||||
|             'cpu':cores, |             'cpu':cores, | ||||||
|             'memory': memory, |             'memory': memory, | ||||||
|             'disk_size': storage, |             'disk_size': storage, | ||||||
|  | @ -101,7 +102,7 @@ class OrderView(TemplateView): | ||||||
|         manager = OpenNebulaManager() |         manager = OpenNebulaManager() | ||||||
|         template = manager.get_template(template_id) |         template = manager.get_template(template_id) | ||||||
|         template_data = VirtualMachineTemplateSerializer(template).data |         template_data = VirtualMachineTemplateSerializer(template).data | ||||||
|          | 
 | ||||||
|         name = request.POST.get('name') |         name = request.POST.get('name') | ||||||
|         email = request.POST.get('email') |         email = request.POST.get('email') | ||||||
|         name_field = forms.CharField() |         name_field = forms.CharField() | ||||||
|  | @ -112,17 +113,13 @@ class OrderView(TemplateView): | ||||||
|             messages.add_message(self.request, messages.ERROR, '%(value) is not a proper name.'.format(name)) |             messages.add_message(self.request, messages.ERROR, '%(value) is not a proper name.'.format(name)) | ||||||
|             return HttpResponseRedirect(reverse('datacenterlight:order')) |             return HttpResponseRedirect(reverse('datacenterlight:order')) | ||||||
| 
 | 
 | ||||||
|         try:     |         try: | ||||||
|             email = email_field.clean(email) |             email = email_field.clean(email) | ||||||
|         except ValidationError as err: |         except ValidationError as err: | ||||||
|             messages.add_message(self.request, messages.ERROR, '%(value) is not a proper email.'.format(email)) |             messages.add_message(self.request, messages.ERROR, '%(value) is not a proper email.'.format(email)) | ||||||
|             return HttpResponseRedirect(reverse('datacenterlight:order')) |             return HttpResponseRedirect(reverse('datacenterlight:order')) | ||||||
|          | 
 | ||||||
|         # We have valid email and name of the customer, hence send an  |  | ||||||
|         # email to the admin |  | ||||||
|          |  | ||||||
|         context = { |         context = { | ||||||
|             'base_url': "{0}://{1}".format(self.request.scheme, self.request.get_host()), |  | ||||||
|             'name': name, |             'name': name, | ||||||
|             'email': email, |             'email': email, | ||||||
|             'cores': cores, |             'cores': cores, | ||||||
|  | @ -132,14 +129,14 @@ class OrderView(TemplateView): | ||||||
|             'template': template_data['name'], |             'template': template_data['name'], | ||||||
|         } |         } | ||||||
|         email_data = { |         email_data = { | ||||||
|             'subject': 'New Order Received', |             'subject': "Data Center Light Order from %s" % context['email'], | ||||||
|             'from_address': '(datacenterlight) datacenterlight Support <support@datacenterlight.ch>', |             'from_address': '(datacenterlight) datacenterlight Support <support@datacenterlight.ch>', | ||||||
|             'to': 'info@ungleich.ch', |             'to': 'info@ungleich.ch', | ||||||
|             'context': context, |             'context': context, | ||||||
|             'template_name': 'new_order_notification', |             'template_name': 'new_order_notification', | ||||||
|             'template_path': 'datacenterlight/emails/' |             'template_path': 'datacenterlight/emails/' | ||||||
|         } |         } | ||||||
|         email = BaseEmail(**email_data) |         email = EmailMessage(**email_data) | ||||||
|         email.send() |         email.send() | ||||||
| 
 | 
 | ||||||
|         return HttpResponseRedirect(reverse('datacenterlight:order_success')) |         return HttpResponseRedirect(reverse('datacenterlight:order_success')) | ||||||
|  | @ -243,6 +240,69 @@ class IndexView(CreateView): | ||||||
|     form_class = BetaAccessForm |     form_class = BetaAccessForm | ||||||
|     success_url = "/datacenterlight#requestform" |     success_url = "/datacenterlight#requestform" | ||||||
|     success_message = "Thank you, we will contact you as soon as possible" |     success_message = "Thank you, we will contact you as soon as possible" | ||||||
|  |      | ||||||
|  |     def get(self, request, *args, **kwargs): | ||||||
|  |         try: | ||||||
|  |             manager = OpenNebulaManager() | ||||||
|  |             templates = manager.get_templates() | ||||||
|  |             context = { | ||||||
|  |                 'templates': VirtualMachineTemplateSerializer(templates, many=True).data, | ||||||
|  |             } | ||||||
|  |         except: | ||||||
|  |             messages.error( request, | ||||||
|  |                 'We have a temporary problem to connect to our backend. \ | ||||||
|  |                 Please try again in a few minutes' | ||||||
|  |                 ) | ||||||
|  |             context = { | ||||||
|  |                 'error' : 'connection' | ||||||
|  |                     } | ||||||
|  |         return render(request, self.template_name, context) | ||||||
|  | 
 | ||||||
|  |     def post(self, request): | ||||||
|  |         cores = request.POST.get('cpu') | ||||||
|  |         memory = request.POST.get('ram') | ||||||
|  |         storage = request.POST.get('storage') | ||||||
|  |         price = request.POST.get('total') | ||||||
|  |         template_id = int(request.POST.get('config')) | ||||||
|  |         manager = OpenNebulaManager() | ||||||
|  |         template = manager.get_template(template_id) | ||||||
|  |         template_data = VirtualMachineTemplateSerializer(template).data | ||||||
|  |          | ||||||
|  |         name = request.POST.get('name') | ||||||
|  |         email = request.POST.get('email') | ||||||
|  |         name_field = forms.CharField() | ||||||
|  |         email_field = forms.EmailField() | ||||||
|  |         try: | ||||||
|  |             name = name_field.clean(name) | ||||||
|  |         except ValidationError as err: | ||||||
|  |             messages.add_message(self.request, messages.ERROR, '%(value) is not a proper name.'.format(name)) | ||||||
|  |             return HttpResponseRedirect(reverse('datacenterlight:order')) | ||||||
|  | 
 | ||||||
|  |         try:     | ||||||
|  |             email = email_field.clean(email) | ||||||
|  |         except ValidationError as err: | ||||||
|  |             messages.add_message(self.request, messages.ERROR, '%(value) is not a proper email.'.format(email)) | ||||||
|  |             return HttpResponseRedirect(reverse('datacenterlight:order')) | ||||||
|  | 
 | ||||||
|  |         context = { | ||||||
|  |             'name': name, | ||||||
|  |             'email': email, | ||||||
|  |             'cores': cores, | ||||||
|  |             'memory': memory, | ||||||
|  |             'storage': storage, | ||||||
|  |             'price': price, | ||||||
|  |             'template': template_data['name'], | ||||||
|  |         } | ||||||
|  |         email_data = { | ||||||
|  |             'subject': "Data Center Light Order from %s" % context['email'], | ||||||
|  |             'to': ['info@ungleich.ch'], | ||||||
|  |             'body': "\n".join(["%s=%s" % (k, v) for (k, v) in context.items()]), | ||||||
|  |             'reply_to': [context['email']], | ||||||
|  |         } | ||||||
|  |         email = EmailMessage(**email_data) | ||||||
|  |         email.send()         | ||||||
|  | 
 | ||||||
|  |         return HttpResponseRedirect(reverse('datacenterlight:order_success')) | ||||||
| 
 | 
 | ||||||
|     def get_success_url(self): |     def get_success_url(self): | ||||||
|         success_url = reverse('datacenterlight:index') |         success_url = reverse('datacenterlight:index') | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue