|
@@ -13,7 +13,7 @@
|
|
|
<li class="breadcrumb-item"><a href="{{ route('home') }}">Dashboard</a></li>
|
|
|
<li class="breadcrumb-item"><a href="{{ route('servers.index') }}">Servers</a>
|
|
|
<li class="breadcrumb-item"><a class="text-muted"
|
|
|
- href="{{ route('servers.create') }}">Create</a>
|
|
|
+ href="{{ route('servers.create') }}">Create</a>
|
|
|
</li>
|
|
|
</ol>
|
|
|
</div>
|
|
@@ -23,130 +23,450 @@
|
|
|
<!-- END CONTENT HEADER -->
|
|
|
|
|
|
<!-- MAIN CONTENT -->
|
|
|
- <section class="content">
|
|
|
- <div class="container-fluid">
|
|
|
+ <section x-data="serverApp()" class="content">
|
|
|
+ <div class="container">
|
|
|
|
|
|
- <!-- CUSTOM CONTENT -->
|
|
|
- <div class="row justify-content-center">
|
|
|
- <div class="card col-lg-8 col-md-12 mb-5">
|
|
|
- <div class="card-header">
|
|
|
- <h5 class="card-title"><i class="fa fa-server mr-2"></i>Create Server</h5>
|
|
|
- </div>
|
|
|
- <div class="card-body">
|
|
|
- <form method="post" action="{{ route('servers.store') }}">
|
|
|
- @csrf
|
|
|
- <div class="form-group">
|
|
|
- <label for="name">* Name</label>
|
|
|
- <input id="name" name="name" type="text" required="required"
|
|
|
- class="form-control @error('name') is-invalid @enderror">
|
|
|
+ <!-- FORM -->
|
|
|
+ <form action="{{route('servers.store')}}" method="post" class="row">
|
|
|
+ @csrf
|
|
|
+ <div class="col-md-8">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <div class="card-title"><i class="fas fa-cogs mr-2"></i>{{__('Server configuration')}}</div>
|
|
|
+ </div>
|
|
|
|
|
|
- @error('name')
|
|
|
- <div class="invalid-feedback">
|
|
|
- Please fill out this field.
|
|
|
- </div>
|
|
|
- @enderror
|
|
|
+ @if($productCount === 0 || $nodeCount === 0 || count($nests) === 0 || count($eggs) === 0 )
|
|
|
+ <div class="alert alert-danger p-2 m-2">
|
|
|
+ <h5><i class="icon fas fa-exclamation-circle"></i>{{__('Error!')}}</h5>
|
|
|
+ <p class="pl-4">
|
|
|
+ @if(Auth::user()->role == 'admin')
|
|
|
+ {{__('Make sure to link your products to nodes and eggs.')}} <br>
|
|
|
+ {{__('There has to be at least 1 valid product for server creation')}}
|
|
|
+ @endif
|
|
|
+ </p>
|
|
|
+ <ul>
|
|
|
+ @if($productCount === 0 )
|
|
|
+ <li> {{__('No products available!')}}</li>
|
|
|
+ @endif
|
|
|
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="description">Description</label>
|
|
|
- <input id="description" name="description" type="text"
|
|
|
- class="form-control @error('description') is-invalid @enderror">
|
|
|
+ @if($nodeCount === 0 )
|
|
|
+ <li>{{__('No nodes have been linked!')}}</li>
|
|
|
+ @endif
|
|
|
|
|
|
- @error('description')
|
|
|
- <div class="invalid-feedback">
|
|
|
- Please fill out this field.
|
|
|
- </div>
|
|
|
- @enderror
|
|
|
+ @if(count($nests) === 0 )
|
|
|
+ <li>{{__('No nests available!')}}</li>
|
|
|
+ @endif
|
|
|
|
|
|
+ @if(count($eggs) === 0 )
|
|
|
+ <li>{{__('No eggs have been linked!')}}</li>
|
|
|
+ @endif
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="location_id">* Server location</label>
|
|
|
- <div>
|
|
|
-
|
|
|
- <select id="node_id" name="node_id" required="required"
|
|
|
- class="custom-select @error('node_id') is-invalid @enderror">
|
|
|
- <option selected disabled hidden value="">Please Select ...</option>
|
|
|
- @foreach ($locations as $location)
|
|
|
- <optgroup label="{{ $location->name }}">
|
|
|
- @foreach ($location->nodes as $node)
|
|
|
- @if (!$node->disabled)
|
|
|
- <option value="{{ $node->id }}">{{ $node->name }}</option>
|
|
|
- @endif
|
|
|
- @endforeach
|
|
|
- </optgroup>
|
|
|
- @endforeach
|
|
|
+ @endif
|
|
|
+
|
|
|
|
|
|
- </select>
|
|
|
+ <div x-show="loading" class="overlay dark">
|
|
|
+ <i class="fas fa-2x fa-sync-alt"></i>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+
|
|
|
+ @if ($errors->any())
|
|
|
+ <div class="alert alert-danger">
|
|
|
+ <ul class="list-group pl-3">
|
|
|
+ @foreach ($errors->all() as $error)
|
|
|
+ <li>{{ $error }}</li>
|
|
|
+ @endforeach
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
+ @endif
|
|
|
|
|
|
- @error('node_id')
|
|
|
- <div class="invalid-feedback">
|
|
|
- Please fill out this field.
|
|
|
- </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="name">{{__('Name')}}</label>
|
|
|
+ <input x-model="name" id="name" name="name" type="text" required="required"
|
|
|
+ class="form-control @error('name') is-invalid @enderror">
|
|
|
+
|
|
|
+ @error('name')
|
|
|
+ <div class="invalid-feedback">
|
|
|
+ {{ $message }}
|
|
|
+ </div>
|
|
|
@enderror
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="egg_id">* Server configuration</label>
|
|
|
- <div>
|
|
|
- <select id="egg_id" name="egg_id" required="required"
|
|
|
- class="custom-select @error('egg_id') is-invalid @enderror">
|
|
|
- <option selected disabled hidden value="">Please Select ...</option>
|
|
|
- @foreach ($nests as $nest)
|
|
|
- <optgroup label="{{ $nest->name }}">
|
|
|
- @foreach ($nest->eggs as $egg)
|
|
|
- <option value="{{ $egg->id }}">{{ $egg->name }}</option>
|
|
|
- @endforeach
|
|
|
- </optgroup>
|
|
|
- @endforeach
|
|
|
- </select>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="nest">{{__('Software / Games')}}</label>
|
|
|
+ <select class="custom-select"
|
|
|
+ required
|
|
|
+ name="nest"
|
|
|
+ id="nest"
|
|
|
+ x-model="selectedNest"
|
|
|
+ @change="setEggs();">
|
|
|
+ <option selected disabled hidden
|
|
|
+ value="null">{{count($nests) > 0 ? __('Please select software ...') : __('---')}}</option>
|
|
|
+ @foreach ($nests as $nest)
|
|
|
+ <option value="{{ $nest->id }}">{{ $nest->name }}</option>
|
|
|
+ @endforeach
|
|
|
+ </select>
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- @error('egg_id')
|
|
|
- <div class="invalid-feedback">
|
|
|
- Please fill out this field.
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="egg">{{__('Specification ')}}</label>
|
|
|
+ <div>
|
|
|
+ <select id="egg"
|
|
|
+ required
|
|
|
+ name="egg"
|
|
|
+ :disabled="eggs.length == 0"
|
|
|
+ x-model="selectedEgg"
|
|
|
+ @change="fetchLocations();"
|
|
|
+ required="required"
|
|
|
+ class="custom-select">
|
|
|
+ <option x-text="getEggInputText()"
|
|
|
+ selected disabled hidden value="null"></option>
|
|
|
+ <template x-for="egg in eggs" :key="egg.id">
|
|
|
+ <option x-text="egg.name" :value="egg.id"></option>
|
|
|
+ </template>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- @enderror
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
<div class="form-group">
|
|
|
- <label for="product_id">* Resource Configuration</label>
|
|
|
- <div>
|
|
|
- <select id="product_id" name="product_id" required="required"
|
|
|
- class="custom-select @error('product_id') is-invalid @enderror">
|
|
|
- <option selected disabled hidden value="">Please Select...</option>
|
|
|
- @foreach ($products as $product)
|
|
|
- <option value="{{ $product->id }}" @if ($product->minimum_credits == -1 && Auth::user()->credits >= $minimum_credits)
|
|
|
- @elseif ($product->minimum_credits != -1 && Auth::user()->credits >=
|
|
|
- $product->minimum_credits)
|
|
|
- @else
|
|
|
- disabled
|
|
|
- @endif
|
|
|
- >{{ $product->name }}
|
|
|
- ({{ $product->description }})
|
|
|
- </option>
|
|
|
- @endforeach
|
|
|
- </select>
|
|
|
- </div>
|
|
|
+ <label for="node">{{__('Node')}}</label>
|
|
|
+ <select name="node"
|
|
|
+ required
|
|
|
+ id="node"
|
|
|
+ x-model="selectedNode"
|
|
|
+ :disabled="!fetchedLocations"
|
|
|
+ @change="fetchProducts();"
|
|
|
+ class="custom-select">
|
|
|
+ <option
|
|
|
+ x-text="getNodeInputText()"
|
|
|
+ disabled selected hidden value="null">
|
|
|
+ </option>
|
|
|
|
|
|
- @error('product_id')
|
|
|
- <div class="invalid-feedback">
|
|
|
- Please fill out this field.
|
|
|
- </div>
|
|
|
- @enderror
|
|
|
+ <template x-for="location in locations" :key="location.id">
|
|
|
+ <optgroup :label="location.name">
|
|
|
+
|
|
|
+ <template x-for="node in location.nodes" :key="node.id">
|
|
|
+ <option x-text="node.name"
|
|
|
+ :value="node.id">
|
|
|
+
|
|
|
+ </option>
|
|
|
+ </template>
|
|
|
+ </optgroup>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </select>
|
|
|
</div>
|
|
|
- <div class="form-group text-right">
|
|
|
- <input type="submit" class="btn btn-primary mt-3" value="Submit"
|
|
|
- onclick="this.disabled=true;this.value='Creating, please wait...';this.form.submit();">
|
|
|
+
|
|
|
+
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="product">{{__('Resources')}}</label>
|
|
|
+ <select name="product"
|
|
|
+ required
|
|
|
+ id="product"
|
|
|
+ :disabled="!fetchedProducts"
|
|
|
+ x-model="selectedProduct"
|
|
|
+ @change="updateSelectedObjects()"
|
|
|
+ class="custom-select">
|
|
|
+ <option
|
|
|
+ x-text="getProductInputText()"
|
|
|
+ disabled selected hidden value="null"></option>
|
|
|
+ <template x-for="product in products" :key="product.id">
|
|
|
+ <option :disabled="product.minimum_credits > user.credits"
|
|
|
+ x-text="getProductOptionText(product)"
|
|
|
+ :value="product.id">
|
|
|
+ </option>
|
|
|
+ </template>
|
|
|
+ </select>
|
|
|
</div>
|
|
|
- </form>
|
|
|
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- END CUSTOM CONTENT -->
|
|
|
+ <div class="col-md-4 mb-4">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <div class="card-title">
|
|
|
+ <i class="fas fa-list mr-2"></i>{{__('Server details')}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+
|
|
|
+ <ul class="list-group mb-3">
|
|
|
+ <li x-show="selectedNestObject.name"
|
|
|
+ class="list-group-item d-flex justify-content-between lh-condensed">
|
|
|
+ <div>
|
|
|
+ <h6 class="my-0">{{__('Software / Games')}}</h6>
|
|
|
+ <small x-text="selectedNestObject?.name ?? '{{__('No selection')}}'"
|
|
|
+ class="text-muted"></small>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="list-group-item d-flex justify-content-between lh-condensed">
|
|
|
+ <div>
|
|
|
+ <h6 class="my-0">{{__('Specification')}}</h6>
|
|
|
+ <small x-text="selectedEggObject?.name ?? '{{__('No selection')}}'"
|
|
|
+ class="text-muted"></small>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="list-group-item d-flex justify-content-between lh-condensed">
|
|
|
+ <div>
|
|
|
+ <h6 class="my-0">{{__('Node')}}</h6>
|
|
|
+ <small x-text="selectedNodeObject?.name ?? '{{__('No selection')}}'"
|
|
|
+ class="text-muted"></small>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="list-group-item">
|
|
|
+ <div>
|
|
|
+ <h6 class="my-0">{{__('Resources')}}</h6>
|
|
|
+ <small x-text="selectedProductObject?.name ?? '{{__('No selection')}}'"
|
|
|
+ class="text-muted"></small>
|
|
|
+ </div>
|
|
|
|
|
|
+ <template x-if="selectedProductObject?.name">
|
|
|
+ <ul class="pl-0">
|
|
|
+ <li class="d-flex justify-content-between">
|
|
|
+ <small class="text-muted d-inline-block">{{__('CPU')}}</small>
|
|
|
+ <small class="text-muted d-inline-block"
|
|
|
+ x-text="selectedProductObject.cpu + ' %'"></small>
|
|
|
+ </li>
|
|
|
+ <div class="d-flex justify-content-between">
|
|
|
+ <small class="text-muted d-inline-block">{{__('Memory')}}</small>
|
|
|
+ <small class="text-muted d-inline-block"
|
|
|
+ x-text="selectedProductObject.memory + ' {{__('MB')}}'"></small>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex justify-content-between">
|
|
|
+ <small class="text-muted d-inline-block">{{__('Disk')}}</small>
|
|
|
+ <small class="text-muted d-inline-block"
|
|
|
+ x-text="selectedProductObject.disk + ' {{__('MB')}}'"></small>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex justify-content-between">
|
|
|
+ <small class="text-muted d-inline-block">{{__('Databases')}}</small>
|
|
|
+ <small class="text-muted d-inline-block"
|
|
|
+ x-text="selectedProductObject.databases + ' {{__('MySQL')}}'"></small>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex justify-content-between">
|
|
|
+ <small class="text-muted d-inline-block">{{__('Backups')}}</small>
|
|
|
+ <small class="text-muted d-inline-block"
|
|
|
+ x-text="selectedProductObject.backups"></small>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex justify-content-between">
|
|
|
+ <small class="text-muted d-inline-block">{{__('Allocations')}} ({{__('ports')}})</small>
|
|
|
+ <small class="text-muted d-inline-block" x-text="selectedProductObject.allocations"></small>
|
|
|
+ </div>
|
|
|
+ </ul>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul class="list-group mb-3">
|
|
|
+ <li class="list-group-item d-flex justify-content-between">
|
|
|
+ <span>{{CREDITS_DISPLAY_NAME}} {{__('per month')}}</span>
|
|
|
+ <strong>
|
|
|
+ <i x-show="selectedProductObject?.price" class="fas fa-coins"></i>
|
|
|
+ <span x-text="selectedProductObject?.price ?? ''"></span>
|
|
|
+ </strong>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <button :disabled="!isFormValid()" :class="isFormValid() ? '' : 'disabled'"
|
|
|
+ class="btn btn-primary btn-block">
|
|
|
+ {{__('Create server')}}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <!-- END FORM -->
|
|
|
|
|
|
</div>
|
|
|
</section>
|
|
|
<!-- END CONTENT -->
|
|
|
|
|
|
+
|
|
|
+ <script>
|
|
|
+ function serverApp() {
|
|
|
+ return {
|
|
|
+ //loading
|
|
|
+ loading: false,
|
|
|
+ fetchedLocations: false,
|
|
|
+ fetchedProducts: false,
|
|
|
+
|
|
|
+ //input fields
|
|
|
+ name: null,
|
|
|
+ selectedNest: null,
|
|
|
+ selectedEgg: null,
|
|
|
+ selectedNode: null,
|
|
|
+ selectedProduct: null,
|
|
|
+
|
|
|
+ //selected objects based on input
|
|
|
+ selectedNestObject: {},
|
|
|
+ selectedEggObject: {},
|
|
|
+ selectedNodeObject: {},
|
|
|
+ selectedProductObject: {},
|
|
|
+
|
|
|
+ //values
|
|
|
+ user: {!! $user !!},
|
|
|
+ nests: {!! $nests !!},
|
|
|
+ eggsSave:{!! $eggs !!}, //store back-end eggs
|
|
|
+ eggs: [],
|
|
|
+ locations: [],
|
|
|
+ products: [],
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @description set available eggs based on the selected nest
|
|
|
+ * @note called whenever a nest is selected
|
|
|
+ * @see selectedNest
|
|
|
+ */
|
|
|
+ async setEggs() {
|
|
|
+ this.fetchedLocations = false;
|
|
|
+ this.fetchedProducts = false;
|
|
|
+ this.locations = [];
|
|
|
+ this.products = [];
|
|
|
+ this.selectedEgg = 'null';
|
|
|
+ this.selectedNode = 'null';
|
|
|
+ this.selectedProduct = 'null';
|
|
|
+
|
|
|
+ this.eggs = this.eggsSave.filter(egg => egg.nest_id == this.selectedNest)
|
|
|
+
|
|
|
+ //automatically select the first entry if there is only 1
|
|
|
+ if (this.eggs.length === 1) {
|
|
|
+ this.selectedEgg = this.eggs[0].id;
|
|
|
+ await this.fetchLocations();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.updateSelectedObjects()
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @description fetch all available locations based on the selected egg
|
|
|
+ * @note called whenever a server configuration is selected
|
|
|
+ * @see selectedEg
|
|
|
+ */
|
|
|
+ async fetchLocations() {
|
|
|
+ this.loading = true;
|
|
|
+ this.fetchedLocations = false;
|
|
|
+ this.fetchedProducts = false;
|
|
|
+ this.locations = [];
|
|
|
+ this.products = [];
|
|
|
+ this.selectedNode = 'null';
|
|
|
+ this.selectedProduct = 'null';
|
|
|
+
|
|
|
+ let response = await axios.get(`{{route('products.locations.egg')}}/${this.selectedEgg}`)
|
|
|
+ .catch(console.error)
|
|
|
+
|
|
|
+ this.fetchedLocations = true;
|
|
|
+ this.locations = response.data
|
|
|
+
|
|
|
+ //automatically select the first entry if there is only 1
|
|
|
+ if (this.locations.length === 1 && this.locations[0]?.nodes?.length === 1) {
|
|
|
+ this.selectedNode = this.locations[0]?.nodes[0]?.id;
|
|
|
+ await this.fetchProducts();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.loading = false;
|
|
|
+ this.updateSelectedObjects()
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @description fetch all available products based on the selected node
|
|
|
+ * @note called whenever a node is selected
|
|
|
+ * @see selectedNode
|
|
|
+ */
|
|
|
+ async fetchProducts() {
|
|
|
+ this.loading = true;
|
|
|
+ this.fetchedProducts = false;
|
|
|
+ this.products = [];
|
|
|
+ this.selectedProduct = 'null';
|
|
|
+
|
|
|
+ let response = await axios.get(`{{route('products.products.node')}}/${this.selectedEgg}/${this.selectedNode}`)
|
|
|
+ .catch(console.error)
|
|
|
+
|
|
|
+ this.fetchedProducts = true;
|
|
|
+ this.products = response.data
|
|
|
+
|
|
|
+ //automatically select the first entry if there is only 1
|
|
|
+ if (this.products.length === 1) {
|
|
|
+ this.selectedProduct = this.products[0].id;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.loading = false;
|
|
|
+ this.updateSelectedObjects()
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @description map selected id's to selected objects
|
|
|
+ * @note being used in the server info box
|
|
|
+ */
|
|
|
+ updateSelectedObjects() {
|
|
|
+ this.selectedNestObject = this.nests.find(nest => nest.id == this.selectedNest) ?? {}
|
|
|
+ this.selectedEggObject = this.eggs.find(egg => egg.id == this.selectedEgg) ?? {}
|
|
|
+
|
|
|
+ this.locations.forEach(location => {
|
|
|
+ this.selectedNodeObject = location.nodes.find(node => node.id == this.selectedNode) ?? {};
|
|
|
+ })
|
|
|
+
|
|
|
+ this.selectedProductObject = this.products.find(product => product.id == this.selectedProduct) ?? {}
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @description check if all options are selected
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+ isFormValid() {
|
|
|
+ if (Object.keys(this.selectedNestObject).length === 0) return false;
|
|
|
+ if (Object.keys(this.selectedEggObject).length === 0) return false;
|
|
|
+ if (Object.keys(this.selectedNodeObject).length === 0) return false;
|
|
|
+ if (Object.keys(this.selectedProductObject).length === 0) return false;
|
|
|
+ return !!this.name;
|
|
|
+ },
|
|
|
+
|
|
|
+ getNodeInputText() {
|
|
|
+ if (this.fetchedLocations) {
|
|
|
+ if (this.locations.length > 0) {
|
|
|
+ return '{{__('Please select a node ...')}}';
|
|
|
+ }
|
|
|
+ return '{{__('No nodes found matching current configuration')}}'
|
|
|
+ }
|
|
|
+ return '{{__('---')}}';
|
|
|
+ },
|
|
|
+
|
|
|
+ getProductInputText() {
|
|
|
+ if (this.fetchedProducts) {
|
|
|
+ if (this.products.length > 0) {
|
|
|
+ return '{{__('Please select a resource ...')}}';
|
|
|
+ }
|
|
|
+ return '{{__('No resources found matching current configuration')}}'
|
|
|
+ }
|
|
|
+ return '{{__('---')}}';
|
|
|
+ },
|
|
|
+
|
|
|
+ getEggInputText() {
|
|
|
+ if (this.selectedNest) {
|
|
|
+ return '{{__('Please select a configuration ...')}}';
|
|
|
+ }
|
|
|
+ return '{{__('---')}}';
|
|
|
+ },
|
|
|
+
|
|
|
+ getProductOptionText(product) {
|
|
|
+ let text = product.name + ' (' + product.description + ')';
|
|
|
+
|
|
|
+ if (product.minimum_credits > this.user.credits) {
|
|
|
+ return '{{__('Not enough credits!')}} | ' + text;
|
|
|
+ }
|
|
|
+
|
|
|
+ return text;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </script>
|
|
|
@endsection
|