vnDataViewer
This commit is contained in:
parent
ac5d9b909b
commit
87add6cd33
|
@ -0,0 +1,25 @@
|
||||||
|
<div ng-if="$ctrl.hasData">
|
||||||
|
<div ng-transclude></div>
|
||||||
|
<vn-pagination
|
||||||
|
model="$ctrl.model">
|
||||||
|
</vn-pagination>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="empty-rows"
|
||||||
|
ng-if="!$ctrl.hasData"
|
||||||
|
ng-switch="$ctrl.status">
|
||||||
|
<vn-spinner
|
||||||
|
ng-switch-when="loading"
|
||||||
|
enable="true">
|
||||||
|
</vn-spinner>
|
||||||
|
<span
|
||||||
|
ng-switch-when="clear"
|
||||||
|
translate>
|
||||||
|
Enter a new search
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
ng-switch-when="empty"
|
||||||
|
translate>
|
||||||
|
No results
|
||||||
|
</span>
|
||||||
|
</div>
|
|
@ -0,0 +1,39 @@
|
||||||
|
import ngModule from '../../module';
|
||||||
|
import './style.scss';
|
||||||
|
|
||||||
|
export default class DataViewer {
|
||||||
|
get computedData() {
|
||||||
|
return this.data || (this.model && this.model.data);
|
||||||
|
}
|
||||||
|
|
||||||
|
get computedLoading() {
|
||||||
|
return this.isLoading || (this.model && this.model.isRefreshing);
|
||||||
|
}
|
||||||
|
|
||||||
|
get hasData() {
|
||||||
|
let data = this.computedData;
|
||||||
|
return data && data.length;
|
||||||
|
}
|
||||||
|
|
||||||
|
get status() {
|
||||||
|
if (this.hasData)
|
||||||
|
return null;
|
||||||
|
if (this.computedLoading)
|
||||||
|
return 'loading';
|
||||||
|
if (this.computedData)
|
||||||
|
return 'empty';
|
||||||
|
else
|
||||||
|
return 'clear';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ngModule.component('vnDataViewer', {
|
||||||
|
template: require('./index.html'),
|
||||||
|
transclude: true,
|
||||||
|
controller: DataViewer,
|
||||||
|
bindings: {
|
||||||
|
model: '<?',
|
||||||
|
data: '<?',
|
||||||
|
isLoading: '<?'
|
||||||
|
}
|
||||||
|
});
|
|
@ -0,0 +1,14 @@
|
||||||
|
@import "variables";
|
||||||
|
|
||||||
|
vn-data-viewer {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
& > .empty-rows {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1.5em;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: $color-font-secondary;
|
||||||
|
font-size: 1.4em;
|
||||||
|
}
|
||||||
|
}
|
|
@ -37,6 +37,7 @@ import './calendar';
|
||||||
import './check';
|
import './check';
|
||||||
import './chip';
|
import './chip';
|
||||||
import './color-legend';
|
import './color-legend';
|
||||||
|
import './data-viewer';
|
||||||
import './input-number';
|
import './input-number';
|
||||||
import './input-time';
|
import './input-time';
|
||||||
import './input-file';
|
import './input-file';
|
||||||
|
|
|
@ -1,11 +1,2 @@
|
||||||
<div class="table">
|
<div class="table" ng-transclude>
|
||||||
<vn-empty-rows ng-if="$ctrl.isRefreshing">
|
|
||||||
<vn-spinner enable="$ctrl.isRefreshing"></vn-spinner>
|
|
||||||
</vn-empty-rows>
|
|
||||||
<vn-empty-rows ng-if="$ctrl.model && !$ctrl.isRefreshing && !$ctrl.model.data">
|
|
||||||
<span translate>Enter a new search</span>
|
|
||||||
</vn-empty-rows>
|
|
||||||
<vn-empty-rows ng-if="$ctrl.model && !$ctrl.isRefreshing && $ctrl.model.data.length == 0">
|
|
||||||
<span translate>No results</span>
|
|
||||||
</vn-empty-rows>
|
|
||||||
</div>
|
</div>
|
|
@ -8,18 +8,6 @@ export default class Table {
|
||||||
this.field = null;
|
this.field = null;
|
||||||
this.order = null;
|
this.order = null;
|
||||||
this.autoLoad = true;
|
this.autoLoad = true;
|
||||||
|
|
||||||
$transclude($scope.$parent, clone => {
|
|
||||||
angular.element($element[0].querySelector('.table')).append(clone);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
get isRefreshing() {
|
|
||||||
return (this.model && this.model.isRefreshing);
|
|
||||||
}
|
|
||||||
|
|
||||||
get isPaging() {
|
|
||||||
return (this.model && this.model.isPaging);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
setOrder(field, order) {
|
setOrder(field, order) {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
@import "./effects";
|
@import "./effects";
|
||||||
|
|
||||||
.vn-list {
|
.vn-list {
|
||||||
max-width: 36em;
|
max-width: $width-sm;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
a.vn-list-item {
|
a.vn-list-item {
|
||||||
|
|
|
@ -6,7 +6,7 @@ $mobile-width: 800px;
|
||||||
// Width
|
// Width
|
||||||
|
|
||||||
$width-xs: 25em;
|
$width-xs: 25em;
|
||||||
$width-sm: 32em;
|
$width-sm: 34em;
|
||||||
$width-md: 50em;
|
$width-md: 50em;
|
||||||
$width-lg: 80em;
|
$width-lg: 80em;
|
||||||
$width-xl: 100em;
|
$width-xl: 100em;
|
||||||
|
|
|
@ -5,7 +5,10 @@
|
||||||
form="form"
|
form="form"
|
||||||
save="patch">
|
save="patch">
|
||||||
</vn-watcher>
|
</vn-watcher>
|
||||||
<form name="form" ng-submit="$ctrl.onSubmit()" compact>
|
<form
|
||||||
|
name="form"
|
||||||
|
ng-submit="$ctrl.onSubmit()"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card pad-large>
|
<vn-card pad-large>
|
||||||
<vn-horizontal>
|
<vn-horizontal>
|
||||||
<vn-textfield
|
<vn-textfield
|
||||||
|
@ -73,7 +76,14 @@
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-button-bar>
|
<vn-button-bar>
|
||||||
<vn-submit label="Save" vn-acl="deliveryBoss"></vn-submit>
|
<vn-submit
|
||||||
<vn-button label="Undo changes" ng-if="watcher.dataChanged()" ng-click="watcher.loadOriginalData()"></vn-button>
|
label="Save"
|
||||||
|
vn-acl="deliveryBoss">
|
||||||
|
</vn-submit>
|
||||||
|
<vn-button
|
||||||
|
label="Undo changes"
|
||||||
|
ng-if="watcher.dataChanged()"
|
||||||
|
ng-click="watcher.loadOriginalData()">
|
||||||
|
</vn-button>
|
||||||
</vn-button-bar>
|
</vn-button-bar>
|
||||||
</form>
|
</form>
|
||||||
|
|
|
@ -1,6 +1,10 @@
|
||||||
<div class="main-with-right-menu">
|
<div class="main-with-right-menu">
|
||||||
<div class="vn-list vn-w-sm">
|
<vn-data-viewer
|
||||||
<vn-card ng-if="data.length">
|
data="data"
|
||||||
|
is-loading="!data"
|
||||||
|
class="vn-w-sm">
|
||||||
|
<vn-card>
|
||||||
|
<div class="vn-list">
|
||||||
<a
|
<a
|
||||||
ng-repeat="row in data"
|
ng-repeat="row in data"
|
||||||
translate-attr="{title: 'Edit'}"
|
translate-attr="{title: 'Edit'}"
|
||||||
|
@ -52,14 +56,9 @@
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</a>
|
</a>
|
||||||
</vn-card>
|
|
||||||
</div>
|
</div>
|
||||||
<vn-bg-title ng-if="!data">
|
</vn-card>
|
||||||
<vn-spinner enable="true"></vn-spinner>
|
</vn-data-viewer>
|
||||||
</vn-bg-title>
|
|
||||||
<vn-bg-title ng-if="data.length == 0" translate>
|
|
||||||
No records found
|
|
||||||
</vn-bg-title>
|
|
||||||
</div>
|
</div>
|
||||||
<vn-side-menu side="right">
|
<vn-side-menu side="right">
|
||||||
<vn-zone-calendar
|
<vn-zone-calendar
|
||||||
|
|
|
@ -1,5 +1,9 @@
|
||||||
<div class="main-with-right-menu">
|
<div class="main-with-right-menu">
|
||||||
<vn-card ng-if="data.length" class="vn-w-xs">
|
<vn-data-viewer
|
||||||
|
data="data"
|
||||||
|
is-loading="!data"
|
||||||
|
class="vn-w-xs">
|
||||||
|
<vn-card>
|
||||||
<vn-table>
|
<vn-table>
|
||||||
<vn-tbody>
|
<vn-tbody>
|
||||||
<vn-tr ng-repeat="row in data | orderBy:'day'">
|
<vn-tr ng-repeat="row in data | orderBy:'day'">
|
||||||
|
@ -15,12 +19,7 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-bg-title ng-if="!data">
|
</vn-data-viewer>
|
||||||
<vn-spinner enable="true"></vn-spinner>
|
|
||||||
</vn-bg-title>
|
|
||||||
<vn-bg-title ng-if="data.length == 0" translate>
|
|
||||||
No records found
|
|
||||||
</vn-bg-title>
|
|
||||||
</div>
|
</div>
|
||||||
<vn-side-menu side="right">
|
<vn-side-menu side="right">
|
||||||
<vn-zone-calendar
|
<vn-zone-calendar
|
||||||
|
|
|
@ -4,11 +4,10 @@
|
||||||
filter="::$ctrl.filter"
|
filter="::$ctrl.filter"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="zones"
|
data="zones"
|
||||||
auto-load="false">
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div>
|
<div>
|
||||||
<div class="vn-list">
|
<vn-card class="vn-w-sm pad-medium-h">
|
||||||
<vn-card pad-medium-h>
|
|
||||||
<vn-searchbar
|
<vn-searchbar
|
||||||
panel="vn-zone-search-panel"
|
panel="vn-zone-search-panel"
|
||||||
model="model"
|
model="model"
|
||||||
|
@ -17,8 +16,12 @@
|
||||||
vn-focus>
|
vn-focus>
|
||||||
</vn-searchbar>
|
</vn-searchbar>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
</div>
|
<vn-data-viewer
|
||||||
<vn-card margin-medium-v margin-huge-bottom compact>
|
model="model"
|
||||||
|
class="vn-w-md"
|
||||||
|
margin-medium-top
|
||||||
|
margin-huge-bottom>
|
||||||
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
<vn-tr>
|
<vn-tr>
|
||||||
|
@ -60,7 +63,7 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
</div>
|
||||||
<vn-dialog
|
<vn-dialog
|
||||||
vn-id="summary"
|
vn-id="summary"
|
||||||
|
|
|
@ -1,4 +1,8 @@
|
||||||
<vn-card ng-if="data.length" class="vn-w-xs">
|
<vn-data-viewer
|
||||||
|
data="data"
|
||||||
|
is-loading="!data"
|
||||||
|
class="vn-w-xs">
|
||||||
|
<vn-card>
|
||||||
<vn-table>
|
<vn-table>
|
||||||
<vn-tbody>
|
<vn-tbody>
|
||||||
<vn-tr ng-repeat="row in data | orderBy:'warehouse.name'">
|
<vn-tr ng-repeat="row in data | orderBy:'warehouse.name'">
|
||||||
|
@ -14,12 +18,7 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-bg-title ng-if="!data">
|
</vn-data-viewer>
|
||||||
<vn-spinner enable="true"></vn-spinner>
|
|
||||||
</vn-bg-title>
|
|
||||||
<vn-bg-title ng-if="data.length == 0" translate>
|
|
||||||
No records found
|
|
||||||
</vn-bg-title>
|
|
||||||
<vn-float-button
|
<vn-float-button
|
||||||
icon="add"
|
icon="add"
|
||||||
translate-attr="{title: 'Add'}"
|
translate-attr="{title: 'Add'}"
|
||||||
|
|
|
@ -6,7 +6,9 @@
|
||||||
data="$ctrl.addresses"
|
data="$ctrl.addresses"
|
||||||
auto-load="true">
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div compact>
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card pad-medium>
|
<vn-card pad-medium>
|
||||||
<div
|
<div
|
||||||
ng-repeat="address in $ctrl.addresses"
|
ng-repeat="address in $ctrl.addresses"
|
||||||
|
@ -62,6 +64,7 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
|
</vn-data-viewer>
|
||||||
<vn-float-button
|
<vn-float-button
|
||||||
vn-bind="+"
|
vn-bind="+"
|
||||||
fixed-bottom-right
|
fixed-bottom-right
|
||||||
|
@ -70,5 +73,3 @@
|
||||||
icon="add"
|
icon="add"
|
||||||
label="Add">
|
label="Add">
|
||||||
</vn-float-button>
|
</vn-float-button>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
|
||||||
</div>
|
|
||||||
|
|
|
@ -3,7 +3,8 @@
|
||||||
url="/client/api/receipts/filter"
|
url="/client/api/receipts/filter"
|
||||||
params="$ctrl.params"
|
params="$ctrl.params"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="$ctrl.balances">
|
data="$ctrl.balances"
|
||||||
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<vn-crud-model
|
<vn-crud-model
|
||||||
vn-id="riskModel"
|
vn-id="riskModel"
|
||||||
|
@ -11,7 +12,7 @@
|
||||||
filter="$ctrl.filter"
|
filter="$ctrl.filter"
|
||||||
data="$ctrl.clientRisks">
|
data="$ctrl.clientRisks">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div>
|
<div class="vn-w-lg">
|
||||||
<vn-card class="pad-medium margin-medium-bottom">
|
<vn-card class="pad-medium margin-medium-bottom">
|
||||||
<vn-horizontal
|
<vn-horizontal
|
||||||
style="align-items: center;">
|
style="align-items: center;">
|
||||||
|
@ -40,11 +41,12 @@
|
||||||
</vn-one>
|
</vn-one>
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
|
<vn-data-viewer model="model">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
<vn-tr>
|
<vn-tr>
|
||||||
<vn-th default-order>Date</vn-th>
|
<vn-th>Date</vn-th>
|
||||||
<vn-th>Creation date</vn-th>
|
<vn-th>Creation date</vn-th>
|
||||||
<vn-th>Employee</vn-th>
|
<vn-th>Employee</vn-th>
|
||||||
<vn-th>Reference</vn-th>
|
<vn-th>Reference</vn-th>
|
||||||
|
@ -98,7 +100,7 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
</div>
|
||||||
<vn-float-button
|
<vn-float-button
|
||||||
vn-acl="administrative"
|
vn-acl="administrative"
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
data="$ctrl.classifications"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card pad-medium>
|
<vn-card pad-medium>
|
||||||
<vn-horizontal
|
<vn-horizontal
|
||||||
ng-repeat="classification in $ctrl.classifications track by classification.id"
|
ng-repeat="classification in $ctrl.classifications track by classification.id"
|
||||||
|
@ -46,13 +48,8 @@
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</vn-one>
|
</vn-one>
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
<vn-horizontal ng-if="model.data.length == 0">
|
|
||||||
<vn-one ad-small translate>
|
|
||||||
No results
|
|
||||||
</vn-one>
|
|
||||||
</vn-horizontal>
|
|
||||||
</vn-card>
|
</vn-card>
|
||||||
</div>
|
</vn-data-viewer>
|
||||||
<vn-float-button
|
<vn-float-button
|
||||||
ng-if="$ctrl.canCreateNew()"
|
ng-if="$ctrl.canCreateNew()"
|
||||||
vn-tooltip="New contract"
|
vn-tooltip="New contract"
|
||||||
|
|
|
@ -4,15 +4,19 @@
|
||||||
filter="::$ctrl.filter"
|
filter="::$ctrl.filter"
|
||||||
link="{clientFk: $ctrl.$stateParams.id}"
|
link="{clientFk: $ctrl.$stateParams.id}"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="credits" auto-load="false">
|
data="credits"
|
||||||
|
order="created DESC"
|
||||||
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
<vn-tr>
|
<vn-tr>
|
||||||
<vn-th field="created" default-order="DESC">Since</vn-th>
|
<vn-th field="created">Since</vn-th>
|
||||||
<vn-th>Employee</vn-th>
|
<vn-th field="workerFk">Employee</vn-th>
|
||||||
<vn-th field="amount" number>Credit</vn-th>
|
<vn-th field="amount" number>Credit</vn-th>
|
||||||
</vn-tr>
|
</vn-tr>
|
||||||
</vn-thead>
|
</vn-thead>
|
||||||
|
@ -25,8 +29,7 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
|
||||||
<vn-float-button
|
<vn-float-button
|
||||||
icon="add"
|
icon="add"
|
||||||
ui-sref="client.card.credit.create"
|
ui-sref="client.card.credit.create"
|
||||||
|
|
|
@ -4,14 +4,18 @@
|
||||||
link="{clientFk: $ctrl.$stateParams.id}"
|
link="{clientFk: $ctrl.$stateParams.id}"
|
||||||
filter="::$ctrl.filter"
|
filter="::$ctrl.filter"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="$ctrl.clientDms">
|
data="$ctrl.clientDms"
|
||||||
|
order="dmsFk DESC"
|
||||||
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div class="vn-w-lg">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-lg">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
<vn-tr>
|
<vn-tr>
|
||||||
<vn-th field="dmsFk" default-order="DESC" shrink>Id</vn-th>
|
<vn-th field="dmsFk" shrink>Id</vn-th>
|
||||||
<vn-th field="dmsTypeFk" shrink>Type</vn-th>
|
<vn-th field="dmsTypeFk" shrink>Type</vn-th>
|
||||||
<vn-th field="hardCopyNumber" shrink number>Order</vn-th>
|
<vn-th field="hardCopyNumber" shrink number>Order</vn-th>
|
||||||
<vn-th field="reference" shrink>Reference</vn-th>
|
<vn-th field="reference" shrink>Reference</vn-th>
|
||||||
|
@ -95,8 +99,7 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
</div>
|
</vn-data-viewer>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
|
||||||
<vn-worker-descriptor-popover
|
<vn-worker-descriptor-popover
|
||||||
vn-id="workerDescriptor">
|
vn-id="workerDescriptor">
|
||||||
</vn-worker-descriptor-popover>
|
</vn-worker-descriptor-popover>
|
||||||
|
|
|
@ -11,7 +11,9 @@
|
||||||
path="/client/api/greuges/{{$ctrl.$stateParams.id}}/sumAmount"
|
path="/client/api/greuges/{{$ctrl.$stateParams.id}}/sumAmount"
|
||||||
options="mgEdit">
|
options="mgEdit">
|
||||||
</mg-ajax>
|
</mg-ajax>
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card
|
<vn-card
|
||||||
ng-if="model.data.length > 0"
|
ng-if="model.data.length > 0"
|
||||||
style="text-align: right;"
|
style="text-align: right;"
|
||||||
|
@ -43,8 +45,7 @@
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-vertical>
|
</vn-vertical>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
|
||||||
<vn-float-button
|
<vn-float-button
|
||||||
icon="add"
|
icon="add"
|
||||||
ui-sref="client.card.greuge.create"
|
ui-sref="client.card.greuge.create"
|
||||||
|
|
|
@ -17,6 +17,7 @@
|
||||||
vn-focus>
|
vn-focus>
|
||||||
</vn-searchbar>
|
</vn-searchbar>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
|
<vn-data-viewer model="model">
|
||||||
<vn-card margin-medium-v>
|
<vn-card margin-medium-v>
|
||||||
<a
|
<a
|
||||||
ng-repeat="client in clients track by client.id"
|
ng-repeat="client in clients track by client.id"
|
||||||
|
@ -53,14 +54,8 @@
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</a>
|
</a>
|
||||||
<vn-empty-rows translate ng-if="model.data.length === 0">
|
|
||||||
No results
|
|
||||||
</vn-empty-rows>
|
|
||||||
<vn-empty-rows translate ng-if="model.data === null">
|
|
||||||
Enter a new search
|
|
||||||
</vn-empty-rows>
|
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a ui-sref="client.create" vn-tooltip="New client" vn-bind="+" fixed-bottom-right>
|
<a ui-sref="client.create" vn-tooltip="New client" vn-bind="+" fixed-bottom-right>
|
||||||
|
|
|
@ -5,9 +5,12 @@
|
||||||
link="{clientFk: $ctrl.$stateParams.id}"
|
link="{clientFk: $ctrl.$stateParams.id}"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="mandates"
|
data="mandates"
|
||||||
auto-load="false">
|
order="created DESC"
|
||||||
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
|
@ -15,7 +18,7 @@
|
||||||
<vn-th field="id" number>Id</vn-th>
|
<vn-th field="id" number>Id</vn-th>
|
||||||
<vn-th field="companyFk">Company</vn-th>
|
<vn-th field="companyFk">Company</vn-th>
|
||||||
<vn-th field="mandateTypeFk">Type</vn-th>
|
<vn-th field="mandateTypeFk">Type</vn-th>
|
||||||
<vn-th field="created" default-order="DESC">Register date</vn-th>
|
<vn-th field="created">Register date</vn-th>
|
||||||
<vn-th field="finished">End date</vn-th>
|
<vn-th field="finished">End date</vn-th>
|
||||||
</vn-tr>
|
</vn-tr>
|
||||||
</vn-thead>
|
</vn-thead>
|
||||||
|
@ -30,5 +33,4 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</vn-vertical>
|
|
|
@ -6,7 +6,9 @@
|
||||||
data="notes"
|
data="notes"
|
||||||
auto-load="true">
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card pad-medium>
|
<vn-card pad-medium>
|
||||||
<div class="note"
|
<div class="note"
|
||||||
ng-repeat="note in notes"
|
ng-repeat="note in notes"
|
||||||
|
@ -22,12 +24,8 @@
|
||||||
{{::note.text}}
|
{{::note.text}}
|
||||||
</vn-horizontal>
|
</vn-horizontal>
|
||||||
</div>
|
</div>
|
||||||
<div ng-if="model.data.length == 0" ad-small translate>
|
|
||||||
No results
|
|
||||||
</div>
|
|
||||||
</vn-card>
|
</vn-card>
|
||||||
</div>
|
</vn-data-viewer>
|
||||||
|
|
||||||
<a vn-tooltip="New note"
|
<a vn-tooltip="New note"
|
||||||
ui-sref="client.card.note.create({id: $ctrl.$stateParams.id})"
|
ui-sref="client.card.note.create({id: $ctrl.$stateParams.id})"
|
||||||
vn-bind="+"
|
vn-bind="+"
|
||||||
|
|
|
@ -4,15 +4,18 @@
|
||||||
link="{clientFk: $ctrl.$stateParams.id}"
|
link="{clientFk: $ctrl.$stateParams.id}"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="recoveries"
|
data="recoveries"
|
||||||
auto-load="false">
|
order="started DESC"
|
||||||
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
<vn-tr>
|
<vn-tr>
|
||||||
<vn-th></vn-th>
|
<vn-th></vn-th>
|
||||||
<vn-th field="started" default-order="DESC">Since</vn-th>
|
<vn-th field="started">Since</vn-th>
|
||||||
<vn-th field="finished">To</vn-th>
|
<vn-th field="finished">To</vn-th>
|
||||||
<vn-th field="amount" number>Amount</vn-th>
|
<vn-th field="amount" number>Amount</vn-th>
|
||||||
<vn-th field="period" number>Period</vn-th>
|
<vn-th field="period" number>Period</vn-th>
|
||||||
|
@ -38,8 +41,7 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
|
||||||
<vn-float-button
|
<vn-float-button
|
||||||
icon="add"
|
icon="add"
|
||||||
fixed-bottom-right
|
fixed-bottom-right
|
||||||
|
|
|
@ -5,14 +5,17 @@
|
||||||
link="{clientFk: $ctrl.$stateParams.id}"
|
link="{clientFk: $ctrl.$stateParams.id}"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="samples"
|
data="samples"
|
||||||
auto-load="false">
|
order="created DESC"
|
||||||
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
<vn-tr>
|
<vn-tr>
|
||||||
<vn-th field="created" default-order="DESC">Sent</vn-th>
|
<vn-th field="created">Sent</vn-th>
|
||||||
<vn-th>Description</vn-th>
|
<vn-th>Description</vn-th>
|
||||||
<vn-th field="workerFk">Worker</vn-th>
|
<vn-th field="workerFk">Worker</vn-th>
|
||||||
<vn-th field="companyFk">Company</vn-th>
|
<vn-th field="companyFk">Company</vn-th>
|
||||||
|
@ -36,14 +39,16 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
|
||||||
<vn-worker-descriptor-popover
|
<vn-worker-descriptor-popover
|
||||||
vn-id="workerDescriptor"
|
vn-id="workerDescriptor"
|
||||||
worker-fk="$ctrl.selectedWorker">
|
worker-fk="$ctrl.selectedWorker">
|
||||||
</vn-worker-descriptor-popover>
|
</vn-worker-descriptor-popover>
|
||||||
<a ui-sref="client.card.sample.create" vn-tooltip="Send sample"
|
<a
|
||||||
vn-bind="+" fixed-bottom-right>
|
ui-sref="client.card.sample.create"
|
||||||
|
vn-tooltip="Send sample"
|
||||||
|
vn-bind="+"
|
||||||
|
fixed-bottom-right>
|
||||||
<vn-float-button icon="add"></vn-float-button>
|
<vn-float-button icon="add"></vn-float-button>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -3,23 +3,27 @@
|
||||||
url="/client/api/clients/getTransactions"
|
url="/client/api/clients/getTransactions"
|
||||||
link="{clientFk: $ctrl.$stateParams.id}"
|
link="{clientFk: $ctrl.$stateParams.id}"
|
||||||
limit="20"
|
limit="20"
|
||||||
data="transactions" auto-load="false">
|
data="transactions"
|
||||||
|
order="created DESC"
|
||||||
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div class="vn-w-md">
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-md">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
<vn-tr>
|
<vn-tr>
|
||||||
<vn-th>State</vn-th>
|
<vn-th shrink>State</vn-th>
|
||||||
<vn-th field="id" number>Id</vn-th>
|
<vn-th field="id" number>Id</vn-th>
|
||||||
|
<vn-th field="created">Date</vn-th>
|
||||||
<vn-th field="amount" number>Amount</vn-th>
|
<vn-th field="amount" number>Amount</vn-th>
|
||||||
<vn-th field="created" default-order="DESC">Payed</vn-th>
|
<vn-th shrink></vn-th>
|
||||||
<vn-th>Confirm</vn-th>
|
|
||||||
</vn-tr>
|
</vn-tr>
|
||||||
</vn-thead>
|
</vn-thead>
|
||||||
<vn-tbody>
|
<vn-tbody>
|
||||||
<vn-tr ng-repeat="transaction in transactions">
|
<vn-tr ng-repeat="transaction in transactions">
|
||||||
<vn-td style="width: 3em; text-align: center">
|
<vn-td shrink>
|
||||||
<vn-icon
|
<vn-icon
|
||||||
vn-tooltip="{{$ctrl.getFormattedMessage(transaction)}}"
|
vn-tooltip="{{$ctrl.getFormattedMessage(transaction)}}"
|
||||||
ng-show="::((transaction.errorMessage || transaction.responseMessage) && !transaction.isConfirmed)"
|
ng-show="::((transaction.errorMessage || transaction.responseMessage) && !transaction.isConfirmed)"
|
||||||
|
@ -32,14 +36,14 @@
|
||||||
</vn-icon>
|
</vn-icon>
|
||||||
</vn-td>
|
</vn-td>
|
||||||
<vn-td number>{{::transaction.id}}</vn-td>
|
<vn-td number>{{::transaction.id}}</vn-td>
|
||||||
<vn-td number>{{::transaction.amount | currency: 'EUR':2}}</vn-td>
|
|
||||||
<vn-td>{{::transaction.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
|
<vn-td>{{::transaction.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
|
||||||
<vn-td style="width: 3em; text-align: center">
|
<vn-td number>{{::transaction.amount | currency: 'EUR':2}}</vn-td>
|
||||||
|
<vn-td shrink>
|
||||||
<vn-icon-button
|
<vn-icon-button
|
||||||
icon="done_all"
|
icon="done_all"
|
||||||
vn-acl="administrative"
|
vn-acl="administrative"
|
||||||
vn-acl-action="remove"
|
vn-acl-action="remove"
|
||||||
vn-tooltip="Confirm transaction"
|
translate-attr="{title: 'Confirm transaction'}"
|
||||||
ng-show="::!transaction.isConfirmed"
|
ng-show="::!transaction.isConfirmed"
|
||||||
ng-click="$ctrl.confirm(transaction)">
|
ng-click="$ctrl.confirm(transaction)">
|
||||||
</vn-icon-button>
|
</vn-icon-button>
|
||||||
|
@ -48,5 +52,4 @@
|
||||||
</vn-tbody>
|
</vn-tbody>
|
||||||
</vn-table>
|
</vn-table>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
</vn-data-viewer>
|
||||||
</div>
|
|
|
@ -1,6 +1,5 @@
|
||||||
Web Payment: Pago Web
|
Web Payment: Pago Web
|
||||||
Confirmed: Confirmado
|
Confirmed: Confirmado
|
||||||
Payed: Pagado
|
|
||||||
Confirm transaction: Confirmar transacción
|
Confirm transaction: Confirmar transacción
|
||||||
Confirm: Confirmar
|
Confirm: Confirmar
|
||||||
State: Estado
|
State: Estado
|
|
@ -7,7 +7,9 @@
|
||||||
limit="20"
|
limit="20"
|
||||||
auto-load="true">
|
auto-load="true">
|
||||||
</vn-crud-model>
|
</vn-crud-model>
|
||||||
<div>
|
<vn-data-viewer
|
||||||
|
model="model"
|
||||||
|
class="vn-w-lg">
|
||||||
<vn-card>
|
<vn-card>
|
||||||
<vn-table model="model">
|
<vn-table model="model">
|
||||||
<vn-thead>
|
<vn-thead>
|
||||||
|
@ -95,7 +97,7 @@
|
||||||
</vn-table>
|
</vn-table>
|
||||||
<vn-pagination model="model"></vn-pagination>
|
<vn-pagination model="model"></vn-pagination>
|
||||||
</vn-card>
|
</vn-card>
|
||||||
</div>
|
</vn-data-viewer>
|
||||||
<vn-worker-descriptor-popover
|
<vn-worker-descriptor-popover
|
||||||
vn-id="workerDescriptor"
|
vn-id="workerDescriptor"
|
||||||
worker-fk="$ctrl.selectedWorker">
|
worker-fk="$ctrl.selectedWorker">
|
||||||
|
|
Loading…
Reference in New Issue