25 lines
1.4 KiB
HTML

<ion-view view-title="Minispiel">
<ion-content scroll="false" class="padding">
<div class="row" style="font-size: 12px;padding-top:35px;">
<div class="col col-25">
<div class="row" style="font-size: 12px;padding-top:5px;" ng-repeat="rows in chunkedDataBilder">
<div style="width: 100%; text-align: center;" class="col" ng-repeat="item in rows">
<div class="dragzone" ng-class="{'dropzone': item.dragged}" style="background: url('{{ item.bild }}');background-size: cover;" ng-show="item.display" ng-drag="true" ng-drag-data="{{ item }}" ng-drag-start="onDragStart($data)" ng-drag-stop="onDragStop($data, $event)" ng-drag-success="onDragComplete($data,$event)" ng-center-anchor="true"></div>
</div>
</div>
</div>
<div class="col col-75">
<div class="row" style="font-size: 12px;" ng-repeat="rows in chunkedDataBilderMask">
<div style="width: 100%; text-align: center;" class="col" ng-repeat="item in rows">
<div class="dropzone" style="background: url('{{ item.bildmaske }}');background-size: cover;" ng-drop="true" ng-drop-success="onDropComplete($data,$event,item.id )" ng-class="{'rotate': item.rotate}" ng-click="rotateitem(item.id)"></div>
<br>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>