TimeTrex Community Edition v16.2.0

interface/html5/theme/default/css/global/widgets/awesomebox/AComboBox.css

@@ -0,0 +1,176 @@
+:root {
+    --combobox-border-color: var(--ttprimevue-border-color); /* Previously #bdbdbd */
+    --combobox-font-color: var(--ttprimevue-font-color); /* Previously #000000 */
+}
+
+.a-combobox {
+	display: inline-block;
+	height: 24px;
+	cursor: pointer;
+	text-align: left;
+	margin-right: 1px;
+	font-size: 0;
+	vertical-align: middle;
+}
+
+.a-combobox > * {
+	pointer-events: none;
+}
+
+/*.a-combobox:hover .a-combobox-left-bg {*/
+/*background: #e2e2e2;*/
+/*}*/
+
+/*.a-combobox:hover .a-combobox-mid-bg {*/
+/*background: #e2e2e2;*/
+/*}*/
+
+/*.a-combobox:hover .clickable-space {*/
+/*background: #e2e2e2;*/
+/*}*/
+
+.a-combobox .a-combobox-left-bg {
+	background: #ffffff;
+	border-top: 1px solid var(--combobox-border-color);
+	border-right: none;
+	border-left: 1px solid var(--combobox-border-color);
+	border-bottom: 1px solid var(--combobox-border-color);
+	color: #000000;
+	height: 24px;
+	width: 7px;
+	display: inline-block;
+}
+
+.a-combobox .a-combobox-mid-bg {
+	background: #ffffff;
+	border-top: 1px solid var(--combobox-border-color);
+	border-right: none;
+	border-left: none;
+	border-bottom: 1px solid var(--combobox-border-color);
+	color: #000000;
+	height: 24px;
+	display: inline-block;
+}
+
+.a-combobox .clickable-space {
+	background: #ffffff;
+	border-top: 1px solid var(--combobox-border-color);
+	border-right: 1px solid var(--combobox-border-color);
+	border-left: none;
+	border-bottom: 1px solid var(--combobox-border-color);
+	position: relative;
+	display: inline-block;
+	width: 23px;
+	height: 24px;
+}
+
+.a-combobox .clickable-space:before {
+	content: '';
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	border-left: 3px solid transparent;
+	border-right: 3px solid transparent;
+	border-top: 6px solid #000000;
+}
+
+.a-error-tip .a-combobox-left-bg,
+.a-error-tip .a-combobox-mid-bg,
+.a-error-tip .clickable-space {
+	border-color: #f22403;
+	background: #f78b83 !important;
+}
+
+.a-warning-tip .a-combobox-left-bg,
+.a-warning-tip .a-combobox-mid-bg,
+.a-warning-tip .clickable-space {
+	border-color: #e7be00;
+	background: #ffff00 !important;
+}
+
+.a-combobox-readonly .a-combobox-left-bg,
+.a-combobox-readonly .a-combobox-mid-bg,
+.a-combobox-readonly .clickable-space {
+	background: none;
+	border: none;
+}
+
+.a-combobox-readonly .clickable-space:before {
+	display: none;
+}
+
+.a-combobox-readonly {
+	background: #eaeaea;
+	cursor: default;
+}
+
+.a-combobox .focus-input {
+	width: 1px;
+	height: 1px;
+	border: 0;
+	padding: 0;
+	position: absolute;
+	opacity: 0;
+}
+
+.a-combobox .a-combobox-label {
+	color: var(--combobox-font-color);
+	height: 24px;
+    font-family: var(--ttprimevue-font-family); /* Move this more global in future, matches PrimeVue */
+	font-size: var(--ttprimevue-widget-label-font-size);
+	line-height: 22px;
+	overflow: hidden;
+	display: inline-block;
+	word-wrap: break-word;
+	word-break: break-all;
+	padding-right: 3px;
+	max-width: 200px;
+	vertical-align: text-bottom;
+	min-width: 100px;
+
+}
+
+.a-combobox-label-hide .a-combobox-label {
+	display: none;
+}
+
+.focus {
+	outline: 1px dotted;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+}
+
+.a-combobox .edit-columnIcon-div {
+	display: inline-block;
+	margin-left: 3px;
+	margin-top: 5px;
+	width: 20px;
+
+}
+
+.a-combobox .edit-columnIcon-div .edit_column_icon {
+
+}
+
+.a-dropdown-div {
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	cursor: default;
+	position: absolute;
+	top: 400px;
+	background: none repeat scroll 0 0 #eaeaea;
+	border: 1px solid #bdbdbd;
+	border-radius: 4px;
+	padding: 5px;
+	box-shadow: 6px 6px 10px 0 #666666;
+	-moz-box-shadow: 6px 6px 10px 0 #666666;
+	-webkit-box-shadow: 6px 6px 10px 0 #666666;
+	z-index: 100;
+	opacity: 0;
+}

