Line data    Source code

       1           1 : <template lang="pug">
       2           1 : Card(ref='card' title='Transform')
       3           1 :   template(#info='c')
       4           1 :     p
       5           1 :       | The #[strong Transform] edit card displays details about a
       6             :       | #[a(href='https://mro-dev.web.cern.ch/docs/std/ssvg-specification.html#name-the-transform-element-2' target="_blank" rel="noopener") SSVG transform element].
       7             :     hr
       8             :     p The #[strong Live Values] part displays current transform output value, as applied on the SSVG document.
       9             :     p The transform values may be modified to better visualize changes.
      10             :     p #[strong Note:] modifications are applied by pressing #[kbd enter].
      11             :     hr
      12           1 :     p
      13             :       | The #[strong Code Editor] allows direct modifications over the #[a(href='https://mro-dev.web.cern.ch/docs/std/ssvg-specification.html#name-the-transform-element-2' target="_blank" rel="noopener") SSVG transform element],
      14             :       | linting, code-completion and widgets are there to guide you.
      15             :     p #[strong Note:] modifications are applied by pressing #[kbd Ctrl+S] or clicking on #[i.fa.fa-arrow-circle-right]
      16             :   template(#default='c')
      17             :     li.p-0(key='value')
      18             :       TransformEditValues(ref='value' :value='value' @edit='setValue($event)' @reset='restore')
      19             :     li.p-0.autoscroll(key='raw')
      20             :       RelationCodeEditor(ref="cm")
      21             : 
      22             :     li.p-0(key='ctrl')
      23             :       .d-flex.flex-wrap.px-1
      24             :         button.m-1.btn.btn-outline-danger(@click='doDelete')
      25             :           | #[i.fa.fa-trash] Delete
      26             :         button.m-1.ml-auto.btn.btn-outline-primary(@click='doApply')
      27             :           kbd.mr-2(v-if="c.showKeyHints && c.isFocused") Ctrl+S
      28             :           | #[i.fa.fa-arrow-circle-right] Apply
      29             : </template>
      30             : <script src='./TransformEdit.vue.js' />