backport changes from https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/6740
This commit is contained in:
Lukas Eipert
parent
8a9421429d
commit
273515b8a1
10 changed files with 80 additions and 53 deletions
|
|
@ -12,6 +12,7 @@ export default function groupsSelect() {
|
|||
const skipGroups = $select.data('skipGroups') || [];
|
||||
$select.select2({
|
||||
placeholder: 'Search for a group',
|
||||
allowClear: $select.hasClass('allowClear'),
|
||||
multiple: $select.hasClass('multiselect'),
|
||||
minimumInputLength: 0,
|
||||
ajax: {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,7 @@
|
|||
import initProjectLoadingSpinner from '../shared/save_project_loader';
|
||||
import initProjectVisibilitySelector from '../../../project_visibility';
|
||||
import initProjectNew from '../../../projects/project_new';
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
initProjectLoadingSpinner();
|
||||
initProjectVisibilitySelector();
|
||||
initProjectNew.bindEvents();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,9 +37,10 @@ const bindEvents = () => {
|
|||
const $projectFieldsForm = $('.project-fields-form');
|
||||
const $selectedTemplateText = $('.selected-template');
|
||||
const $changeTemplateBtn = $('.change-template');
|
||||
const $selectedIcon = $('.selected-icon svg');
|
||||
const $selectedIcon = $('.selected-icon');
|
||||
const $templateProjectNameInput = $('#template-project-name #project_path');
|
||||
const $pushNewProjectTipTrigger = $('.push-new-project-tip');
|
||||
const $projectTemplateButtons = $('.project-templates-buttons');
|
||||
|
||||
if ($newProjectForm.length !== 1) {
|
||||
return;
|
||||
|
|
@ -88,35 +89,35 @@ const bindEvents = () => {
|
|||
}
|
||||
|
||||
function chooseTemplate() {
|
||||
$('.template-option').hide();
|
||||
$projectTemplateButtons.addClass('hidden');
|
||||
$projectFieldsForm.addClass('selected');
|
||||
$selectedIcon.removeClass('d-block');
|
||||
$selectedIcon.empty();
|
||||
const value = $(this).val();
|
||||
const templates = {
|
||||
rails: {
|
||||
text: 'Ruby on Rails',
|
||||
icon: '.selected-icon .icon-rails',
|
||||
icon: '.template-option svg.icon-rails',
|
||||
},
|
||||
express: {
|
||||
text: 'NodeJS Express',
|
||||
icon: '.selected-icon .icon-node-express',
|
||||
icon: '.template-option svg.icon-node-express',
|
||||
},
|
||||
spring: {
|
||||
text: 'Spring',
|
||||
icon: '.selected-icon .icon-java-spring',
|
||||
icon: '.template-option svg.icon-java-spring',
|
||||
},
|
||||
};
|
||||
|
||||
const selectedTemplate = templates[value];
|
||||
$selectedTemplateText.text(selectedTemplate.text);
|
||||
$(selectedTemplate.icon).addClass('d-block');
|
||||
$(selectedTemplate.icon).clone().addClass('d-block').appendTo($selectedIcon);
|
||||
$templateProjectNameInput.focus();
|
||||
}
|
||||
|
||||
$useTemplateBtn.on('change', chooseTemplate);
|
||||
|
||||
$changeTemplateBtn.on('click', () => {
|
||||
$('.template-option').show();
|
||||
$projectTemplateButtons.removeClass('hidden');
|
||||
$projectFieldsForm.removeClass('selected');
|
||||
$useTemplateBtn.prop('checked', false);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -490,30 +490,31 @@
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.template-option {
|
||||
padding: $gl-padding $gl-padding $gl-padding ($gl-padding * 4);
|
||||
position: relative;
|
||||
.logo {
|
||||
.btn-template-icon {
|
||||
width: 40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
padding: 16px 0;
|
||||
|
||||
&:not(:first-child) {
|
||||
border-top: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.btn-template-icon {
|
||||
position: absolute;
|
||||
left: $gl-padding;
|
||||
top: $gl-padding;
|
||||
}
|
||||
.controls {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.template-title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.template-description {
|
||||
margin: 6px 0 12px;
|
||||
}
|
||||
|
||||
.template-button {
|
||||
.choose-template {
|
||||
input {
|
||||
position: absolute;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
|
|
@ -540,8 +541,6 @@
|
|||
}
|
||||
|
||||
.selected-icon {
|
||||
padding-right: $gl-padding;
|
||||
|
||||
svg {
|
||||
display: none;
|
||||
top: 7px;
|
||||
|
|
|
|||
|
|
@ -336,5 +336,6 @@
|
|||
.settings-content
|
||||
= render 'third_party_offers', application_setting: @application_setting
|
||||
|
||||
= render_if_exists 'admin/application_settings/pseudonymizer_settings', expanded: expanded
|
||||
= render_if_exists 'admin/application_settings/custom_templates_form', expanded: expanded
|
||||
|
||||
= render_if_exists 'admin/application_settings/pseudonymizer_settings', expanded: expanded
|
||||
|
|
|
|||
|
|
@ -1,27 +1,8 @@
|
|||
.project-templates-buttons.import-buttons
|
||||
- Gitlab::ProjectTemplate.all.each do |template|
|
||||
.template-option
|
||||
= custom_icon(template.logo)
|
||||
.template-title= template.title
|
||||
.template-description= template.description
|
||||
%label.btn.btn-success.template-button.choose-template.append-right-10{ for: template.name }
|
||||
%input{ type: "radio", autocomplete: "off", name: "project[template_name]", id: template.name, value: template.name }
|
||||
%span Use template
|
||||
%a.btn.btn-default{ href: template.preview, rel: 'noopener noreferrer', target: '_blank' } Preview
|
||||
- f ||= local_assigns[:f]
|
||||
|
||||
.project-fields-form
|
||||
.row
|
||||
.form-group.col-sm-12
|
||||
%label.label-bold
|
||||
Template
|
||||
.input-group.template-input-group
|
||||
.input-group-prepend
|
||||
.input-group-text
|
||||
.selected-icon
|
||||
- Gitlab::ProjectTemplate.all.each do |template|
|
||||
= custom_icon(template.logo)
|
||||
.selected-template
|
||||
.input-group-append
|
||||
%button.btn.btn-default.change-template{ type: "button" } Change template
|
||||
.project-templates-buttons.import-buttons.col-sm-12
|
||||
= render 'projects/project_templates/built_in_templates'
|
||||
|
||||
= render 'new_project_fields', f: f, project_name_id: "template-project-name"
|
||||
.project-fields-form
|
||||
= render 'projects/project_templates/project_fields_form'
|
||||
= render 'projects/new_project_fields', f: f, project_name_id: "template-project-name"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
- Gitlab::ProjectTemplate.all.each do |template|
|
||||
.template-option.d-flex.align-items-center
|
||||
.logo.append-right-10
|
||||
= custom_icon(template.logo, size: 40)
|
||||
.description
|
||||
%strong
|
||||
= template.title
|
||||
%br
|
||||
.text-muted
|
||||
= template.description
|
||||
.controls.d-flex.align-items-center
|
||||
%label.btn.btn-success.template-button.choose-template.append-right-10.append-bottom-0{ for: template.name }
|
||||
%input{ type: "radio", autocomplete: "off", name: "project[template_name]", id: template.name, value: template.name }
|
||||
%span
|
||||
= _("Use template")
|
||||
%a.btn.btn-default{ href: template.preview, rel: 'noopener noreferrer', target: '_blank' }
|
||||
= _("Preview")
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
.row
|
||||
.form-group.col-sm-12
|
||||
%label.label-bold
|
||||
= _('Template')
|
||||
.input-group.template-input-group
|
||||
.input-group-prepend
|
||||
.input-group-text
|
||||
.selected-icon.append-right-10
|
||||
.selected-template
|
||||
.input-group-append
|
||||
%button.btn.btn-default.change-template{ type: "button" }
|
||||
= _('Change template')
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: Update design of project templates
|
||||
merge_request: 21012
|
||||
author:
|
||||
type: changed
|
||||
|
|
@ -1050,6 +1050,9 @@ msgstr ""
|
|||
msgid "Cannot modify managed Kubernetes cluster"
|
||||
msgstr ""
|
||||
|
||||
msgid "Change template"
|
||||
msgstr ""
|
||||
|
||||
msgid "Change this value to influence how frequently the GitLab UI polls for updates."
|
||||
msgstr ""
|
||||
|
||||
|
|
@ -4028,6 +4031,9 @@ msgstr ""
|
|||
msgid "Preferences|Navigation theme"
|
||||
msgstr ""
|
||||
|
||||
msgid "Preview"
|
||||
msgstr ""
|
||||
|
||||
msgid "Prioritize"
|
||||
msgstr ""
|
||||
|
||||
|
|
@ -5081,6 +5087,9 @@ msgstr ""
|
|||
msgid "Team"
|
||||
msgstr ""
|
||||
|
||||
msgid "Template"
|
||||
msgstr ""
|
||||
|
||||
msgid "Terms of Service Agreement and Privacy Policy"
|
||||
msgstr ""
|
||||
|
||||
|
|
@ -5655,6 +5664,9 @@ msgstr ""
|
|||
msgid "Use one line per URI"
|
||||
msgstr ""
|
||||
|
||||
msgid "Use template"
|
||||
msgstr ""
|
||||
|
||||
msgid "Use the following registration token during setup:"
|
||||
msgstr ""
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue