From d792c22e4e3ced3c3b5980c008c5c1ad5c3590da Mon Sep 17 00:00:00 2001 From: "M.Ravi" Date: Sun, 11 Jun 2017 16:28:11 +0530 Subject: [PATCH 1/6] Created landing page style price-calc-section-landing which is same as price-calc-section except for padding (we don't need it in the landing page) --- .../datacenterlight/css/landing-page.css | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css index cff8063a..e7bac28f 100755 --- a/datacenterlight/static/datacenterlight/css/landing-page.css +++ b/datacenterlight/static/datacenterlight/css/landing-page.css @@ -577,6 +577,12 @@ h6 { background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat; display: flex; } +.price-calc-section-landing{ + /*padding: 80px 40px !important;*/ + background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat; + background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat; + display: flex; +} .price-calc-section .text{ width: 50%; } @@ -616,6 +622,18 @@ h6 { max-width: 400px; position: relative; } +.price-calc-section-landing .card{ + /*width: 50%;*/ + margin: 0 auto; + background: #fff; + box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); + padding-bottom: 40px; + border-radius: 7px; + text-align: center; + /* margin-right: auto; */ + max-width: 400px; + position: relative; +} .price-calc-section .card .img-beta{ position: absolute; top: 5px; @@ -844,6 +862,10 @@ h6 { flex-direction: column; padding: 60px 10px !important; } + .price-calc-section-landing{ + flex-direction: column; + /*padding: 60px 10px !important;*/ + } .price-calc-section .card { width: 90%; } From 47d882d1fc70395f8e8148a4a972c4e8ae9089ac Mon Sep 17 00:00:00 2001 From: "M.Ravi" Date: Sun, 11 Jun 2017 16:29:24 +0530 Subject: [PATCH 2/6] Moved the calculator to the index.html template --- .../templates/datacenterlight/index.html | 140 +++++++++++++----- 1 file changed, 102 insertions(+), 38 deletions(-) diff --git a/datacenterlight/templates/datacenterlight/index.html b/datacenterlight/templates/datacenterlight/index.html index ee2a6ac8..073ab81d 100755 --- a/datacenterlight/templates/datacenterlight/index.html +++ b/datacenterlight/templates/datacenterlight/index.html @@ -238,31 +238,69 @@
-
-
-
-

{% trans "VM hosting" %}

+
+
+ +
+
+ {% csrf_token %} +
+

{% trans "VM hosting" %}

+
+
+ 15 + CHF +
+
+
+

{% trans "Hosted in Switzerland" %}

+
+
+ + + Core + +
+
+ + + GB RAM + +
+
+ + + {% trans "GB Storage (SSD)" %} + +
+
+ + +
+ + +
+ + +
+
+ + +
+
+ +
-
- 15 CHF/month -
-
-
-

{% trans "Based in Switzerland" %}

-
-
-

1 Core,

-
-
-

2 GB RAM,

-
-
-

{% trans "10 GB Storage (SSD)" %}

-
-
- {% trans "Order Now!" %} -
- +
+
+
+
@@ -366,22 +404,48 @@ - - + + window.onload=function(){ + $('.selectpicker').selectpicker({ + style: 'btn-link', + windowPadding: 10, + }); + $.ajax({ + url: "{% url 'datacenterlight:beta_access' %}", + context: document.body + }).done(function(response) { + $('#beta_access_form').html(response); + }); + }; + From 880e0f0dde5a742c0852e107bfaac122ca690307 Mon Sep 17 00:00:00 2001 From: "M.Ravi" Date: Sun, 11 Jun 2017 16:32:38 +0530 Subject: [PATCH 3/6] Added functions to handle get and post requests. On get, we need to create a opennebula connection to fetch the templates. On successful post of the form, we need to send email and redirect user to order-success --- datacenterlight/views.py | 65 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) diff --git a/datacenterlight/views.py b/datacenterlight/views.py index d7b6a3e5..80b608a4 100644 --- a/datacenterlight/views.py +++ b/datacenterlight/views.py @@ -239,6 +239,71 @@ class IndexView(CreateView): form_class = BetaAccessForm success_url = "/datacenterlight#requestform" 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 = { + 'base_url': "{0}://{1}".format(self.request.scheme, self.request.get_host()), + 'name': name, + 'email': email, + 'cores': cores, + 'memory': memory, + 'storage': storage, + 'price': price, + 'template': template_data['name'], + } + email_data = { + 'subject': 'New Order Received', + 'to': 'info@ungleich.ch', + 'context': context, + 'template_name': 'new_order_notification', + 'template_path': 'datacenterlight/emails/' + } + email = BaseEmail(**email_data) + email.send() + + return HttpResponseRedirect(reverse('datacenterlight:order_success')) def get_success_url(self): success_url = reverse('datacenterlight:index') From 24402a2ec884f9f50f56163323037c574f3b159a Mon Sep 17 00:00:00 2001 From: "M.Ravi" Date: Sun, 11 Jun 2017 16:53:57 +0530 Subject: [PATCH 4/6] Refactored the styles --- .../datacenterlight/css/landing-page.css | 26 ++++--------------- .../templates/datacenterlight/index.html | 4 +-- 2 files changed, 7 insertions(+), 23 deletions(-) diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css index e7bac28f..ab601052 100755 --- a/datacenterlight/static/datacenterlight/css/landing-page.css +++ b/datacenterlight/static/datacenterlight/css/landing-page.css @@ -577,12 +577,6 @@ h6 { background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat; display: flex; } -.price-calc-section-landing{ - /*padding: 80px 40px !important;*/ - background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat; - background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat; - display: flex; -} .price-calc-section .text{ width: 50%; } @@ -622,17 +616,11 @@ h6 { max-width: 400px; position: relative; } -.price-calc-section-landing .card{ - /*width: 50%;*/ - margin: 0 auto; - background: #fff; - box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - padding-bottom: 40px; - border-radius: 7px; - text-align: center; - /* margin-right: auto; */ - max-width: 400px; - position: relative; +.price-calc-section .landing { + width: 100% !important; +} +.no-padding{ + padding:0 !important; } .price-calc-section .card .img-beta{ position: absolute; @@ -862,10 +850,6 @@ h6 { flex-direction: column; padding: 60px 10px !important; } - .price-calc-section-landing{ - flex-direction: column; - /*padding: 60px 10px !important;*/ - } .price-calc-section .card { width: 90%; } diff --git a/datacenterlight/templates/datacenterlight/index.html b/datacenterlight/templates/datacenterlight/index.html index 073ab81d..80071fac 100755 --- a/datacenterlight/templates/datacenterlight/index.html +++ b/datacenterlight/templates/datacenterlight/index.html @@ -238,8 +238,8 @@
-
-
+
+
From 8e95ed304b68d5df452e24e305086a244a405d11 Mon Sep 17 00:00:00 2001 From: "M.Ravi" Date: Sun, 11 Jun 2017 16:57:20 +0530 Subject: [PATCH 5/6] Updated the text in dcl index.html template --- datacenterlight/templates/datacenterlight/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/datacenterlight/templates/datacenterlight/index.html b/datacenterlight/templates/datacenterlight/index.html index 80071fac..4c47fd8f 100755 --- a/datacenterlight/templates/datacenterlight/index.html +++ b/datacenterlight/templates/datacenterlight/index.html @@ -233,7 +233,7 @@
-

{% trans "We are cutting down the costs significantly!" %}

+

{% trans "Simple and affordable: Try our virtual machine with featherlight price." %}

{% trans "Affordable VM hosting based in Switzerland" %}

From a29ceb765f774ca3c49d26205b0486d4b77cc65e Mon Sep 17 00:00:00 2001 From: "M.Ravi" Date: Sun, 11 Jun 2017 17:46:42 +0530 Subject: [PATCH 6/6] Updated the translation for the modified text --- .../locale/de/LC_MESSAGES/django.mo | Bin 5456 -> 5294 bytes .../locale/de/LC_MESSAGES/django.po | 180 ++++++++---------- 2 files changed, 80 insertions(+), 100 deletions(-) diff --git a/datacenterlight/locale/de/LC_MESSAGES/django.mo b/datacenterlight/locale/de/LC_MESSAGES/django.mo index 8f00cac9740b7a5c942863c4459d14efa085cf3f..0e1ee99d9c5623899fd6c0667dc4338f570f6765 100644 GIT binary patch delta 956 zcmYk*%WD%+6vy$CCTUuergi#CYiv>b-7rGK%6bf3p5Q=o+M*jx!`@5Zmm)!Zxy_uPN&bc$oLvIJGYhL83 z(FW*g`lXQBD9$!;pxq3c4dE?3iL-bd*Rc_E5wjTX!8nfM85|GBk8u;@=UBj3*oG^} zuWG+Ib~5oBbzvxK=3xRWm_f}y!6vNX1VO&U8sk4ip#UCoaMz*kuVFhbVgf(mDO|#4 z?BHRiS>O6N(FJ83!#lVI7x6rPK|MIlT{4fmaRe8z7|cicQx#}KWtzt81UiX38NcVx zi}({S;~0xJv%Wp!grMvNsx+_h9KORO##>yetQUtFXHeHo2J=PS#dsQ(@eFq1JU+q? z*or537>~3IxJqCptgbO}h^J{UQ=2ye$zV6*JZfu>qDnf2SMeH>lr5t&`hiMd9~V{d z2=?I{EaF$x!h=Mo`wrkS9B-%opE-HJgi1HjvEdY+Wn4l6bvN^RxU9hXb)e}T-R{oJ zvdB8F6HSWkZmM+n+t_gnN2vbzTGiHEMQpsrs+ zJxGK_O&G`h>@R&Z8W^~YY0R4mPjNf_m)MRGCOMcueetZZfW7pKcn8a7e2ht&fhpvq zGK&)g`T#YMcB1HFf7wc7GakXCcok3LTjX6b7^$9U4{D}H@Gu_7W}HLK+(YccGU~jF z8P`er{t)WM{n(1bm@m*cL1P(yMD~<#_?k!q3@*@r$J_L7=Ub|Ql(CKeGt{eEL{0H` z9LEMa98#w67|tNsmsjZFdt8T^82LX%V}h`BlOT4NTOdh@U*FVl?kdA&8C*P{yKcX{;#(dyQ!O~WXQiO5c4Mr+2!(5c6zVv zOkc>I9(U~?$Jv)CUbME93RXv5eQMB74eU(qD9trC*Tnuebw1o(9F6pr7Q=0|A~AO+V$*1IX8RB^-2TLnZO@?4s9|3 diff --git a/datacenterlight/locale/de/LC_MESSAGES/django.po b/datacenterlight/locale/de/LC_MESSAGES/django.po index ca4f8e6c..28006abf 100644 --- a/datacenterlight/locale/de/LC_MESSAGES/django.po +++ b/datacenterlight/locale/de/LC_MESSAGES/django.po @@ -8,7 +8,7 @@ msgid "" msgstr "" "Project-Id-Version: PACKAGE VERSION\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" "Last-Translator: FULL NAME \n" "Language-Team: LANGUAGE \n" @@ -77,40 +77,34 @@ msgstr "Vielen Dank!" #: templates/datacenterlight/index.html:62 #: templates/datacenterlight/index.html:160 -#: templates/datacenterlight/index.html:345 -#: templates/datacenterlight/new-order.html:62 -#: templates/datacenterlight/new-order.html:203 -#: templates/datacenterlight/order.html:62 -#: templates/datacenterlight/order.html:203 +#: templates/datacenterlight/index.html:383 +#: templates/datacenterlight/order.html:24 +#: templates/datacenterlight/order.html:165 #: templates/datacenterlight/pricing.html:62 #: templates/datacenterlight/pricing.html:190 -#: templates/datacenterlight/success.html:62 +#: templates/datacenterlight/success.html:23 msgid "What is it" msgstr "Was ist es?" #: templates/datacenterlight/index.html:65 #: templates/datacenterlight/index.html:189 -#: templates/datacenterlight/index.html:348 -#: templates/datacenterlight/new-order.html:65 -#: templates/datacenterlight/new-order.html:206 -#: templates/datacenterlight/order.html:65 -#: templates/datacenterlight/order.html:206 +#: templates/datacenterlight/index.html:386 +#: templates/datacenterlight/order.html:27 +#: templates/datacenterlight/order.html:168 #: templates/datacenterlight/pricing.html:65 #: templates/datacenterlight/pricing.html:193 -#: templates/datacenterlight/success.html:65 +#: templates/datacenterlight/success.html:26 msgid "Scale out" msgstr "Skalierung" #: templates/datacenterlight/index.html:68 #: templates/datacenterlight/index.html:215 -#: templates/datacenterlight/index.html:351 -#: templates/datacenterlight/new-order.html:68 -#: templates/datacenterlight/new-order.html:209 -#: templates/datacenterlight/order.html:68 -#: templates/datacenterlight/order.html:209 +#: templates/datacenterlight/index.html:389 +#: templates/datacenterlight/order.html:30 +#: templates/datacenterlight/order.html:171 #: templates/datacenterlight/pricing.html:68 #: templates/datacenterlight/pricing.html:196 -#: templates/datacenterlight/success.html:68 +#: templates/datacenterlight/success.html:29 msgid "Reliable and light" msgstr "Zuverlässig und leicht" @@ -119,14 +113,12 @@ msgid "Order VM" msgstr "VM bestellen" #: templates/datacenterlight/index.html:74 -#: templates/datacenterlight/index.html:358 -#: templates/datacenterlight/new-order.html:74 -#: templates/datacenterlight/new-order.html:216 -#: templates/datacenterlight/order.html:74 -#: templates/datacenterlight/order.html:216 +#: templates/datacenterlight/index.html:396 +#: templates/datacenterlight/order.html:36 +#: templates/datacenterlight/order.html:178 #: templates/datacenterlight/pricing.html:74 #: templates/datacenterlight/pricing.html:203 -#: templates/datacenterlight/success.html:74 +#: templates/datacenterlight/success.html:35 msgid "Contact" msgstr "Kontakt" @@ -181,97 +173,79 @@ msgstr "" "Angebot ist aufgrund unserer leichten Infrastruktur überaus kostengünstig." #: templates/datacenterlight/index.html:236 -#: templates/datacenterlight/new-order.html:106 -#: templates/datacenterlight/order.html:106 -#: 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:143 +#: templates/datacenterlight/pricing.html:168 +msgid "Simple and affordable: Try our virtual machine with featherlight price." +msgstr "Einfach und bezahlbar: Teste nun unsere virtuellen Maschinen mit federleichten Preisen." #: templates/datacenterlight/index.html:237 msgid "Affordable VM hosting based in Switzerland" msgstr "Bezahlbares VM Hosting in der Schweiz" -#: templates/datacenterlight/index.html:244 -#: templates/datacenterlight/new-order.html:119 -#: templates/datacenterlight/order.html:119 +#: templates/datacenterlight/index.html:248 +#: templates/datacenterlight/order.html:81 #: templates/datacenterlight/pricing.html:119 msgid "VM hosting" msgstr "VM Hosting" -#: templates/datacenterlight/index.html:251 -msgid "Based in Switzerland" -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/index.html:256 +#: templates/datacenterlight/order.html:89 #: templates/datacenterlight/pricing.html:127 msgid "Hosted in Switzerland" msgstr "Standort des Datacenters ist in der Schweiz" -#: templates/datacenterlight/new-order.html:144 -#: templates/datacenterlight/order.html:144 +#: templates/datacenterlight/index.html:273 +#: templates/datacenterlight/order.html:106 #: templates/datacenterlight/pricing.html:144 msgid "GB Storage (SSD)" msgstr "GB Storage (SSD)" -#: templates/datacenterlight/new-order.html:181 -#: templates/datacenterlight/order.html:181 -#: templates/datacenterlight/pricing.html:168 -msgid "Simple and affordable: Try our virtual machine with featherlight price." -msgstr "" -"Einfach und bezahlbar: Testen Sie unsere virtuellen Maschinen mit " -"federleichten Preisen" +#: templates/datacenterlight/index.html:297 +#: templates/datacenterlight/order.html:133 +#: templates/datacenterlight/pricing.html:161 +msgid "Order Now!" +msgstr "Bestelle jetzt!" -#: templates/datacenterlight/new-order.html:184 -#: templates/datacenterlight/order.html:184 +#: templates/datacenterlight/index.html:317 +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 msgid "" "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 " "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" msgstr "" "Vielen Dank für die Bestellung. Unser Team setzt sich sobald wie möglich mit " "Ihnen via E-Mail in Verbindung." -#: templates/datacenterlight/success.html:103 +#: templates/datacenterlight/success.html:64 msgid "as soon as possible!" 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" #~ msgstr "Newsletter abonnieren"