Add a "Try Blue Ocean UI" button in classic Jenkins
This commit is contained in:
parent
403458eadb
commit
91538bc8ab
|
@ -35,6 +35,17 @@ builder.bundle('src/main/js/blueocean.js')
|
||||||
.less('src/main/less/blueocean.less')
|
.less('src/main/less/blueocean.less')
|
||||||
.generateNoImportsBundle();
|
.generateNoImportsBundle();
|
||||||
|
|
||||||
|
//
|
||||||
|
// Create the "Try Blue Ocean" Javascript bundle.
|
||||||
|
// This .js bundle will be added to every classic Jenkins page
|
||||||
|
// via a PageDecorator. Using this as a way of enticing Jenkins
|
||||||
|
// users to move from classic Jenkins to Blue Ocean where possible.
|
||||||
|
//
|
||||||
|
builder.bundle('src/main/js/try.js')
|
||||||
|
.inDir('target/classes/io/jenkins/blueocean')
|
||||||
|
.withExternalModuleMapping('jquery-detached', 'core-assets/jquery-detached:jquery2') // Bundled in Jenkins 2.x
|
||||||
|
.less('src/main/less/try.less');
|
||||||
|
|
||||||
//
|
//
|
||||||
// Copy/link the JDL assests into the webapp dir, making them available at runtime.
|
// Copy/link the JDL assests into the webapp dir, making them available at runtime.
|
||||||
//
|
//
|
||||||
|
|
|
@ -20,6 +20,7 @@
|
||||||
"eslint-plugin-react": "^5.0.1",
|
"eslint-plugin-react": "^5.0.1",
|
||||||
"giti": "^1.0.6",
|
"giti": "^1.0.6",
|
||||||
"gulp": "^3.9.1",
|
"gulp": "^3.9.1",
|
||||||
|
"jquery-detached": "^2.1.4-v4",
|
||||||
"ncp": "^2.0.0",
|
"ncp": "^2.0.0",
|
||||||
"zombie": "^4.2.1"
|
"zombie": "^4.2.1"
|
||||||
},
|
},
|
||||||
|
|
|
@ -0,0 +1,38 @@
|
||||||
|
/*
|
||||||
|
* The MIT License
|
||||||
|
*
|
||||||
|
* Copyright (c) 2016, CloudBees, Inc.
|
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
* of this software and associated documentation files (the "Software"), to deal
|
||||||
|
* in the Software without restriction, including without limitation the rights
|
||||||
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
* copies of the Software, and to permit persons to whom the Software is
|
||||||
|
* furnished to do so, subject to the following conditions:
|
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in
|
||||||
|
* all copies or substantial portions of the Software.
|
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
* THE SOFTWARE.
|
||||||
|
*/
|
||||||
|
package io.jenkins.blueocean;
|
||||||
|
|
||||||
|
import hudson.Extension;
|
||||||
|
import hudson.model.PageDecorator;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Stapler page decorator for decorating classic Jenkins pages with visual
|
||||||
|
* prompts to the user that will hopefully entice/remind them into giving
|
||||||
|
* Blue ocean a try.
|
||||||
|
*
|
||||||
|
* @author <a href="mailto:tom.fennelly@gmail.com">tom.fennelly@gmail.com</a>
|
||||||
|
*/
|
||||||
|
@Extension
|
||||||
|
public class TryBlueOceanPageDecorator extends PageDecorator {
|
||||||
|
}
|
|
@ -0,0 +1,18 @@
|
||||||
|
var $ = require('jquery-detached').getJQuery();
|
||||||
|
var jsModules = require('@jenkins-cd/js-modules');
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
var tryBlueOcean = $('<div class="try-blueocean header-callout">Try Blue Ocean UI ...</div>');
|
||||||
|
|
||||||
|
tryBlueOcean.click(function () {
|
||||||
|
// We could enhance this further by looking at the current
|
||||||
|
// URL and going to different places in the BO UI depending
|
||||||
|
// on where the user is in classic jenkins UI e.g. if they
|
||||||
|
// are currently in a job on classic UI, bring them to the
|
||||||
|
// same job in BO UI Vs just brining them to the root of
|
||||||
|
// BO UI i.e. make the button context sensitive.
|
||||||
|
window.location.replace(jsModules.getRootURL() + '/blue');
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#page-head #header').append(tryBlueOcean);
|
||||||
|
});
|
|
@ -0,0 +1,19 @@
|
||||||
|
@import "variables";
|
||||||
|
|
||||||
|
.try-blueocean.header-callout {
|
||||||
|
position: absolute;
|
||||||
|
padding: 5px 10px;
|
||||||
|
right: 50%;
|
||||||
|
height: 30px !important;
|
||||||
|
top: 5px;
|
||||||
|
color: #4a90e2;
|
||||||
|
border: 1px solid;
|
||||||
|
border-color: #4a90e2;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.try-blueocean.header-callout:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: #4a90e2;
|
||||||
|
color: white;
|
||||||
|
}
|
|
@ -1,3 +1,6 @@
|
||||||
//
|
//
|
||||||
// TODO: Gather variables and add here.
|
// TODO: Gather variables and add here.
|
||||||
|
// How might we get these from the JDL? Maybe include the LESS files in the JDL distro?
|
||||||
//
|
//
|
||||||
|
|
||||||
|
@blueocean_blue: #4A90E2;
|
|
@ -0,0 +1,8 @@
|
||||||
|
<?jelly escape-by-default='true'?>
|
||||||
|
<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler">
|
||||||
|
<!--
|
||||||
|
The following Stapler adjunct adds the "Try Blue Ocean JavaScript bundle to
|
||||||
|
every page in "classic" Jenkins.
|
||||||
|
-->
|
||||||
|
<st:adjunct includes="io.jenkins.blueocean.try"/>
|
||||||
|
</j:jelly>
|
Loading…
Reference in New Issue