Page MenuHomePhorge
Differential D1384 Diff 3658 src/resources/vue/User/Info.vue

Changeset View

Standalone View

View Options

src/resources/vue/User/Info.vue

<template> <template>
<div class="container"> <div class="container">
<status-component v-if="user_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component> <status-component v-if="user_id !== 'new'" :status="status" @status-update="statusUpdate"></status-component>
<div class="card" id="user-info"> <div class="card" id="user-info">
<div class="card-body"> <div class="card-body">
<div class="card-title" v-if="user_id !== 'new'">User account</div> <div class="card-title" v-if="user_id !== 'new'">User account</div>
<div class="card-title" v-if="user_id === 'new'">New user account</div> <div class="card-title" v-if="user_id === 'new'">New user account</div>
<div class="card-text"> <div class="card-text">
<form @submit.prevent="submit"> <form @submit.prevent="submit">
<div v-if="user_id !== 'new'" class="form-group row"> <div v-if="user_id !== 'new'" class="form-group row plaintext">
<label for="first_name" class="col-sm-4 col-form-label">Status</label> <label for="first_name" class="col-sm-4 col-form-label">Status</label>
<div class="col-sm-8"> <div class="col-sm-8">
<span :class="$root.userStatusClass(user) + ' form-control-plaintext'" id="status">{{ $root.userStatusText(user) }}</span> <span :class="$root.userStatusClass(user) + ' form-control-plaintext'" id="status">{{ $root.userStatusText(user) }}</span>
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label for="first_name" class="col-sm-4 col-form-label">First name</label> <label for="first_name" class="col-sm-4 col-form-label">First name</label>
<div class="col-sm-8"> <div class="col-sm-8">
▲ Show 20 Lines • Show All 46 Lines • ▼ Show 20 Lines <div class="container">
<th scope="col">Package</th> <th scope="col">Package</th>
<th scope="col">Price</th> <th scope="col">Price</th>
<th scope="col"></th> <th scope="col"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="pkg in packages" :id="'p' + pkg.id" :key="pkg.id"> <tr v-for="pkg in packages" :id="'p' + pkg.id" :key="pkg.id">
<td class="selection"> <td class="selection">
<input type="checkbox" :value="pkg.id" @click="selectPackage" :checked="pkg.id == package_id"> <input type="checkbox" @click="selectPackage"
:value="pkg.id"
:checked="pkg.id == package_id"
:id="'pkg-input-' + pkg.id"
>
</td> </td>
<td class="name"> <td class="name">
{{ pkg.name }} <label :for="'pkg-input-' + pkg.id">{{ pkg.name }}</label>
</td> </td>
<td class="price text-nowrap"> <td class="price text-nowrap">
{{ $root.priceLabel(pkg.cost, 1, discount) }} {{ $root.priceLabel(pkg.cost, 1, discount) }}
</td> </td>
<td class="buttons"> <td class="buttons">
<button v-if="pkg.description" type="button" class="btn btn-link btn-lg p-0" v-tooltip.click="pkg.description"> <button v-if="pkg.description" type="button" class="btn btn-link btn-lg p-0" v-tooltip.click="pkg.description">
<svg-icon icon="info-circle"></svg-icon> <svg-icon icon="info-circle"></svg-icon>
<span class="sr-only">More information</span> <span class="sr-only">More information</span>
Show All 22 Lines <div class="container">
</thead> </thead>
<tbody> <tbody>
<tr v-for="sku in skus" :id="'s' + sku.id" :key="sku.id"> <tr v-for="sku in skus" :id="'s' + sku.id" :key="sku.id">
<td class="selection"> <td class="selection">
<input type="checkbox" @input="onInputSku" <input type="checkbox" @input="onInputSku"
:value="sku.id" :value="sku.id"
:disabled="sku.readonly" :disabled="sku.readonly"
:checked="sku.enabled" :checked="sku.enabled"
:dusk="'sku-input-' + sku.title" :id="'sku-input-' + sku.title"
> >
</td> </td>
<td class="name"> <td class="name">
<span class="name">{{ sku.name }}</span> <label :for="'sku-input-' + sku.title">{{ sku.name }}</label>
<div v-if="sku.range" class="range-input"> <div v-if="sku.range" class="range-input">
<label class="text-nowrap">{{ sku.range.min }} {{ sku.range.unit }}</label> <label class="text-nowrap">{{ sku.range.min }} {{ sku.range.unit }}</label>
<input <input
type="range" class="custom-range" @input="rangeUpdate" type="range" class="custom-range" @input="rangeUpdate"
:value="sku.value || sku.range.min" :value="sku.value || sku.range.min"
:min="sku.range.min" :min="sku.range.min"
:max="sku.range.max" :max="sku.range.max"
> >
▲ Show 20 Lines • Show All 238 Lines • Show Last 20 Lines