- Added PricingPlan Model

- Implement a complete cycle for buying a Matrix Chat Host
- Refactor the Payement cycle and stripe related methods

matrixhosting/admin.py

@@ -0,0 +1,4 @@
+from django.contrib import admin
+from .models import VMInstance
+
+admin.site.register(VMInstance)

matrixhosting/apps.py

@@ -0,0 +1,9 @@
+from django.apps import AppConfig
+
+
+class MatrixhostingConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'matrixhosting'
+
+    def ready(self):
+        from . import signals

matrixhosting/forms.py

@@ -0,0 +1,48 @@
+import tldextract
+
+from django import forms
+from django.forms import ModelForm
+from django.utils.translation import get_language, ugettext_lazy as _
+from django.core.exceptions import ValidationError
+from .validators import domain_name_validator
+from uncloud_pay.models import BillingAddress
+
+
+class DomainNameField(forms.CharField):
+    description = 'Domain name form field'
+    default_validators = [domain_name_validator, ]
+
+    def __init__(self,  *args, **kwargs):
+        super(DomainNameField, self).__init__(*args, **kwargs)
+
+class RequestHostedVMForm(forms.Form):
+    cores = forms.IntegerField(label='CPU', min_value=1, max_value=48, initial=1)
+    memory = forms.IntegerField(label='RAM', min_value=2, max_value=200, initial=2)
+    storage = forms.IntegerField(label='Storage', min_value=100, max_value=10000, initial=100)
+    matrix_domain = DomainNameField(required=True)
+    homeserver_domain = DomainNameField(required=True)
+    webclient_domain = DomainNameField(required=True)
+    is_open_registration = forms.BooleanField(required=False, initial=False)
+    pricing_name = forms.CharField(required=True)
+
+    def clean(self):
+        homeserver_domain = self.cleaned_data.get('homeserver_domain', False)
+        webclient_domain = self.cleaned_data.get('webclient_domain', False)
+        if homeserver_domain and webclient_domain:
+            # Homserver-Domain and Webclient-Domain cannot be below the same second level domain (i.e. homeserver.abc.ch and webclient.def.cloud are ok, 
+            # homeserver.abc.ch and webclient.abc.ch are not ok
+            homeserver_base = tldextract.extract(homeserver_domain).domain
+            webclient_base = tldextract.extract(webclient_domain).domain
+            if homeserver_base == webclient_base:
+                self._errors['webclient_domain'] = self.error_class([
+                    'Homserver-Domain and Webclient-Domain cannot be below the same second level domain'])
+        return self.cleaned_data
+
+
+class BillingAddressForm(ModelForm):
+    class Meta:
+        model = BillingAddress
+        fields = ['full_name', 'street',
+                  'city', 'postal_code', 'country', 'vat_number', 'active', 'owner']
+
+

matrixhosting/migrations/0001_initial.py

@@ -0,0 +1,30 @@
+# Generated by Django 3.2.4 on 2021-06-30 07:42
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='VMPricing',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=255, unique=True)),
+                ('vat_inclusive', models.BooleanField(default=True)),
+                ('vat_percentage', models.DecimalField(blank=True, decimal_places=5, default=0, max_digits=7)),
+                ('set_up_fees', models.DecimalField(decimal_places=5, default=0, max_digits=7)),
+                ('cores_unit_price', models.DecimalField(decimal_places=5, default=0, max_digits=7)),
+                ('ram_unit_price', models.DecimalField(decimal_places=5, default=0, max_digits=7)),
+                ('storage_unit_price', models.DecimalField(decimal_places=5, default=0, max_digits=7)),
+                ('discount_name', models.CharField(blank=True, max_length=255, null=True)),
+                ('discount_amount', models.DecimalField(decimal_places=2, default=0, max_digits=6)),
+                ('stripe_coupon_id', models.CharField(blank=True, max_length=255, null=True)),
+            ],
+        ),
+    ]

matrixhosting/migrations/0002_rename_vmpricing_matrixvmpricing.py

@@ -0,0 +1,17 @@
+# Generated by Django 3.2.4 on 2021-07-01 08:48
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('matrixhosting', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.RenameModel(
+            old_name='VMPricing',
+            new_name='MatrixVMPricing',
+        ),
+    ]

matrixhosting/migrations/0003_auto_20210703_1523.py

@@ -0,0 +1,33 @@
+# Generated by Django 3.2.4 on 2021-07-03 15:23
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('matrixhosting', '0002_rename_vmpricing_matrixvmpricing'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='matrixvmpricing',
+            name='cores_unit_price',
+            field=models.DecimalField(decimal_places=2, default=0, max_digits=7),
+        ),
+        migrations.AlterField(
+            model_name='matrixvmpricing',
+            name='ram_unit_price',
+            field=models.DecimalField(decimal_places=2, default=0, max_digits=7),
+        ),
+        migrations.AlterField(
+            model_name='matrixvmpricing',
+            name='set_up_fees',
+            field=models.DecimalField(decimal_places=2, default=0, max_digits=7),
+        ),
+        migrations.AlterField(
+            model_name='matrixvmpricing',
+            name='storage_unit_price',
+            field=models.DecimalField(decimal_places=2, default=0, max_digits=7),
+        ),
+    ]

matrixhosting/migrations/0004_matrixhostingorder_vmspecs.py

@@ -0,0 +1,43 @@
+# Generated by Django 3.2.4 on 2021-07-05 06:52
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('uncloud_pay', '0014_auto_20210703_1747'),
+        ('matrixhosting', '0003_auto_20210703_1523'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='VMSpecs',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('cores', models.IntegerField(default=1)),
+                ('memory', models.IntegerField(default=2)),
+                ('storage', models.IntegerField(default=100)),
+                ('matrix_domain', models.CharField(max_length=255)),
+                ('homeserver_domain', models.CharField(max_length=255)),
+                ('webclient_domain', models.CharField(max_length=255)),
+                ('is_open_registration', models.BooleanField(default=False, null=True)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='MatrixHostingOrder',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('vm_id', models.IntegerField(default=0)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('status', models.CharField(choices=[('draft', 'Draft'), ('declined', 'Declined'), ('approved', 'Approved')], default='draft', max_length=100)),
+                ('stripe_charge_id', models.CharField(max_length=100, null=True)),
+                ('price', models.FloatField()),
+                ('billing_address', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, to='uncloud_pay.billingaddress')),
+                ('customer', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='uncloud_pay.stripecustomer')),
+                ('specs', models.ForeignKey(blank=True, default=None, null=True, on_delete=django.db.models.deletion.SET_NULL, to='matrixhosting.vmspecs')),
+                ('vm_pricing', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, to='matrixhosting.matrixvmpricing')),
+            ],
+        ),
+    ]

matrixhosting/migrations/0005_auto_20210705_0849.py

@@ -0,0 +1,19 @@
+# Generated by Django 3.2.4 on 2021-07-05 08:49
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('matrixhosting', '0004_matrixhostingorder_vmspecs'),
+    ]
+
+    operations = [
+        migrations.DeleteModel(
+            name='MatrixHostingOrder',
+        ),
+        migrations.DeleteModel(
+            name='VMSpecs',
+        ),
+    ]

matrixhosting/migrations/0006_delete_matrixvmpricing.py

@@ -0,0 +1,16 @@
+# Generated by Django 3.2.4 on 2021-07-06 13:21
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('matrixhosting', '0005_auto_20210705_0849'),
+    ]
+
+    operations = [
+        migrations.DeleteModel(
+            name='MatrixVMPricing',
+        ),
+    ]

matrixhosting/migrations/0007_vminstance.py

@@ -0,0 +1,31 @@
+# Generated by Django 3.2.4 on 2021-07-09 09:14
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('uncloud_pay', '0021_auto_20210709_0914'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+        ('matrixhosting', '0006_delete_matrixvmpricing'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='VMInstance',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('ip', models.TextField(default='')),
+                ('config', models.JSONField()),
+                ('creation_date', models.DateTimeField(auto_now_add=True)),
+                ('termination_date', models.DateTimeField(blank=True, null=True)),
+                ('order', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, related_name='instance_id', to='uncloud_pay.order')),
+                ('owner', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+    ]

matrixhosting/migrations/0008_remove_vminstance_ip.py

@@ -0,0 +1,17 @@
+# Generated by Django 3.2.4 on 2021-07-10 14:29
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('matrixhosting', '0007_vminstance'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='vminstance',
+            name='ip',
+        ),
+    ]

matrixhosting/migrations/0009_vminstance_vm_id.py

@@ -0,0 +1,19 @@
+# Generated by Django 3.2.4 on 2021-07-13 10:20
+
+from django.db import migrations, models
+import uuid
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('matrixhosting', '0008_remove_vminstance_ip'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='vminstance',
+            name='vm_id',
+            field=models.UUIDField(default=uuid.uuid4, editable=False, unique=True),
+        ),
+    ]

matrixhosting/models.py

@@ -0,0 +1,77 @@
+import logging
+import uuid
+import os
+import sys
+import gitlab
+from jinja2 import Environment, FileSystemLoader
+
+from django.db import models
+from django.conf import settings
+from django.contrib.auth import get_user_model
+from django.template.loader import render_to_string
+
+from uncloud_pay.models import Order
+
+
+# Initialize logger.
+logger = logging.getLogger(__name__)
+
+class VMInstance(models.Model):
+    owner = models.ForeignKey(get_user_model(),
+                              on_delete=models.CASCADE,
+                              editable=True)
+                              
+    vm_id = models.UUIDField(default=uuid.uuid4, editable=False, unique=True)
+
+    config = models.JSONField(null=False, blank=False)
+
+    order = models.OneToOneField(Order, on_delete=models.CASCADE, related_name='instance_id')
+
+    creation_date = models.DateTimeField(auto_now_add=True)
+
+    termination_date = models.DateTimeField(blank=True, null=True)
+
+    def save(self, *args, **kwargs):
+        # Read the deployment yaml file and render the template
+        # Then save it as new yaml file and push it to github repo
+        if 'test' in sys.argv:
+            return super().save(*args, **kwargs)
+        template_dir = os.path.join(os.path.dirname(__file__), 'yaml')
+        env = Environment(loader = FileSystemLoader(template_dir),autoescape = True)
+        tmpl = env.get_template('deployment.yaml.tmpl')
+        result = tmpl.render(
+            name=self.vm_id
+        )
+        gl = gitlab.Gitlab(settings.GITLAB_SERVER, oauth_token=settings.GITLAB_OAUTH_TOKEN)
+        project = gl.projects.get(settings.GITLAB_PROJECT_ID)
+        project.files.create({'file_path': settings.GITLAB_YAML_DIR + f'{self.vm_id}.yaml',
+                              'branch': 'master',
+                              'content': result,
+                              'author_email': settings.GITLAB_AUTHOR_EMAIL,
+                              'author_name': settings.GITLAB_AUTHOR_NAME,
+                              'commit_message': f'Add New Deployment for {self.vm_id}'})
+        super().save(*args, **kwargs)
+    
+    def delete(self, *args, **kwargs):
+        # Delete the deployment yaml file first then
+        # Then delete it
+        if 'test' in sys.argv:
+            return super().delete(*args, **kwargs)
+        gl = gitlab.Gitlab(settings.GITLAB_SERVER, oauth_token=settings.GITLAB_OAUTH_TOKEN)
+        project = gl.projects.get(settings.GITLAB_PROJECT_ID)
+        f_path = settings.GITLAB_YAML_DIR + f'{self.vm_id}.yaml'
+        file = project.files.get(file_path=f_path, ref='master')
+        if file:
+            project.files.delete(file_path=f_path, 
+                                commit_message=f'Delete {self.vm_id}', branch='master', 
+                                author_email=settings.GITLAB_AUTHOR_EMAIL,
+                                author_name=settings.GITLAB_AUTHOR_NAME)
+
+        super().delete(*args, **kwargs)
+
+    def __str__(self):
+        return f"{self.id}-{self.order}"
+
+    def delete_for_bill(self, bill):
+        #TODO delete related instances
+        return True

matrixhosting/serializers.py

@@ -0,0 +1,8 @@
+from rest_framework import serializers
+
+from .models import *
+
+class VMInstanceSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = VMInstance
+        fields = '__all__'

matrixhosting/signals.py

@@ -0,0 +1,10 @@
+from matrixhosting.models import VMInstance
+from uncloud_pay.models import Order
+from django.db.models.signals import post_save
+from django.dispatch import receiver
+
+@receiver(post_save, sender=Order)
+def create_instance(sender, instance, created, **kwargs):
+    machine = VMInstance.objects.filter(order=instance).first()
+    if not machine:
+        VMInstance.objects.create(owner=instance.owner, order=instance, config=instance.config)

matrixhosting/static/matrixhosting/css/hosting.css

@@ -0,0 +1,618 @@
+.navbar-transparent #logoWhite {
+    display: none;
+  }
+  
+  .navbar-transparent #logoBlack {
+    display: block;
+    width: 220px;
+  }
+  
+  .topnav .navbar-fixed-top .navbar-collapse {
+    max-height: 740px;
+  }
+  
+  .navbar-default .navbar-header {
+    position: relative;
+    z-index: 1;
+  }
+  
+  .navbar-right .highlights-dropdown .dropdown-menu {
+    left: 0 !important;
+    min-width: 155px;
+    margin-left: 15px;
+    padding: 0 5px 8px !important;
+  }
+  
+  @media(min-width: 768px) {
+    .navbar-default .navbar-nav>li a,
+    .navbar-right .highlights-dropdown .dropdown-menu>li a {
+      font-weight: 300;
+    }
+    .navbar-right .highlights-dropdown .dropdown-menu {
+      border-width: 0 0 1px 0;
+      border-color: #e7e7e7;
+      box-shadow: -8px 14px 20px -5px rgba(77, 77, 77, 0.5);
+    }
+  }
+  
+  .navbar-right .highlights-dropdown .dropdown-menu>li a {
+    font-size: 13px;
+    font-family: 'Lato', sans-serif;
+    padding: 1px 10px 1px 18px !important;
+    background: transparent;
+    color: #333;
+  }
+  
+  .navbar-right .highlights-dropdown .dropdown-menu>li a:hover,
+  .navbar-right .highlights-dropdown .dropdown-menu>li a:focus,
+  .navbar-right .highlights-dropdown .dropdown-menu>li a:active {
+    background: transparent;
+    text-decoration: underline !important;
+  }
+  
+  .un-icon {
+    width: 15px;
+    height: 15px;
+    opacity: 0.5;
+    margin-top: -1px;
+  }
+  
+  
+  /***** DCL payment page **********/
+  
+  .dcl-order-container {
+    font-weight: 300;
+  }
+  
+  .dcl-place-order-text {
+    color: #808080;
+  }
+  
+  .card-warning-content {
+    font-weight: 300;
+    border: 1px solid #a1a1a1;
+    border-radius: 3px;
+    padding: 5px;
+    margin-bottom: 15px;
+  }
+  
+  .card-warning-error {
+    border: 1px solid #EB4D5C;
+    color: #EB4D5C;
+  }
+  
+  .card-warning-addtional-margin {
+    margin-top: 15px;
+  }
+  
+  .card-cvc-element label {
+    padding-left: 10px;
+  }
+  
+  .card-element {
+    margin-bottom: 10px;
+  }
+  
+  .card-element label {
+    width: 100%;
+    margin-bottom: 0px;
+  }
+  
+  .my-input {
+    border-bottom: 1px solid #ccc;
+  }
+  
+  .card-cvc-element .my-input {
+    padding-left: 10px;
+  }
+  
+  #card-errors {
+    clear: both;
+    padding: 0 0 10px;
+    color: #eb4d5c;
+  }
+  
+  .credit-card-goup {
+    padding: 0;
+  }
+  
+  @media (max-width: 767px) {
+    .card-expiry-element {
+      padding-right: 10px;
+    }
+  
+    .card-cvc-element {
+      padding-left: 10px;
+    }
+  
+    #billing-form .form-control {
+      box-shadow: none !important;
+      font-weight: 400;
+    }
+  }
+  
+  @media (min-width: 1200px) {
+    .dcl-order-container {
+      width: 990px;
+      padding: 0 15px;
+      margin: 0 auto;
+    }
+  }
+  
+  .footer-vm p.copyright {
+    margin-top: 4px;
+  }
+  
+  .navbar-default .navbar-nav>.open>a,
+  .navbar-default .navbar-nav>.open>a:focus,
+  .navbar-default .navbar-nav>.open>a:hover,
+  .navbar-default .navbar-nav>.active>a,
+  .navbar-default .navbar-nav>.active>a:focus,
+  .navbar-default .navbar-nav>.active>a:hover {
+    background-color: transparent;
+  }
+  
+  @media (max-width: 767px) {
+    .navbar-default .navbar-nav .open .dropdown-menu>.active a,
+    .navbar-default .navbar-nav .open .dropdown-menu>.active a:focus,
+    .navbar-default .navbar-nav .open .dropdown-menu>.active a:hover {
+      background-color: transparent;
+    }
+  }
+  
+  
+  
+  /* bootstrap input box-shadow disable */
+  
+  .has-error .form-control:focus,
+  .has-error .form-control:active,
+  .has-success .form-control:focus,
+  .has-success .form-control:active {
+    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
+  }
+  
+  .content-dashboard {
+    min-height: calc(100vh - 96px);
+    width: 100%;
+    margin: 0 auto;
+    max-width: 1120px;
+  }
+  
+  @media (max-width: 767px) {
+    .content-dashboard {
+      padding: 0 15px;
+    }
+  }
+  
+  @media (max-width: 575px) {
+    select {
+      width: 280px;
+    }
+  }
+  
+  .btn:focus,
+  .btn:active:focus {
+    outline: 0;
+  }
+  
+  
+  
+  
+  /***********Styles for Model********************/
+  
+  .modal-content {
+    border-radius: 0px;
+    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    width: 100%;
+    float: left;
+    border-radius: 0;
+    font-weight: 300;
+  }
+  
+  .modal-header {
+    min-height: 30px;
+    border-bottom: 0px solid #e5e5e5;
+    padding: 0px 15px;
+    width: 100%;
+  }
+  
+  .modal-header .close {
+    font-size: 75px;
+    font-weight: 300;
+    margin-top: 0;
+    position: absolute;
+    top: 0;
+    right: 11px;
+    z-index: 10;
+    line-height: 60px;
+  }
+  
+  .modal-header .close span {
+    display: block;
+  }
+  
+  .modal-header .close:focus {
+    outline: 0;
+  }
+  
+  .modal-body {
+    text-align: center;
+    width: 100%;
+    float: left;
+    padding: 0px 30px 15px 30px;
+  }
+  
+  .modal-body .modal-icon i {
+    font-size: 80px;
+    font-weight: 100;
+    color: #999;
+  }
+  
+  .modal-body .modal-icon {
+    margin-bottom: 15px;
+  }
+  
+  .modal-title {
+    margin: 0;
+    line-height: 1.42857143;
+    font-size: 25px;
+    padding: 0;
+    font-weight: 300;
+  }
+  
+  .modal-text {
+    padding-top: 5px;
+    font-size: 16px;
+  }
+  
+  .modal-text p:not(:last-of-type) {
+    margin-bottom: 5px;
+  }
+  
+  .modal-title+.modal-footer {
+    margin-top: 5px;
+  }
+  
+  .modal-footer {
+    border-top: 0px solid #e5e5e5;
+    width: 100%;
+    float: left;
+    text-align: center;
+    padding: 15px 15px;
+  }
+  
+  .modal {
+    text-align: center;
+  }
+  
+  .modal-dialog {
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
+    width: 40%;
+    margin: 15px auto;
+  }
+  
+  @media (min-width: 768px) and (max-width: 991px) {
+    .modal-dialog {
+      width: 50%;
+    }
+  }
+  
+  @media (max-width: 767px) {
+    .modal-dialog {
+      width: 95%;
+    }
+  }
+  
+  @media(min-width: 576px) {
+    .modal:before {
+      content: '';
+      display: inline-block;
+      height: 100%;
+      vertical-align: middle;
+      margin-right: -4px;
+    }
+  }
+  
+  
+  
+  /* ========= */
+  
+  .btn-wide {
+    min-width: 100px;
+  }
+  
+  .choice-btn {
+    min-width: 110px;
+    background-color: #3C5480;
+    color: #fff;
+    border: 2px solid #3C5480;
+    padding: 4px 10px;
+    transition: 0.3s all ease-out;
+  }
+  
+  .choice-btn:focus,
+  .choice-btn:hover,
+  .choice-btn:active {
+    color: #3C5480;
+    background-color: #fff;
+  }
+  
+  @media (max-width: 767px) {
+    .choice-btn {
+      margin-top: 15px;
+    }
+  }
+  
+  .payment-container {
+    padding-top: 70px;
+    padding-bottom: 11%;
+  }
+  
+  .last-p {
+    margin-bottom: 0;
+  }
+  
+  .dcl-payment-section {
+    max-width: 391px;
+    margin: 0 auto 30px;
+    padding: 0 10px 30px;
+    border-bottom: 1px solid #edebeb;
+    height: 100%;
+  }
+  
+  .dcl-payment-section hr {
+    margin-top: 15px;
+    margin-bottom: 15px;
+  }
+  
+  .dcl-payment-section .top-hr {
+    margin-left: -10px;
+  }
+  
+  .dcl-payment-section h3 {
+    font-weight: 600;
+  }
+  
+  .dcl-payment-section p {
+    font-weight: 400;
+  }
+  
+  .dcl-payment-section .card-warning-content {
+    padding: 8px 10px;
+    font-weight: 300;
+  }
+  
+  .dcl-payment-order strong {
+    font-size: 17px;
+  }
+  
+  .dcl-payment-order p {
+    font-weight: 300;
+  }
+  
+  .dcl-payment-section .form-group {
+    margin-bottom: 10px;
+  }
+  
+  .dcl-payment-section .form-control {
+    box-shadow: none;
+    padding: 6px 12px;
+    height: 32px;
+  }
+  
+  .dcl-payment-user {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+  
+  .dcl-payment-user h4 {
+    font-weight: 600;
+    font-size: 17px;
+  }
+  
+  @media (min-width: 768px) {
+    .dcl-payment-grid {
+      display: flex;
+      align-items: stretch;
+      flex-wrap: wrap;
+    }
+    .dcl-payment-box {
+      width: 50%;
+      position: relative;
+      padding: 0 30px;
+    }
+    .dcl-payment-box:nth-child(2) {
+      order: 1;
+    }
+    .dcl-payment-box:nth-child(4) {
+      order: 2;
+    }
+    .dcl-payment-section {
+      padding-top: 15px;
+      padding-bottom: 15px;
+      margin-bottom: 0;
+      border-bottom-width: 5px;
+    }
+    .dcl-payment-box:nth-child(2n) .dcl-payment-section {
+      border-bottom: none;
+    }
+    .dcl-payment-box:nth-child(1):after,
+    .dcl-payment-box:nth-child(2):after {
+      content: ' ';
+      display: block;
+      background: #eee;
+      width: 1px;
+      position: absolute;
+      right: 0;
+      z-index: 2;
+      top: 20px;
+      bottom: 20px;
+    }
+  }
+  
+  #virtual_machine_create_form {
+    padding: 15px 0;
+  }
+  
+  .btn-vm-contact {
+    color: #fff;
+    background: #A3C0E2;
+    border: 2px solid #A3C0E2;
+    padding: 5px 25px;
+    font-size: 12px;
+    letter-spacing: 1.3px;
+  }
+  
+  .btn-vm-contact:hover,
+  .btn-vm-contact:focus {
+    background: #fff;
+    color: #a3c0e2;
+  }
+  
+  
+  
+  /* hosting-order */
+  
+  .order-detail-container {
+    max-width: 600px;
+    margin: 100px auto 40px;
+    border: 1px solid #ccc;
+    padding: 30px 30px 20px;
+    color: #595959;
+  }
+  
+  .order-detail-container .dashboard-title-thin {
+    margin-top: 0;
+    margin-left: -3px;
+  }
+  
+  .order-detail-container .dashboard-title-thin .un-icon {
+    margin-top: -6px;
+  }
+  
+  .order-detail-container .dashboard-container-head {
+    position: relative;
+    padding: 0;
+    margin-bottom: 38px;
+  }
+  
+  .order-detail-container .order-details {
+    margin-bottom: 15px;
+  }
+  
+  .order-detail-container h4 {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+  
+  .order-detail-container p {
+    margin-bottom: 5px;
+  }
+  
+  .order-detail-container hr {
+    margin: 15px 0;
+  }
+  
+  .order-detail-container .thin-hr {
+    margin: 10px 0;
+  }
+  
+  .order-detail-container .subtotal-price {
+    font-size: 16px;
+  }
+  
+  .order-detail-container .subtotal-price .text-primary {
+    font-size: 17px;
+  }
+  
+  .order-detail-container .total-price {
+    font-size: 18px;
+    line-height: 20px;
+  }
+  
+  @media (max-width: 767px) {
+    .order-detail-container {
+      padding: 15px;
+    }
+    .order-confirm-btn {
+      text-align: center;
+      margin-top: 10px;
+    }
+    .order-detail-container .dashboard-container-options {
+      position: absolute;
+      top: 4px;
+      right: -4px;
+    }
+    .order-detail-container .dashboard-container-options .svg-img {
+      height: 16px;
+      width: 16px;
+    }
+  }
+  
+  .order_detail_footer {
+    font-size: 9px;
+    letter-spacing: 1px;
+    color: #333333;
+  }
+  
+  .order_detail_footer strong {
+    font-size: 11px;
+  }
+  
+  .order_detail_footer small {
+    font-size: 8px;
+  }
+  
+  .dashboard-title-thin {
+    font-weight: 300;
+    font-size: 32px;
+  }
+  
+  .dashboard-title-thin .un-icon {
+    height: 34px;
+    margin-right: 5px;
+    margin-top: -2px;
+    width: 34px;
+    vertical-align: middle;
+  }
+  
+  @media (max-width:767px) {
+    .dashboard-title-thin {
+      font-size: 22px;
+    }
+    .dashboard-title-thin .un-icon {
+      height: 22px;
+      width: 22px;
+      margin-top: -3px;
+    }
+  }
+  
+  .locale_date {
+    opacity: 0;
+  }
+  
+  .locale_date.done {
+    opacity: 1;
+  }
+  
+  .btn-vm-back {
+    color: #fff;
+    background: #C4CEDA;
+    border: 2px solid #C4CEDA;
+    padding: 5px 25px;
+    font-size: 12px;
+    letter-spacing: 1.3px;
+  }
+  
+  .btn-vm-back:hover,
+  .btn-vm-back:focus {
+    color: #fff;
+    background: #8da4c0;
+    border-color: #8da4c0;
+  }
+  

matrixhosting/static/matrixhosting/js/main.js

@@ -0,0 +1,46 @@
+(function($) {
+    "use strict"; // Start of use strict
+
+    $(document).ready(function() {
+        function fetch_pricing() {
+            var url = '/matrix/pricing/' + $('#pricing_name').val() + '/calculate/';
+            var cores = $('#cores').val();
+            var memory = $('#memory').val();
+            var storage = $('#storage').val();
+            $.ajax({ 
+                type: 'GET', 
+                url: url, 
+                data: { cores: cores, memory: memory, storage: storage}, 
+                dataType: 'json',
+                success: function (data) { 
+                    if (data && data['price']) {
+                        $('#total').text(data['price']);
+                    }
+                }
+            });
+        };
+
+        function incrementValue(e) {
+            var valueElement = $(e.target).parent().parent().find('input');
+            var step = $(valueElement).attr('step');
+            var min = parseInt($(valueElement).attr('min'));
+            var max = parseInt($(valueElement).attr('max'));
+            var new_value = 0;
+            if (e.data.inc == 1) {
+                new_value = Math.min(parseInt($(valueElement).val()) + parseInt(step) * e.data.inc, max);
+            } else {
+                new_value = Math.max(parseInt($(valueElement).val()) + parseInt(step) * e.data.inc, min);
+            }
+            $(valueElement).val(new_value);
+            fetch_pricing();
+            return false;
+        };
+        if ($('#pricing_name') != undefined) {
+            fetch_pricing();
+        }
+    
+        $('.fa-plus-circle.right').bind('click', {inc: 1}, incrementValue);
+    
+        $('.fa-minus-circle.left').bind('click', {inc: -1}, incrementValue);
+    });
+})(jQuery);

matrixhosting/static/matrixhosting/js/order.js

@@ -0,0 +1,36 @@
+$( document ).ready(function() {
+    var create_vm_form = $('#virtual_machine_create_form');
+        create_vm_form.submit(placeOrderPayment);
+        function placeOrderPayment(e) {
+            e.preventDefault();
+            $.ajax({
+                url: create_vm_form.attr('action'),
+                type: 'POST',
+                data: create_vm_form.serialize(),
+                init: function () {
+                    ok_btn = $('#createvm-modal-done-btn');
+                    close_btn = $('#createvm-modal-close-btn');
+                    ok_btn.addClass('btn btn-success btn-ok btn-wide hide');
+                    close_btn.addClass('btn btn-danger btn-ok btn-wide hide');
+                },
+                success: function (data) {   
+                    fa_icon = $('.modal-icon').find('.fa-cog');
+                    modal_btn = $('#createvm-modal-done-btn');
+                    if (data.error) {
+                        // Display error.message in your UI.
+                        modal_btn.attr('href', error_url).removeClass('visually-hidden');
+                        fa_icon.attr('class', 'fa fa-close');
+                        modal_btn.attr('class', '').addClass('btn btn-danger btn-ok btn-wide');
+                        $('#createvm-modal-title').text("Error Occurred");
+                        $('#createvm-modal-body').html(data.error.message);
+                    } else {
+                        // The payment has succeeded
+                        // Display a success message
+                        modal_btn.attr('href', data.redirect).removeClass('visually-hidden');
+                        $('#createvm-modal-title').text("Order Succeeded");
+                        $('#createvm-modal-body').html("Order has been added and the instance will be ready soon");
+                    }
+                 }
+            });
+        }
+});

matrixhosting/static/matrixhosting/js/payment.js

@@ -0,0 +1,204 @@
+var cardBrandToPfClass = {
+    'visa': 'pf-visa',
+    'mastercard': 'pf-mastercard',
+    'amex': 'pf-american-express',
+    'discover': 'pf-discover',
+    'diners': 'pf-diners',
+    'jcb': 'pf-jcb',
+    'unknown': 'pf-credit-card'
+};
+function setBrandIcon(brand) {
+    var brandIconElement = document.getElementById('brand-icon');
+    var pfClass = 'pf-credit-card';
+    if (brand in cardBrandToPfClass) {
+        pfClass = cardBrandToPfClass[brand];
+    }
+    for (var i = brandIconElement.classList.length - 1; i >= 0; i--) {
+        brandIconElement.classList.remove(brandIconElement.classList[i]);
+    }
+    brandIconElement.classList.add('pf');
+    brandIconElement.classList.add(pfClass);
+}
+
+
+$(document).ready(function () {
+    $.ajaxSetup({
+        beforeSend: function (xhr, settings) {
+            function getCookie(name) {
+                var cookieValue = null;
+                if (document.cookie && document.cookie != '') {
+                    var cookies = document.cookie.split(';');
+                    for (var i = 0; i < cookies.length; i++) {
+                        var cookie = jQuery.trim(cookies[i]);
+                        // Does this cookie string begin with the name we want?
+                        if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                            break;
+                        }
+                    }
+                }
+                return cookieValue;
+            }
+
+            if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
+                // Only send the token to relative URLs i.e. locally.
+                xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
+            }
+        }
+    });
+
+
+    var hasCreditcard = window.hasCreditcard || false;
+    if (!hasCreditcard && window.stripeKey) {
+        var stripe = Stripe(window.stripeKey);
+        if (window.pm_id) {
+
+        } else {
+            var element_style = {
+                fonts: [{
+                    family: 'lato-light',
+                    src: 'url(https://cdn.jsdelivr.net/font-lato/2.0/Lato/Lato-Light.woff) format("woff2")'
+                }, {
+                    family: 'lato-regular',
+                    src: 'url(https://cdn.jsdelivr.net/font-lato/2.0/Lato/Lato-Regular.woff) format("woff2")'
+                }
+                ],
+                locale: window.current_lan
+            };
+            var elements = stripe.elements(element_style);
+            var credit_card_text_style = {
+                base: {
+                    iconColor: '#666EE8',
+                    color: '#31325F',
+                    lineHeight: '25px',
+                    fontWeight: 300,
+                    fontFamily: "'lato-light', sans-serif",
+                    fontSize: '14px',
+                    '::placeholder': {
+                        color: '#777'
+                    }
+                },
+                invalid: {
+                    iconColor: '#eb4d5c',
+                    color: '#eb4d5c',
+                    lineHeight: '25px',
+                    fontWeight: 300,
+                    fontFamily: "'lato-regular', sans-serif",
+                    fontSize: '14px',
+                    '::placeholder': {
+                        color: '#eb4d5c',
+                        fontWeight: 400
+                    }
+                }
+            };
+
+            var enter_ccard_text = "Enter your credit card number";
+            if (typeof window.enter_your_card_text !== 'undefined') {
+                enter_ccard_text = window.enter_your_card_text;
+            }
+            var cardNumberElement = elements.create('cardNumber', {
+                style: credit_card_text_style,
+                placeholder: enter_ccard_text
+            });
+            cardNumberElement.mount('#card-number-element');
+
+            var cardExpiryElement = elements.create('cardExpiry', {
+                style: credit_card_text_style
+            });
+            cardExpiryElement.mount('#card-expiry-element');
+
+            var cardCvcElement = elements.create('cardCvc', {
+                style: credit_card_text_style
+            });
+            cardCvcElement.mount('#card-cvc-element');
+            cardNumberElement.on('change', function (event) {
+                if (event.brand) {
+                    setBrandIcon(event.brand);
+                }
+            });
+        }
+    }
+
+    function submitBillingForm(pmId) {
+        var billing_form = $('#billing-form');
+        billing_form.append('<input type="hidden" name="id_payment_method" value="' + pmId + '" />');
+        billing_form.submit();
+    }
+
+    var $form_new = $('#payment-form-new');
+    $form_new.submit(payWithPaymentIntent);
+    window.result = "";
+    window.card = "";
+    function payWithPaymentIntent(e) {
+        e.preventDefault();
+        function stripePMHandler(paymentMethod) {
+            // Insert the token ID into the form so it gets submitted to the server
+	    console.log(paymentMethod);
+            $('#id_payment_method').val(paymentMethod.id);
+            submitBillingForm(paymentMethod.id);
+        }
+        stripe.createPaymentMethod({
+            type: 'card',
+            card: cardNumberElement,
+          })
+          .then(function(result) {
+            // Handle result.error or result.paymentMethod
+              window.result = result;
+              if(result.error) {
+                  var errorElement = document.getElementById('card-errors');
+                  errorElement.textContent = result.error.message;
+              } else {
+                  console.log("created paymentMethod " + result.paymentMethod.id);
+                  stripePMHandler(result.paymentMethod);
+              }
+          });
+        window.card = cardNumberElement;
+    }
+
+    /* Form validation */
+    $.validator.addMethod("month", function (value, element) {
+        return this.optional(element) || /^(01|02|03|04|05|06|07|08|09|10|11|12)$/.test(value);
+    }, "Please specify a valid 2-digit month.");
+
+    $.validator.addMethod("year", function (value, element) {
+        return this.optional(element) || /^[0-9]{2}$/.test(value);
+    }, "Please specify a valid 2-digit year.");
+
+    validator = $form_new.validate({
+        rules: {
+            cardNumber: {
+                required: true,
+                creditcard: true,
+                digits: true
+            },
+            expMonth: {
+                required: true,
+                month: true
+            },
+            expYear: {
+                required: true,
+                year: true
+            },
+            cvCode: {
+                required: true,
+                digits: true
+            }
+        },
+        highlight: function (element) {
+            $(element).closest('.form-control').removeClass('success').addClass('error');
+        },
+        unhighlight: function (element) {
+            $(element).closest('.form-control').removeClass('error').addClass('success');
+        },
+        errorPlacement: function (error, element) {
+            $(element).closest('.form-group').append(error);
+        }
+    });
+
+    $('.credit-card-info .btn.choice-btn').click(function () {
+        var id = this.dataset['id_card'];
+        $('#id_card').val(id);
+        submitBillingForm(id);
+    });
+
+});

matrixhosting/tasks.py

@@ -0,0 +1,64 @@
+import logging
+from datetime import date, timedelta, timezone
+from django.conf import settings
+from django.template.loader import render_to_string
+from django_q.tasks import async_task, schedule
+from django_q.models import Schedule
+from django.db.models import Q
+from uncloud_pay.models import Bill, Payment
+from uncloud_pay.selectors import has_enough_balance, get_balance_for_user
+from .models import VMInstance
+
+log = logging.getLogger(__name__)
+
+def send_warning_email(bill, html_message):
+    schedule('django.core.mail.send_mail',
+             'Renewal Warning',
+             None,
+             settings.RENEWAL_FROM_EMAIL,
+             [bill.owner.email],
+             html_message,
+             schedule_type=Schedule.ONCE,
+             next_run=timezone.now() + timedelta(hours=1))
+
+def charge_open_bills():
+    un_paid_bills = Bill.objects.filter(is_closed=False)
+    for bill in un_paid_bills:
+        date_diff = (date.today() - bill.due_date.date()).days
+        # If there is not enough money in the account 7 days before renewal, the system sends a warning
+        # If there is not enough money in the account 3 days before renewal, the system sends a 2nd warning
+        # If on renewal date there is not enough money in the account, delete the instance
+        if date_diff == 7:
+            if not has_enough_balance(bill.owner):
+                context = {'name': bill.owner.name, 'message': "You don't have enough balance for renewal... upload to your account _here"}
+                html_message = render_to_string('matrixhosting/emails/renewal_warning.html', context)
+                send_warning_email(bill, html_message)
+        elif date_diff == 3:
+            if not has_enough_balance(bill.owner):
+                context = {'name': bill.owner.name, 'message': "You don't have enough balance for renewal... Your instance will be deleted in 3 days"}
+                html_message = render_to_string('matrixhosting/emails/renewal_warning.html', context)
+                send_warning_email(bill, html_message)
+        elif date_diff <= 0:
+            if not has_enough_balance(bill.owner):
+                VMInstance.delete_for_bill(bill)
+            else:
+                try:
+                    balance = get_balance_for_user(bill.owner)
+                    if balance < 0:
+                       payment = Payment.objects.create(owner=bill.owner, amount=balance, source='stripe')
+                       if payment:
+                           bill.close()
+                    bill.close()
+                except Exception as e:
+                    log.error(f"It seems that there is issue in payment for {bill.owner.name}", e)
+                    # do nothing
+            
+
+def process_recurring_orders():
+    """
+    Check for pending recurring and charge it and generate bills or send the customer warning
+    """
+    Bill.create_bills_for_all_users()
+
+def delete_instance(instance_id):
+    VMInstance.objects.delete(instance_id)

matrixhosting/templates/matrixhosting/base.html

@@ -0,0 +1,60 @@
+{% load static i18n %}
+{% get_current_language as LANGUAGE_CODE %}
+{% load bootstrap5 %}
+
+<!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="Matrix Hosting by ungleich">
+    <meta name="author" content="ungleich glarus ag">
+    <title>Matrix Hosting - {% block title %} made in Switzerland{% endblock %}</title>
+
+    <!-- Vendor CSS -->
+    <!-- Bootstrap Core CSS -->
+    {% bootstrap_css %}
+    <!-- Icon Fonts -->
+    <link href="{% static 'fontawesome_free/css/all.min.css' %}" rel="stylesheet" type="text/css">
+    <!-- Custom CSS -->
+    <link href="{% static 'matrixhosting/css/common.css' %}" rel="stylesheet">
+    {% block css_extra %}
+    {% endblock css_extra %}
+
+    <!-- External Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css">
+
+    <!-- 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]-->
+
+    <!-- Google analytics -->
+    <!-- End Google Analytics -->
+</head>
+
+<body>
+    {% block navbar %}
+        {% include "matrixhosting/includes/_navbar.html" %}
+    {% endblock navbar %}
+
+    {% block content %}
+    {% endblock %}
+
+    {% include "matrixhosting/includes/_footer.html" %}
+
+    <!-- jQuery -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+    <script src="{% static 'fontawesome_free/js/all.min.js' %}"></script>
+    <!-- Bootstrap Core JavaScript -->
+    {% bootstrap_javascript %}
+    <!-- Custom JS -->
+    <script src="{% static 'matrixhosting/js/main.js' %}"></script>
+    {% block js_extra %}
+    {% endblock js_extra %}
+</body>
+</html>

matrixhosting/templates/matrixhosting/dashboard.html

@@ -0,0 +1,127 @@
+{% extends "matrixhosting/base.html" %} {% load static i18n %} 
+{% block content%}
+<!-- Page Content -->
+{% csrf_token %}
+<div>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        <table class="table">
+          <thead>
+            <tr>
+              <th scope="col">#</th>
+              <th scope="col">Description</th>
+              <th scope="col">Starting At</th>
+              <th scope="col">Config</th>
+              <th scope="col">Pricing Plan</th>
+              <th scope="col">OneTime Price</th>
+              <th scope="col">Recurring Price</th>
+              <th scope="col">Ending At</th>
+              <th scope="col"></th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for object in object_list %}
+            <tr data-id="{{object.id}}">
+              <th scope="row">{{ object.id }}</th>
+              <td>{{ object.description }}</td>
+              <td>{{ object.starting_date }}</td>
+              <td>{{ object.config }}</td>
+              <td>{{ object.pricing_plan}}</td>
+              <td>{{ object.one_time_price }}</td>
+              <td>{{ object.recurring_price }}</td>
+              <td>{{ object.ending_date }}</td>
+              {% if object.ending_date %}
+              <td></td>
+              {% else %}
+              <td>
+                <button
+                  class="btn btn-danger btn-sm cancel-subscription"
+                  type="submit"
+                  name="action"
+                >
+                  Cancel
+                </button>
+              </td>
+              {% endif %}
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div
+  class="modal fade"
+  tabindex="-1"
+  role="dialog"
+  aria-labelledby="mySmallModalLabel"
+  aria-hidden="true"
+  id="mi-modal"
+>
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title" id="myModalLabel">Cancel Subscription</h4>
+      </div>
+      <div class="modal-body">
+        <p>
+          Are you sure that you want to cancel this subscription?. </p>
+          <p>
+          The instance will be active till the end date of the last bill and will be deleted
+          after that.
+        </p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" id="modal-btn-yes">
+          Yes
+        </button>
+        <button type="button" class="btn btn-primary" id="modal-btn-no">
+          No
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="alert" role="alert" id="result"></div>
+<!-- /.banner -->
+{% endblock %} 
+
+{% block js_extra %}
+<script type="text/javascript">
+  var modalConfirm = function (callback) {
+    $(".cancel-subscription").on("click", function (event) {
+      $('.selected').removeClass('selected');
+      $(event.target).parent().parent().addClass('selected');
+      $("#mi-modal").modal("show");
+    });
+
+    $("#modal-btn-yes").on("click", function () {
+      callback(true);
+    });
+
+    $("#modal-btn-no").on("click", function () {
+      callback(false);
+      $("#mi-modal").modal("hide");
+    });
+  };
+
+  modalConfirm(function (confirm) {
+    if (confirm) {
+        var selected_order = $('.selected').data('id');
+        $.ajax({
+                url: '{% url "matrix:dashboard" %}',
+                type: 'POST',
+                data: {'order_id': selected_order, 'csrfmiddlewaretoken': '{{ csrf_token }}',},
+                success: function (data) {  
+                    $("#mi-modal").modal("hide"); 
+                    window.location.reload();
+                 }
+        });
+    }
+  });
+</script>
+{% endblock %}

