diff --git a/app/views/exercises/implement2.html.slim b/app/views/exercises/implement2.html.slim
index 30d35f87..9e141afc 100644
--- a/app/views/exercises/implement2.html.slim
+++ b/app/views/exercises/implement2.html.slim
@@ -1,7 +1,7 @@
-#editor.row data-exercise-id=@exercise.id
- #files style=("display: none;") data-entries=FileTree.new(@files).to_js_tree
+#editor.panel-group.row data-exercise-id=@exercise.id
+ #files style=("") data-entries=FileTree.new(@files).to_js_tree
div id='frames' class=(@exercise.hide_file_tree ? 'col-sm-12' : 'col-sm-9')
- @files.each do |file|
- /= render('editor_frame', exercise: @exercise, file: file)
- .editor-content.hidden data-file-id=file.ancestor_id = file.content
- .editor data-file-id=file.ancestor_id data-indent-size=file.file_type.indent_size data-mode=file.file_type.editor_mode data-read-only=file.read_only data-id=file.id
+ .frame data-executable=file.file_type.executable? data-filename=file.name_with_extension data-renderable=file.file_type.renderable? data-role=file.role data-binary=file.file_type.binary? data-context-type=file.context_type
+ .editor-content.hidden data-file-id=file.ancestor_id = file.content
+ .editor data-file-id=file.ancestor_id data-indent-size=file.file_type.indent_size data-mode=file.file_type.editor_mode data-read-only=file.read_only data-id=file.id