Skip to content

A
atlas
Commit f36fecdf by kevalbhatt
Options

ATLAS-3356 : Atlas UI with new theme (Beta version)

parent b24f88ec
Showing with 4598 additions and 117 deletions
dashboardv2/gruntfile.js
......@@ -19,8 +19,8 @@
'use strict';
module.exports = function(grunt) {
var buildTime = new Date().getTime(),
distPath = './dist/',
libPath = distPath + 'js/libs/',
distPath = './dist',
libPath = distPath + '/js/libs/',
isDashboardDirectory = grunt.file.isDir('public'),
nodeModulePath = './node_modules/',
modulesPath = 'public/';
......@@ -32,19 +32,19 @@ module.exports = function(grunt) {
watch: {
js: {
files: ['public/**/*.js'],
tasks: ['copy:dist']
tasks: ['copy:build']
},
html: {
files: ['public/**/*.html'],
tasks: ['copy:dist']
tasks: ['copy:build']
},
css: {
files: ['public/**/*.scss', 'public/**/*.css'],
tasks: ['copy:dist', 'sass']
tasks: ['copy:build', 'sass']
},
image: {
files: ['public/**/*.{ico,gif,png}'],
tasks: ['copy:dist']
tasks: ['copy:build']
}
},
connect: {
......@@ -192,36 +192,24 @@ module.exports = function(grunt) {
rename: {
main: {
files: [
{ src: [libPath + '/jstree/css/default/style.min.css'], dest: libPath + '/jstree/css/default/default-theme.min.css' },
{ src: [libPath + '/jstree/css/default-dark/style.min.css'], dest: libPath + '/jstree/css/default-dark/default-dark-theme.min.css' },
{ src: [libPath + 'jstree/css/default/style.min.css'], dest: libPath + 'jstree/css/default/default-theme.min.css' },
{ src: [libPath + 'jstree/css/default-dark/style.min.css'], dest: libPath + 'jstree/css/default-dark/default-dark-theme.min.css' },
]
}
},
sass: {
dist: {
files: {
'dist/css/style.css': 'public/css/scss/style.scss',
'dist/css/login.css': 'public/css/scss/login.scss'
}
},
build: {
files: {
'dist/css/style.css': 'dist/css/scss/style.scss',
'dist/css/login.css': 'dist/css/scss/login.scss'
[distPath + '/css/style.css']: modulesPath + 'css/scss/style.scss',
[distPath + '/css/login.css']: modulesPath + 'css/scss/login.scss'
}
}
},
copy: {
dist: {
expand: true,
cwd: modulesPath,
src: ['**', '!**/scss/**'],
dest: distPath
},
build: {
expand: true,
cwd: modulesPath,
src: ['**'],
src: ['**', '!**/scss/**', "!index.html.tpl"],
dest: distPath
}
},
......@@ -240,9 +228,9 @@ module.exports = function(grunt) {
},
files: [{
expand: true,
cwd: 'dist/js',
cwd: distPath + '/js',
src: ['external_lib/**/*.js', 'libs/**/*.js'],
dest: 'dist/js'
dest: distPath + '/js'
}]
},
buildjs: {
......@@ -253,9 +241,9 @@ module.exports = function(grunt) {
},
files: [{
expand: true,
cwd: 'dist/js',
cwd: distPath + '/js',
src: ['**/*.js', '!libs/**', '!external_lib/**'],
dest: 'dist/js'
dest: distPath + '/js'
}]
}
},
......@@ -263,9 +251,9 @@ module.exports = function(grunt) {
build: {
files: [{
expand: true,
cwd: 'dist/css',
cwd: distPath + '/css',
src: '*.css',
dest: 'dist/css'
dest: distPath + '/css'
}]
}
},
......@@ -277,9 +265,9 @@ module.exports = function(grunt) {
},
files: [{
expand: true,
cwd: 'dist/js/templates',
cwd: distPath + '/js/templates',
src: '**/*.html',
dest: 'dist/js/templates'
dest: distPath + '/js/templates'
}]
}
},
......@@ -291,7 +279,7 @@ module.exports = function(grunt) {
}
},
files: {
[distPath + 'index.html']: [modulesPath + 'index.html.tpl']
[distPath + '/index.html']: [modulesPath + 'index.html.tpl']
}
}
}
......@@ -351,9 +339,9 @@ module.exports = function(grunt) {
grunt.registerTask('dev', [
'clean',
'copy:libs',
'copy:dist',
'copy:build',
'rename',
'sass:dist',
'sass:build',
'template',
'setupProxies:server',
'connect:server',
......@@ -372,9 +360,9 @@ module.exports = function(grunt) {
grunt.registerTask('dev-minify', [
'clean',
'copy:libs',
'copy:dist',
'copy:build',
'rename',
'sass:dist',
'sass:build',
'uglify',
'cssmin',
'template',
......
dashboardv2/package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
dashboardv2/package.json
......@@ -4,10 +4,10 @@
"private": true,
"repository": {
"type": "git",
"url": "https://gitbox.apache.org/repos/asf/incubator-atlas.git"
"url": "https://git-wip-us.apache.org/repos/asf/incubator-atlas.git"
},
"scripts": {
"dev": "grunt dev",
"start": "grunt dev",
"build": "grunt build",
"dev-minify": "grunt dev-minify",
"build-minify": "grunt build-minify"
......@@ -43,7 +43,6 @@
"jstree": "3.3.5",
"moment": "2.21.0",
"moment-timezone": "0.5.14",
"npm": "^5.8.0",
"nvd3": "1.8.5",
"platform": "1.3.4",
"pnotify": "3.2.0",
......@@ -55,16 +54,16 @@
"underscore": "1.8.3"
},
"devDependencies": {
"grunt": "1.0.2",
"grunt": "1.0.4",
"grunt-cli": "1.2.0",
"grunt-contrib-clean": "1.1.0",
"grunt-contrib-connect": "1.0.2",
"grunt-contrib-copy": "1.0.0",
"grunt-contrib-cssmin": "2.0.0",
"grunt-contrib-htmlmin": "2.2.0",
"grunt-contrib-rename": "^0.2.0",
"grunt-contrib-rename": "0.2.0",
"grunt-contrib-uglify": "2.1.0",
"grunt-contrib-watch": "1.0.0",
"grunt-contrib-watch": "1.1.0",
"grunt-middleware-proxy": "1.0.7",
"grunt-sass": "2.1.0",
"grunt-template": "1.0.0",
......
dashboardv2/public/css/scss/common.scss
......@@ -189,6 +189,13 @@ pre {
font-family: monospace;
}
}
.footer-content {
position: fixed;
right: 0px;
padding: 10px;
bottom: 0;
background: white;
}
#accordion {
.panel-default>.panel-heading {
......
dashboardv2/public/css/scss/login.scss
......@@ -16,91 +16,127 @@
* limitations under the License.
*/
/* login.scss */
@import "__variable.scss";
body {
font-family: $font_0, $font_1;
background-color: $color_white_lilac_approx;
color: $color_ironside_gray_approx;
color: $color_dark_grey_approx;
font-size: 14px;
line-height: 1.42857143;
}
a {
color: $color_jungle_green_approx;
}
.login-body {
height: 100vh;
padding-top: calc(50vh - 206px);
.errorBox {
position: absolute;
right: 36px;
display: none;
top: 26px;
width: 251px;
.alert {
box-shadow: 4px 3px 8px -2px $gray;
}
}
.login-form {
padding: 60px;
width: 500px;
margin: 0 auto;
background: $white;
box-shadow: 0px 0px 3px 0px rgba(128, 128, 128, 0.2);
.close {
padding: 6px;
font-size: 15px;
}
h4 {
font-size: 16px;
margin-bottom: 24px;
}
.login-pane {
top: 25%;
width: 40%;
left: 30%;
position: fixed;
background: $color_tuna_approx;
color: $color_gallery_approx;
padding: 15px;
border-radius: 5px;
h2 {
margin-bottom: 40px;
img {
width: 168px;
margin-bottom: 28px;
}
.input-group {
margin: 20px 0;
width: 100%;
.icon-group {
position: relative;
margin-bottom: 24px;
&.user:after {
content: "\f007";
}
.form-control {
background-color: transparent;
border-radius: 0;
border-left: none;
color: $color_gallery_approx;
float: left;
width: 94%;
&:focus {
border-color: $color_celeste_approx;
+.input-group-addon {
border-color: $color_cornflower_blue_approx;
&.password:after {
content: "\f023";
}
.show-password,
&:after {
position: absolute;
left: 4px;
bottom: 4px;
font-family: FontAwesome;
font-size: 16px;
background: transparent;
height: 34px;
width: 38px;
line-height: 34px;
text-align: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid #ccc;
}
&.text {
.show-password {
color: $color_jungle_green_approx;
}
.input-group-addon {
background-color: transparent;
border-radius: 0;
border-right: none;
color: $color_celeste_approx;
float: left;
width: 6%;
line-height: 20px;
height: 34px;
}
.btn-atlas {
padding: 10px 20px;
background-color: $color_keppel_approx;
color: $white;
border: 1px $color_keppel_approx solid;
border-radius: 4px;
transition: all .3s ease;
.show-password {
right: 4px;
border: none;
left: auto;
cursor: pointer;
}
}
button:focus {
outline: 0!important;
}
input {
height: auto;
padding: 10px 12px 10px 52px;
background: transparent;
border-radius: 0px;
border-width: 1px;
&#password {
padding-right: 37px
}
.form-control:focus {
&:focus {
border-image-source: #38bb9b;
border-width: 2px;
border-image-slice: 5;
border-image-source: -moz-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
border-image-source: -webkit-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
border-image-source: linear-gradient(135deg, #38bb9b 0%, #4a90e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bb9b', endColorstr='#4a90e2', GradientType=1);
box-shadow: none;
-webkit-box-shadow: none;
}
}
}
button.btn-login {
padding: 10px 12px;
background: #38bb9b;
background: -moz-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: -webkit-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: linear-gradient(135deg, #38bb9b 0%, #4a90e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bb9b', endColorstr='#4a90e2', GradientType=1);
color: #fff;
margin-top: 32px;
border: none;
&:focus,
&:hover,
&:active,
&:active:focus,
&:active:hover {
background: #38bb9b;
background: -moz-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: -webkit-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: linear-gradient(135deg, #38bb9b 0%, #4a90e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bb9b', endColorstr='#4a90e2', GradientType=1);
color: #fff;
}
}
}
}
\ No newline at end of file
dashboardv2/public/index.html.tpl
......@@ -73,6 +73,9 @@
</div>
</div>
</div>
<div class="footer-content">
<a href="javascript:void(0)" id="sUI">Switch to Beta UI</a>
</div>
</div>
<!-- build:js scripts/main.js -->
<script data-main="js/main.js?bust=<%- bust %>" src="js/libs/requirejs/require.js?bust=<%- bust %>"></script>
......
dashboardv2/public/js/modules/atlasLogin.js
......@@ -69,10 +69,16 @@ function doLogin() {
"cache-control": "no-cache"
},
success: function() {
if (location.hash.length > 2)
window.location.replace('index.html' + location.hash);
else
window.location.replace('index.html');
var indexpath = "index.html";
if (window.localStorage.atlas_ui === "beta") {
//load beta version
indexpath = '/n/index.html';
}
if (location.hash.length > 2) {
window.location.replace((indexpath + location.hash));
} else {
window.location.replace(indexpath);
}
},
error: function(jqXHR, textStatus, err) {
$('#signIn').removeAttr('disabled');
......@@ -136,4 +142,17 @@ $(function() {
$(e.target).parent().removeClass('error');
}
});
$("#password").on("keyup", function() {
if (this.value.trim() === "") {
$(".show-password ").hide();
} else {
$(".show-password ").show();
}
});
var showPassword = false;
$(".show-password").on("click", function() {
showPassword = !showPassword;
$("#password").attr("type", showPassword ? "text" : "password");
$(".show-password").toggleClass("fa-eye-slash fa-eye");
});
});
\ No newline at end of file
dashboardv2/public/js/router/Router.js
......@@ -44,6 +44,7 @@ define([
initialize: function(options) {
_.extend(this, _.pick(options, 'entityDefCollection', 'typeHeaders', 'enumDefCollection', 'classificationDefCollection', 'metricCollection'));
this.showRegions();
this.bindFooterEvent();
this.bindCommonEvents();
this.listenTo(this, 'route', this.postRouteExecute, this);
this.searchVent = new Backbone.Wreqr.EventAggregator();
......@@ -71,6 +72,15 @@ define([
}
}
},
bindFooterEvent: function() {
$("body").on("click", "#sUI", function() {
var path = Utils.getBaseUrl(window.location.pathname) + "/n/index.html";
if (window.location.hash.length > 2) {
path += window.location.hash;
}
window.location.href = path;
});
},
bindCommonEvents: function() {
var that = this;
$('body').on('click', 'a.show-stat', function() {
......
dashboardv2/public/js/templates/site/Header.html
......@@ -44,7 +44,7 @@
<li class="aboutAtlas"><a href="javascript:void(0)">About</a></li>
<li role="separator" class="divider"></li>
<li>
<a data-id="signOut" href="javascript:void(0)"><i class="fa fa-sign-out"></i>Logout</a>
<a href="javascript:void(0)" data-id="signOut"><i class="fa fa-sign-out"></i>Logout</a>
</li>
</ul>
</td>
......
dashboardv2/public/js/utils/CommonViewFunction.js
......@@ -284,7 +284,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Enum
}
table += '<tr class="' + appendClass + '"><td>' + (_.escape(key) + listCount) + '</td><td>' + htmlTag + '</td></tr>';
} else {
table += '<div>' + val + '</div>';
table += '<span>' + val + '</span>';
}
});
......
dashboardv2/public/js/views/graph/RelationshipLayoutView.js
......@@ -260,10 +260,10 @@ define(['require',
.links(data.links)
.size([width, height])
.linkDistance(200)
.gravity(0.0)
.gravity(0.5)
.friction(0.1)
.charge(function(d) {
var charge = -500;
var charge = -2000;
if (d.index === 0) charge = 100
return charge;
})
......
dashboardv2/public/js/views/site/Header.js
......@@ -70,6 +70,8 @@ define(['require',
$('body').toggleClass("full-screen");
};
events['click ' + this.ui.signOut] = function() {
Utils.localStorage.setValue("atlas_ui","classic");
var path = Utils.getBaseUrl(window.location.pathname);
window.location = path + "/logout.html";
};
......
dashboardv3/package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dashboardv3/package.json 0 → 100644
{
"name": "atlas-metadata",
"description": "Apache Atlas",
"private": true,
"repository": {
"type": "git",
"url": "https://git-wip-us.apache.org/repos/asf/incubator-atlas.git"
},
"scripts": {
"start": "grunt dev",
"build": "grunt build",
"dev-minify": "grunt dev-minify",
"build-minify": "grunt build-minify"
},
"keywords": [
"Apache",
"Atlas"
],
"dependencies": {
"backbone": "1.2.3",
"backbone.babysitter": "0.1.12",
"backbone.marionette": "2.3.2",
"backbone.paginator": "2.0.5",
"backbone.wreqr": "1.4.0",
"backgrid": "0.3.8",
"backgrid-filter": "0.3.7",
"backgrid-orderable-columns": "0.1.2",
"backgrid-paginator": "0.3.9",
"backgrid-select-all": "0.3.5",
"backgrid-sizeable-columns": "0.1.1",
"bootstrap": "3.3.7",
"bootstrap-daterangepicker": "2.1.25",
"d3": "3.5.17",
"d3-tip": "0.6.8",
"dagre-d3": "0.4.17",
"font-awesome": "4.7.0",
"jQuery-QueryBuilder": "2.4.3",
"jquery": "3.3.1",
"jquery-asBreadcrumbs": "0.2.2",
"jquery-placeholder": "2.3.1",
"jquery-sparkline": "2.4.0",
"jquery-steps": "1.1.0",
"jstree": "3.3.5",
"jstree-bootstrap-theme": "1.0.1",
"moment": "2.21.0",
"moment-timezone": "0.5.14",
"nvd3": "1.8.5",
"platform": "1.3.4",
"pnotify": "3.2.0",
"pretty-checkbox": "3.0.3",
"requirejs": "2.3.3",
"requirejs-text": "2.0.15",
"select2": "4.0.3",
"table-dragger": "1.0.2",
"underscore": "1.8.3"
},
"devDependencies": {
"grunt": "1.0.4",
"grunt-cli": "1.2.0",
"grunt-contrib-clean": "1.1.0",
"grunt-contrib-connect": "1.0.2",
"grunt-contrib-copy": "1.0.0",
"grunt-contrib-cssmin": "2.0.0",
"grunt-contrib-htmlmin": "2.2.0",
"grunt-contrib-rename": "0.2.0",
"grunt-contrib-uglify": "2.1.0",
"grunt-contrib-watch": "1.1.0",
"grunt-middleware-proxy": "1.0.7",
"grunt-sass": "2.1.0",
"grunt-template": "1.0.0",
"load-grunt-tasks": "3.5.2"
}
}
dashboardv3/pom.xml 0 → 100644
<?xml version="1.0"?>
<!--
~ Licensed to the Apache Software Foundation (ASF) under one
~ or more contributor license agreements. See the NOTICE file
~ distributed with this work for additional information
~ regarding copyright ownership. The ASF licenses this file
~ to you under the Apache License, Version 2.0 (the
~ "License"); you may not use this file except in compliance
~ with the License. You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing, software
~ distributed under the License is distributed on an "AS IS" BASIS,
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
~ See the License for the specific language governing permissions and
~ limitations under the License.
-->
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/maven-v4_0_0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.apache.atlas</groupId>
<artifactId>apache-atlas</artifactId>
<version>3.0.0-SNAPSHOT</version>
</parent>
<artifactId>atlas-dashboardv3</artifactId>
<description>Apache Atlas New UI Application</description>
<name>Apache Atlas New UI</name>
<packaging>war</packaging>
<url>https://atlas.apache.org</url>
<build>
<pluginManagement>
<plugins>
<plugin>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<configuration>
<phase>validate</phase>
<workingDirectory>${project.build.directory}</workingDirectory>
</configuration>
</plugin>
</plugins>
</pluginManagement>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-war-plugin</artifactId>
<configuration>
<failOnMissingWebXml>false</failOnMissingWebXml>
<webResources>
<resource>
<directory>${project.build.directory}/dist</directory>
</resource>
</webResources>
</configuration>
</plugin>
<plugin>
<artifactId>maven-resources-plugin</artifactId>
<version>2.7</version>
<executions>
<execution>
<id>copy-resources</id>
<goals>
<goal>copy-resources</goal>
</goals>
<phase>validate</phase>
<configuration>
<outputDirectory>${basedir}/target/</outputDirectory>
<resources>
<resource>
<directory>${basedir}</directory>
<includes>
<include>package.json</include>
<include>gruntfile.js</include>
</includes>
</resource>
</resources>
</configuration>
</execution>
</executions>
</plugin>
<plugin>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<executions>
<execution>
<id>install node and npm</id>
<goals>
<goal>install-node-and-npm</goal>
</goals>
<configuration>
<nodeVersion>${node-for-v2.version}</nodeVersion>
<npmVersion>${npm-for-v2.version}</npmVersion>
</configuration>
</execution>
<execution>
<id>npm install</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>install</arguments>
</configuration>
</execution>
<execution>
<id>grunt dist</id>
<goals>
<goal>grunt</goal>
</goals>
<configuration>
<arguments>${project.build.dashboardv3.gruntBuild}</arguments>
</configuration>
</execution>
</executions>
</plugin>
</plugins>
</build>
</project>
dashboardv3/public/css/bootstrap-sidebar.css 0 → 100644
/*!
* Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
* Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/
/* Toggle Styles */
#wrapper {
padding-left: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#wrapper.toggled {
padding-left: 300px;
}
#sidebar-wrapper {
z-index: 1000;
position: fixed;
/*left: 350px;*/
/*width: 0;*/
height: 100%;
/*margin-left: -350px;*/
overflow-y: auto;
background: #fff;
-moz-transition: left 0.3s;
-o-transition: left 0.3s;
-webkit-transition: left 0.3s;
transition: left 0.3s;
}
#wrapper.toggled #sidebar-wrapper {
/*width: 350px;*/
}
#page-content-wrapper {
width: 100%;
position: absolute;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -350px;
}
/* Sidebar Styles */
.sidebar-nav {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav>li {
line-height: 50px;
padding: 5px 20px;
border-bottom: 1px #1c1e2a solid;
}
.sidebar-nav>li a {
display: block;
text-decoration: none;
color: #fff;
}
.sidebar-nav>li a:hover {
text-decoration: none;
color: #fff;
}
.sidebar-nav>li a:active,
.sidebar-nav>li a:focus {
text-decoration: none;
}
.sidebar-nav>.sidebar-brand {
font-size: 18px;
line-height: 50px;
}
.sidebar-nav>.sidebar-brand a {
color: #ddd;
letter-spacing: 1px;
}
.sidebar-nav>.sidebar-brand a:hover {
color: #fff;
background: none;
}
/* Extended Elements */
.sidebar-input .input-group {
margin: 10px 0px;
}
.sidebar-input .form-control,
.sidebar-input .input-group-addon {
background-color: transparent;
border-radius: 0px;
}
.sidebar-input .form-control {
border-right: none;
color: #eee;
}
.sidebar-input .input-group-addon {
border-left: none;
color: #ccc;
}
.sidebar-input .form-control:focus+.input-group-addon {
border-color: #66afe9;
}
@media(min-width:768px) {
#wrapper {
padding-left: 350px;
}
#wrapper.toggled {
padding-left: 0;
}
#sidebar-wrapper {
/*width: 350px;*/
}
#wrapper.toggled #sidebar-wrapper {
width: 0;
padding: 0;
}
#page-content-wrapper {
position: relative;
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0;
}
}
\ No newline at end of file
dashboardv3/public/css/googlefonts.css 0 → 100644
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* source-sans-pro-regular - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-regular.eot');
/* IE9 Compat Modes */
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-regular.svg#SourceSansPro') format('svg');
/* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-600.eot');
/* IE9 Compat Modes */
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-600.woff') format('woff'), /* Modern Browsers */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-600.svg#SourceSansPro') format('svg');
/* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-700.eot');
/* IE9 Compat Modes */
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-700.woff') format('woff'), /* Modern Browsers */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../js/external_lib/fonts/source-sans-pro/source-sans-pro-v10-latin-700.svg#SourceSansPro') format('svg');
/* Legacy iOS */
}
\ No newline at end of file
dashboardv3/public/css/scss/__mixin.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
@mixin clearfix() {
&:before,
&:after {
content: " "; // 1
display: table; // 2
}
&:after {
clear: both;
}
}
@mixin ellipsis() {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@mixin transition($transition...) {
-webkit-transition: $transition;
-moz-transition: $transition;
-o-transition: $transition;
transition: $transition;
}
@mixin transition-property($properties...) {
-webkit-transition-property: $properties;
-moz-transition-property: $properties;
-o-transition-property: $properties;
transition-property: $properties;
}
@mixin btn-action-effect($color) {
@if $color=='default' {
border: 1px $color_keppel_approx solid;
color: $color_keppel_approx;
}
@else if $color=='blue' {
border: 1px $color_havelock_blue_approx solid;
color: $color_havelock_blue_approx;
}
}
@mixin btn-action-hover-effect($color1) {
@if $color1=='default' {
background-color: $color_keppel_approx;
color: $white;
}
@else if $color1=='blue' {
color: $white;
background-color: $tag_color;
}
}
\ No newline at end of file
dashboardv3/public/css/scss/__variable.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//fonts
$font_0: Source Sans Pro;
$font_1: sans-serif;
$font_2: FontAwesome;
$font_3: Helvetica;
$font_4: Arial;
$font_5: sans-serf;
//Colors
$white: #fff;
$black: #000;
$red: #f00;
$gray: #808080;
$dark_gray: #666;
$action_gray: #999999;
$color_keppel_approx: #37bb9b;
$color_gallery_approx: #eee;
$color_tuna_approx: #323544;
$color_celeste_approx: #ccc;
$color_cornflower_blue_approx: #66afe9;
$color_mystic_approx: #e8e9ee;
$color_jungle_green_approx: #38bb9b;
$color_jungle_green_light: #7ed3be;
$color_froly_approx: #ee6e73;
$color_manatee_approx: #9398a0;
$color_havelock_blue_approx: #4a90e2;
$color_ironside_gray_approx: #686868;
$color_mercury_approx: #e6e6e6;
$color_whisper_approx: #f6f7fa;
$color_bombay_approx: #b5b9bc;
$color_white_lilac_approx: #f6f7fb;
$color_puerto_rico_approx: #3dd4af;
$color_star_dust_approx: #9a9a9a;
$color_mirage_approx: #1c1e2a;
$concrete: #f2f2f2;
$lightGrey: #e1e2e4;
$color_form_control: #e8e8e8;
$attribute-dash-box: #cbcbcb;
//old - style color
$color_bali_hai_approx: #8fa5b1;
$transparent: transparent;
$black_7_5: rgba(0, 0, 0, 0.075);
$color_hoki_approx: #698797;
$color_curious_blue_approx: #1ba9e2;
$color_blue_bayoux_approx: #44697d;
$color_pickled_bluewood_approx: #334f5e;
$color_picton_blue_approx: #3cb5e6;
$color_yellow_sea_approx: #f5a700;
$color_gamboge_approx: #de9800;
$color_trinidad_approx: #e14f00;
$color_grenadier_approx: #c74600;
$color_athens_gray_approx: #e9ecf2;
$color_green_house_approx: #26530c;
$color_dark_grey_approx: #333;
$black_10: rgba(0, 0, 0, 0.1);
$color_cararra_approx: #ececec;
$black_30: rgba(0, 0, 0, 0.3);
$color_pizazz_approx: #ff8e00;
$black_25: rgba(0, 0, 0, 0.25);
$color_cape_cod_approx: #414141;
$color_apple_blossom_approx: #a94442;
$color_mine_shaft_approx: #333;
$white_80: rgba(255, 255, 255, 0.8);
$color_alto_approx: #dadada;
$color_fuscous_gray_approx: #545454;
$black_65: rgba(0, 0, 0, 0.65);
$white_25: rgba(255, 255, 255, 0.25);
$color_fern_approx: #65bd63;
$color_opal_approx: #a7cec6;
$white_50: rgba(255, 255, 255, 0.5);
$black_20: rgba(0, 0, 0, 0.2);
$color_pelorous_approx: #3aa2d0;
$color_laser_approx: #c4bb61;
$color_zombie_approx: #e0dd94;
$steel_blue: steelblue;
$black_80: rgba(0, 0, 0, 0.8);
$color_bright_turquoise_approx: #00ffd0;
$color_mountain_mist_approx: #999;
$color_suva_gray_approx: #868686;
$tag_color: #4a90e2;
$delete_link: #bb5838;
//urls
$url_0: url(../img/loading.gif);
$switchTransition: 0.4s ease-out;
\ No newline at end of file
dashboardv3/public/css/scss/common.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* common.scss */
.readOnly {
span,
button,
a {
i {
&.fa-trash[data-guid] {
display: none;
}
&.fa-trash[data-id="delete"] {
display: none;
}
}
&.btn[data-id="addTag"] {
display: none;
}
&.btn[data-id="addTerm"] {
display: none;
}
&.btn[data-id="editButton"] {
display: none;
}
&.editbutton[data-id="editButton"] {
display: none !important;
}
&[data-id="delete"],
&[data-id="edit"] {
display: none;
}
&.btn[data-id="tagClick"] {
span {
display: block;
padding: 3px 5px 3px 5px;
}
i.fa-close[data-id="deleteTag"],
i.fa-times[data-id="deleteTag"],
i.fa-times[data-id="delete"] {
display: none;
}
}
}
}
.details-backbutton {
display: none !important;
}
.full-screen {
#sidebar-wrapper {
left: 0;
}
#wrapper {
padding-left: 0px;
}
}
.detail-page {
.details-backbutton {
display: table-cell !important;
}
.searched-term-highlight {
background-color: #eeee31;
transition: background-color 4s, font-weight 2s;
&.bold {
background-color: transparent;
font-weight: bold;
}
}
}
pre {
background-color: ghostwhite;
border: 1px solid silver;
padding: 10px;
white-space: -moz-pre-wrap;
/* Mozilla, supported since 1999 */
white-space: -pre-wrap;
/* Opera */
white-space: -o-pre-wrap;
/* Opera */
white-space: pre-wrap;
/* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word;
/* IE 5.5+ */
&.code-block {
code {
position: relative;
max-height: 400px;
display: block;
overflow: auto;
text-align: left;
}
position: relative;
overflow: hidden;
&.shrink {
height: 112px;
white-space: -moz-pre-wrap;
/* Mozilla, supported since 1999 */
white-space: -pre-wrap;
/* Opera */
white-space: -o-pre-wrap;
/* Opera */
white-space: pre-wrap;
/* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word;
/* IE 5.5+ */
code {
height: 100px;
}
&.fixed-height {
height: 75px;
code {
height: 54px;
}
}
&.medium-height {
height: 100px;
}
.expand-collapse-button {
i:before {
content: "\f107";
}
}
}
.expand-collapse-button {
position: absolute;
right: 3px;
top: 4px;
z-index: 1;
i:before {
content: "\f106";
}
}
.json-key {
color: brown;
}
.json-value {
color: navy;
}
.json-string {
color: olive;
}
}
code {
font-family: monospace;
}
}
#accordion {
.panel-default>.panel-heading {
cursor: pointer;
}
}
.footer-content {
position: fixed;
right: 0px;
padding: 10px;
bottom: 0;
background: white;
}
dashboardv3/public/css/scss/glossary.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
.jstree-contextmenu {
z-index: 99;
}
.jstree-default-dark {
background: transparent !important;
.jstree-anchor {
width: calc(100% - 50px);
overflow: hidden;
text-overflow: ellipsis;
}
.jstree-children.jstree-children>li>a {
max-width: 500px;
}
.jstree-clicked,
.jstree-wholerow-clicked {
background: $color_jungle_green_approx !important;
}
.jstree-hovered {
background: $color_star_dust_approx;
}
.jstree-anchor {
color: #dbdbdb;
}
.jstree-search {
color: #fbfece !important
}
li[role="treeitem"] {
.jstree-wholerow-clicked {
.tools {
display: inline-block;
}
}
.tools {
display: none;
position: absolute;
width: 30px;
text-align: center;
cursor: pointer;
top: 0;
right: 0;
}
}
}
\ No newline at end of file
dashboardv3/public/css/scss/graph.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* graph.scss */
.node {
cursor: pointer;
text {
font-size: 10px;
font-family: $font_1;
}
transition: opacity 0.3s linear;
rect {
stroke: $color_mountain_mist_approx;
fill: $white;
stroke-width: 1.5px;
&.serach-rect {
stroke: $color_keppel_approx;
fill: transparent;
stroke-width: 2.5px
}
}
.label {
fill: $color_suva_gray_approx;
}
circle {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
stroke-width: 1.5px;
&.node-detail-highlight {
stroke: $color_havelock_blue_approx;
stroke-width: 2px;
}
&.nodeImage {
&.green:hover {
stroke: #ffb203;
}
&.blue:hover {
stroke: #4b91e2;
}
&.currentNode {
stroke: #fb4200;
}
&:hover {
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
}
&.active {
circle {
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
&.nodeImage {
&.green {
stroke: #ffb203;
}
&.blue {
stroke: #4b91e2;
}
}
}
}
}
.invisible {
.node circle {
transition: all 0s;
}
}
.edgePath {
.path {
cursor: pointer;
}
}
.overlay {}
.link {
fill: none;
stroke: $color_celeste_approx;
stroke-width: 1.5px;
}
.d3-tip {
line-height: 1;
font-weight: bold;
padding: 12px;
background: $black_80;
color: $white;
z-index: 999;
max-width: 300px; //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 2px;
.tip-inner-scroll {
overflow: auto;
max-height: 300px;
}
/* Creates a small triangle extender for the tooltip */
&:after {
box-sizing: border-box;
display: inline;
font-size: 10px;
width: 100%;
line-height: 1;
color: rgba(0, 0, 0, 0.8);
position: absolute;
}
/* Nrthward tooltips */
&.n:after {
content: "\25BC";
margin: -1px 0 0 0;
top: 100%;
left: 0;
text-align: center;
}
/* Eastward tooltips */
&.e:after {
content: "\25C0";
margin: -4px 0 0 0;
top: 50%;
left: -8px;
}
/* Southward tooltips */
&.s:after {
content: "\25B2";
margin: 0 0 1px 0;
top: -8px;
left: 0;
text-align: center;
}
/* Westward tooltips */
&.w:after {
content: "\25B6";
margin: -4px 0 0 -1px;
top: 50%;
left: 100%;
}
}
g.type-TK>rect {
fill: $color_bright_turquoise_approx;
}
.graph-toolbar {
background-color: $white;
margin-bottom: 10px;
padding: 10px;
}
.legends {
>i {
>span {
font-family: 'Source Sans Pro';
}
}
}
.lineage-box {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
}
.graph-button-group {
&>div {
display: inline-block;
}
.zoom-button-group {}
}
.box-panel {
position: absolute;
top: 37px;
border: 1px solid #ccc;
width: 250px;
max-height: 99%;
overflow: auto;
transition: all 0.3s ease;
right: -273px;
background-color: $white;
z-index: 999;
box-shadow: 1px 19px 22px -17px;
border-radius: 10px;
max-height: 88%;
&.slide-from-left {
left: -273px;
right: 0px;
&.size-lg {
left: -373px;
}
}
&.size-lg {
width: 350px;
}
&.show-box-panel {
right: 0px !important;
&.slide-from-left {
left: 0;
}
}
.entity-list {
overflow: auto;
list-style-type: decimal;
list-style-position: outside;
padding-left: 15px;
}
ul>li {
word-wrap: break-word;
margin-bottom: 5px;
text-align: left;
&.deleted-relation {
.deleteBtn {
padding: 2px 8px !important;
margin: 5px 5px !important;
}
}
}
.header {
background: $color_havelock_blue_approx;
color: white;
position: relative;
text-align: center;
width: 100%;
position: sticky;
height: 37px;
top: 0;
z-index: 999;
>h4 {
padding: 0px 36px 0px 10px;
word-break: break-all;
}
.btn-close {
position: absolute;
right: 0px;
top: 0px;
font-size: 18px;
&:hover {
color: $white;
}
}
}
.body {
padding: 10px;
width: 100%;
position: relative;
height: calc(100% - 37px);
overflow: hidden;
}
}
.btn-gray {
border: 1px solid #686868;
color: $dark_gray;
background: white;
&[disabled] {
opacity: .3;
}
&:hover {
border: 1px solid #686868;
color: $dark_gray !important;
background-color: white !important;
}
}
span#zoom_in {
border-bottom: 1px solid #625555;
}
.depth-container {
//display: inline-block;
//margin-top: 3px;
.inline {
display: inline-block;
}
}
.resizeGraph {
position: relative;
width: 100%;
height: 64vh;
overflow: hidden !important;
&.auto-height {
height: auto !important;
}
}
.active.fullscreen-mode {
position: fixed;
height: 100% !important;
top: 0;
bottom: 0;
left: 0;
width: 100%;
right: 0;
padding: 0 !important;
z-index: 999;
overflow: hidden !important;
.resizeGraph {
position: fixed;
height: 100% !important;
.ui-resizable-handle {
display: none;
}
}
.lineage-box {
padding: 10px !important;
}
.box-panel {
margin: 10px !important;
}
}
@keyframes zoominoutsinglefeatured {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1.2);
}
100% {
transform: scale(1, 1);
}
}
.wobble {
animation: zoominoutsinglefeatured 1s 5;
}
.hover {
g.node {
opacity: 0.1 !important;
}
g.edgePath {
opacity: 0 !important;
}
g.node.hover-active,
g.edgePath.hover-active-node {
opacity: 1 !important;
}
}
.lineage-node-detail {
.table-quickMenu {
td:nth-child(1n) {
width: 150px;
}
word-break: break-all;
}
}
.hidden-svg {
visibility: hidden;
}
#tab-relationship {
.entity-status {
&.active {
color: $color_jungle_green_approx;
}
&.deleted {
color: $delete_link;
}
}
.entity-list {
list-style-position: inside;
}
}
\ No newline at end of file
dashboardv3/public/css/scss/leftsidebar.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
.filter-tree-box {
padding-left: 2px;
.panel {
border: none;
box-shadow: none;
&.panel-default>.panel-heading {
border-color: $color_mystic_approx;
border-width: 2px;
button {
height: inherit;
}
}
.menu-items {
height: 30px;
}
&.expand_collapse_panel-icon {
.panel-heading {
i.ec-icon:before {
content: "\f054";
}
&[aria-expanded="true"] {
i.ec-icon:before {
content: "\f078";
}
}
}
}
}
.filter-tree-content {
overflow: auto;
height: calc(100vh - 188px);
.panel-collapse {
padding-top: 7px;
}
.jstree-anchor {
line-height: 26px;
height: 26px;
font-size: 16px;
// max-width: 96%;
width: calc(100% - 50px);
overflow: hidden;
text-overflow: ellipsis;
}
.jstree-default .jstree-node {
position: relative;
max-width: 300px;
}
.tag-tree>li.parent-node>div:hover {
background-color: $color_havelock_blue_approx;
color: #fff !important;
}
.jstree-with-action {
.jstree-default {
.tools {
display: none;
position: absolute;
text-align: center;
cursor: pointer;
right: 0;
top: 0;
color: $white;
background: $color_havelock_blue_approx;
i {
width: 30px;
}
}
li[aria-selected="true"] {
&>.jstree-wholerow {
width: calc(100% - 30px);
}
&>.tools {
display: inline-block;
top: 0px;
}
}
}
}
.jstree-default {
.jstree-search {
font-style: unset;
color: inherit;
font-weight: 700;
}
.jstree-anchor {
line-height: 26px;
height: 26px;
font-size: 16px;
&.jstree-clicked {
color: $white;
i {
-webkit-text-stroke-color: $white;
}
}
}
&>.jstree-no-dots .jstree-open>.jstree-ocl {
transform: rotate(45deg);
}
.jstree-wholerow-clicked {
background: $color_havelock_blue_approx;
color: $white;
}
}
.panel-heading {
cursor: pointer;
}
.basicSaveSearch {
.clearfix {
.btn {
display: none;
}
}
}
.fa.fa-tag {
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #686868;
}
.tree-menu {
padding: 5px;
cursor: pointer;
color: #686868;
}
.dropdown-menu {
min-width: 182px;
&>li {
padding: 3px 15px;
&:focus,
&:hover {
background-color: $color_havelock_blue_approx;
color: #fff !important;
a {
background-color: $color_havelock_blue_approx;
color: #fff !important;
}
}
a {
display: inline-block;
padding: 0px 3px;
}
}
}
.custom-filter {
.fa {
font-size: 12px;
}
}
.switch-button {
transform: rotate(180deg);
}
.group-tree-deactivate {
color: $action_gray;
}
}
}
.sidebar-content {
&:hover {
.slider-bar button {
display: block;
opacity: 1;
}
}
}
.slide-in {
#sidebar-wrapper {
width: 40px;
background: $white;
.sidebar-content {
.search-browse-box {
border-left: none;
&>div {
visibility: hidden;
}
.slider-bar {
visibility: visible;
button {
display: block;
opacity: 1;
i:before {
content: "\f0c9";
}
}
}
}
}
}
#page-wrapper {
width: calc(100% - 45px);
margin-left: 45px;
}
}
.search-browse-box {
overflow: hidden;
padding: 0;
border-left: 1px solid $color_mystic_approx;
.slider-bar {
position: absolute;
right: 6px;
height: 100%;
width: 9px;
cursor: col-resize;
z-index: 999;
.line {
position: absolute;
height: 100%;
background: $color_mystic_approx;
left: 1px;
width: 2px;
}
&:hover {
.line {
background-color: $color_havelock_blue_approx;
}
button {
display: block;
&:hover {
background-color: $color_havelock_blue_approx;
color: $white;
}
}
}
button {
background-color: $white;
position: absolute;
color: $color_havelock_blue_approx;
right: -6px;
border-radius: 16px;
display: none;
top: 9px;
border-color: $color_havelock_blue_approx;
background: white;
padding: 2px 7px;
opacity: 0;
transition: 0.3s linear;
border: 2px solid $color_havelock_blue_approx;
}
}
}
\ No newline at end of file
dashboardv3/public/css/scss/loader.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* loader.scss */
.fa-spin-custom {
animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
0% {
//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
transform: rotate(0deg);
}
100% {
//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
transform: rotate(0deg);
}
100% {
//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
transform: rotate(359deg);
}
}
.contentLoading {
position: absolute;
background: rgba(247, 247, 247, 0.24);
top: 0;
right: 0;
left: 0;
z-index: 99;
bottom: 0;
display: none;
}
.fontLoader {
top: 50%;
left: 50%;
position: absolute;
display: none;
}
.fontLoader-relative {
@extend .fontLoader;
position: relative;
left: 0%;
text-align: center;
}
.initialLoading {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: url("../img/ring.gif") no-repeat;
background-position: 50% 50%;
background-size: 60px;
}
.tableOverlay {
position: absolute;
width: 100%;
height: 100%;
background: $gray;
z-index: 99;
display: none;
opacity: 0.2;
}
.value-loader {
height: 4px;
width: 50%;
position: relative;
overflow: hidden;
background-color: #ddd;
}
.value-loader:before {
display: block;
position: absolute;
content: "";
left: -200px;
width: 200px;
height: 4px;
background-color: #2980b9;
animation: value-loader 2s linear infinite;
}
@keyframes value-loader {
from {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
\ No newline at end of file
dashboardv3/public/css/scss/login.scss 0 → 100644
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@import "__variable.scss";
body {
font-family: $font_0, $font_1;
background-color: $color_white_lilac_approx;
color: $color_dark_grey_approx;
font-size: 14px;
line-height: 1.42857143;
}
.login-body {
height: 100vh;
padding-top: calc(50vh - 206px);
.login-form {
padding: 60px;
width: 500px;
margin: 0 auto;
background: $white;
box-shadow: 0px 0px 3px 0px rgba(128, 128, 128, 0.2);
h4 {
font-size: 16px;
margin-bottom: 24px;
}
img {
width: 168px;
margin-bottom: 28px;
}
.icon-group {
position: relative;
margin-bottom: 24px;
&.user:after {
content: "\f007";
}
&.password:after {
content: "\f023";
}
.show-password,
&:after {
position: absolute;
left: 4px;
bottom: 4px;
font-family: FontAwesome;
font-size: 16px;
background: transparent;
height: 34px;
width: 38px;
line-height: 34px;
text-align: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid #ccc;
}
&.text {
.show-password {
color: $color_jungle_green_approx;
}
}
.show-password {
right: 4px;
border: none;
left: auto;
cursor: pointer;
}
input {
height: auto;
padding: 10px 12px 10px 52px;
background: transparent;
border-radius: 0px;
border-width: 1px;
&#password {
padding-right: 37px
}
&:focus {
border-image-source: #38bb9b;
border-width: 2px;
border-image-slice: 5;
border-image-source: -moz-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
border-image-source: -webkit-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
border-image-source: linear-gradient(135deg, #38bb9b 0%, #4a90e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bb9b', endColorstr='#4a90e2', GradientType=1);
box-shadow: none;
-webkit-box-shadow: none;
}
}
}
button.btn-login {
padding: 10px 12px;
background: #38bb9b;
background: -moz-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: -webkit-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: linear-gradient(135deg, #38bb9b 0%, #4a90e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bb9b', endColorstr='#4a90e2', GradientType=1);
color: #fff;
margin-top: 32px;
border: none;
&:focus,
&:hover,
&:active,
&:active:focus,
&:active:hover {
background: #38bb9b;
background: -moz-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: -webkit-linear-gradient(-45deg, #38bb9b 0%, #4a90e2 100%);
background: linear-gradient(135deg, #38bb9b 0%, #4a90e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bb9b', endColorstr='#4a90e2', GradientType=1);
color: #fff;
}
}
}
}
\ No newline at end of file
dashboardv3/public/css/scss/nav.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* nav.scss */
.navbar-atlas {
background-color: $color_tuna_approx; //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: inset 0 0 0 $black_10, 0 1px 10px $black_10;
.navbar-brand {
color: $white;
}
.nav>li>a {
color: $white;
padding-top: 18px;
padding-bottom: 18px;
font-size: 100%;
&:focus {
background-color: transparent;
}
&:hover {
background-color: transparent;
}
}
}
.navbar-toggle .icon-bar {
background-color: $white;
}
.navbar-fixed-top+.wrapper {
margin-top: 90px;
padding-bottom: 90px;
}
.navbar-brand {
font-size: 30px;
height: auto;
}
.navbar-form {
width: 30%;
padding: 0;
.form-control {
width: 100%;
padding: 6px 0;
background-color: transparent;
color: $white;
border: none; //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: 0 2px $white;
}
}
.navbar-nav>li>a{
padding: 15px 10px;
}
\ No newline at end of file
dashboardv3/public/css/scss/old-style.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* old-style.scss */
//@extend-elements
//original selectors
//.inputs button.addAttr, .inputs button.saveAttr
%extend_1 {
height: 40px; //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 4px;
border: 1px solid $white;
color: $white; //Instead of the line below you could use @include text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
text-shadow: 0 -1px 0 $black_25;
font-weight: bold;
}
.row-margin-bottom {
margin-bottom: 15px;
}
.list-group-item {
&:first-child {
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 0;
}
&:last-child {
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 0;
}
}
.h160 {
height: 160px !important;
}
.subContent {
width: 500px;
margin: 30px;
}
.headerDroupDown {
border-left: 1px solid $white;
font-size: 11px;
padding-left: 15px;
margin-left: 15px;
}
/* .switch {
float: left;
margin-top: 4px;
position: absolute;
z-index: 99;
top: 0;
left: 20px;
height: 26px;
width: 120px;
background: $color_alto_approx;
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 3px;
//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: inset 0 1px 3px $color_fuscous_gray_approx, 0 1px $white;
} */
/* .switch-label {
position: relative;
z-index: 2;
float: left;
width: 58px;
line-height: 26px;
font-size: 11px;
text-align: center;
cursor: pointer;
&:active {
font-weight: bold;
}
}
.switch-label-off {
padding-left: 2px;
}
.switch-label-on {
padding-right: 2px;
}
.switch-input {
display: none;
&:checked + {
&.switch-label {
font-weight: bold;
color: $black_65;
//Instead of the line below you could use @include text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
text-shadow: 0 1px $white_25;
//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: 0.15s ease-out;
}
&.switch-label-on ~ .switch-selection {
left: 60px;
}
}
}
.switch-selection {
display: block;
position: absolute;
z-index: 1;
top: 2px;
left: 2px;
width: 58px;
height: 22px;
background: $color_fern_approx;
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 3px;
background-image: linear-gradient(to bottom, $color_opal_approx, $color_jungle_green_approx);
background-image: linear-gradient(to bottom, $color_opal_approx, $color_jungle_green_approx);
//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: inset 0 1px $white_50, 0 0 2px $black_20;
//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: left 0.15s ease-out;
} */
.scrollTagList {
height: 330px;
overflow-y: auto;
margin-bottom: 0;
i.fa {
margin-right: 5px;
}
}
.menuItem {
padding: 10px;
color: $color_havelock_blue_approx;
cursor: pointer;
}
.tagging {
display: inline-block;
}
.crossClearText {
line-height: 20px !important;
}
text {
font-weight: 300;
font-family: $font_2, $font_3, $font_4, $font_5;
font-size: 14px;
}
.switch-blue .switch-selection {
background: $color_pelorous_approx;
background-image: linear-gradient(to bottom, $color_picton_blue_approx, $color_pelorous_approx);
}
.switch-yellow .switch-selection {
background: $color_laser_approx;
background-image: linear-gradient(to bottom, $color_zombie_approx, $color_laser_approx);
}
\ No newline at end of file
dashboardv3/public/css/scss/override.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* override.scss */
.container-fluid {
padding-left: 0px;
padding-right: 4px;
}
.tabs li.tab.active {
border-bottom: 2px solid $color_keppel_approx;
a {
color: $color_keppel_approx;
}
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #DEDEDE;
.header-button {
float: right;
opacity: .2;
color: $black;
margin-top: -2px;
&:hover {
color: $black;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
}
}
.modal-title {
font-weight: 600;
-webkit-font-smoothing: antialiased;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #DEDEDE;
.btn+.btn {
margin-bottom: 0;
}
}
.modal-body {
position: relative;
padding: 15px;
max-height: calc(100vh - 200px);
min-height: 70px;
overflow: auto;
.btn+.btn {
margin-bottom: 2px;
}
}
.switch.pull-left {
margin-right: 8px;
}
.modal-content {
border-radius: 10px;
}
.select2-container {
width: 100% !important;
}
.select2-mini {
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
min-height: 28px;
}
.select2-container--default .select2-selection--single {
.select2-selection__rendered {
line-height: 28px;
font-size: 13px;
}
.select2-selection__arrow {
height: 28px;
}
}
}
.select2-container--default {
&.select2-container--disabled {
.select2-selection--multiple {
background-color: $color_gallery_approx !important;
cursor: not-allowed;
input.select2-search__field {
cursor: not-allowed;
}
}
}
.select2-selection--multiple {
background-color: $color_white_lilac_approx !important;
border: 1px $color_mystic_approx solid !important;
&.errorClass {
border: 1px solid red !important;
}
}
.select2-selection--single {
.select2-selection__arrow {
height: 34px;
}
.select2-selection__rendered {
line-height: 32px;
font-size: 14px;
}
}
&.select2-container--focus .select2-selection--multiple {
border-color: $color_bali_hai_approx !important;
}
}
.select2-container {
.select2-selection--single,
.select2-selection--multiple {
min-height: 34px;
.select2-selection__rendered {
padding-left: 12px;
}
}
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: $white;
color: $color_mountain_mist_approx;
border: 1px solid $tag_color;
}
.select2-container--default .select2-search--inline .select2-search__field {
color: #555;
width: 300px !important;
}
.typeLOV {
.select2-container--default {
.select2-selection--multiple {
.select2-selection__rendered {
padding-right: 13px;
.select2-selection__choice {
font-size: 14px;
color: $color_mountain_mist_approx;
border: 1px solid $color_mountain_mist_approx;
}
.select2-search__field {
font-size: 14px;
}
}
.select2-selection__clear {
position: absolute;
float: none;
margin: 0px;
right: 4px;
top: 5px;
color: $color_mountain_mist_approx;
}
}
}
}
.fixed-popover {
position: fixed;
}
.popover.fade {
-webkit-transition: ease-in .1s ease-out;
-o-transition: ease-in .1s ease-out;
transition: ease-in .1s ease-out;
}
.pager {
margin: 0px;
}
.popover {
z-index: 1000;
}
.popover-content {
max-height: 150px;
overflow: auto;
ul {
color: $dark_gray;
padding: 0px 5px;
margin-bottom: 0px;
cursor: pointer;
a {
color: $dark_gray;
padding: 5px;
}
}
}
.tab-content>.tab-pane.active {
overflow-x: hidden;
}
.advancedInfo {
margin-left: 5px;
cursor: pointer;
}
.query-builder {
.rule-container {
margin: 6px 0;
.rule-header {
.rule-actions {
padding: 7px 0px;
}
}
.rule-value-container {
display: inline-block !important;
.form-control {
width: 220px !important;
padding: 6px 12px !important;
}
}
.rule-filter-container {
.form-control {
width: 200px !important;
}
}
.rule-operator-container {
.form-control {
width: auto !important;
}
}
}
.rules-list>:first-child::before {
top: -8px;
}
.rules-group-container {
border-color: transparent;
background: none;
.rules-group-header {
.group-actions {
.btn-success {
color: #38BB9B !important;
background-color: transparent !important;
border-color: #38BB9B !important;
}
.btn-danger {
color: #e14f00;
background-color: transparent;
border-color: #e14f00;
}
}
.group-conditions {
.btn-primary {
color: #333 !important;
background-color: $white !important;
border-color: #ccc !important;
}
.active {
color: $white !important;
background-color: #5bc0de !important;
border-color: #46b8da !important;
}
}
}
}
.rules-group-header .btn-group.pull-right.group-actions {
float: right !important;
}
}
div.columnmanager-visibilitycontrol {
width: auto;
margin-bottom: 5px;
&.open .btn-action {
background-color: $color_keppel_approx;
color: $white;
}
}
div.columnmanager-dropdown-container {
&.open {
overflow: auto;
}
>li>span.column-label {
width: auto;
}
}
.stack-modal[aria-role="alertdialog"] {
&.width-600 {
width: 600px !important;
left: calc(50% - 250px) !important;
margin-left: 0 !important;
}
&.width-500 {
width: 500px !important;
left: calc(50% - 216px) !important;
margin-left: 0 !important;
}
&.width-400 {
width: 400px !important;
left: calc(50% - 183px);
margin-left: 0 !important;
}
.alert.ui-pnotify-container {
color: $color_ironside_gray_approx;
background-color: $white;
border: 1px solid rgba(0, 0, 0, .2);
padding: 0px;
outline: 0;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
.ui-pnotify-icon,
.ui-pnotify-title {
padding: 15px;
}
.ui-pnotify-text {
position: relative;
padding: 15px;
max-height: 400px;
min-height: 70px;
overflow: auto;
border-top: 1px solid #DEDEDE
}
.ui-pnotify-action-bar {
padding: 15px;
text-align: right;
border-top: 1px solid #DEDEDE;
}
}
}
.ui-pnotify-icon,
.ui-pnotify-icon span {
padding: 2px 0px;
}
.btn-round-xs {
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
background-color: transparent !important;
color: #626467;
border: 1px solid black;
}
.text-center {
text-align: center !important;
}
.margin-15 {
margin: 15px 0px;
}
.padding-left-0 {
padding-left: 0px !important;
}
.fa-color {
color: $color_keppel_approx
}
.w30 {
width: 30% !important;
}
.query-builder .error-container {
cursor: pointer;
}
\ No newline at end of file
dashboardv3/public/css/scss/panel.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* panel.scss */
.panel-default {
>.panel-heading {
color: $color_jungle_green_approx;
background: $white;
border-color: $color_jungle_green_approx;
&.dash-button-icon {
button:not(:last-child) {
border-right: 1px solid $color_jungle_green_approx;
}
}
button {
color: $color_jungle_green_approx;
background: $white;
border: none;
}
.panel-title {
font-weight: bold;
padding-top: 8px;
}
}
.nav-tabs {
>li {
&.active {
>a {
color: $color_jungle_green_approx;
}
}
>a {
color: $black;
}
}
}
}
.panel-fullscreen {
.panel-body {
//overflow: hidden;
height: calc(100% - 46px) !important;
}
.ui-resizable-handle {
display: none !important;
}
}
.nav-tabs {
>li {
&:first-child {
margin-left: 25px;
}
}
}
.with-nav-tabs {
.tab-content {
>.tab-pane {
&>div {
position: relative;
}
&.active {
padding: 20px 10px 0px 10px;
min-height: 50px;
}
}
}
}
.panel-fullscreen {
position: fixed;
height: 100%;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
right: 0;
z-index: 999;
}
.panel {
&.right-icons {
.panel-heading {
padding: 5px 0px;
}
}
&.expand_collapse_panel-icon {
.panel-heading {
.panel-title {
display: inline-block;
}
i.ec-icon:before {
content: "\f078"
}
&.collapsed,
&[aria-expanded="false"] {
i.ec-icon:before {
content: "\f078"
}
}
&[aria-expanded="true"] {
i.ec-icon:before {
content: "\f077"
}
}
}
}
}
\ No newline at end of file
dashboardv3/public/css/scss/profile-table.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* Profile Tab css */
.graphkey {
font-size: 12px;
color: $action_gray;
}
.graphval {
font-size: 15px;
.value-loader {
top: 10px;
}
}
.nv-axislabel {
fill: $action_gray;
}
.profileGraphDetail hr {
margin: 3px;
}
svg.dateType .nv-bar {
cursor: pointer;
}
.jqstooltip {
height: auto !important;
width: auto !important;
}
.progress.cstm_progress {
margin-bottom: 0px;
.progress-bar-success.cstm_success-bar {
background-color: $color_jungle_green_approx;
}
.progress-bar-success.cstm_success-bar:hover {
background-color: $color_puerto_rico_approx;
}
}
th.renderable.nonNullData {
a {
text-align: center;
}
}
.profileGraphDetail>div div {
text-align: right;
white-space: nowrap;
@include ellipsis();
}
\ No newline at end of file
dashboardv3/public/css/scss/relationship.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
.relationship-box,
.lineage-box {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 1;
.relatioship-link {
fill: none;
stroke-width: 1.5px;
}
}
.relationship-node-details {
&.box-panel {
top: 0;
}
}
\ No newline at end of file
dashboardv3/public/css/scss/search.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//colors
$color_celeste_approx: #1D1F2B;
.switch {
position: relative;
width: 50px;
height: 22px;
margin-left: 8px;
padding: 3px;
vertical-align: top;
border: 1px solid $gray;
border-radius: 18px;
cursor: pointer;
}
.switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.switch-slider {
position: absolute;
top: 0px;
left: 3px;
width: 16px;
height: 16px;
border-radius: 10px;
@include transition(left #{$switchTransition});
&:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -8px;
width: 16px;
height: 16px;
background-color: $color_jungle_green_approx;
border-radius: 10px;
@include transition(inherit)
}
.switch-input:checked~& {
left: 30px;
}
}
.labelShowRecord {
line-height: 40px;
}
.srchType {
margin: 5px 0px;
.srchTitle {
font-size: 14px;
color: $gray
}
}
body.ui-autocomplete-small-height {
.ui-menu.ui-widget-content.ui-autocomplete {
max-height: 40%
}
}
.default-global-search {
.has-feedback.align-left-right-icon {
.form-control.global-search {
padding-left: 43px;
}
.form-control-feedback:first-child {
left: 11px;
}
.icon-group {
right: 11px;
}
}
.global-search-container {
//width: 50%;
.searchLayoutView {
top: 50px;
margin: 0 auto;
}
.global-search {
height: 50px;
}
}
}
.global-search-active {
overflow: hidden;
header.atlas-header>table {
td {
&.global-search-container {
z-index: 221;
}
}
}
}
.global-search-container {
.searchLayoutView {
position: absolute;
z-index: 999;
left: 0;
right: 0;
background: $white;
box-shadow: 0px 1px 5px 0px rgba(128, 128, 128, 0.5);
top: 37px;
padding: 0px 20px;
display: none;
transition: all ease 0.3s;
&.open {
display: block;
}
}
}
.search-container {
&.center {
width: 80%;
margin: 30vh auto;
}
&.top {
animation-fill-mode: backwards;
animation: bottom-top 0.4s ease-in;
}
.create-entity{
position: absolute;
top: 0px;
right: 0px;
}
}
// @-webkit-keyframes bottom-top {
// from {top: 0px;}
// to {top: 200px; background-color: blue;}
// }
@keyframes bottom-top {
from {
margin-top: 20%;
width: 100%;
}
to {
margin: 0px;
}
}
.filterQuery {
width: 94%;
display: block;
&>span {
margin-bottom: 15px !important;
}
span {
font-size: 15px;
font-weight: bold;
margin: 0px 2px;
float: left;
}
.key {
color: $color_jungle_green_approx;
}
.operator {
color: $action_gray;
}
.value {
color: $tag_color;
}
.sub-group {
float: left;
&.show:hover {
background: yellow;
border-radius: 15px;
}
}
.group {
float: left;
&.show:hover {
background: rgba(55, 187, 156, 0.2);
border-radius: 15px;
}
}
.queryContainer{
float:left;
}
.capsuleView {
padding: 1px 2px;
border: 1px solid;
border-radius: 15px;
display: inline-block;
color: $color_havelock_blue_approx;
margin: 0px 3px;
position: relative;
float: left;
font-size: 6px;
span {
font-size: 13px;
}
&:hover {
cursor: pointer;
}
.clear-attr {
background: $gray;
padding: 2px;
border-radius: 50%;
color: white;
margin: 3px 2px;
font-size: 8px;
}
}
}
.popup-tag-term {
display: none;
}
.popover-tag-term {
.btn {
display: block;
}
}
.gu-mirror {
.table-quickMenu {
border: none;
td {
height: 54px;
}
}
}
.table-responsive {
position: relative;
overflow: auto;
}
.sindu_dragger {
@extend .gu-mirror;
&.sindu_column {
li {
float: none !important;
display: table-cell !important;
}
}
.gu-transit {
//box-shadow: 0px 1px 15px inset;
}
table {
background: rgb(242, 242, 242) !important;
}
}
.filter-box {
.inline-content-fr {
.inline {
margin: 0px;
}
}
}
.typeFilter {
.dropdown {
span.type-clear-btn {
position: absolute;
color: #444444;
font-size: 8px;
right: 23px;
top: 12px;
cursor: pointer;
}
}
button.dropdown-toggle {
width: 99.5%;
text-align: left;
background-color: white;
color: $color_star_dust_approx;
border: $color_star_dust_approx;
&:hover {
color: $color_star_dust_approx !important;
border: $color_star_dust_approx !important;
}
}
}
ul.type-filter-ul {
color: black;
padding: 10px;
max-height: 415px;
overflow: auto;
width: 100%;
padding-top: 0px;
margin-bottom: 0px;
li {
padding: 2px;
}
.typeLi li {
padding: 3px;
background-color: #f7fbff;
margin: 3px;
border: 1px solid #dbd6d6;
border-radius: 4px;
&:hover {
color: $white;
background-color: $color_star_dust_approx;
cursor: pointer;
}
&.active {
background-color: #37bb9b;
color: white;
}
}
.filterLi li {
padding: 2px;
margin: 4px;
}
}
.dark-text {
color: black;
}
hr.hr-filter {
margin-top: 7px;
margin-bottom: 7px;
border: 0;
}
.searchTable {
&.noData {
.labelShowRecord,
.inline[data-id="colManager"],
.row.searach-result-pagination,
table thead {
display: none !important;
}
}
}
.attr-filter-overlay {
position: absolute;
height: 100%;
width: 100%;
opacity: 0.5;
z-index: 1;
background: white;
}
.attributeResultContainer {
&.overlay {
z-index: 2;
}
.attribute-filter-container {
position: absolute;
z-index: 1;
left: 21px;
width: 75%;
right: 0;
// display: none;
background: $white;
box-shadow: 0px 13px 34px -13px grey;
padding: 15px;
transition: all ease 0.3s;
&.no-attr {
.filter-box {
display: inline-block;
padding: 0px 15px;
}
.attribute-result-footer,.attribute-edit-footer {
display: inline-block;
}
}
.filter-box {
padding: 5px;
}
.entity-detail-table-toggle {
display: inline-block;
}
.pretty.p-switch.p-fill input:checked~.state.p-primary:before {
background-color: #38bb9b !important;
}
.pretty.p-switch input:checked~.state.p-primary:before {
border-color: #38bb9b;
}
.panel {
border: none;
}
.attribute-result-footer, .attribute-edit-footer {
text-align: right;
}
}
}
.ellipsis {
@include ellipsis();
}
.ellipsis-with-margin {
.searchResult {
p {
margin: 10px 0px
}
}
}
.popover{
max-width: 800px;
.attributePopOver{
min-height: 190px;
}
}
\ No newline at end of file
dashboardv3/public/css/scss/stats.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* stats */
.server-stats-container {
.connection-status {
height: 10px;
width: 10px;
border-radius: 50%;
display: inline-block;
&.connected {
background-color: #4CAF50;
}
&.not-connected {
background-color: #f44336;
}
}
.notification-card {
padding-top: 5px;
}
.card-container {
&.panel {
&.panel-primary {
border: 1px solid #ddd;
padding: 5px;
}
}
&.panel-primary>.panel-heading {
color: #686868;
background-color: $white;
font-size: 14px;
font-weight: bold;
}
}
.panel-group {
.panel {
padding: 5px;
}
}
.panel {
&.panel-default {
padding: 5px;
}
.panel-body {
.col-sm-6,
.col-sm-12 {
padding: 5px;
.panel-heading {
padding: 5px 0 0 15px;
}
}
}
}
.table {
&.stat-table {
&.notification-table {
&.table-striped>tbody>tr:nth-of-type(odd) {
background-color: $color_white_lilac_approx;
}
tr {
th:not(:first-child),
td:not(:first-child) {
text-align: right;
}
}
}
}
}
.entityTable {
&.table {
tr {
th:not(:first-child),
td:not(:first-child) {
width: 33%;
text-align: right;
}
}
}
}
}
\ No newline at end of file
dashboardv3/public/css/scss/style.scss 0 → 100644
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@import "__mixin.scss";
@import "__variable.scss";
@import "common.scss";
@import "table.scss";
@import "tab.scss";
@import "form.scss";
@import "nav.scss";
@import "panel.scss";
@import "loader.scss";
@import "graph.scss";
@import "relationship.scss";
@import "old-style.scss";
@import "theme.scss";
@import "tag.scss";
@import "search.scss";
@import "profile-table.scss";
@import "glossary.scss";
@import "wizard.scss";
@import "stats.scss";
@import "override.scss";
@import "leftsidebar.scss"
\ No newline at end of file
dashboardv3/public/css/scss/tab.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/* tab.scss */
.atlast-tabbable {
margin: 25px 0;
.nav-tabs {
border-bottom: 1px solid $color_mystic_approx;
>li {
>a {
padding: 15px 30px;
text-transform: uppercase;
letter-spacing: 1px; //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 2px 2px 0 0;
}
&.active>a {
border: 1px solid $color_mystic_approx;
border-bottom-color: transparent;
&:focus {
border: 1px solid $color_mystic_approx;
border-bottom-color: transparent;
}
&:hover {
border: 1px solid $color_mystic_approx;
border-bottom-color: transparent;
}
}
}
}
.tab-content {
background-color: $white;
padding: 35px;
border: 1px solid $color_mystic_approx;
border-top: none;
}
}
ul.tabs li.tab {
padding: 0;
}
.tab-content>.tab-pane {
display: block;
opacity: 0;
height: 0;
padding: 0px;
overflow: hidden;
&.active {
padding: 15px 20px;
opacity: 1;
height: auto;
overflow: auto;
}
}
.tagsList .atlast-tabbable {
margin: 0;
.tab-content {
padding: 10px 22px;
}
.nav-tabs>li>a {
padding: 10px 20px;
}
}
// NEW theme style
.tabs {
position: relative;
height: 42px;
width: 100%;
white-space: nowrap;
padding: 0;
transition: color 0.28s ease;
.indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: $color_keppel_approx;
will-change: left, right;
}
li.tab {
display: block;
float: left;
text-align: center;
line-height: 42px;
height: 42px;
padding: 0 20px;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.8px;
border-bottom: 1px solid $color_mirage_approx;
a {
font-size: 14px;
font-weight: 600;
color: $white;
display: block;
text-decoration: none;
width: 100%;
height: 100%; //Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: color 0.28s ease;
/* color: $color_manatee_approx; */
/* &:hover {
color: $color_keppel_approx;
}
&.active {
color: $color_keppel_approx;
} */
}
}
}
.atlast-tabbable {
margin: 25px 0;
.nav-tabs {
border-bottom: 1px solid $color_mystic_approx;
>li {
>a {
padding: 15px 30px;
text-transform: uppercase;
letter-spacing: 1px; //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 2px 2px 0 0;
}
&.active>a {
border: 1px solid $color_mystic_approx;
border-bottom-color: transparent;
&:focus {
border: 1px solid $color_mystic_approx;
border-bottom-color: transparent;
}
&:hover {
border: 1px solid $color_mystic_approx;
border-bottom-color: transparent;
}
}
}
}
.tab-content {
background-color: $white;
padding: 35px;
border: 1px solid $color_mystic_approx;
border-top: none;
}
}
.default-tab {
.nav-tabs {
>li {
&.active {
>a {
color: $color_jungle_green_approx;
// background: $color_white_lilac_approx;
}
}
>a {
color: $black;
}
}
}
}
\ No newline at end of file
dashboardv3/public/css/scss/table.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
tr.empty {
td {
display: table-cell;
text-align: center;
}
}
.stat-table {
tbody,
thead {
>tr {
td:nth-child(2),
th:nth-child(2) {
text-align: right;
}
}
}
}
.table-action-btn {
right: 0px;
top: -5px;
}
.entity-detail-table,
.relationship-detail-table {
position: relative;
.hide-empty-value {
.hide-row {
display: none;
}
}
.entity-relationship-table-toggle,
.entity-detail-table-toggle {
position: absolute;
right: 0;
top: 18px;
}
table {
th:nth-child(1),
td:nth-child(1) {
width: 20%;
}
}
}
.backgrid {
td {
white-space: normal;
}
.select-all-header-cell,
.select-row-cell {
width: 42px;
text-overflow: clip;
}
thead {
th {
button {
padding-right: 11px;
}
}
}
.sortable:not(.descending):not(.ascending) {
.sort-caret {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 11px;
&:before {
content: "\f0dc";
}
}
}
}
.backgrid-paginator ul {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border: 1px $color_keppel_approx solid;
margin: 0px;
float: right;
border-radius: 4px;
overflow: hidden;
>.active>span,
>.active>a,
>.active>a:hover {
background: none;
color: $color_keppel_approx;
background: none;
color: #37bb9b;
font-weight: 600;
font-family: sans-serif;
}
>li>a,
>li>span,
>li>button {
width: 30px;
height: 30px;
padding: 0;
line-height: 30px;
text-decoration: none;
border: none;
float: left;
background: $transparent;
color: $color_keppel_approx;
@include ellipsis();
i {
font-weight: bold;
}
&:hover {
color: $white;
background: $color_keppel_approx
}
}
>.disabled>span,
>.disabled>a,
>li>button[disabled] {
color: $color_mountain_mist_approx;
&:hover {
cursor: not-allowed;
color: $white;
background: $color_jungle_green_light !important;
}
}
}
.toggleList.semi-collapsed div:nth-child(n+2) {
display: none;
}
.table-quickMenu {
border: thin $lightGrey solid;
border-collapse: separate;
border-radius: 6px;
box-shadow: 0px 0px 4px #d8d8d8;
overflow: scroll !important;
max-height: 500px;
width: 100%;
.resizeHandler {
&.grid-draggable {
background-color: $color_jungle_green_approx !important;
}
&:hover {
border-left: 1px solid #d2d2d2;
}
}
>thead>tr>th {
border-width: thin;
border-color: $color_jungle_green_approx;
border-bottom-style: solid;
box-shadow: none;
padding: 12px 15px !important;
background-color: transparent;
text-align: left;
font-weight: 800;
border-top: 0;
font-size: 14px;
letter-spacing: 0.25px;
color: rgba(52, 52, 52, 1);
}
>tbody>tr>td {
border-color: $color_gallery_approx;
color: #333333;
font-weight: 100;
padding: 9px 15px;
}
}
td {
div.scroll-y,
pre.scroll-y {
max-height: 200px;
overflow-y: auto;
}
&.searchTableName {
&:hover {
img {
transform: scale(1.5);
transform-origin: 100% 50%;
transition: transform 0.2s;
}
}
a {
max-width: calc(100% - 36px);
overflow: hidden;
float: left;
text-overflow: ellipsis;
}
img {
height: 20px;
margin: 0px 5px;
float: left;
}
}
}
\ No newline at end of file
dashboardv3/public/css/scss/tag.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//tag.scss
.tag-tree {
padding: 0; // overflow: auto;
&.saveSearchList {
height: 150px;
overflow-y: auto;
}
.child>li,
>li {
list-style: none;
cursor: pointer;
&.parent-node {
position: relative;
&.active {
&>div {
background-color: $color_havelock_blue_approx;
border: none;
.tools {
display: block
}
&>a,
&>i {
color: $white !important;
}
&:hover {
background-color: $color_havelock_blue_approx;
}
}
ul.child {
&:after {
height: 4px;
top: -5px;
}
}
}
&>div {
position: relative;
margin-top: 5px;
/* margin-bottom: 5px; */
border-radius: 4px;
&:hover {
background-color: $color_star_dust_approx;
color: $white !important;
&>a {
color: $white !important;
}
}
>.fa.toggleArrow {
position: absolute;
left: 0;
padding: 8px;
cursor: pointer;
}
.tools {
display: none;
position: absolute;
right: 0;
color: $white;
padding: 5px 10px;
}
>a,
>div>a {
display: block;
color: $color_ironside_gray_approx !important;
white-space: nowrap;
padding: 5px 10px;
max-width: 91%;
@include ellipsis();
font-size: 14px;
&:hover {
text-decoration: none !important;
}
}
>i+a {
padding: 5px 25px;
}
}
>ul.child {
margin-left: 11px;
padding-left: 10px;
border-left: 1px dotted gray;
position: relative;
&:after {
position: absolute;
content: "";
height: 13px;
width: 11px;
top: -14px;
left: -1px;
border-left: 1px dotted gray;
}
li {
&.parent-node {
&:after {
position: absolute;
content: "";
height: 2px;
width: 14px;
top: 16px;
left: -9px;
border-top: 1px dotted gray;
}
&.active:after {
width: 9px;
}
}
}
}
}
}
}
.input-group.attributes .form-control {
height: 40px;
box-shadow: none;
border-right: none;
}
.input-group.attributes .input-group-addon {
background-color: $color_white_lilac_approx;
border: 1px $color_mystic_approx solid;
border-radius: 0px;
border-left: none;
}
.input-group.attributes .input-group-addon i.fa {
cursor: pointer;
}
.input-group.attributes .form-control:focus+.input-group-addon {
border-color: $color_bali_hai_approx;
}
.entityLink {
font-size: 16px;
}
.mainAttrTable {
max-height: 180px;
overflow: auto;
table.attriTable {
width: 100%;
td {
// &[data-type="int"],
// &[data-type="long"],
// &[data-type="float"],
// &[data-type="byte"],
// &[data-type="double"],
// &[data-type="short"] {
// text-align: right;
// }
}
th,
td {
border: 1px solid #ddd;
padding: 5px 7px;
width: 50%;
&.renderable.html-cell {
min-width: 150px;
}
}
}
}
.addtag-propagte-box {
border: 1px solid #ddd;
border-radius: 7px;
}
\ No newline at end of file
dashboardv3/public/css/scss/wizard.scss 0 → 100644
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
$color_scarlet_approx: #ff3111;
$color_pippin_approx: #fbe3e4;
$color_your_pink_approx: #fbc2c4;
$color_falu_red_approx: #8a1f11;
%wizard_tabcontrol {
display: block;
width: 100%;
}
%extend_2 {
list-style: none!important;
padding: 0;
margin: 0;
}
%extend_3 {
display: block;
width: auto;
margin: 0 .5em .5em;
padding: 1em;
text-decoration: none;
position: relative;
border-radius: 5px;
}
%extend_4 {
background: #f5f5f5;
color: #bbb;
cursor: default;
}
%extend_5 {
background: $color_keppel_approx;
color: $white;
cursor: default;
}
%extend_befor_after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
}
.wizard {
@extend %wizard_tabcontrol;
a {
outline: 0;
}
ul {
@extend %extend_2;
>li {
display: block;
padding: 0;
}
}
> {
.steps {
position: relative;
display: block;
width: 100%;
.current-info {
position: absolute;
left: -999em;
}
.number {
font-size: 1.429em;
}
&>ul {
position: relative;
border: 0;
padding: 0px;
background: #f5f5f5;
border-radius: 0;
list-style: none;
overflow: hidden;
margin-bottom: 10px;
>li {
width: 25%;
float: left;
&:first-child>a {
padding-left: 15px;
}
a {
@extend %extend_3;
&:hover {
cursor: pointer;
}
margin: 0;
border: none;
border-radius: 0;
padding: 10px 0 10px 45px;
&:before {
@extend %extend_befor_after;
border-left: 30px solid #ddd;
margin-left: 1px;
z-index: 1;
}
&:after {
@extend %extend_befor_after;
border-left: 30px solid #f5f5f5;
z-index: 2;
}
}
&.disabled a {
@extend %extend_4;
}
&.current a {
@extend %extend_5;
&:after {
border-left: 30px solid $color_keppel_approx;
}
}
&.done a {
background: #b4e5d9;
color: $white;
&:after {
border-left: 30px solid #b4e5d9;
}
}
&.error a {
background: $color_scarlet_approx;
color: $white;
&:after {
border-left: 30px solid $color_scarlet_approx;
}
}
}
}
}
.content {
background: #f5f5f5;
display: block;
margin: .5em;
position: relative;
width: 100%; //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
border-radius: 5px;
> {
.title {
display: none;
}
.body {
float: left;
width: 100%;
height: 95%;
padding: 2.5%;
>ul {
list-style: disc!important;
>li {
display: list-item;
}
}
}
}
}
.actions {
position: relative;
display: block;
text-align: right;
width: 100%;
ul[role="menu"] {
li+li {
margin-left: 5px;
}
li.disabled {
a {
opacity: .65;
}
}
a {
padding: 10px 20px;
background-color: $color_keppel_approx;
color: $white;
margin-bottom: 10px;
border: 1px $color_keppel_approx solid;
border-radius: 4px;
transition: all .3s ease;
margin: 2px;
}
a[href="#cancel"] {
padding: 10px 20px;
background-color: transparent;
color: $color_keppel_approx;
margin-bottom: 10px;
border: 1px $color_keppel_approx solid;
border-radius: 4px;
transition: all .3s ease;
margin: 2px;
}
}
>ul {
display: inline-block;
text-align: right;
>li {
float: left;
margin: 0 .5em;
}
}
}
.loading .spinner {}
}
&.vertical> {
.steps {
display: inline;
float: left;
width: 30%;
>ul>li {
float: none;
width: 100%;
}
}
.content {
display: inline;
float: left;
margin: 0 2.5% .5em 2.5%;
width: 65%;
}
.actions {
display: inline;
float: right;
margin: 0 2.5%;
width: 95%;
>ul>li {
margin: 0 0 0 1em;
}
}
}
}
.tabcontrol {
@extend %wizard_tabcontrol;
a {
outline: 0;
}
ul {
@extend %extend_2;
>li {
display: block;
padding: 0;
}
}
> {
.steps .current-info {
position: absolute;
left: -999em;
}
.content>.title {
display: none;
}
}
}
@media(max-width: 600px) {
.wizard {
>.steps {
a {
margin-top: .5em;
&:hover {
margin-top: .5em;
}
&:active {
margin-top: .5em;
}
}
>ul>li {
width: 50%;
}
}
&.vertical> {
.steps {
display: block;
float: none;
width: 100%;
}
.actions {
display: block;
float: none;
width: 100%;
}
.content {
display: block;
float: none;
margin: 0 .5em .5em;
width: auto;
}
}
}
}
@media(max-width: 480px) {
.wizard>.steps>ul>li {
width: 100%;
}
}
.wizard-modal {
.modal-body {
overflow: hidden;
max-height: none;
}
.wizard {
position: relative;
width: 100%;
height: 100%;
.content {
max-height: 400px;
overflow: auto;
margin: 0px 0px 15px 0px;
}
.actions {
>ul>li {
margin: 0px;
}
}
}
}
\ No newline at end of file
dashboardv3/public/js/external_lib/require-handlebars-plugin/js/handlebars.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
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