interface/html5/theme/default/css/global/widgets/awesomebox/ADropDown.css

@@ -0,0 +1,336 @@
+.a-dropdown {
+	float: left;
+	margin-bottom: 5px;
+	white-space: nowrap;
+}
+
+.a-dropdown .unselect-grid-div {
+	background-color: #34628d;
+	border-radius: 4px;
+	height: auto;
+	/*padding-bottom: 10px;*/
+	width: 450px;
+	float: left;
+}
+
+.a-dropdown .search-input-place-holder {
+	opacity: 0;
+}
+
+.a-dropdown .search-input {
+	outline: none;
+	border-style: solid;
+	border-right: none;
+	border-width: 1px;
+	height: 20px;
+}
+
+.a-dropdown .search-input-focus-out {
+
+	font-size: 12px;
+	text-align: center;
+	color: #777777;
+}
+
+.a-dropdown .search-input-focus-in {
+
+	font-size: 12px;
+	text-align: left;
+	color: #333333;
+}
+
+.a-dropdown .unselect-grid-div .unselect-grid-title-bar {
+	height: 30px;
+	left: 10px;
+	position: relative;
+	top: 7px;
+	color: #ffffff;
+}
+
+.a-dropdown .unselect-grid-div .unselect-grid-search-div {
+	position: relative;
+
+}
+
+.a-dropdown .unselect-grid-div .unselect-grid-border-div {
+	position: relative;
+	left: 10px;
+	border: 2px solid red;
+	width: 432px;
+	overflow-x: auto;
+
+}
+
+.a-dropdown .unselect-grid-div .single-mode-border {
+	border: 2px solid #00ff00;
+}
+
+.a-dropdown .unselect-grid-div .unselect-grid-bottom-bar {
+	height: 25px;
+	text-align: center;
+	position: relative;
+}
+
+.a-dropdown .unselect-grid-div .disable-unselect-grid-bottom-bar {
+	height: 10px;
+	text-align: center;
+}
+
+.a-dropdown .unselect-grid-div .unselect-grid-bottom-bar .total-number-span {
+	color: #ffffff;
+	line-height: 25px;
+	vertical-align: middle;
+	font-size: 10px;
+	float: left;
+	width: 260px;
+	left: 50%;
+	position: absolute;
+	margin-left: -130px;
+}
+
+.a-dropdown .ui-jqgrid {
+	min-height: 100px;
+}
+
+.a-dropdown .unselect-grid-div .ui-jqgrid {
+	position: relative;
+	border-radius: 0;
+}
+
+.a-dropdown .select-grid-div {
+	background-color: #34628d;
+	border-radius: 4px;
+	height: auto;
+	padding-bottom: 10px;
+	width: 450px;
+	display: inline-block;
+}
+
+.a-dropdown .select-grid-div .select-grid-title-bar {
+	height: 30px;
+	left: 10px;
+	position: relative;
+	top: 7px;
+	color: #ffffff;
+}
+
+.a-dropdown .select-grid-div .select-grid-border-div {
+	position: relative;
+	left: 10px;
+	border: 2px solid #00ff00;
+	width: 432px;
+	overflow: auto;
+
+}
+
+.a-dropdown .select-grid-div .select-grid-search-div {
+
+}
+
+.a-dropdown .select-grid-div .ui-jqgrid {
+	position: relative;
+	border-radius: 0;
+
+}
+
+.a-dropdown .left-and-right-div {
+
+	background-color: #34628d;
+	float: left;
+	height: 60px;
+	position: relative;
+	text-align: center;
+	top: 75px;
+	width: 30px;
+}
+
+.a-dropdown .left-and-right-div .right-arrow-div {
+
+	margin-top: 6px;
+}
+
+.a-dropdown .left-and-right-div .left-arrow-div {
+
+}
+
+.a-dropdown .left-and-right-div .right-arrow-div .a-grid-right-arrow {
+	cursor: pointer;
+}
+
+.a-dropdown .left-and-right-div .left-arrow-div .a-grid-left-arrow {
+	cursor: pointer;
+
+}
+
+.a-dropdown .a-grid-title {
+	font-size: 13px;
+	float: left;
+
+}
+
+.a-dropdown .a-grid-button {
+	position: relative;
+	top: -2px;
+	background-color: #1b3e60;
+	border: 1px solid #6687a6;
+	border-radius: 4px;
+	color: #ffffff;
+	font-size: 10px;
+	padding-bottom: 2px;
+	padding-top: 2px;
+	float: right;
+	right: 20px;
+	cursor: pointer;
+	margin-left: 2px;
+}
+
+.a-dropdown .a-grid-close-button {
+	background: url("images/close.png") repeat scroll 0 0 transparent;
+	border: medium none;
+	cursor: pointer;
+	float: right;
+	height: 18px;
+	position: relative;
+	right: 18px;
+	width: 18px;
+}
+
+.a-dropdown .a-grid-checkbox {
+	float: right;
+	position: relative;
+	right: 25px;
+	top: -2px;
+}
+
+.a-dropdown .a-grid-checkbox-label {
+	float: right;
+	font-size: 11px;
+	position: relative;
+	right: 25px;
+	top: 1px;
+}
+
+.a-dropdown .left-buttons-div {
+	float: left;
+	color: #ffffff;
+	margin-left: 10px;
+	margin-top: 1px;
+
+}
+
+.a-dropdown .right-buttons-div {
+	float: right;
+	color: #ffffff;
+	margin-right: 7px;
+	margin-top: 1px;
+
+}
+
+.a-dropdown .disabled {
+	color: #999999;
+	-webkit-filter: grayscale(100%);
+	-moz-filter: grayscale(100%);
+	-ms-filter: grayscale(100%);
+	-o-filter: grayscale(100%);
+
+	filter: grayscale(100%);
+	/*filter: url(gray.svg#grayscale);*/
+
+	filter: gray;
+}
+
+.a-dropdown .double-left-arrow {
+	background: url("../../../../images/double_left_arrow.png");
+	height: 14px;
+	width: 17px;
+	float: left;
+	margin-top: 4px;
+
+}
+
+.a-dropdown .double-right-arrow {
+	float: left;
+	background: url("../../../../images/double_right_arrow.png");
+	height: 14px;
+	width: 17px;
+	float: left;
+	margin-top: 4px;
+}
+
+.a-dropdown .right-arrow {
+	background: url("../../../../images/right_arrow.png");
+	height: 14px;
+	width: 12px;
+	float: left;
+	margin-top: 4px;
+}
+
+.a-dropdown .left-arrow {
+	background: url("../../../../images/left_arrow.png");
+	height: 14px;
+	width: 12px;
+	float: left;
+	margin-top: 4px;
+}
+
+.a-dropdown .paging-2-span {
+	float: left;
+	margin-right: 2px;
+	margin-top: 3px;
+	cursor: pointer;
+	font-size: 11px;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.a-dropdown .drop-position {
+	background: red;
+}
+
+.a-dropdown .search-input-close {
+	position: relative;
+	right: -6px;
+	color: #ffffff;
+	cursor: pointer;
+	background: url("../../../../images/close.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
+	width: 12px;
+	height: 12px;
+}
+
+.a-dropdown .close-btn {
+	background: rgba(0, 0, 0, 0);
+	border: medium none;
+	cursor: pointer;
+	height: 12px;
+	position: relative;
+	padding: 0;
+	width: 21px !important;
+}
+
+.a-dropdown .edit-columnIcon-div {
+	float: left;
+	width: 20px;
+
+}
+
+.a-dropdown .edit-columnIcon-div .edit_column_icon {
+
+}
+
+.a-dropdown .selected-tree-cell {
+	color: #8c8c8c;
+}
+
+.a-dropdown .a-grid-button {
+	top: -3px;
+	padding-bottom: 4px;
+	padding-top: 4px;
+}
+
+.a-dropdown .a-grid-close-button {
+	top: -2px;
+}

interface/html5/theme/default/css/global/widgets/awesomebox/gray.svg

@@ -0,0 +1,5 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <filter id="grayscale">
+        <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
+    </filter>
+</svg>