Line data    Source code

       1           1 : <template lang="pug">
       2           1 : Card(ref='card' :title='title')
       3           1 :   template(#info='c')
       4           1 :     p
       5           1 :       | The #[strong {{ title }}] edit card displays details about a
       6             :       | #[a(href='https://mro-dev.web.cern.ch/docs/std/ssvg-specification.html#name-the-property-element-2') SSVG property element].
       7             :     hr
       8             :     p
       9             :       | 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-property-element-2') SSVG property element] (or computed),
      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           1 :   template(#default='c')
      13             :     li.p-0.autoscroll(key='raw')
      14             :       PropertyCodeEditor(ref="cm")
      15             : 
      16             :     li.p-0(key='ctrl')
      17             :       .d-flex.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='./PropertyEdit.vue.js' />