Skip to content

Commit

Permalink
Update Gladys Plus page on local instance (#1271)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Pierre-Gilles
Pierre-Gilles authored Sep 2, 2021
1 parent dc74e3a commit 9cce905
Show file tree
Hide file tree
Showing 3 changed files with 45 additions and 131 deletions.
22 changes: 7 additions & 15 deletions front/src/config/i18n/en.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1420,21 +1420,13 @@
"accountExpired": "Your Gladys Plus account has expired. To renew your subscription, you can go to the <a href=\"/dashboard/settings/billing\">billing tab</a>."
},
"gatewayPricing": {
"pricingTitle": "Pricing",
"pricingSentence": "Gladys Assistant is free to use, but you can subscribe to Gladys Plus for additional premium features!",
"free": "Free",
"gladysPlus": "Gladys Plus",
"currentPlan": "Current Plan",
"subscribeButton": "Subscribe (9.99€/month/house)",
"alreadyGladysPlusSubscriber": "Already a Gladys Plus Subscriber? Click here to login.",
"openSourceSoftware": "Open-Source Software",
"endToEndEncryptedRemoteAccess": "End-to-End Encrypted Remote Access",
"dailyEncryptedBackups": "Daily Encrypted Backups",
"oneClickRestore": "One-click Restore",
"remoteWebhooks": "Remote Webhooks",
"ownTracksApiServer": "Owntracks API Server",
"privateSlackCommunity": "Private Slack Community",
"supportOpenSourceSoftware": "Support Open-Source Software"
"pricingTitle": "Gladys Plus",
"pricingSentence": "Gladys Assistant is free to use, but you can subscribe to Gladys Plus for additional premium features like end-to-end encrypted remote access, automatic backups and access to a REST API accessible from anywhere in the world.",
"whyIsGladysPlusPaid": "Why is Gladys Plus paid and not free like Gladys?",
"whyIsGladysPlusPaidAnswer": "Gladys Plus is an online service that has cost: hosting, bandwidth, storage, development and maintenance. To support those costs, we prefer asking for a monthly fee rather than adding ads or selling users data: it's not the philosophy of the project. We respect our users privacy, and want them to own their data at home.",
"supportOpenSource": "By subscribing to Gladys Plus, you are supporting the development of a privacy-friendly & open-source alternative. Thanks for your support ! 🙂",
"knowMoreButton": "Read more about Gladys Plus",
"alreadyGladysPlusSubscriber": "Already a Gladys Plus Subscriber? Click here to login!"
},
"gatewayLogin": {
"cardTitle": "Login to your Gladys Plus account",
Expand Down
22 changes: 7 additions & 15 deletions front/src/config/i18n/fr.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1420,21 +1420,13 @@
"accountExpired": "Votre compte Gladys Plus a expiré. Pour réactiver votre compte, merci de mettre à jour votre moyen de paiement dans <a href=\"/dashboard/settings/billing\">l'onglet facturation</a>."
},
"gatewayPricing": {
"pricingTitle": "Tarification",
"pricingSentence": "Gladys Assistant est gratuit à utiliser, mais vous pouvez vous abonner à Gladys Plus pour des fonctionnalités supplémentaires !",
"free": "Gratuit",
"gladysPlus": "Gladys Plus",
"currentPlan": "Choix actuel",
"subscribeButton": "Abonnez-vous (9,99 € / mois)",
"alreadyGladysPlusSubscriber": "Déjà abonné Gladys Plus ? Cliquez ici pour vous identifier.",
"openSourceSoftware": "Logiciel Open-Source",
"endToEndEncryptedRemoteAccess": "Accès à distance chiffré de bout en bout",
"dailyEncryptedBackups": "Sauvegardes chiffrées quotidiennes",
"oneClickRestore": "Restauration en un clic",
"remoteWebhooks": "Webhooks à distance",
"ownTracksApiServer": "Serveur API Owntracks",
"privateSlackCommunity": "Communauté Slack privée",
"supportOpenSourceSoftware": "Support logiciel Open-Source"
"pricingTitle": "Gladys Plus",
"pricingSentence": "Gladys Assistant est gratuit à utiliser, mais vous pouvez vous abonner à Gladys Plus pour des fonctionnalités supplémentaires tel que l'accès à distance chiffré de bout en bout, les sauvegardes automatiques, l'accès à une API REST ouverte accessible de partout dans le monde.",
"whyIsGladysPlusPaid": "Pourquoi Gladys Plus est-il payant et pas gratuit comme Gladys ?",
"whyIsGladysPlusPaidAnswer": "Gladys Plus est un service en ligne qui a des coûts: hébergement, bande passante, stockage, développement et maintenance. Pour supporter ces coûts, nous préférons demander une modeste participation mensuelle plutôt que de mettre de la publicité, ou vendre les données des utilisateurs: ce n'est pas la philosophie du projet ! Nous sommes des fervents défenseurs du libre, et souhaitons que chacun reste propriétaire de ses données, surtout quand cela touche à un sujet aussi important que la maison connectée.",
"supportOpenSource": "En vous abonnant à Gladys Plus, vous supportez le développement d'une alternative open-source et respectueuse de la vie privée. Merci d'avance pour votre soutien ! 🙂",
"knowMoreButton": "En savoir plus sur Gladys Plus",
"alreadyGladysPlusSubscriber": "Déjà abonné Gladys Plus ? Cliquez ici pour vous identifier !"
},
"gatewayLogin": {
"cardTitle": "Connexion à Gladys Plus",
Expand Down
132 changes: 31 additions & 101 deletions front/src/routes/settings/settings-gateway/GatewayPricing.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,121 +1,51 @@
import { Text } from 'preact-i18n';

const GatewayPricing = ({ children, ...props }) => (
<div>
<div class="mt-4">
<div class="row mb-4">
<div class="col text-center">
<h2 class="mb-1">
<Text id="gatewayPricing.pricingTitle" />
</h2>
</div>
</div>
<div class="row mb-4">
<div class="col-md-12">
<p>
<Text id="gatewayPricing.pricingSentence" />
</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-body">
<div class="card-category">
{' '}
<Text id="gatewayPricing.free" />
</div>
<ul class="list-unstyled leading-loose">
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.openSourceSoftware" />
</li>
<li>
<i class="fe fe-x text-danger mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.endToEndEncryptedRemoteAccess" />
</li>
<li>
<i class="fe fe-x text-danger mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.dailyEncryptedBackups" />
</li>
<li>
<i class="fe fe-x text-danger mr-2" aria-hidden="true" /> <Text id="gatewayPricing.oneClickRestore" />
</li>
<li>
<i class="fe fe-x text-danger mr-2" aria-hidden="true" /> <Text id="gatewayPricing.remoteWebhooks" />
</li>
<li>
<i class="fe fe-x text-danger mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.ownTracksApiServer" />
</li>
<li>
<i class="fe fe-x text-danger mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.privateSlackCommunity" />
</li>
<li>
<i class="fe fe-x text-danger mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.supportOpenSourceSoftware" />
</li>
</ul>
<div class="text-center mt-6">
<button class="btn btn-secondary btn-block" disabled>
<Text id="gatewayPricing.currentPlan" />
</button>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-md-12">
<h4>
<Text id="gatewayPricing.whyIsGladysPlusPaid" />
</h4>
<p>
<Text id="gatewayPricing.whyIsGladysPlusPaidAnswer" />
</p>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-status bg-green" />
<div class="card-body">
<div class="card-category">
{' '}
<Text id="gatewayPricing.gladysPlus" />
</div>
<ul class="list-unstyled leading-loose">
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.openSourceSoftware" />
</li>
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.endToEndEncryptedRemoteAccess" />
</li>
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.dailyEncryptedBackups" />
</li>
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.oneClickRestore" />
</li>
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.remoteWebhooks" />
</li>
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.ownTracksApiServer" />
</li>
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.privateSlackCommunity" />
</li>
<li>
<i class="fe fe-check text-success mr-2" aria-hidden="true" />{' '}
<Text id="gatewayPricing.supportOpenSourceSoftware" />
</li>
</ul>
<div class="text-center mt-6">
<a href={`https://gladysassistant.com/${props.user.language}/pricing`} class="btn btn-green btn-block">
<Text id="gatewayPricing.subscribeButton" />
</a>
</div>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-md-12">
<p>
<Text id="gatewayPricing.supportOpenSource" />
</p>
</div>
</div>
<div class="row" style="margin-bottom: 30px">
<div class="col text-center">
<a href="#" onClick={props.displayGatewayLoginForm}>
<Text id="gatewayPricing.alreadyGladysPlusSubscriber" />
<div class="row">
<div class="col-md-12 text-center">
<a
class="btn btn-success mr-2"
href={`https://gladysassistant.com/${props.user.language}/plus`}
target="_blank"
rel="noopener noreferrer"
>
<Text id="gatewayPricing.knowMoreButton" />
</a>
<button class="btn btn-primary" onClick={props.displayGatewayLoginForm}>
<Text id="gatewayPricing.alreadyGladysPlusSubscriber" />
</button>
</div>
</div>
</div>
Expand Down

0 comments on commit 9cce905

Please sign in to comment.