Commit 03e9004a by Insira Walisundara

Create Role wizard - done

Put on Hold
parent 13a23339
#header_wrap{
background-image: url('../images/companyLogo.png');
}
@media (min-width: 768px) {
.container-fluid{
padding-left: 75px;
padding-right: 75px;
}
div.pagetitle_inner{
padding: 0px 75px;
}
#header_wrap{
background-position-x: 75px;
}
}
/* some specific Styles */
/* workflow table */
.workflowTable thead{
display: none;
}
/* Email Template Editor */
textarea.emailTemplateEditor + div.classyedit .editor{
min-height: 300px;
}
/* Customise Apollo Tests */
.custom-personality-scale-table .slider-range{
margin: 0px 20px;
}
.custom-personality-scale-table .slider-range .ui-slider-handle{
border-color: #9a9a9a;
}
.custom-personality-scale-table .slider-range-1point.ui-widget.ui-widget-content{
background: lightgreen;
}
.custom-personality-scale-table .slider-range-1point .ui-slider-range{
background: indianred;
}
.custom-personality-scale-table .slider-range-2point.ui-widget.ui-widget-content{
background: #ffff78;
}
.custom-personality-scale-table .slider-range-2point .ui-slider-range{
background: lightgreen;
}
.custom-personality-scale-table .slider-range-3point.noUi-horizontal{
height: .9em;
}
.custom-personality-scale-table .slider-range-3point.noUi-horizontal .noUi-handle{
width: 1.2em;
height: 1.2em;
left: -7px;
top: -3px;
border-color: #9a9a9a;
font-size: 8pt;
}
.custom-personality-scale-table .slider-range-3point.noUi-horizontal .noUi-handle:BEFORE,
.custom-personality-scale-table .slider-range-3point.noUi-horizontal .noUi-handle:AFTER{
background: none;
}
.custom-personality-scale-table .slider-range-3point .veryLowColor{
background: indianred;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.custom-personality-scale-table .slider-range-3point .lowColor{
background: #ffff78;
}
.custom-personality-scale-table .slider-range-3point .perfectColor{
background: lightgreen;
}
.custom-personality-scale-table .slider-range-3point .overColor{
background: darkgreen;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.custom-personality-scale-table .slider-range-3point .noUi-marker-horizontal.noUi-marker-large{
height: 7px;
}
.custom-personality-scale-table .slider-range-3point{
font-size: 0.8em;
}
.custom-personality-scale-table .slider-range-3point .noUi-pips-horizontal{
padding: 5px 0px;
}
.custom-personality-scale-table .slider-range-3point .noUi-tooltip{
font-size: 12px;
}
/* questions table */
.customise-questions-table .slider-range{
margin: 0px 42px 0px 20px;
}
.customise-questions-table .slider-range .ui-slider-handle{
border-color: #9a9a9a;
}
.customise-questions-table .slider-range-1point.ui-widget.ui-widget-content{
background: lightgreen;
}
.customise-questions-table .slider-range-1point .ui-slider-range{
background: indianred;
}
/* breadcrumb styles */
.btn-breadcrumb .btn:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid white;
position: absolute;
top: 50%;
margin-top: -17px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid rgb(173, 173, 173);
position: absolute;
top: 50%;
margin-top: -17px;
margin-left: 1px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb.btn-group-radio input[type=radio]:checked + .btn{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.btn-breadcrumb.btn-group-radio input[type=radio]:checked + .btn:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid #e6e6e6;
position: absolute;
top: 50%;
margin-top: -17px;
left: 100%;
z-index: 3;
}
/** The Spacing **/
.btn-breadcrumb .btn {
padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
padding:6px 6px 6px 10px;
margin-right:1px;
}
.btn-breadcrumb .btn:last-child {
padding:6px 18px 6px 24px;
margin-left:0px;
}
/** Default button **/
.btn-breadcrumb .btn:not(:last-child):after {
border-left: 10px solid #fff;
}
.btn-breadcrumb .btn:not(:last-child):before {
border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn:hover:not(:last-child):after {
border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn:hover:not(:last-child):before {
border-left: 10px solid #adadad;
}
.btn-group.btn-breadcrumb .btn:HOVER{
background-color: #e6e6e6;
}
\ No newline at end of file
.oneit-vertical-tab{
width: 5%;
/* width: 16.66666667%; */
}
.oneit-vertical-tab-right-content{
width: 95%;
/* width: 83.33333333%; */
}
.oneit-vertical-tab span.tabIcon{
font-size: 1.7em;
/* padding-right: 1%; */
}
.oneit-vertical-tab span.tabLink{
display: none;
}
.oneit-vertical-tab .nav > li > a > span.glyphicon,
.oneit-vertical-tab .nav > li > a > span.fa{
color: #000;
}
.oneit-vertical-tab .nav > li.active > a > span.glyphicon,
.oneit-vertical-tab .nav > li.active > a > span.fa{
color: #fff;
}
\ No newline at end of file
/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04
* Copyright (c) 2016 Simon Goellner <simey.me@gmail.com>; Licensed MIT */
/* HORIZONTAL */
/* increase bottom margin to fit the pips */
.ui-slider-horizontal.ui-slider-pips {
margin-bottom: 1.4em;
}
/* default hide the labels and pips that arnt visible */
/* we just use css to hide incase we want to show certain */
/* labels/pips individually later */
.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide {
display: none;
}
/* now we show any labels that we've set to show in the options */
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
display: block;
}
/* PIP/LABEL WRAPPER */
/* position each pip absolutely just below the default slider */
/* and also prevent accidental selection */
.ui-slider-pips .ui-slider-pip {
width: 2em;
height: 1em;
line-height: 1em;
position: absolute;
font-size: 0.8em;
color: #999;
overflow: visible;
text-align: center;
top: 20px;
left: 20px;
margin-left: -1em;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-state-disabled.ui-slider-pips .ui-slider-pip {
cursor: default;
}
/* little pip/line position & size */
.ui-slider-pips .ui-slider-line {
background: #999;
width: 1px;
height: 3px;
position: absolute;
left: 50%;
}
/* the text label postion & size */
/* it overflows so no need for width to be accurate */
.ui-slider-pips .ui-slider-label {
position: absolute;
top: 5px;
left: 50%;
margin-left: -1em;
width: 2em;
}
/* make it easy to see when we hover a label */
.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
color: black;
font-weight: bold;
}
/* VERTICAL */
/* vertical slider needs right-margin, not bottom */
.ui-slider-vertical.ui-slider-pips {
margin-bottom: 1em;
margin-right: 2em;
}
/* align vertical pips left and to right of the slider */
.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
text-align: left;
top: auto;
left: 20px;
margin-left: 0;
margin-bottom: -0.5em;
}
/* vertical line/pip should be horizontal instead */
.ui-slider-vertical.ui-slider-pips .ui-slider-line {
width: 3px;
height: 1px;
position: absolute;
top: 50%;
left: 0;
}
.ui-slider-vertical.ui-slider-pips .ui-slider-label {
top: 50%;
left: 0.5em;
margin-left: 0;
margin-top: -0.5em;
width: 2em;
}
/* FLOATING HORIZTONAL TOOLTIPS */
/* remove the godawful looking focus outline on handle and float */
.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
outline: none;
}
/* style tooltips on handles and on labels */
/* also has a nice transition */
.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
position: absolute;
visibility: hidden;
top: -40px;
display: block;
width: 34px;
margin-left: -18px;
left: 50%;
height: 20px;
line-height: 20px;
background: white;
border-radius: 3px;
border: 1px solid #888;
text-align: center;
font-size: 12px;
opacity: 0;
color: #333;
-webkit-transition-property: opacity, top, visibility;
transition-property: opacity, top, visibility;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 200ms, 200ms, 0ms;
transition-duration: 200ms, 200ms, 0ms;
-webkit-transition-delay: 0ms, 0ms, 200ms;
transition-delay: 0ms, 0ms, 200ms;
}
/* show the tooltip on hover or focus */
/* also switch transition delay around */
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
opacity: 1;
top: -30px;
visibility: visible;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 200ms, 200ms, 0ms;
transition-delay: 200ms, 200ms, 0ms;
}
/* put label tooltips below slider */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
top: 42px;
}
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
top: 32px;
font-weight: normal;
}
/* give the tooltip a css triangle arrow */
.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
content: " ";
width: 0;
height: 0;
border: 5px solid rgba(255, 255, 255, 0);
border-top-color: white;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -5px;
}
/* put a 1px border on the tooltip arrow to match tooltip border */
.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
content: " ";
width: 0;
height: 0;
border: 5px solid rgba(255, 255, 255, 0);
border-top-color: #888;
position: absolute;
bottom: -11px;
left: 50%;
margin-left: -5px;
}
/* switch the arrow to top on labels */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
border: 5px solid rgba(255, 255, 255, 0);
border-bottom-color: white;
top: -10px;
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
border: 5px solid rgba(255, 255, 255, 0);
border-bottom-color: #888;
top: -11px;
}
/* FLOATING VERTICAL TOOLTIPS */
/* tooltip floats to left of handle */
.ui-slider-vertical.ui-slider-float .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
top: 50%;
margin-top: -11px;
width: 34px;
margin-left: 0px;
left: -60px;
color: #333;
-webkit-transition-duration: 200ms, 200ms, 0;
transition-duration: 200ms, 200ms, 0;
-webkit-transition-property: opacity, left, visibility;
transition-property: opacity, left, visibility;
-webkit-transition-delay: 0, 0, 200ms;
transition-delay: 0, 0, 200ms;
}
.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
top: 50%;
margin-top: -11px;
left: -50px;
}
/* put label tooltips to right of slider */
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
left: 47px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
left: 37px;
}
/* give the tooltip a css triangle arrow */
.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
border: 5px solid rgba(255, 255, 255, 0);
border-left-color: white;
border-top-color: transparent;
position: absolute;
bottom: 50%;
margin-bottom: -5px;
right: -10px;
margin-left: 0;
top: auto;
left: auto;
}
.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
border: 5px solid rgba(255, 255, 255, 0);
border-left-color: #888;
border-top-color: transparent;
position: absolute;
bottom: 50%;
margin-bottom: -5px;
right: -11px;
margin-left: 0;
top: auto;
left: auto;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
border: 5px solid rgba(255, 255, 255, 0);
border-right-color: white;
right: auto;
left: -10px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
border: 5px solid rgba(255, 255, 255, 0);
border-right-color: #888;
right: auto;
left: -11px;
}
/* SELECTED STATES */
/* Comment out this chuck of code if you don't want to have
the new label colours shown */
.ui-slider-pips [class*=ui-slider-pip-initial] {
font-weight: bold;
color: #14CA82;
}
.ui-slider-pips .ui-slider-pip-initial-2 {
color: #1897C9;
}
.ui-slider-pips [class*=ui-slider-pip-selected] {
font-weight: bold;
color: #FF7A00;
}
.ui-slider-pips .ui-slider-pip-inrange {
color: black;
}
.ui-slider-pips .ui-slider-pip-selected-2 {
color: #E70081;
}
.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
background: black;
}
.switch-button-label {
float: left;
font-size: 10pt;
cursor: pointer;
}
.switch-button-label.off {
color: #adadad;
}
.switch-button-label.on {
color: #0088CC;
}
.switch-button-background {
float: left;
position: relative;
background: #ccc;
border: 1px solid #aaa;
margin: 1px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
.switch-button-button {
position: absolute;
left: -1px;
top : -1px;
background: #FAFAFA;
border: 1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
......@@ -261,16 +261,18 @@ table {
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
content: "\002a";
}
.glyphicon-plus:before {
content: "\2b";
content: "\002b";
}
.glyphicon-euro:before {
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
......@@ -864,6 +866,192 @@ table {
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
......
/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
/* Fix 401 */
}
.noUi-connect {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-origin {
position: absolute;
height: 0;
width: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Painting and performance;
* Browsers can paint handles in their own layer.
*/
.noUi-base,
.noUi-handle {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
/* Styling;
*/
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connect {
background: #3FB8AF;
box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
-webkit-transition: background 450ms;
transition: background 450ms;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate3d(-50%, 50%, 0);
transform: translate3d(-50%, 50%, 0);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
......@@ -771,30 +771,33 @@ input[type="file"]{
}
/* glyphicon related css */
.glyphicon{
font-size: 1em;
}
.icon-stack {
display: inline-block;
height: 2em;
line-height: 2em;
height: 1em;
line-height: 1em;
position: relative;
vertical-align: -35%;
width: 2em;
}
.icon-stack .icon-stack-base {
font-size: 2em;
width: 1em;
}
/* .icon-stack .icon-stack-base { */
/* font-size: 2em; */
/* } */
.icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] {
display: block;
font-size: 1em;
/* font-size: 1em; */
height: 100%;
line-height: inherit;
position: absolute;
text-align: center;
width: 100%;
}
.icon-stack .glyphicon{
font-size: 2em;
}
glyphicon-lg{
/* .icon-stack .glyphicon{ */
/* font-size: 1em; */
/* } */
.glyphicon-lg{
font-size:1.33333333em;
line-height:.75em;
vertical-align:-15%
......@@ -811,5 +814,53 @@ glyphicon-lg{
.glyphicon-5x{
font-size:5em
}
.icon-stack.glyphicon-lg{
font-size:1em;
font-size:1.33333333em;
line-height:.75em;
height:1.33333333em;
width:1.33333333em;
vertical-align:-15%
}
.icon-stack.glyphicon-2x{
font-size:1em;
line-height:2em;
height:2em;
width:2em;
}
.icon-stack.glyphicon-3x{
font-size:1em;
line-height:3em;
height:3em;
width:3em;
}
.icon-stack.glyphicon-4x{
font-size:1em;
line-height:4em;
height:4em;
width:4em;
}
.icon-stack.glyphicon-5x{
font-size:1em;
line-height:5em;
height:5em;
width:5em;
}
.icon-stack .glyphicon-lg,
.icon-stack .glyphicon-2x,
.icon-stack .glyphicon-3x,
.icon-stack .glyphicon-4x,
.icon-stack .glyphicon-5x{
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
/* Site Styles */
table.table-noheader thead{
display: none;
}
td div.layout_label{
font-size: 8pt;
}
/home.jsp
/GeneralConfig_PROJECT.xml
/editUser.jsp
/companyHomePage.jsp
/listCompanyRole.jsp
/searchCompanyRole.jsp
/createCompanyRoleWizard-BasicDetails.jsp
/createCompanyRoleWizard-CustomiseWorkflow.jsp
/createCompanyRoleWizard-CustomiseSkillsSelfAssessment.jsp
/createCompanyRoleWizard-CustomiseCandidateCompetitionEmail.jsp
/createCompanyRoleWizard-CustomiseApolloTests.jsp
/createCompanyRoleWizard-Finish.jsp
/createCompanyRoleWizard-CustomisePhoneInPersonMeetings.jsp
/editCompanyRole.jsp
/viewCandidateResults.jsp
/viewCandidateResult.jsp
/editCompanyRole_tab1100Candidates.jsp
/editCompanyRole_tab1200RoleSummary.jsp
/viewCandidateResult_tab1100Profile.jsp
/viewCandidateResult_tab1200.jsp
/viewCandidateResult_tab1200SkillsAssessment.jsp
/viewCandidateResult_tab1300SkillsAssessment.jsp
/viewCandidateResult_tab1200Assessments.jsp
<%@ page extends="oneit.servlets.jsp.JSPInclude"%>
<%@ include file="/setuprequest.jsp"%>
<%@ include file="stdimports.jsp"%>
<%@include file="/editor/stdimports.jsp"%>
<%
ORMProcessState process = (ORMProcessState)ProcessDecorator.getDefaultProcess(request);
ObjectTransaction objTran = process.getTransaction ();
User user = (User) process.getAttribute("User");
%>
<oneit:dynIncluded>
<oneit:tab name="UserDetails" tabText="User Details">
<oneit:skin tagName="layout_fieldset" legend="User Details">
<oneit:layout_total widths="<%= new double[] {2, 5} %>" skin="bootstrap">
<oneit:skin tagName="layout_row">
<oneit:layout_label width="1"><oneit:ormlabel obj="<%= user %>" field="Username"/></oneit:layout_label>
<oneit:layout_field width="1">
<oneit:ormInput obj="<%= user %>" attributeName="Username" />
</oneit:layout_field>
</oneit:skin>
<oneit:skin tagName="layout_row">
<oneit:layout_label width="1"><oneit:ormlabel obj="<%= user %>" field="Password"/></oneit:layout_label>
<oneit:layout_field width="1">
<oneit:input type='password' name="<%= Password%>"/>
</oneit:layout_field>
</oneit:skin>
<oneit:skin tagName="layout_row">
<oneit:layout_label width="1"><oneit:ormlabel obj="<%= user %>" field="VerifyPassword"/></oneit:layout_label>
<oneit:layout_field width="1">
<oneit:input type='password' name="<%= Verify Password%>"/>
</oneit:layout_field>
</oneit:skin>
<oneit:skin tagName="layout_row">
<oneit:layout_label width="1"><oneit:ormlabel obj="<%= user %>" field="FirstName"/></oneit:layout_label>
<oneit:layout_field width="1">
<oneit:ormInput obj="<%= user %>" attributeName="FirstName" />
</oneit:layout_field>
</oneit:skin>
<oneit:skin tagName="layout_row">
<oneit:layout_label width="1"><oneit:ormlabel obj="<%= user %>" field="LastName"/></oneit:layout_label>
<oneit:layout_field width="1">
<oneit:ormInput obj="<%= user %>" attributeName="LastName" />
</oneit:layout_field>
</oneit:skin>
<oneit:skin tagName="layout_row">
<oneit:layout_label width="1"><oneit:ormlabel obj="<%= user %>" field="CompanyName"/></oneit:layout_label>
<oneit:layout_field width="1">
<oneit:ormInput obj="<%= user %>" attributeName="CompanyName" />
</oneit:layout_field>
</oneit:skin>
<oneit:skin tagName="layout_row">
<oneit:layout_label width="1"><oneit:ormlabel obj="<%= user %>" field="Logo"/></oneit:layout_label>
<oneit:layout_field width="1">
<oneit:ormInput obj="<%= user %>" attributeName="Logo" />
</oneit:layout_field>
</oneit:skin>
</oneit:layout_total>
</oneit:skin>
</oneit:tab>
</oneit:dynIncluded>
\ No newline at end of file
$(function(){
//Slider 1 Point
$(".custom-personality-scale-table .slider-range-1point" ).each(function(){
var slider = $(this);
slider.slider({
orientation: "horizontal",
range: "min",
max: 100,
value: slider.data("slider-value")
})
.slider("pips", {
labels: {
"first": slider.data("slider-firstpip"),
"last": slider.data("slider-lastpip")
},
step: 10,
rest: "label"
})
.slider("float");
});
//Slider 2 Point
$(".custom-personality-scale-table .slider-range-2point" ).slider({
range: true,
orientation: "horizontal",
min: 0,
max: 100,
values: [30, 70]
})
.slider("pips", {
labels: {
"first": "Socially distant",
"last": "High need to be liked"
},
step: 10,
rest: "label"
})
.slider("float");
//Slider 3 Point
/* https://refreshless.com/nouislider/ */
var slider3Point = $(".custom-personality-scale-table .slider-range-3point" );
slider3Point.each(function(){
var slider = $(this);
noUiSlider.create(this, {
start: [50,70, 80],
step: 1,
connect: [true, true, true, true],
range: {
'min': [ 0 ],
'max': [ 100 ]
},
tooltips: true,
format: wNumb({
decimals: 0
}),
pips: { // Show a scale with the slider
mode: 'positions',
values: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
density: 10
// filter: function(value, type){
// return value % 10 ? 1 : 0;
// }
}
});
});
slider3Point.find(".noUi-handle").on({
mouseenter: function () {
$(this).find('.noUi-tooltip').show();
},
click: function () {
$(this).find('.noUi-tooltip').show();
},
mouseleave: function () {
$(this).find('.noUi-tooltip').hide();
},
}).find('.noUi-tooltip').hide();
slider3Point.find(".noUi-connect").each(function(index){
var item = $(this);
if(index == 0){
item.addClass('veryLowColor');
}else if(index == 1){
item.addClass('lowColor');
}else if(index == 2){
item.addClass('perfectColor');
}else if(index == 3){
item.addClass('overColor');
}
});
slider3Point.find(".noUi-pips > div:nth-child(2)").text('Unwilling to take responsibility');
slider3Point.find(".noUi-pips > div:nth-child(2)").css('width','14%');
slider3Point.find(".noUi-pips > div:nth-child(22)").text('Over responsible');
slider3Point.find(".noUi-pips > div:nth-child(22)").css('width','14%');
// slider3Point.find(".noUi-pips > div.noUi-marker:nth-child(11)").text('Over resposible');
});
\ No newline at end of file
$(function(){
$('#datePicker').datepicker({
numberOfMonths: 2
});
//Slider 1 Point
$(".customise-questions-table .slider-range-1point" ).each(function(){
var slider = $(this);
slider.slider({
orientation: "horizontal",
range: "min",
max: 10,
value: slider.data("slider-value")
})
.slider("pips", {
labels: {
"first": "Poor",
"last": "Exceptional"
},
step: 1,
rest: "label"
})
.slider("float");
});
});
\ No newline at end of file
$(function(){
// Switch Button
$('.switchCheckbox').wrap('<div style=\"display:inline-block;\"></div>');
$('.switchCheckbox').switchButton({
on_label: 'Open',
off_label: 'Close',
width:40,
height:20,
button_width:20,
labels_placement: 'right'
});
// Add Tab Heading Icons
$('.oneit-vertical-tab .nav > li > a').wrapInner("<span class='tabLink'>")
$('.oneit-vertical-tab .nav > li:NTH-CHILD(2) > a').prepend("<span title='Candidate' class='glyphicon glyphicon-user tabIcon'></span>")
$('.oneit-vertical-tab .nav > li:NTH-CHILD(3) > a').prepend("<span title='Role Summary' class='glyphicon glyphicon-list-alt tabIcon'></span>")
// Tab Menu Animate
$('.oneit-vertical-tab').mouseenter(function(){
$('.oneit-vertical-tab').animate({
width: "16%"
},{
duration: 500,
specialEasing: {
width: "easeOutExpo"
},
queue: false
});
$('.oneit-vertical-tab-right-content').animate({
width: "83%"
},{
duration: 500,
specialEasing: {
width: "easeOutExpo"
},
queue: false
});
$('.oneit-vertical-tab .nav > li > a .tabLink').fadeIn({
duration: 200,
specialEasing: {
width: "easeOutExpo"
},
queue:true
});
}).mouseleave(function(){
$('.oneit-vertical-tab .nav > li > a .tabLink').fadeOut({
duration: 200,
specialEasing: {
width: "easeOutExpo"
},
queue:true
});
$('.oneit-vertical-tab').animate({
width: "5%"
},{
duration: 500,
specialEasing: {
width: "easeInExpo"
},
queue: false
});
$('.oneit-vertical-tab-right-content').animate({
width: "95%"
},{
duration: 500,
specialEasing: {
width: "easeInExpo"
},
queue: false
});
});
});
\ No newline at end of file
(function(){
'use strict';
var
/** @const */ FormatOptions = [
'decimals',
'thousand',
'mark',
'prefix',
'postfix',
'encoder',
'decoder',
'negativeBefore',
'negative',
'edit',
'undo'
];
// General
// Reverse a string
function strReverse ( a ) {
return a.split('').reverse().join('');
}
// Check if a string starts with a specified prefix.
function strStartsWith ( input, match ) {
return input.substring(0, match.length) === match;
}
// Check is a string ends in a specified postfix.
function strEndsWith ( input, match ) {
return input.slice(-1 * match.length) === match;
}
// Throw an error if formatting options are incompatible.
function throwEqualError( F, a, b ) {
if ( (F[a] || F[b]) && (F[a] === F[b]) ) {
throw new Error(a);
}
}
// Check if a number is finite and not NaN
function isValidNumber ( input ) {
return typeof input === 'number' && isFinite( input );
}
// Provide rounding-accurate toFixed method.
function toFixed ( value, decimals ) {
var scale = Math.pow(10, decimals);
return ( Math.round(value * scale) / scale).toFixed( decimals );
}
// Formatting
// Accept a number as input, output formatted string.
function formatTo ( decimals, thousand, mark, prefix, postfix, encoder, decoder, negativeBefore, negative, edit, undo, input ) {
var originalInput = input, inputIsNegative, inputPieces, inputBase, inputDecimals = '', output = '';
// Apply user encoder to the input.
// Expected outcome: number.
if ( encoder ) {
input = encoder(input);
}
// Stop if no valid number was provided, the number is infinite or NaN.
if ( !isValidNumber(input) ) {
return false;
}
// Rounding away decimals might cause a value of -0
// when using very small ranges. Remove those cases.
if ( decimals !== false && parseFloat(input.toFixed(decimals)) === 0 ) {
input = 0;
}
// Formatting is done on absolute numbers,
// decorated by an optional negative symbol.
if ( input < 0 ) {
inputIsNegative = true;
input = Math.abs(input);
}
// Reduce the number of decimals to the specified option.
if ( decimals !== false ) {
input = toFixed( input, decimals );
}
// Transform the number into a string, so it can be split.
input = input.toString();
// Break the number on the decimal separator.
if ( input.indexOf('.') !== -1 ) {
inputPieces = input.split('.');
inputBase = inputPieces[0];
if ( mark ) {
inputDecimals = mark + inputPieces[1];
}
} else {
// If it isn't split, the entire number will do.
inputBase = input;
}
// Group numbers in sets of three.
if ( thousand ) {
inputBase = strReverse(inputBase).match(/.{1,3}/g);
inputBase = strReverse(inputBase.join( strReverse( thousand ) ));
}
// If the number is negative, prefix with negation symbol.
if ( inputIsNegative && negativeBefore ) {
output += negativeBefore;
}
// Prefix the number
if ( prefix ) {
output += prefix;
}
// Normal negative option comes after the prefix. Defaults to '-'.
if ( inputIsNegative && negative ) {
output += negative;
}
// Append the actual number.
output += inputBase;
output += inputDecimals;
// Apply the postfix.
if ( postfix ) {
output += postfix;
}
// Run the output through a user-specified post-formatter.
if ( edit ) {
output = edit ( output, originalInput );
}
// All done.
return output;
}
// Accept a sting as input, output decoded number.
function formatFrom ( decimals, thousand, mark, prefix, postfix, encoder, decoder, negativeBefore, negative, edit, undo, input ) {
var originalInput = input, inputIsNegative, output = '';
// User defined pre-decoder. Result must be a non empty string.
if ( undo ) {
input = undo(input);
}
// Test the input. Can't be empty.
if ( !input || typeof input !== 'string' ) {
return false;
}
// If the string starts with the negativeBefore value: remove it.
// Remember is was there, the number is negative.
if ( negativeBefore && strStartsWith(input, negativeBefore) ) {
input = input.replace(negativeBefore, '');
inputIsNegative = true;
}
// Repeat the same procedure for the prefix.
if ( prefix && strStartsWith(input, prefix) ) {
input = input.replace(prefix, '');
}
// And again for negative.
if ( negative && strStartsWith(input, negative) ) {
input = input.replace(negative, '');
inputIsNegative = true;
}
// Remove the postfix.
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice
if ( postfix && strEndsWith(input, postfix) ) {
input = input.slice(0, -1 * postfix.length);
}
// Remove the thousand grouping.
if ( thousand ) {
input = input.split(thousand).join('');
}
// Set the decimal separator back to period.
if ( mark ) {
input = input.replace(mark, '.');
}
// Prepend the negative symbol.
if ( inputIsNegative ) {
output += '-';
}
// Add the number
output += input;
// Trim all non-numeric characters (allow '.' and '-');
output = output.replace(/[^0-9\.\-.]/g, '');
// The value contains no parse-able number.
if ( output === '' ) {
return false;
}
// Covert to number.
output = Number(output);
// Run the user-specified post-decoder.
if ( decoder ) {
output = decoder(output);
}
// Check is the output is valid, otherwise: return false.
if ( !isValidNumber(output) ) {
return false;
}
return output;
}
// Framework
// Validate formatting options
function validate ( inputOptions ) {
var i, optionName, optionValue,
filteredOptions = {};
for ( i = 0; i < FormatOptions.length; i+=1 ) {
optionName = FormatOptions[i];
optionValue = inputOptions[optionName];
if ( optionValue === undefined ) {
// Only default if negativeBefore isn't set.
if ( optionName === 'negative' && !filteredOptions.negativeBefore ) {
filteredOptions[optionName] = '-';
// Don't set a default for mark when 'thousand' is set.
} else if ( optionName === 'mark' && filteredOptions.thousand !== '.' ) {
filteredOptions[optionName] = '.';
} else {
filteredOptions[optionName] = false;
}
// Floating points in JS are stable up to 7 decimals.
} else if ( optionName === 'decimals' ) {
if ( optionValue >= 0 && optionValue < 8 ) {
filteredOptions[optionName] = optionValue;
} else {
throw new Error(optionName);
}
// These options, when provided, must be functions.
} else if ( optionName === 'encoder' || optionName === 'decoder' || optionName === 'edit' || optionName === 'undo' ) {
if ( typeof optionValue === 'function' ) {
filteredOptions[optionName] = optionValue;
} else {
throw new Error(optionName);
}
// Other options are strings.
} else {
if ( typeof optionValue === 'string' ) {
filteredOptions[optionName] = optionValue;
} else {
throw new Error(optionName);
}
}
}
// Some values can't be extracted from a
// string if certain combinations are present.
throwEqualError(filteredOptions, 'mark', 'thousand');
throwEqualError(filteredOptions, 'prefix', 'negative');
throwEqualError(filteredOptions, 'prefix', 'negativeBefore');
return filteredOptions;
}
// Pass all options as function arguments
function passAll ( options, method, input ) {
var i, args = [];
// Add all options in order of FormatOptions
for ( i = 0; i < FormatOptions.length; i+=1 ) {
args.push(options[FormatOptions[i]]);
}
// Append the input, then call the method, presenting all
// options as arguments.
args.push(input);
return method.apply('', args);
}
/** @constructor */
function wNumb ( options ) {
if ( !(this instanceof wNumb) ) {
return new wNumb ( options );
}
if ( typeof options !== "object" ) {
return;
}
options = validate(options);
// Call 'formatTo' with proper arguments.
this.to = function ( input ) {
return passAll(options, formatTo, input);
};
// Call 'formatFrom' with proper arguments.
this.from = function ( input ) {
return passAll(options, formatFrom, input);
};
}
/** @export */
window.wNumb = wNumb;
}());
Screen{"Edit User": showSave => {true:nextPage => "Home"}, showCancel => {true:nextPage => "Home"}
Tab{"User Details": developerNotes => "Standard Edit User Screen (only Manager field is additional)"
Panel{"":Columns[2,5]
PanelRow{
LabelField{"Username": value => "dave"}
}
PanelRow{
LabelPassword{"Password":}
}
PanelRow{
LabelPassword{"Verify Password":}
}
PanelRow{
LabelField{"First Name": value => "David"}
}
PanelRow{
LabelField{"Last Name": value => "Barton"}
}
PanelRow{
LabelField{"Company Name":}
}
PanelRow{
LabelField{"Logo":}
}
}
}
}
\ No newline at end of file
Screen{"Home": isHomeScreen => true, screenType => Home
Screen{"Home": isHomeScreen => true screenType => Home
menu => "Company Home Page": nextPage => "Company Home Page",
menu => "Roles": nextPage => "Search Company Role",
menu => "Admin":[
{"Users": nextPage => "Edit User"}
]
Panel{"":Columns[12],showBackground => true
PanelRow{
Label{"Notes":style => "font-weight:bold;"}
}
PanelRow{
Label{"- Roles in the System":}
}
PanelRow{
Label{"<b>Performa_CompanyAdminRole</b> - The Admin of a Company": style => "margin-left:20px;"}
}
PanelRow{
Label{"<i>Performa_AllowCreatingRoles</i> - Allow to enter Crushing Report": style => "margin-left:40px;"}
}
}
}
Screen{"Company Home Page": cssIncludes => ["css/companyStyles.css"],
requirement => "Show the logo of the Company the User belongs to",
securityNotes => "Home page of the users in Performa_CompanyAdminRole Role"
Panel{"": Columns[1,3,1,3,1,3]
PanelRow{
PanelCell{colspan => 6
Label{"Open Roles": style => "font-size:16px;font-weight:bold;",
dataNotes => "Show Roles which are open",
requirement => "When there are no open Roles, hide the table and show a text saying 'You do not have any open roles at the moment'"
}
}
}
PanelRow{
PanelCell{colspan => 6
Table{"": showTitle => false
Col{"Role": filter => false, sorting => false, width => 15}
Col{"Profile": filter => false, sorting => false, width => 6}
Col{"Date Opened": filter => false, sorting => false, width => 6}
Col{"Candidates": filter => false, sorting => false, width => 4}
Col{"": filter => false, sorting => false, width => 1}
TableRow{
Label{"Senior Project Manager":}
Label{"Executive Management":}
Date{"": value => "07/02/2016", readOnly => true,
requirement => "When was the role opened"
}
Label{"20":
requirement => "The candidates who started questionnaires in this role."
}
Link{">>": nextPage => "Edit Company Role"}
}
TableRow{
Label{"Developer":}
Label{"Developer Profile":}
Date{"": value => "01/02/2016", readOnly => true}
Label{"67":}
Link{">>": nextPage => "Edit Company Role"}
}
}
}
}
PanelRow{
PanelCell{colspan => 6}
}
PanelRow{
PanelCell{colspan => 6
Button{"<br/>Create Role": iconSize => glyphicon3x, buttonStyle => Default, style => "font-size: 15px;padding: 6px 15px;",
nextPage => "Create Company Role Wizard - Basic Details",
icons=> [
{"glyphicon-user":}
]
}
}
// },
// PanelCell{colspan => 3
// Button{"<br/>Profiles": iconSize => glyphicon3x, buttonStyle => Default, style => "font-size: 15px;padding: 6px 15px;",
// icons=> [
// {"glyphicon-list-alt":}
// ]
// }
// }
}
}
}
\ No newline at end of file
Screen{"Search Company Role": cssIncludes => ["css/companyStyles.css"],
screenType => Search
Button{"Create Role": nextPage => "Create Company Role Wizard - Basic Details"}
Table{"": showTitle => false
Col{"Role": width => 15}
Col{"Profile": width => 6}
Col{"Date Opened": width => 6}
Col{"Candidates": width => 4}
Col{"Open / Close": width => 4}
Col{"": filter => false, sorting => false, width => 1}
TableRow{
Label{"Senior Project Manager":}
Label{"Executive Management":}
Date{"": value => "07/02/2016", readOnly => true,
requirement => "When was the role opened"
}
Label{"20":
requirement => "The candidates who started questionnaires in this role."
}
Label{"Open":}
Link{">>": nextPage => "Edit Company Role"}
}
TableRow{
Label{"Developer":}
Label{"Developer Profile":}
Label{"":}
Label{"67":}
Label{"Close":}
Link{">>": nextPage => "Edit Company Role"}
}
TableRow{
Label{"Sales Person": style => "font-style:italic;color: #666;"}
Label{"Sales Personal": style => "font-style:italic;color: #666;"}
TableCell{colspan => 2
Label{"Draft": style => "font-style:italic;color: #666;"}
}
TableCell{colspan => 2
Button{"Edit": buttonStyle => Default, nextPage => "Create Company Role Wizard - Customise Workflow",
icons=> [
{"glyphicon-edit":}
]
}
}
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment