<div class="oxygen-sidebar-code-editor-wrap">
  <textarea ui-codemirror="{
      lineNumbers: true,
      newlineAndIndent: false,
      mode: 'php',
      type: 'php',
      matchTags: {bothTags: true},
      autoCloseBrackets: true,
      matchBrackets: true,
      onLoad : codemirrorLoaded
    }" <?php $this->ng_attributes('code-php','model'); ?>></textarea>
</div>

<div class="oxygen-control-row oxygen-control-row-bottom-bar oxygen-control-row-bottom-bar-code-editor">
  <?php global $oxygen_toolbar; 
    $oxygen_toolbar->codemirror_theme_chooser(); ?>
  <a href="#" class="oxygen-code-editor-apply"
    ng-click="iframeScope.applyCodeBlockPHP()">
    <?php _e("Apply Code", "oxygen"); ?>
  </a>
  <a href="#" class="oxygen-code-editor-expand"
    data-collapse="<?php _e("Collapse Editor", "oxygen"); ?>" data-expand="<?php _e("Expand Editor", "oxygen"); ?>"
    ng-click="toggleSidebar()">
    <?php _e("Expand Editor", "oxygen"); ?>
  </a>
</div>