jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Translate the support view

Browse Source
This commit is contained in:
Johannes Zellner
2020-11-11 18:27:43 +01:00
parent bc6ff607ce
commit b7e235b727
3 changed files with 53 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/views/support.html
View File

@@ -5,51 +5,51 @@
</div>
<div class="text-left">
<h3>Ticket</h3>
<h3>{{ 'support.ticket.title' | tr }}</h3>
</div>
<div class="card">
<div class="grid-item-top">
<div class="row" ng-hide="config.features.support">
<p class="text-bold">Support tickets are only available in the paid plans.</p>
<p>You may find answers in our <a href="https://docs.cloudron.io/apps/?support_view" target="_blank">documentation</a> or ask on the <a href="https://forum.cloudron.io/" target="_blank">Forum</a>.</p>
<p class="text-bold">{{ 'support.ticket.subscriptionRequired' | tr }}</p>
<p ng-bind-html=" 'support.ticket.subscriptionRequiredDescription' | tr:translationLinks "></p>
</div>
<div class="row" ng-show="config.features.support">
<div class="col-lg-12">
<div ng-bind-html="supportConfig.ticketFormBody | markdown2html"></div>
<form ng-show="supportConfig.submitTickets" name="feedbackForm" ng-submit="submitFeedback()">
<div class="form-group">
<label>Type</label>
<label>{{ 'support.ticket.type' | tr }}</label>
<select class="form-control" name="type" style="width: 50%;" ng-model="feedback.type" required>
<option value="app_error">App Error</option>
<option value="ticket">Bug Report</option>
<option value="email_error">Email Error</option>
<option value="app_error">{{ 'support.ticket.typeApp' | tr }}</option>
<option value="ticket">{{ 'support.ticket.typeBug' | tr }}</option>
<option value="email_error">{{ 'support.ticket.typeEmail' | tr }}</option>
</select>
</div>
<div class="form-group" ng-show="feedback.type === 'app_error'">
<label>Select App</label>
<label>{{ 'support.ticket.selectApp' | tr }}</label>
<select class="form-control" name="type" style="width: 50%;" ng-model="feedback.appId" ng-required="feedback.type === 'app_error'">
<option ng-repeat="app in apps" value="{{ app.id }}">{{ app.fqdn }}</option>
</select>
</div>
<div class="form-group" ng-class="{ 'has-error': (feedbackForm.subject.$dirty && feedbackForm.subject.$invalid) }">
<label>Topic</label>
<input type="text" class="form-control" name="subject" placeholder="Topic" ng-model="feedback.subject" ng-maxlength="512" ng-minlength="1" required>
<label>{{ 'support.ticket.topic' | tr }}</label>
<input type="text" class="form-control" name="subject" ng-model="feedback.subject" ng-maxlength="512" ng-minlength="1" required>
</div>
<div class="form-group" ng-class="{ 'has-error': (feedbackForm.description.$dirty && feedbackForm.description.$invalid) }">
<label>Report</label>
<textarea class="form-control" name="description" rows="3" placeholder="Describe your issue" ng-model="feedback.description" ng-minlength="1" required></textarea>
<label>{{ 'support.ticket.report' | tr }}</label>
<textarea class="form-control" name="description" rows="3" placeholder="{{ 'support.ticket.reportPlaceholder' | tr }}" ng-model="feedback.description" ng-minlength="1" required></textarea>
</div>
<div class="form-group" ng-class="{ 'has-error': (feedbackForm.email.$dirty && feedbackForm.email.$invalid) }">
<label>Email</label> <small> (Subscription email is {{ subscription.email }}) </small>
<input type="text" class="form-control" name="email" placeholder="If needed, provide an email address different from above to reach you" ng-model="feedback.altEmail" ng-maxlength="512" ng-minlength="1" ng-required="feedback.type === 'email_error'">
<label>{{ 'support.ticket.email' | tr }}</label> <small>{{ 'support.ticket.emailInfo' | tr:subscription }}</small>
<input type="text" class="form-control" name="email" placeholder="{{ 'support.ticket.emailPlaceholder' | tr }}" ng-model="feedback.altEmail" ng-maxlength="512" ng-minlength="1" ng-required="feedback.type === 'email_error'">
</div>
<div class="form-group">
<label class="control-label">
<input type="checkbox" ng-model="feedback.enableSshSupport"> Allow support engineers to connect to this server via SSH
<input type="checkbox" ng-model="feedback.enableSshSupport"> {{ 'support.ticket.sshCheckbox' | tr }}
</label>
</div>
<button type="submit" class="btn btn-primary pull-right" ng-disabled="feedbackForm.$invalid || feedback.busy"><i class="fa fa-circle-notch fa-spin" ng-show="feedback.busy"></i> Submit</button>
<button type="submit" class="btn btn-primary pull-right" ng-disabled="feedbackForm.$invalid || feedback.busy"><i class="fa fa-circle-notch fa-spin" ng-show="feedback.busy"></i> {{ 'support.ticket.submitAction' | tr }}</button>
<span ng-show="feedback.error" class="text-danger text-bold">{{feedback.error}}</span>
<span ng-show="feedback.result" class="text-success text-bold">{{feedback.result.message}}</span>
</form>
@@ -59,20 +59,20 @@
</div>
<div class="text-left">
<h3>Remote Support</h3>
<h3>{{ 'support.remoteSupport.title' | tr }}</h3>
</div>
<div class="card">
<div class="grid-item-top">
<div class="row">
<div class="col-lg-12">
<p ng-hide="config.features.support" class="text-bold">Remote support is only available in the paid plans.</p>
<p>Enable this option to allow support engineers to connect to this server via SSH.</p>
<p ng-hide="config.features.support" class="text-bold">{{ 'support.remoteSupport.subscriptionRequired' | tr }}</p>
<p>{{ 'support.remoteSupport.description' | tr }}</p>
<div ng-show="config.features.support">
<b>Do not enable this option unless requested by the Cloudron support team.</b>
<b>{{ 'support.remoteSupport.warning' | tr }}</b>
<br/>
<br/>
<button class="btn" ng-class="!sshSupportEnabled ? 'btn-danger pull-right' : 'btn-primary pull-right'" ng-click="toggleSshSupport()">{{ sshSupportEnabled ? 'Disable SSH support access' : 'Enable SSH support access' }}</button>
<button class="btn" ng-class="!sshSupportEnabled ? 'btn-danger pull-right' : 'btn-primary pull-right'" ng-click="toggleSshSupport()">{{ sshSupportEnabled ? ('support.remoteSupport.disableAction' | tr) : ('support.remoteSupport.enableAction' | tr) }}</button>
</div>
</div>
</div>