spacedeck-open/views/partials/tool/size.html
2017-04-07 01:29:05 +02:00

110 lines
6.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<h4 class="dialog-title">Size</h4>
<div>
<div class="dialog-section no-p-b no-p-h">
<div class="btn-group">
<button class="btn btn-transparent btn-icon">
<span class="icon icon-size-vertical"></span>
</button>
<button class="btn btn-transparent btn-icon">
<span class="icon icon-size-both"></span>
</button>
<button class="btn btn-transparent btn-icon">
<span class="icon icon-size-horizontal"></span>
</button>
</div>
</div>
<div class="dialog-section no-p">
<!-- <button class="btn btn-toggle btn-transparent btn-icon" ng-class="{alt:artifact_aspect_ratio=='locked'}">
<span class="btn-option" ng-click="set_artifact_aspect_ratio($event,'locked')" >
<span class="icon icon-lock-open"></span>
</span>
<span class="btn-option" ng-click="set_artifact_aspect_ratio($event,'open')" >
<span class="icon icon-lock-closed"></span>
</span>
</button> -->
<button class="btn btn-transparent btn-icon">
<span class="icon number">1:1</span>
</button>
<button class="btn btn-transparent btn-icon">
<span class="icon number">Auto</span>
</button>
</div>
<div class="dialog-section no-p-b no-p-h">
<div class="input-couple">
<div>
<div class="form-group no-m">
<label class="label label-sm text-right">Width</label>
<input class="input no-b no-p text-right" spellcheck="false" type="text" value="0" pattern="[0-9]" maxlength="6" ng-model="selection_metrics.w">
<button tabindex="-1" class="input-drag btn btn-transparent btn-icon" sd-fader="y-encoder" sd-fader-var-y="selection_metrics.w" sd-fader-min-y="0" sd-fader-max-y="100000" sd-fader-step="0.1">
<span class="icon icon-triangles-vertical"></span>
</button>
<!-- <span class="input-unit">px</span> -->
<span class="times"> × </span>
</div>
</div>
<div>
<div class="form-group no-m">
<label class="label label-sm text-left">Height</label>
<input class="input no-b no-p text-left" spellcheck="false" type="text" value="0" pattern="[0-9]" maxlength="6" ng-model="selection_metrics.h">
<button class="input-drag btn btn-transparent btn-icon absolute-bottom-right" sd-fader="y-encoder" sd-fader-var-y="selection_metrics.h" sd-fader-min-y="0" sd-fader-max-y="100000" sd-fader-step="0.1">
<span class="icon icon-triangles-vertical"></span>
</button>
<!-- <span class="input-unit">px</span> -->
</div>
</div>
</div>
</div>
<div class="dialog-section no-p-b no-p-h hidden">
<div class="input-couple">
<div>
<div class="form-group no-m">
<label class="label label-sm text-right">X Axis</label>
<input class="input no-b no-p text-right" spellcheck="false" type="text" value="0" pattern="[0-9]" maxlength="6" ng-model="selection_metrics.x1">
<button tabindex="-1" class="input-drag btn btn-transparent btn-icon" sd-fader="y-encoder" sd-fader-var-y="selection_metrics.x1" sd-fader-min-y="0" sd-fader-max-y="100000" sd-fader-step="0.1">
<span class="icon icon-triangles-vertical"></span>
</button>
<!-- <span class="input-unit">px</span> -->
</div>
</div>
<div>
<div class="form-group no-m">
<label class="label label-sm text-left">Y Axis</label>
<input class="input no-b no-p text-left" spellcheck="false" type="text" value="0" pattern="[0-9]" maxlength="6" ng-model="selection_metrics.y1">
<button class="input-drag btn btn-transparent btn-icon absolute-bottom-right" sd-fader="y-encoder" sd-fader-var-y="selection_metrics.y1" sd-fader-min-y="0" sd-fader-max-y="100000" sd-fader-step="0.1">
<span class="icon icon-triangles-vertical"></span>
</button>
<!-- <span class="input-unit">px</span> -->
</div>
</div>
</div>
</div>
<!--div id="transform-origin" class="dialog-section">
<label class="label">Transform Origin</label>
<div class="transform-origin-icon">
<label ng-class="{checked:transform_origin=='absolute-top-left'}" ng-click="set_transform_origin($event,'absolute-top-left')" class="radio only absolute-top-left"> <input type="radio" value="absolute-top-left"> </label>
<label ng-class="{checked:transform_origin=='top-center'}" ng-click="set_transform_origin($event,'top-center')" class="radio only top-center"> <input type="radio" value="top-center"> </label>
<label ng-class="{checked:transform_origin=='absolute-top-right'}" ng-click="set_transform_origin($event,'absolute-top-right')" class="radio only absolute-top-right"> <input type="radio" value="absolute-top-right"> </label>
<label ng-class="{checked:transform_origin=='center-left'}" ng-click="set_transform_origin($event,'center-left')" class="radio only center-left"> <input type="radio" value="center-left"> </label>
<label ng-class="{checked:transform_origin=='center-center'}" ng-click="set_transform_origin($event,'center-center')" class="radio only center-center"> <input type="radio" value="center-center"> </label>
<label ng-class="{checked:transform_origin=='center-right'}" ng-click="set_transform_origin($event,'center-right')" class="radio only center-right"> <input type="radio" value="center-right"> </label>
<label ng-class="{checked:transform_origin=='absolute-bottom-left'}" ng-click="set_transform_origin($event,'absolute-bottom-left')" class="radio only absolute-bottom-left"> <input type="radio" value="absolute-bottom-left"> </label>
<label ng-class="{checked:transform_origin=='bottom-center'}" ng-click="set_transform_origin($event,'bottom-center')" class="radio only bottom-center"> <input type="radio" value="bottom-center"> </label>
<label ng-class="{checked:transform_origin=='absolute-bottom-right'}" ng-click="set_transform_origin($event,'absolute-bottom-right')" class="radio only absolute-bottom-right"> <input type="radio" value="absolute-bottom-right"> </label>
</div>
</div-->
</div>