matrixhosting/templates/matrixhosting/emails/renewal_warning.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Renewal Warning</title>
+</head>
+<body>
+    hello <strong>{{name}},</strong>
+    {{message}}
+</body>
+</html>

matrixhosting/templates/matrixhosting/includes/_calculator_form.html

@@ -0,0 +1,101 @@
+{% load static i18n %}
+
+<form id="order_form" method="POST" action="{% url 'matrix:index' %}" data-toggle="validator" role="form">
+    {% csrf_token %}
+    <div class="title">
+        <h3>{% trans "Matrix Chat hosting" %} </h3>
+    </div>
+    <div class="price">
+        <span id="total"> {{ matrix_vm_pricing.name }}</span>
+        <span>CHF/{% trans "month" %}</span>
+        <div class="price-text">
+            <p>
+                {% if matrix_vm_pricing.set_up_fees %}{{ matrix_vm_pricing.set_up_fees }} CHF Setup<br>{% endif %}
+                {% if matrix_vm_pricing.vat_inclusive %}{% trans "VAT included" %} <br>{% endif %}
+                {% if matrix_vm_pricing.discount_amount %}
+                    {% trans "You save" %} {{ matrix_vm_pricing.discount_amount }} CHF
+                {% endif %}
+            </p>
+        </div>
+    </div>
+    <div class="descriptions">
+        <div class="description form-group">
+            <p>{% trans "Hosted in Switzerland" %}</p>
+        </div>
+        <div class="form-group">
+            <div class="description input">
+                <i class="fa fa-minus-circle left" data-minus="cores" aria-hidden="true"></i>
+                <input class="input-price select-number" type="number" min="1" max="48" id="cores" step="1" name="cores"
+                {% if form.cores.value != None %}value="{{ form.cores.value }}"{% endif %} data-error="{% trans 'Please enter a value in range 1 - 48.' %}" required>
+                <span> Core</span>
+                <i class="fa fa-plus-circle right" data-plus="cores" aria-hidden="true"></i>
+            </div>
+            <div class="help-block with-errors">
+                {% for message in messages %}
+                    {% if 'cores' in message.tags %}
+                        <ul class="list-unstyled">
+                            <li>{{ message|safe }}</li>
+                        </ul>
+                    {% endif %}
+                {% endfor %}
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="description input">
+                <i class="fa fa-minus-circle left" data-minus="memory" aria-hidden="true"></i>
+                <input id="memory" class="input-price select-number" type="number" min="2" max="200" name="memory" 
+                {% if form.memory.value != None %}value="{{ form.memory.value }}"{% endif %} data-error="{% blocktrans with min_ram=min_ram %}Please enter a value in range {{min_ram}} - 200.{% endblocktrans %}" required step="1">
+                <span> GB RAM</span>
+                <i class="fa fa-plus-circle right" data-plus="memory" aria-hidden="true"></i>
+            </div>
+            <div class="help-block with-errors">
+                {% for message in messages %}
+                    {% if 'memory' in message.tags %}
+                     <ul class="list-unstyled"><li>
+                        {{ message|safe }}
+                    </li></ul>
+                    {% endif %}
+                {% endfor %}
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="description input">
+                <i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i>
+                <input id="storage" class="input-price select-number" type="number" min="100" max="10000" step="100"
+                       name="storage" {% if form.storage.value != None %}value="{{ form.storage.value }}"{% endif %} data-error="{% trans 'Please enter a value in range 100 - 10000.' %}" required>
+                <span>{% trans "GB Storage (SSD)" %}</span>
+                <i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i>
+            </div>
+            <div class="help-block with-errors">
+                {% for message in messages %}
+                    {% if 'storage' in message.tags %}
+                     <ul class="list-unstyled"><li>
+                        {{ message|safe }}
+                    </li></ul>
+                    {% endif %}
+                {% endfor %}
+            </div>
+        </div>
+        <div class="description domain select-configuration input form-group justify-center">
+            <input type="text" id="matrix_domain" name="matrix_domain" placeholder="Matrix Domain" {% if form.matrix_domain.value != None %}value="{{ form.matrix_domain.value }}"{% endif %}></input>
+            <p class="text-danger">{{ form.matrix_domain.errors }}</p>
+        </div>
+        <div class="description domain select-configuration input form-group justify-center">
+            <input type="text" id="homeserver_domain" name="homeserver_domain" placeholder="Homeserver Domain" {% if form.homeserver_domain.value != None %}value="{{ form.homeserver_domain.value }}"{% endif %} ></input>
+            <p class="text-danger">{{ form.homeserver_domain.errors }}</p>
+        </div>
+        <div class="description domain select-configuration input form-group justify-center">
+            <input type="text" id="webclient_domain" name="webclient_domain" placeholder="Webclient Domain" {% if form.webclient_domain.value != None %}value="{{ form.webclient_domain.value }}"{% endif %}></input>
+            <p class="text-danger">{{ form.webclient_domain.errors }}</p>
+        </div>
+        <div class="description input form-group">
+            <div class="fieldWrapper">
+                <span>Is open registration possible:</span>
+                {{ form.is_open_registration }}
+            </div>
+        </div>
+
+    </div>
+    <input type="hidden" name="pricing_name" id="pricing_name" value="{% if matrix_vm_pricing.name %}{{matrix_vm_pricing.name}}{% else %}unknown{% endif%}"></input>
+    <input type="submit" class="btn btn-primary" value="{% trans 'Continue' %}"></input>
+</form>

matrixhosting/templates/matrixhosting/includes/_card.html

@@ -0,0 +1,43 @@
+{% load i18n %}
+<form action="" id="payment-form-new" method="POST">
+    <input type="hidden" name="token"/>
+    <input type="hidden" name="id_card" id="id_card" value=""/>
+    <div class="group">
+        <div class="credit-card-goup">
+           <div class="card-element card-number-element">
+               <label>{%trans "Card Number" %}</label>
+               <div id="card-number-element" class="field my-input"></div>
+           </div>
+           <div class="row">
+               <div class="col-xs-5 card-element card-expiry-element">
+                   <label>{%trans "Expiry Date" %}</label>
+                   <div id="card-expiry-element" class="field my-input"></div>
+               </div>
+               <div class="col-xs-3 col-xs-offset-4 card-element card-cvc-element">
+                   <label>{%trans "CVC" %}</label>
+                   <div id="card-cvc-element" class="field my-input"></div>
+               </div>
+           </div>
+           <div class="card-element brand">
+               <label>{%trans "Card Type" %}</label>
+               <i class="pf pf-credit-card" id="brand-icon"></i>
+           </div>
+        </div>
+    </div>
+    <div id="card-errors"></div>
+    <div id='payment_error'>
+        {% for message in messages %}
+            {% if 'failed_payment' in message.tags or 'make_charge_error' in message.tags or 'error' in message.tags %}
+                <ul class="list-unstyled">
+                    <li><p class="card-warning-content card-warning-error">{{ message|safe }}</p></li>
+                </ul>
+            {% endif %}
+        {% endfor %}
+    </div>
+    <div class="text-right">
+        <button class="btn btn-vm-contact btn-wide" type="submit" name="payment-form">{%trans "SUBMIT" %}</button>
+    </div>
+    <div style="display:none;">
+        <p class="payment-errors"></p>
+    </div>
+</form>

matrixhosting/templates/matrixhosting/includes/_footer.html

@@ -0,0 +1,18 @@
+{% load i18n %}
+<footer>
+    <div class="container">
+        <ul class="list-inline">
+            <li>
+               <a class="url-init" href="">{% trans "Home" %}</a>
+            </li>
+            <li>
+                <a class="url-init" href="">{% trans "Contact" %}</a>
+            </li>
+            <li>
+                <a class="url-init" href="">{% trans "Terms of Service" %}</a>
+            </li>
+        </ul>
+
+        <p class="copyright text-muted small">Copyright &copy; ungleich glarus ag {% now "Y" %}. {% trans "All Rights Reserved" %}</p>
+    </div>
+</footer>

matrixhosting/templates/matrixhosting/includes/_navbar.html

@@ -0,0 +1,33 @@
+{% load static i18n %}
+{% get_current_language as LANGUAGE_CODE %}
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div class="container-fluid">
+      <a class="navbar-brand" href="{% url 'uncloudindex' %}">Matrix Hosting</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarNavDropdown">
+        <ul class="navbar-nav ms-auto">
+          <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="{% url 'matrix:index' %}">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Features</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Pricing</a>
+          </li>
+          {% if not request.user.is_authenticated %}
+            <li class="nav-item">
+                <a class="nav-link" href="{% url 'account_login' %}">{% trans "Login" %}&nbsp;&nbsp;<i class="fa fa-sign-in-alt"></i></a>
+            </li>
+        {% else %}
+            <li class="nav-item">
+                <a class="nav-link" href="{% url 'matrix:dashboard' %}">{% trans "Dashboard" %}</a>
+            </li>
+        {% endif %}
+
+        </ul>
+      </div>
+    </div>
+  </nav>

matrixhosting/templates/matrixhosting/index.html

