Line data    Source code

       1           1 : <template lang="pug">
       2           2 : Card(ref='card' :title='title')
       3           2 :   template(#info='c')
       4           2 :     p
       5           2 :       | The #[strong Relation] edit card displays details about a
       6             :       | #[a(href='https://mro-dev.web.cern.ch/docs/std/ssvg-specification.html#name-the-relation-element-2' target="_blank" rel="noopener") SSVG relation element].
       7             :     hr
       8             :     p The #[strong Live Value] part displays current relation output value, as applied on the SSVG document.
       9             :     p The value may be modified to better visualize changes.
      10             :     p #[strong Note:] modifications are applied by pressing #[kbd enter].
      11             :     hr
      12           2 :     p
      13             :       | The #[strong Code Editor] part allows direct modifications over the #[a(href='https://mro-dev.web.cern.ch/docs/std/ssvg-specification.html#name-the-relation-element-2' target="_blank" rel="noopener") SSVG relation 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             :       RelationEditValue(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='./RelationEdit.vue.js' />