2013-08-01 12:21:43 +00:00
|
|
|
%h3.page-title Edit mode
|
2012-10-09 17:11:49 +00:00
|
|
|
.file-editor
|
2013-03-24 09:57:44 +00:00
|
|
|
= form_tag(project_edit_tree_path(@project, @id), method: :put, class: "form-horizontal") do
|
2014-04-15 15:02:02 +00:00
|
|
|
.file-holder.file
|
2013-07-13 06:52:47 +00:00
|
|
|
.file-title
|
2014-04-15 15:02:02 +00:00
|
|
|
.btn-group.js-edit-mode.left-options
|
|
|
|
= link_to 'Edit', '#editor', class: 'active hover btn btn-tiny'
|
|
|
|
= link_to editing_preview_title(@blob.name), '#preview', class: 'btn btn-tiny', 'data-preview-url' => preview_project_edit_tree_path(@project, @id)
|
2012-10-10 09:41:15 +00:00
|
|
|
%i.icon-file
|
2012-10-15 16:51:11 +00:00
|
|
|
%span.file_name
|
2013-04-03 13:49:32 +00:00
|
|
|
= @path
|
2012-11-17 14:43:13 +00:00
|
|
|
%small
|
|
|
|
on
|
|
|
|
%strong= @ref
|
|
|
|
%span.options
|
|
|
|
.btn-group.tree-btn-group
|
2014-02-26 12:06:31 +00:00
|
|
|
= link_to "Cancel", @after_edit_path, class: "btn btn-tiny btn-cancel", data: { confirm: leave_edit_message }
|
2013-07-13 06:52:47 +00:00
|
|
|
.file-content.code
|
2014-04-15 15:02:02 +00:00
|
|
|
%pre.js-edit-mode-pane#editor= @blob.data
|
|
|
|
.js-edit-mode-pane#preview.hide
|
2012-10-10 09:41:15 +00:00
|
|
|
|
2013-12-30 23:27:02 +00:00
|
|
|
.form-group.commit_message-group
|
2012-11-17 14:43:13 +00:00
|
|
|
= label_tag 'commit_message', class: "control-label" do
|
|
|
|
Commit message
|
2013-12-30 23:27:02 +00:00
|
|
|
.col-sm-10
|
2014-02-22 19:27:23 +00:00
|
|
|
= render 'shared/commit_message_container', {textarea: text_area_tag('commit_message', '',
|
|
|
|
placeholder: "Update #{@blob.name}", required: true, rows: 3, class: 'form-control')}
|
2012-10-10 09:41:15 +00:00
|
|
|
.form-actions
|
2012-10-08 15:43:54 +00:00
|
|
|
= hidden_field_tag 'last_commit', @last_commit
|
2013-07-13 17:00:46 +00:00
|
|
|
= hidden_field_tag 'content', '', id: "file-content"
|
2014-02-20 14:39:13 +00:00
|
|
|
= hidden_field_tag 'from_merge_request_id', params[:from_merge_request_id]
|
2012-11-17 14:43:13 +00:00
|
|
|
.commit-button-annotation
|
2013-06-13 14:41:21 +00:00
|
|
|
= button_tag "Commit changes", class: 'btn commit-btn js-commit-button btn-primary'
|
2012-11-17 14:43:13 +00:00
|
|
|
.message
|
|
|
|
to branch
|
|
|
|
%strong= @ref
|
2014-02-26 12:06:31 +00:00
|
|
|
= link_to "Cancel", @after_edit_path, class: "btn btn-cancel", data: { confirm: leave_edit_message}
|
2012-10-09 17:11:49 +00:00
|
|
|
|
|
|
|
:javascript
|
2014-02-10 14:18:46 +00:00
|
|
|
ace.config.set("modePath", gon.relative_url_root + "#{Gitlab::Application.config.assets.prefix}/ace")
|
2013-04-03 13:49:32 +00:00
|
|
|
var ace_mode = "#{@blob.language.try(:ace_mode)}";
|
2012-10-09 17:11:49 +00:00
|
|
|
var editor = ace.edit("editor");
|
2012-11-17 14:28:32 +00:00
|
|
|
if (ace_mode) {
|
|
|
|
editor.getSession().setMode('ace/mode/' + ace_mode);
|
|
|
|
}
|
2012-10-12 14:14:52 +00:00
|
|
|
|
2012-11-17 14:43:13 +00:00
|
|
|
disableButtonIfEmptyField("#commit_message", ".js-commit-button");
|
|
|
|
|
|
|
|
$(".js-commit-button").click(function(){
|
2013-07-13 06:52:47 +00:00
|
|
|
$("#file-content").val(editor.getValue());
|
2012-11-17 14:43:13 +00:00
|
|
|
$(".file-editor form").submit();
|
2012-10-12 14:14:52 +00:00
|
|
|
});
|
2014-04-15 15:02:02 +00:00
|
|
|
|
|
|
|
var editModePanes = $('.js-edit-mode-pane'),
|
|
|
|
editModeLinks = $('.js-edit-mode a');
|
|
|
|
|
|
|
|
editModeLinks.click(function(event) {
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
var currentLink = $(this),
|
|
|
|
paneId = currentLink.attr('href'),
|
|
|
|
currentPane = editModePanes.filter(paneId);
|
|
|
|
|
|
|
|
editModeLinks.removeClass('active hover');
|
|
|
|
currentLink.addClass('active hover');
|
|
|
|
editModePanes.hide();
|
|
|
|
|
|
|
|
if (paneId == '#preview') {
|
|
|
|
$.post(currentLink.data('preview-url'), { content: editor.getValue() }, function(response) {
|
|
|
|
currentPane.empty().append(response);
|
|
|
|
currentPane.fadeIn(200);
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
currentPane.fadeIn(200);
|
|
|
|
editor.focus()
|
|
|
|
}
|
|
|
|
})
|