PHP Classes

File: client/modules/pim/res/templates/product/record/plate-item.tpl

Recommend this page to a friend!
  Classes of alex nov   KennerPIM   client/modules/pim/res/templates/product/record/plate-item.tpl   Download  
File: client/modules/pim/res/templates/product/record/plate-item.tpl
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: KennerPIM
Product information management application
Author: By
Last change:
Date: 1 year ago
Size: 2,500 bytes
 

Contents

Class file image Download
<div class="plate-item"> <div class="plate-item-header"> <div class="field-type" title="{{translateOption model.attributes.type scope=model.name field='type'}}">{{translateOption model.attributes.type scope=model.name field='type'}}</div> <div class="field-status" data-name="productStatus"> {{{productStatusField}}} </div> <div class="actions">{{{rowActions}}}</div> </div> <div class="field-preview" data-name="image"> {{{imageField}}} </div> <div class="field-name"> <span class="record-checkbox-container"> <input type="checkbox" class="record-checkbox" data-id="{{model.id}}"> </span> <a href="#{{model.name}}/view/{{model.id}}" class="link" data-id="{{model.id}}" title="{{model.attributes.name}}">{{model.attributes.name}}</a> </div> </div> <style> .plate-item { width: 100%; height: 200px; border: 1px solid #e8eced; position: relative; } .plate-item.active { background-color: #e8eced } .plate-item .field-type { display: inline-block; position: absolute; top: 10px; left: 10px; border: 1px solid #e8eced; border-radius: 10px; padding: 1px 5px; max-width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plate-item .field-status { display: inline-block; position: absolute; top: 10px; right: 27px; max-width: 35%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plate-item .field-name { display: block; width: 100%; position: absolute; bottom: 10px; left: 0; padding: 0 10px 0 25px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plate-item .field-preview { display: block; margin-top: 40px; height: 125px; line-height: 125px; text-align: center; vertical-align: middle; } .plate-item .field-preview img { max-height: 100%; max-width: 100%; background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%), linear-gradient(-45deg, #cccccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #cccccc 75%), linear-gradient(-45deg, transparent 75%, #cccccc 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px; } .plate-item .actions { color: #999999; display: inline-block; position: absolute; top: 6px; right: 0; } .plate-item .record-checkbox-container { display: inline-block; position: absolute; left: 10px; top: 0; } .plate-item .record-checkbox-container input { cursor: pointer; } </style>