topSection.tpl 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <div class="lu-col-md-12">
  2. <h3>{$MGLANG->tr('Create New Virtual Machine')}</h3>
  3. </div>
  4. <div class="lu-col-md-6">
  5. <div class="lu-widget">
  6. <div class="lu-widget__header">
  7. <div class="lu-widget__top lu-top">
  8. <div class="lu-top__title">
  9. <span>{$MGLANG->tr('virtualMachineSettings')}</span>
  10. </div>
  11. </div>
  12. </div>
  13. <div class="lu-widget__body">
  14. <div class="lu-widget__content">
  15. {*name*}
  16. {$rawObject->getField('name')}
  17. {*type*}
  18. {$rawObject->getField('osTemplate')}
  19. {*description*}
  20. {$rawObject->getField('description')}
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="lu-col-md-6">
  26. <div class="lu-widget">
  27. <div class="lu-widget__header">
  28. <div class="lu-widget__top lu-top">
  29. <div class="lu-top__title">
  30. <span>{$MGLANG->tr('availableResources')}</span>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="lu-widget__body">
  35. <div class="lu-widget__content">
  36. {foreach from=$customTplVars.bars item=bar}
  37. <div class="lu-progress lu-progress--h lu-progress--s lu-progress__label">
  38. <div class="lu-progress__label">
  39. {$bar.name}
  40. <i data-title="{$bar.used}/{$bar.max}{if $bar.unit} {$bar.unit}{/if}" data-toggle="lu-tooltip" class="lu-i-c-2x lu-zmdi lu-zmdi-help-outline lu-form-tooltip-helper lu-tooltip "></i>
  41. </div>
  42. <div class="lu-progress__bar progress-bar-danger">
  43. <div class="lu-progress__fill" style="width: {$bar.value}%"></div>
  44. </div>
  45. </div>
  46. {/foreach}
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="lu-col-md-12">
  52. <hr class="lu-m-b-2x lu-m-t-1x"/>
  53. </div>