Line data    Source code

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