@@ -0,0 +1,21 @@
+{% extends "matrixhosting/base.html" %}
+{% load static i18n %}
+
+{% block content %}
+    <!-- Page Content -->
+
+    <div class="split-section pricing-section section-gradient" id="price">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="price-calc-section">
+                        <div class="card">
+                            {% include "matrixhosting/includes/_calculator_form.html"  %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+         </div>
+    </div>
+    <!-- /.banner -->
+{% endblock %}

matrixhosting/templates/matrixhosting/order_detail.html

@@ -0,0 +1,268 @@
+{% load static i18n %}
+{% load bootstrap5 %}
+
+<!DOCTYPE html>
+<html>
+<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="Matrix Hosting by ungleich">
+    <meta name="author" content="ungleich glarus ag">
+    <title>Matrix Hosting - {% block title %} made in Switzerland{% endblock %}</title>
+
+    <!-- Vendor CSS -->
+    <!-- Bootstrap Core CSS -->
+    {% bootstrap_css %}
+
+    <!-- External Fonts -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paymentfont/1.2.5/css/paymentfont.min.css"/>
+    <link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css">
+
+    <link href="{% static 'matrixhosting/css/hosting.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>
+    <script>
+        window.paymentIntentSecret = "{{payment_intent_secret}}";
+    </script>
+    <div id="order-detail{{order.pk}}" class="order-detail-container">
+        {% if messages %}
+            <div class="alert alert-warning">
+                {% for message in messages %}
+                    <span>{{ message }}</span>
+                {% endfor %}
+            </div>
+        {% endif %}
+        {% if not error %}
+            <div class="dashboard-container-head">
+                <h1 class="dashboard-title-thin">
+                    {% blocktrans with page_header_text=page_header_text|default:"Order" %}{{page_header_text}}{% endblocktrans %}
+                </h1>
+            </div>
+            <div class="order-details">
+                <hr>
+                <div>
+                    <address>
+                        <h4>{% trans "Billed to" %}:</h4>
+                        <p>
+                          {% with request.session.billing_address_data as billing_address %}
+                              {{billing_address.full_name}}<br>
+                              {{billing_address.street}}, {{billing_address.postal_code}}<br>
+                              {{billing_address.city}}, {{billing_address.country}}
+                              {% if billing_address.vat_number %}
+                                  <br/>{% trans "VAT Number" %} {{billing_address.vat_number}}
+                                  {% if pricing.vat_country != "ch" and pricing.vat_validation_status != "not_needed" %}
+                                        {% if pricing.vat_validation_status == "verified" %}
+                                            <span class="fa fa-fw fa-check-circle" aria-hidden="true" title='{% trans "Your VAT number has been verified" %}'></span>
+                                        {% else %}
+                                            <span class="fa fa-fw fa-info-circle" aria-hidden="true" title='{% trans "Your VAT number is under validation. VAT will be adjusted, once the validation is complete." %}'></span>
+                                        {% endif %}
+                                  {% endif %}
+                              {% endif %}
+                          {% endwith %}
+                        </p>
+                    </address>
+                </div>
+                <hr>
+                <div>
+                    <h4>{% trans "Payment method" %}:</h4>
+                    <p>
+                        {{card.brand|default:_('Credit Card')}} {% trans "ending in" %} ****{{card.last4}}<br>
+                        {% trans "Expiry" %} {{card.exp_year}}/{{card.exp_month}}<br/>
+                        {{request.user.email}}
+                    </p>
+                </div>
+                <hr>
+                <div>
+                    <h4>{% trans "Order summary" %}</h4>
+                    <style>
+                                @media screen and (max-width:400px){
+                                     .header-no-left-padding {
+                                         padding-left: 0 !important;
+                                     }
+                                }
+                                @media screen and (max-width:767px){
+                                     .cmf-ord-heading {
+                                        font-size: 11px;
+                                     }
+                                     .order-detail-container .order-details {
+                                        font-size: 13px;
+                                     }
+                                }
+    
+                                @media screen and (max-width:367px){
+                                     .cmf-ord-heading {
+                                        font-size: 11px;
+                                     }
+                                     .order-detail-container .order-details {
+                                        font-size: 12px;
+                                     }
+                                }
+    
+                    </style>
+                            <p>
+                                <strong>{% trans "Product" %}:</strong>&nbsp;
+                                Matrix Chat Hosting
+                            </p>
+                            <div class="row">
+                                <div class="col-sm-9">
+                                    <p>
+                                        <span>{% trans "Cores" %}: </span>
+                                        <strong class="pull-right">{{order.cores}}</strong>
+                                    </p>
+                                    <p>
+                                        <span>{% trans "Memory" %}: </span>
+                                        <strong class="pull-right">{{order.memory}} GB</strong>
+                                    </p>
+                                    <p>
+                                        <span>{% trans "Disk space" %}: </span>
+                                        <strong class="pull-right">{{order.storage}} GB</strong>
+                                    </p>
+                                </div>
+                                <div class="col-sm-12">
+                                    <hr class="thin-hr">
+                                </div>
+                                <div class="col-sm-9">
+                                    <p>
+                                        <strong class="text-uppercase">{% trans "Price Before VAT" %}</strong>
+                                        <strong class="pull-right">{{pricing.subtotal|floatformat:2}} CHF</strong>
+                                    </p>
+                                </div>
+                                <div class="col-sm-12">
+                                    <hr class="thin-hr">
+                                </div>
+                                <div class="col-sm-9">
+                                    <div class="row">
+                                      <div class="col-md-4 col-sm-4 col-xs-4">
+                                        <p><span></span></p>
+                                      </div>
+                                      <div class="col-md-3 col-sm-3 col-xs-4">
+                                        <p class="text-right"><strong class="cmf-ord-heading">{% trans "Pre VAT" %}</strong></p>
+                                      </div>
+                                      <div class="col-md-5 col-sm-5 col-xs-4 header-no-left-padding">
+                                        <p class="text-right"><strong class="cmf-ord-heading">{% trans "With VAT for" %} {{pricing.vat_country}} ({{pricing.vat_percent}}%)</strong></p>
+                                      </div>
+                                    </div>
+                                    <div class="row">
+                                      <div class="col-md-4 col-sm-4 col-xs-4">
+                                        <p><span>Subtotal</span></p>
+                                      </div>
+                                      <div class="col-md-3 col-sm-3 col-xs-4">
+                                        <p><span class="pull-right" >{{pricing.subtotal|floatformat:2}} CHF</span></p>
+                                      </div>
+                                      <div class="col-md-5 col-sm-5 col-xs-4">
+                                        <p><span class="pull-right">{{pricing.price_with_vat|floatformat:2}} CHF</span></p>
+                                      </div>
+                                    </div>
+                                    {% if pricing.discount.amount > 0 %}
+                                    <div class="row">
+                                      <div class="col-md-4 col-sm-4 col-xs-4">
+                                        <p><span>{{pricing.discount.name}}</span></p>
+                                      </div>
+                                      <div class="col-md-3 col-sm-3 col-xs-4">
+                                        <p><span class="pull-right">-{{pricing.discount.amount|floatformat:2}} CHF</span></p>
+                                      </div>
+                                      <div class="col-md-5 col-sm-5 col-xs-4">
+                                        <p><span class="pull-right">-{{pricing.discount.amount_with_vat|floatformat:2}} CHF</span></p>
+                                      </div>
+                                    </div>
+                                    {% endif %}
+                                </div>
+                                <div class="col-sm-12">
+                                    <hr class="thin-hr">
+                                </div>
+                                <div class="col-sm-9">
+                                    <div class="row">
+                                      <div class="col-md-4 col-sm-4 col-xs-4">
+                                        <p><strong>Total</strong></p>
+                                      </div>
+                                      <div class="col-md-3 col-sm-3 col-xs-4">
+                                        <p><strong class="pull-right">{{pricing.subtotal_after_discount|floatformat:2}} CHF</strong></p>
+                                      </div>
+                                      <div class="col-md-5 col-sm-5 col-xs-4">
+                                        <p><strong class="pull-right">{{pricing.price_after_discount_with_vat|floatformat:2}} CHF</strong></p>
+                                      </div>
+                                    </div>
+                                </div>
+                                <div class="col-sm-12">
+                                    <hr class="thin-hr">
+                                </div>
+                                <div class="col-sm-9">
+                                        <strong class="text-uppercase align-center">{% trans "Your Price in Total" %}</strong>
+                                        <strong class="total-price pull-right">{{pricing.total_price|floatformat:2}} CHF</strong>
+                                </div>
+                            </div>
+                </div>
+                <hr class="thin-hr">
+            </div>
+            <form id="virtual_machine_create_form" action="{% url 'matrix:order_details' %}" method="POST">
+                {% csrf_token %}
+                <div class="row">
+                    <div class="col-sm-8">
+                        <div class="dcl-place-order-text">{% blocktrans with vm_total_price=vm.total_price|floatformat:2 %}By clicking "Place order" you agree to our <a href="">Terms of Service</a> and this plan will charge your credit card account with {{ vm_total_price }} CHF/month{% endblocktrans %}.</div>
+                    </div>
+                    <div class="col-sm-4 order-confirm-btn text-right">
+                        <button class="btn choice-btn" id="btn-create-vm" data-bs-toggle="modal" data-bs-target="#createvm-modal">
+                          {% trans "Place order" %}
+                        </button>
+                    </div>
+                </div>
+            </form>
+        {% endif %}
+    </div>
+    
+    
+    <!-- Create VM Modal -->
+    <div class="modal fade" id="createvm-modal" tabindex="-1" role="dialog"
+         aria-hidden="true" data-backdrop="static" data-keyboard="false">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                </div>
+                <div class="modal-body">
+                    <div class="modal-icon">
+                        <i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
+                        <span class="sr-only">{% trans "Processing..." %}</span>
+                    </div>
+                    <h4 class="modal-title" id="createvm-modal-title"></h4>
+                    <div class="modal-text" id="createvm-modal-body">
+                        {% trans "Hold tight, we are processing your request" %}
+                    </div>
+                    <div class="modal-footer">
+                        <a id="createvm-modal-done-btn" class="btn btn-success btn-ok btn-wide visually-hidden" href="">{% trans "OK" %}</a>
+                        <button id="createvm-modal-close-btn" type="button" class="btn btn-danger btn-ok btn-wide visually-hidden" data-dismiss="modal" aria-label="create-vm-close">{% trans "Close" %}</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- / Create VM Modal -->
+    
+    <script type="text/javascript">
+        var create_vm_error_message = 'Some problem encountered. Please try again later';
+        var pm_id = '{{id_payment_method}}';
+        var error_url = '{{ error_msg.redirect }}';
+        var success_url = '{{ success_msg.redirect }}';
+        window.stripeKey = "{{stripe_key}}";
+        window.isSubscription = ("{{is_subscription}}" === 'true');
+    </script>
+    <!-- jQuery -->
+    <script src="https://js.stripe.com/v3/"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
+
+    <script src="{% static 'fontawesome_free/js/all.min.js' %}"></script>
+    <!-- Bootstrap Core JavaScript -->
+    {% bootstrap_javascript %}
+    <!-- Custom JS -->
+    <script type="text/javascript" src="{% static 'matrixhosting/js/order.js' %}"></script>
+</body>
+</html>

matrixhosting/templates/matrixhosting/payment.html

@@ -0,0 +1,169 @@
+{% load static i18n %}
+{% load bootstrap5 %}
+
+<!DOCTYPE html>
+<html>
+<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="Matrix Hosting by ungleich">
+    <meta name="author" content="ungleich glarus ag">
+    <title>Matrix Hosting - {% block title %} made in Switzerland{% endblock %}</title>
+
+    <!-- Vendor CSS -->
+    <!-- Bootstrap Core CSS -->
+    {% bootstrap_css %}
+
+    <!-- External Fonts -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paymentfont/1.2.5/css/paymentfont.min.css"/>
+    <link href="//fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet" type="text/css">
+
+    <link href="{% static 'matrixhosting/css/hosting.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>
+    <div class="container">
+        <div class="row">
+          <div class="col">
+            <div class="row">
+                <div class="dcl-payment-section">
+                    <h3>{%trans "Your Order" %}</h3>
+                    <hr class="top-hr">
+                    <div class="dcl-payment-order">
+                        <p>{% trans "Cores"%} <strong class="float-end">{{request.session.order.cores|floatformat}}</strong></p>
+                        <hr>
+                        <p>{% trans "Memory"%} <strong class="float-end">{{request.session.order.memory|floatformat}} GB</strong></p>
+                        <hr>
+                        <p>{% trans "Disk space"%} <strong class="float-end">{{request.session.order.storage|floatformat}} GB</strong></p>
+                        <hr>
+                        <p>
+                            <strong>{%trans "Total" %}</strong>&nbsp;&nbsp;
+                            <small>
+                                ({% if matrix_vm_pricing.vat_inclusive %}{%trans "including VAT" %}{% else %}{%trans "excluding VAT" %}{% endif %})
+                            </small>
+                            <strong class="float-end">{{request.session.order.subtotal|floatformat}} CHF / {% trans "Month" %}</strong>
+                        </p>
+                        <hr>
+                        {% if matrix_vm_pricing.discount_amount %}
+                        <p class="mb-0">
+                            <strong>{{ request.session.order.discount.name }}</strong>&nbsp;&nbsp;
+                            <strong class="float-end text-success">- {{ request.session.order.discount.amount }} CHF / {% trans "Month" %}</strong>
+                        </p>
+                        {% endif %}
+                    </div>
+            </div>
+            <div class="row">
+                <div class="dcl-payment-section">
+                    <h2><b>{%trans "Billing Address"%}</b></h2>
+                    <hr class="top-hr">
+                    {% for message in messages %}
+                        {% if 'vat_error' in message.tags %}
+                        <ul class="list-unstyled"><li>
+                            {{ message|safe }}
+                        </li></ul>
+                        {% endif %}
+                    {% endfor %}
+                    <form role="form" id="billing-form" method="post" action="" novalidate>
+                        {% csrf_token %}
+                        {% for field in billing_address_form %}
+                            {% if field.html_name in 'active,owner' %}
+                            {{ field.as_hidden }}
+                            {%else %}
+                              {% bootstrap_field field show_label=False type='fields'%}
+                            {% endif %}
+                        {% endfor %}
+                    </form>
+                </div>
+            </div>
+            </div>
+          </div>
+          <div class="col">
+            <div class="dcl-payment-section">
+                {% with cards_len=cards|length %}
+                <h3><b>{%trans "Credit Card"%}</b></h3>
+                <hr class="top-hr">
+                <p>
+                    {% if cards_len > 0 %}
+                    {% blocktrans %}Please select one of the cards that you used before or fill in your credit card information below. We are using <a href="https://stripe.com" target="_blank">Stripe</a> for payment and do not store your information in our database.{% endblocktrans %}
+                    {% else %}
+                    {% blocktrans %}Please fill in your credit card information below. We are using <a href="https://stripe.com" target="_blank">Stripe</a> for payment and do not store your information in our database.{% endblocktrans %}
+                    {% endif %}
+                </p>
+                    <div>
+                        {% for card in cards %}
+                            <div class="credit-card-info">
+                                <div class="col-xs-6 no-padding">
+                                    <h5 class="billing-head">{% trans "Credit Card" %}</h5>
+                                    <h5 class="membership-lead">{% trans "Last" %} 4: ***** {{card.last4}}</h5>
+                                    <h5 class="membership-lead">{% trans "Type" %}: {{card.brand}}</h5>
+                                    <h5 class="membership-lead">{% trans "Expiry" %}: {{card.month}}/{{card.year}}</h5>
+                                </div>
+                                <div class="col-xs-6 text-right align-bottom">
+                                    <a class="btn choice-btn choice-btn-faded" href="#" data-id_card="{{card.id}}">{% trans "SELECT" %}</a>
+                                </div>
+                            </div>
+                        {% endfor %}
+                        {% if cards_len > 0 %}
+                            <div class="new-card-head">
+                                <div class="row">
+                                    <div class="col-xs-6">
+                                        <h4>{% trans "Add a new credit card" %}</h4>
+                                    </div>
+                                    <div class="col-xs-6 text-right new-card-button-margin">
+                                        <button data-bs-toggle="collapse" data-bs-target="#newcard" class="btn choice-btn">
+                                            <span class="fa fa-plus"></span>&nbsp;&nbsp;{% trans "NEW CARD" %}
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div id="newcard" class="collapse">
+                                <hr class="thick-hr">
+                                <div class="card-details-box">
+                                    <h3>{%trans "New Credit Card" %}</h3>
+                                    <hr>
+                                    {% include "matrixhosting/includes/_card.html" %}
+                                </div>
+                            </div>
+                        {% else%}
+                            {% include "matrixhosting/includes/_card.html" %}
+                        {% endif %}
+                    </div>
+                {% endwith %}
+            </div>
+          </div>
+        </div>
+      </div>
+    {% if stripe_key %}
+        {% get_current_language as LANGUAGE_CODE %}
+        <script type="text/javascript">
+            window.processing_text = '{%trans "Processing" %}';
+            window.enter_your_card_text = '{%trans "Enter your credit card number" %}';
+
+            (function () {
+                window.stripeKey = "{{stripe_key}}";
+                window.current_lan = "{{LANGUAGE_CODE}}";
+            })();
+        </script>
+    {%endif%}
+
+    <!-- jQuery -->
+    <script src="https://js.stripe.com/v3/"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
+
+    <script src="{% static 'fontawesome_free/js/all.min.js' %}"></script>
+    <!-- Bootstrap Core JavaScript -->
+    {% bootstrap_javascript %}
+    <!-- Custom JS -->
+    <script type="text/javascript" src="{% static 'matrixhosting/js/payment.js' %}"></script>
+</body>
+</html>

matrixhosting/tests.py

@@ -0,0 +1,67 @@
+import datetime
+import json
+
+from django.test import TestCase
+from django.contrib.auth import get_user_model
+from django.utils import timezone
+
+from .models import VMInstance
+from uncloud_pay.models import Order, PricingPlan, BillingAddress, Product, RecurringPeriod
+
+
+vm_product_config = {
+    'features': {
+        'cores':
+        { 'min': 1,
+          'max': 48
+         },
+        'ram_gb':
+        { 'min': 2,
+          'max': 200
+         },
+    },
+}
+
+class VMInstanceTestCase(TestCase):
+
+    def setUp(self):
+        RecurringPeriod.populate_db_defaults()
+        self.user = get_user_model().objects.create(
+            username='random_user',
+            email='jane.random@domain.tld')
+        self.config = json.dumps({
+                            'cores': 1,
+                            'memory': 2,
+                            'storage': 100,
+                            'homeserver_domain': '',
+                            'webclient_domain': '',
+                            'matrix_domain': '',
+                        })
+        self.pricing_plan = PricingPlan.objects.create(name="PricingSample", set_up_fees=35, cores_unit_price=3, 
+                                                        ram_unit_price=4, storage_unit_price=0.02)
+        self.ba = BillingAddress.objects.create(
+            owner=self.user,
+            organization = 'Test org',
+            street="unknown",
+            city="unknown",
+            postal_code="somewhere else",
+            active=True)
+
+        self.product = Product.objects.create(name="Testproduct",
+                                   description="Only for testing",
+                                   config=vm_product_config)
+        self.default_recurring_period = RecurringPeriod.objects.get(name="Per 30 days")
+        self.product.recurring_periods.add(self.default_recurring_period,
+                                through_defaults= { 'is_default': True })
+
+    def test_create_matrix_vm(self):
+        order = Order.objects.create(owner=self.user,
+                        recurring_period=self.default_recurring_period,
+                        billing_address=self.ba,
+                        pricing_plan = self.pricing_plan, 
+                        product=self.product,
+                        config=self.config)
+        instances = VMInstance.objects.filter(order=order)
+        self.assertEqual(len(instances), 1)
+
+

matrixhosting/urls.py

@@ -0,0 +1,15 @@
+from django.urls import path, include
+from django.conf import settings
+from django.conf.urls.static import static
+
+from .views import IndexView, PricingView, OrderPaymentView, OrderDetailsView, Dashboard
+
+app_name = 'matrixhosting'
+
+urlpatterns = [
+     path('pricing/<slug:name>/calculate/', PricingView.as_view(), name='pricing_calculator'),
+     path('payment/', OrderPaymentView.as_view(), name='payment'),
+     path('order/details/', OrderDetailsView.as_view(), name='order_details'),
+     path('dashboard/', Dashboard.as_view(), name='dashboard'),
+     path('', IndexView.as_view(), name='index'),
+]

matrixhosting/validators.py

@@ -0,0 +1,34 @@
+from django.core.validators import RegexValidator
+
+
+def _validator():
+
+    ul = '\u00a1-\uffff'  # unicode letters range (must not be a raw string)
+
+    # IP patterns
+    ipv4_re = r'(?:25[0-5]|2[0-4]\d|[0-1]?\d?\d)(?:\.(?:25[0-5]|2[0-4]\d|[0-1]?\d?\d)){3}'
+    ipv6_re = r'\[[0-9a-f:\.]+\]'  # (simple regex, validated later)
+
+    # Host patterns
+    hostname_re = r'[a-z' + ul + \
+        r'0-9](?:[a-z' + ul + r'0-9-]{0,61}[a-z' + ul + r'0-9])?'
+    # Max length for domain name labels is 63 characters per RFC 1034 sec. 3.1
+    domain_re = r'(?:\.(?!-)[a-z' + ul + r'0-9-]{1,63}(?<!-))*'
+    tld_re = (
+        r'\.'  # dot
+        r'(?!-)'  # can't start with a dash
+        r'(?:[a-z' + ul + '-]{2,63}'  # domain label
+        r'|xn--[a-z0-9]{1,59})'  # or punycode label
+        r'(?<!-)'  # can't end with a dash
+        r'\.?'  # may have a trailing dot
+        r'/?'
+    )
+    host_re = '(' + hostname_re + domain_re + tld_re + ')'
+    regex = (
+        r'(?:' + ipv4_re + '|' + ipv6_re + '|' + host_re + ')'
+        r'(?::\d{2,5})?'  # port
+        r'\Z')
+    return RegexValidator(regex, message='Enter a valid Domain (Not a URL)', code='invalid_domain')
+
+
+domain_name_validator = _validator()

matrixhosting/views.py

@@ -0,0 +1,301 @@
+import logging
+import json
+
+from django.shortcuts import redirect, render
+from django.contrib import messages
+from django.utils.translation import get_language, ugettext_lazy as _
+from django.contrib.auth.decorators import login_required
+from django.views.decorators.cache import cache_control
+from django.utils.decorators import method_decorator
+from django.views import View
+from django.views.generic import FormView, DetailView
+from django.views.generic.list import ListView
+from matrixhosting.forms import RequestHostedVMForm, BillingAddressForm
+from django.urls import reverse
+from django.conf import settings
+from django.http import (
+    HttpResponseRedirect, JsonResponse
+)
+from rest_framework import viewsets, permissions
+
+from uncloud_pay.models import PricingPlan
+from uncloud_pay.utils import get_order_total_with_vat
+from uncloud_pay.models import *
+from uncloud_pay.utils import validate_vat_number
+from uncloud_pay.selectors import get_billing_address_for_user
+import uncloud_pay.stripe as uncloud_stripe
+from .models import VMInstance
+from .serializers import *
+
+logger = logging.getLogger(__name__)
+
+class PricingView(View):
+    def get(self, request, **args):
+        subtotal, subtotal_after_discount, price_after_discount_with_vat, vat, vat_percent, discount = get_order_total_with_vat(
+            request.GET.get('cores'),
+            request.GET.get('memory'),
+            request.GET.get('storage'),
+            pricing_name = args['name']
+        )
+        return JsonResponse({'subtotal': subtotal})
+
+class IndexView(FormView):
+    template_name = "matrixhosting/index.html"
+    form_class = RequestHostedVMForm
+    success_url = "/matrixhosting#requestform"
+    success_message = "Thank you, we will contact you as soon as possible"
+
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context['matrix_vm_pricing'] = PricingPlan.get_default_pricing()
+        return context
+    
+    def form_valid(self, form):
+        self.request.session['order'] = form.cleaned_data
+        subtotal, subtotal_with_discount, total, vat, vat_percent, discount = get_order_total_with_vat(
+            form.cleaned_data['cores'],
+            form.cleaned_data['memory'],
+            form.cleaned_data['storage'],
+            form.cleaned_data['pricing_name'], 
+            False
+        )
+        self.request.session['pricing'] = {'name': form.cleaned_data['pricing_name'], 
+                            'subtotal': subtotal, 'vat': vat, 
+                            'vat_percent': vat_percent, 'discount': discount}
+        return HttpResponseRedirect(reverse('matrix:payment'))
+
+
+class OrderPaymentView(FormView):
+    template_name = 'matrixhosting/payment.html'
+    success_url = 'matrix:order_confirmation'
+    form_class = BillingAddressForm
+
+    @method_decorator(login_required)
+    def dispatch(self, *args, **kwargs):
+        return super().dispatch(*args, **kwargs)
+
+    def get_context_data(self, **kwargs):
+        context = super(OrderPaymentView, self).get_context_data(**kwargs)
+        if 'billing_address_data' in self.request.session:
+            billing_address_form = BillingAddressForm(
+                    initial=self.request.session['billing_address_data']
+                )
+        else:
+            old_active = get_billing_address_for_user(self.request.user)
+            billing_address_form = BillingAddressForm(
+                    instance=old_active
+                ) if old_active else BillingAddressForm(
+                    initial={'active': True, 'owner': self.request.user.id}
+                )
+        customer_id = uncloud_stripe.get_customer_id_for(self.request.user)
+        cards = uncloud_stripe.get_customer_cards(customer_id)
+        context.update({
+            'matrix_vm_pricing': PricingPlan.get_by_name(self.request.session.get('pricing', {'name': 'unknown'})['name']), 
+            'billing_address_form': billing_address_form,
+            'cards': cards,
+            'stripe_key': settings.STRIPE_PUBLIC_KEY
+        })
+
+        return context
+
+    @cache_control(no_cache=True, must_revalidate=True, no_store=True)
+    def get(self, request, *args, **kwargs):
+        for k in ['vat_validation_status', 'token', 'id_payment_method']:
+            if request.session.get(k):
+                request.session.pop(k)
+        if 'order' not in request.session:
+            return HttpResponseRedirect(reverse('matrix:index'))
+        return self.render_to_response(self.get_context_data())
+
+    def form_valid(self, address_form):
+        id_payment_method = self.request.POST.get('id_payment_method', None)
+        self.request.session["id_payment_method"] = id_payment_method
+        this_user = {
+            'email': self.request.user.email,
+            'username': self.request.user.username
+        }
+        customer_id = uncloud_stripe.get_customer_id_for(self.request.user)
+        uncloud_stripe.attach_payment_method(id_payment_method, customer_id)
+        address = get_billing_address_for_user(self.request.user)
+        if address:
+            form = BillingAddressForm(self.request.POST, instance=address)
+        else:
+            form = BillingAddressForm(self.request.POST)
+        if form.is_valid:
+            billing_address_ins = form.save()
+            self.request.session["billing_address_id"] = billing_address_ins.id
+            self.request.session['billing_address_data'] = address_form.cleaned_data
+            self.request.session['billing_address_data']['owner'] = self.request.user.id
+        self.request.session['user'] = this_user
+        self.request.session['customer'] = customer_id
+
+        vat_number = address_form.cleaned_data.get('vat_number').strip()
+        if vat_number:
+            validate_result = validate_vat_number(
+                stripe_customer_id=customer_id,
+                billing_address_id=billing_address_ins.id
+            )
+
+            if 'error' in validate_result and validate_result['error']:
+                messages.add_message(
+                    self.request, messages.ERROR, validate_result["error"],
+                    extra_tags='vat_error'
+                )
+                return HttpResponseRedirect(
+                    reverse('matrix:payment') + '#vat_error'
+                )
+            self.request.session["vat_validation_status"] = validate_result["status"]
+
+        return HttpResponseRedirect(reverse('matrix:order_details'))
+
+
+class OrderDetailsView(DetailView):
+    template_name = "matrixhosting/order_detail.html"
+    context_object_name = "order"
+    model = Order
+
+    @method_decorator(login_required)
+    def dispatch(self, *args, **kwargs):
+        return super().dispatch(*args, **kwargs)
+
+    @cache_control(no_cache=True, must_revalidate=True, no_store=True)
+    def get(self, request, *args, **kwargs):
+        context = {}
+        if ('order' not in request.session or 'user' not in request.session):
+            return HttpResponseRedirect(reverse('matrix:index'))
+        if 'id_payment_method' in self.request.session:
+            card = uncloud_stripe.get_card_from_payment(self.request.user, self.request.session['id_payment_method'])
+            if not card:
+                return HttpResponseRedirect(reverse('matrix:payment'))
+            context['card'] = card
+        elif 'id_payment_method' not in self.request.session or 'vat_validation_status' not in self.request.session:
+            return HttpResponseRedirect(reverse('matrix:payment'))
+        specs = request.session.get('order')
+        pricing = request.session.get('pricing')
+        billing_address = BillingAddress.objects.get(id=request.session.get('billing_address_id'))
+        vat_rate = VATRate.get_vat_rate(billing_address)
+        vat_validation_status = "verified" if billing_address.vat_number_validated_on and billing_address.vat_number_verified else False
+        subtotal, subtotal_after_discount, price_after_discount_with_vat, vat, vat_percent, discount = get_order_total_with_vat(
+                specs['cores'], specs['memory'], specs['storage'], request.session['pricing']['name'],
+                vat_rate=vat_rate * 100, vat_validation_status = vat_validation_status
+            )
+        pricing = {
+            "subtotal": subtotal, "discount": discount, "vat": vat, "vat_percent": vat_percent,
+            "vat_country": billing_address.country.lower(),
+            "subtotal_after_discount": subtotal_after_discount,
+            "price_after_discount_with_vat": price_after_discount_with_vat
+
+        }
+        pricing["price_with_vat"] = round(subtotal * (1 + pricing["vat_percent"] * 0.01), 2)
+        discount["amount_with_vat"] = round(pricing["price_with_vat"] - pricing["price_after_discount_with_vat"], 2)
+        pricing["total_price"] = pricing["price_after_discount_with_vat"]
+        self.request.session['total_price'] = pricing["price_after_discount_with_vat"]
+        payment_intent_response = uncloud_stripe.get_payment_intent(request.user, pricing["price_after_discount_with_vat"])
+        context.update({
+            'payment_intent_secret': payment_intent_response.client_secret,
+            'order': specs,
+            'pricing': pricing,
+            'stripe_key': settings.STRIPE_PUBLIC_KEY,
+        })
+        return render(request, self.template_name, context)
+
+    def post(self, request, *args, **kwargs):
+        customer = StripeCustomer.objects.get(owner=self.request.user)
+        billing_address = BillingAddress.objects.get(id=request.session.get('billing_address_id'))
+        if 'id_payment_method' in request.session:
+            card = uncloud_stripe.get_card_from_payment(self.request.user, self.request.session['id_payment_method'])
+            if not card:
+                return show_error("There was a payment related error.", self.request)
+        else:
+            return show_error("There was a payment related error.", self.request)
+        
+        order = finalize_order(request, customer, 
+                    billing_address,
+                    self.request.session['total_price'], 
+                    PricingPlan.get_by_name(self.request.session['pricing']['name']),
+                    request.session.get('order'))
+        if order:
+            bill = Bill.create_next_bill_for_user_address(billing_address)
+            payment= Payment.objects.create(owner=request.user, amount=self.request.session['total_price'], source='stripe')
+            if payment:
+                #Close the bill as the payment has been added
+                bill.close()
+            response = {
+                'status': True,
+                'redirect': (reverse('matrix:dashboard')),
+                'msg_title': str(_('Thank you for the order.')),
+                'msg_body': str(
+                    _('Your VM will be up and running in a few moments.'
+                    ' We will send you a confirmation email as soon as'
+                    ' it is ready.'))
+            }
+
+        return JsonResponse(response)
+
+
+def finalize_order(request, customer, billing_address,
+                    one_time_price, pricing_plan,
+                    specs):
+    product = Product.objects.first()
+    recurring_period_product = ProductToRecurringPeriod.objects.filter(product=product, is_default=True).first()
+    order = Order.objects.create(
+            owner=request.user,
+            customer=customer,
+            billing_address=billing_address,
+            one_time_price=one_time_price,
+            pricing_plan=pricing_plan,
+            recurring_period= recurring_period_product.recurring_period,
+            product = product,
+            config=json.dumps(specs)
+        )
+    return order
+
+
+class Dashboard(ListView):
+    template_name = "matrixhosting/dashboard.html"
+    model = Order
+
+    @method_decorator(login_required)
+    def dispatch(self, *args, **kwargs):
+        return super().dispatch(*args, **kwargs)
+
+    def get_queryset(self):
+        return Order.objects.filter(owner=self.request.user)
+
+    def post(self, request, *args, **kwargs):
+        order = Order.objects.get(id=request.POST.get('order_id', 0))
+        order.cancel()
+        return JsonResponse({'message': 'Successfully Cancelled'})
+
+        
+def get_error_response_dict(request):
+    response = {
+        'status': False,
+        'redirect': "{url}#{section}".format(
+            url=(reverse('matrix:payment')),
+            section='payment_error'
+        ),
+        'msg_title': str(_('Error.')),
+        'msg_body': str(
+            _('There was a payment related error.'
+              ' On close of this popup, you will be redirected back to'
+              ' the payment page.'))
+    }
+    return response
+
+
+def show_error(msg, request):
+    messages.add_message(request, messages.ERROR, msg,
+                         extra_tags='failed_payment')
+    return JsonResponse(get_error_response_dict(request))
+
+
+class MachineViewSet(viewsets.ReadOnlyModelViewSet):
+    serializer_class = VMInstanceSerializer
+    permission_classes = [permissions.IsAuthenticated]
+
+    def get_queryset(self):
+        return VMInstance.objects.filter(owner=self.request.user)
+
+

matrixhosting/yaml/deployment.yaml.tmpl

@@ -0,0 +1,15 @@
+---
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: {{ name }}-matrix
+spec:
+  selector:
+    matchLabels:
+      app: {{ name }}-matrix
+  replicas: 1
+  template:
+    metadata:
+      labels:
+        app: {{ name }}-matrix
+        use-as-service: {{ name }}