120 lines
4.6 KiB
HTML
120 lines
4.6 KiB
HTML
<div class="vn-descriptor">
|
|
<div class="header">
|
|
<a translate-attr="{title: 'Return to module index'}" ui-sref="item.index">
|
|
<vn-icon icon="chevron_left"></vn-icon>
|
|
</a>
|
|
<a translate-attr="{title: 'Preview'}" ui-sref="item.card.summary({id: $ctrl.item.id})">
|
|
<vn-icon icon="desktop_windows"></vn-icon>
|
|
</a>
|
|
<vn-icon-menu
|
|
vn-id="more-button"
|
|
icon="more_vert"
|
|
show-filter="false"
|
|
value-field="callback"
|
|
translate-fields="['name']"
|
|
data="$ctrl.moreOptions"
|
|
on-change="$ctrl.onMoreChange(value)"
|
|
on-open="$ctrl.onMoreOpen()">
|
|
</vn-icon-menu>
|
|
</div>
|
|
<div>
|
|
<div style="position: relative" text-center>
|
|
<img
|
|
ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{$ctrl.item.image}}"
|
|
zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{$ctrl.item.image}}"
|
|
on-error-src/>
|
|
<a href="//verdnatura.es/#!form=admin/items&filter={{$ctrl.item.id}}" target="_blank">
|
|
<vn-float-button
|
|
icon="edit"
|
|
style="position: absolute; margin: 1em; bottom: 0; right: 0;"
|
|
vn-visible-by="marketing, buyer">
|
|
</vn-float-button>
|
|
</a>
|
|
</div>
|
|
<vn-horizontal class="item-state">
|
|
<vn-one>
|
|
<p translate>Visible</p>
|
|
<p>{{$ctrl.visible | dashIfEmpty}}</p>
|
|
</vn-one>
|
|
<vn-one>
|
|
<p translate>Available</p>
|
|
<p>{{$ctrl.available | dashIfEmpty}}</p>
|
|
</vn-one>
|
|
</vn-horizontal>
|
|
</div>
|
|
<div class="body">
|
|
<div class="attributes">
|
|
<h5>{{$ctrl.item.id}}</h5>
|
|
<vn-label-value label="Name"
|
|
value="{{$ctrl.item.name}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Buyer"
|
|
value="{{$ctrl.item.itemType.worker.user.nickname}}">
|
|
</vn-label-value>
|
|
<vn-label-value
|
|
ng-repeat="tag in $ctrl.item.tags | limitTo:4"
|
|
label="{{tag.tag.name}}"
|
|
value="{{tag.value}}">
|
|
</vn-label-value>
|
|
</div>
|
|
<div class="quicklinks">
|
|
<a ng-if="$ctrl.quicklinks.btnOne"
|
|
vn-tooltip="{{::$ctrl.quicklinks.btnOne.tooltip}}"
|
|
ui-sref="{{::$ctrl.quicklinks.btnOne.state}}" target="_blank">
|
|
<vn-icon
|
|
class="mdl-button mdl-js-button mdl-button--colored"
|
|
icon="{{::$ctrl.quicklinks.btnOne.icon}}">
|
|
</vn-icon>
|
|
</a>
|
|
<a ng-if="$ctrl.quicklinks.btnTwo"
|
|
vn-tooltip="{{::$ctrl.quicklinks.btnTwo.tooltip}}"
|
|
ui-sref="{{::$ctrl.quicklinks.btnTwo.state}}" target="_blank">
|
|
<vn-icon
|
|
class="mdl-button mdl-js-button mdl-button--colored"
|
|
icon="{{::$ctrl.quicklinks.btnTwo.icon}}">
|
|
</vn-icon>
|
|
</a>
|
|
<a ng-if="$ctrl.quicklinks.btnThree"
|
|
vn-tooltip="{{::$ctrl.quicklinks.btnThree.tooltip}}"
|
|
ui-sref="{{::$ctrl.quicklinks.btnThree.state}}" target="_blank">
|
|
<vn-icon
|
|
class="mdl-button mdl-js-button mdl-button--colored"
|
|
icon="{{::$ctrl.quicklinks.btnThree.icon}}">
|
|
</vn-icon>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<vn-dialog
|
|
vn-id="regularize"
|
|
on-open="$ctrl.clearRegularizeDialog()"
|
|
on-response="$ctrl.saveRegularize(response)">
|
|
<tpl-body>
|
|
<div>
|
|
<h5 style="text-align: center">
|
|
<span translate>Regularize stock</span>
|
|
</h5>
|
|
<vn-textfield
|
|
label="Quantity"
|
|
model="$ctrl.quantity"
|
|
name="user"
|
|
vn-id="userField"
|
|
vn-focus>
|
|
</vn-textfield>
|
|
<vn-autocomplete
|
|
vn-one
|
|
label="Warehouse"
|
|
id="warehouse"
|
|
field="$ctrl.warehouseFk"
|
|
url="/api/Warehouses"
|
|
select-fields="['id', 'name']"
|
|
show-field="name"
|
|
value-field="id">
|
|
</vn-autocomplete>
|
|
</div>
|
|
</tpl-body>
|
|
<tpl-buttons>
|
|
<input type="button" response="CANCEL" translate-attr="{value: 'Cancel'}"/>
|
|
<button response="ACCEPT" translate>Save</button>
|
|
</tpl-buttons>
|
|
</vn-dialog> |