mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
eliminada la lib datatables editor de httpdocs
This commit is contained in:
Jaime Jimenez
@ -1,702 +0,0 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.modal div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
float: left;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Field div:not([data-dte-e=msg-error]) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input.form-control {
|
||||
height: 30px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.help-block {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.controls,
|
||||
div.DTE_Field_Type_radio div.controls {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.controls label,
|
||||
div.DTE_Field_Type_radio div.controls label {
|
||||
margin-left: 0.75em;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding: 0 0 4px 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
div.DTE_Field_Type_datatable label.control-label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #3399ff !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 52px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTED_Envelope_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTED_Envelope_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
top: 10px;
|
||||
background: transparent;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 21px;
|
||||
color: black;
|
||||
opacity: 0.2;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,779 +0,0 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.modal div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
float: left;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Field div:not([data-dte-e=msg-error]) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input.form-control {
|
||||
height: 30px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.help-block {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.controls,
|
||||
div.DTE_Field_Type_radio div.controls {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.controls label,
|
||||
div.DTE_Field_Type_radio div.controls label {
|
||||
margin-left: 0.75em;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding: 0 0 4px 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
div.DTE_Field_Type_datatable label.control-label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #3399ff !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 52px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTED_Envelope_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTED_Envelope_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
top: 10px;
|
||||
background: transparent;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 21px;
|
||||
color: black;
|
||||
opacity: 0.2;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.multi-value,
|
||||
div.multi-restore {
|
||||
padding: 0.5em;
|
||||
}
|
||||
div.multi-value span,
|
||||
div.multi-restore span {
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
margin: 0 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
max-width: 100%;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
margin: -5px 0 -10px !important;
|
||||
}
|
||||
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
|
||||
max-width: 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_InputControl {
|
||||
padding-top: 5px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div label,
|
||||
div.DTE_Field_Type_radio div label {
|
||||
margin-bottom: 0.2em;
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 20px;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table {
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table thead th,
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table tbody td {
|
||||
border-top: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
justify-content: center;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,782 +0,0 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.modal div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
float: left;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Field div:not([data-dte-e=msg-error]) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input.form-control {
|
||||
height: 30px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.help-block {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.controls,
|
||||
div.DTE_Field_Type_radio div.controls {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.controls label,
|
||||
div.DTE_Field_Type_radio div.controls label {
|
||||
margin-left: 0.75em;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding: 0 0 4px 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
div.DTE_Field_Type_datatable label.control-label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #3399ff !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 52px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTED_Envelope_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTED_Envelope_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
top: 10px;
|
||||
background: transparent;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 21px;
|
||||
color: black;
|
||||
opacity: 0.2;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.multi-value,
|
||||
div.multi-restore {
|
||||
padding: 0.5em;
|
||||
}
|
||||
div.multi-value span,
|
||||
div.multi-restore span {
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
margin: 0 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
max-width: 100%;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
font-size: 1em;
|
||||
margin: -5px 0 -10px !important;
|
||||
}
|
||||
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
|
||||
max-width: 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_InputControl {
|
||||
padding-top: 5px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div label,
|
||||
div.DTE_Field_Type_radio div label {
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 20px;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table {
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table thead th,
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table tbody td {
|
||||
border-top: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
justify-content: center;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,466 +0,0 @@
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
div.modal-content {
|
||||
padding: 20px;
|
||||
background: white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
div.modal-content div.modal-header {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
div.modal-content div.modal-footer {
|
||||
padding-top: 6px;
|
||||
}
|
||||
div.modal-content div.field.is-grouped {
|
||||
display: none;
|
||||
}
|
||||
div.modal-content div.dataTables_info {
|
||||
font-weight: 1;
|
||||
font-size: 0.8em;
|
||||
padding-left: 2px;
|
||||
}
|
||||
div.modal-content div.dataTables_info span.select-item {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.card {
|
||||
border-color: #888;
|
||||
}
|
||||
|
||||
table.dataTable div.field {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
table.dataTable div.field input.input {
|
||||
padding: 0px;
|
||||
}
|
||||
table.dataTable div.field input.is-small {
|
||||
font-size: 1em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div label,
|
||||
div.DTE_Field_Type_radio div label {
|
||||
margin-left: 0.75em;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,590 +0,0 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
div.DTE_Field div.label {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
div.DTE_Field div.label:empty {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
div.reveal-modal button.close {
|
||||
position: absolute;
|
||||
top: -1.5em;
|
||||
right: -2.5em;
|
||||
}
|
||||
div.reveal-modal button.close.close-button {
|
||||
right: 1rem;
|
||||
top: 0.5rem;
|
||||
z-index: 100;
|
||||
}
|
||||
div.reveal-modal div.DTE_Header {
|
||||
position: relative;
|
||||
top: -0.5em;
|
||||
font-size: 2.05556rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
div.reveal-modal div.DTE_Form_Content {
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.reveal-modal div.DTE_Footer {
|
||||
position: relative;
|
||||
bottom: -0.5em;
|
||||
float: right;
|
||||
}
|
||||
div.reveal-modal div.DTE_Footer button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
height: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.label:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.button,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
width: 63px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter input {
|
||||
height: 1.75rem;
|
||||
margin-bottom: 0.333rem;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
padding-right: 1em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 26px;
|
||||
right: 95px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,865 +0,0 @@
|
||||
div.DTE_Field input,
|
||||
div.DTE_Field textarea {
|
||||
box-sizing: border-box;
|
||||
background-color: white;
|
||||
-webkit-transition: background-color ease-in-out 0.15s;
|
||||
transition: background-color ease-in-out 0.15s;
|
||||
}
|
||||
div.DTE_Field input:focus,
|
||||
div.DTE_Field textarea:focus {
|
||||
background-color: #ffffee;
|
||||
}
|
||||
div.DTE_Field input[type=color],
|
||||
div.DTE_Field input[type=date],
|
||||
div.DTE_Field input[type=datetime],
|
||||
div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Field input[type=email],
|
||||
div.DTE_Field input[type=month],
|
||||
div.DTE_Field input[type=number],
|
||||
div.DTE_Field input[type=password],
|
||||
div.DTE_Field input[type=search],
|
||||
div.DTE_Field input[type=tel],
|
||||
div.DTE_Field input[type=text],
|
||||
div.DTE_Field input[type=time],
|
||||
div.DTE_Field input[type=url],
|
||||
div.DTE_Field input[type=week] {
|
||||
padding: 5px 4px;
|
||||
width: 100%;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field input[type=checkbox],
|
||||
div.DTE_Field input[type=radio] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Field select {
|
||||
padding: 5px 4px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #aaa;
|
||||
background: white;
|
||||
max-width: 100%;
|
||||
}
|
||||
div.DTE_Field label div.DTE_Label_Info {
|
||||
font-size: 0.85em;
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
div.DTE_Field label div.DTE_Label_Info:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Field div.DTE_Field_Info,
|
||||
div.DTE_Field div.DTE_Field_Message,
|
||||
div.DTE_Field div.DTE_Field_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1em;
|
||||
margin-top: 5px;
|
||||
}
|
||||
div.DTE_Field div.DTE_Field_Info:empty,
|
||||
div.DTE_Field div.DTE_Field_Message:empty,
|
||||
div.DTE_Field div.DTE_Field_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Field div.DTE_Field_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE_Field div.multi-value {
|
||||
display: none;
|
||||
border: 1px dotted #666;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
background-color: #fafafa;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value.multi-noEdit {
|
||||
border: 1px solid #ccc;
|
||||
cursor: auto;
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
div.DTE_Field div.multi-value.multi-noEdit:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field.disabled {
|
||||
color: grey;
|
||||
}
|
||||
div.DTE_Field.disabled div.multi-value {
|
||||
cursor: default;
|
||||
border: 1px dotted #aaa;
|
||||
background-color: transparent;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
color: #3879d9;
|
||||
}
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_textarea textarea {
|
||||
padding: 3px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
div.DTE_Field.DTE_Field_Type_date img {
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input {
|
||||
padding-top: 1px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input > div > div {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label {
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter input {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons button {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable.no-footer {
|
||||
border-bottom: 1px solid #aaa !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable thead th, div.DTE_Field_Type_datatable table.dataTable thead td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody th:first-child,
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody td:first-child {
|
||||
border-left: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody th:last-child,
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody td:last-child {
|
||||
border-right: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable tfoot th, div.DTE_Field_Type_datatable table.dataTable tfoot td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable thead th,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable thead td {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody {
|
||||
border: 1px solid #aaa !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody th:first-child,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody th:last-child,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
div.DTE_Body {
|
||||
padding: 52px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
|
||||
padding: 1em 1em 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
position: relative;
|
||||
clear: both;
|
||||
padding: 5px 10%;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #f3f3f3;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
|
||||
float: left;
|
||||
width: 33%;
|
||||
padding-top: 3px;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
|
||||
float: right;
|
||||
width: 66%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
float: none;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html[dir=rtl] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
|
||||
float: right;
|
||||
}
|
||||
html[dir=rtl] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
|
||||
float: left;
|
||||
}
|
||||
html[dir=rtl] div.DTE div.DTE_Form_Buttons button {
|
||||
float: left;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
padding: 5px 10%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
|
||||
width: 35.5%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
|
||||
width: 64.5%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
padding: 5px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
|
||||
padding: 5px 0%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
|
||||
width: 40%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
|
||||
width: 60%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 580px) {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
position: relative;
|
||||
clear: both;
|
||||
padding: 5px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
|
||||
padding: 5px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #FFFBCC !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight {
|
||||
background-color: #f9f5c7;
|
||||
}
|
||||
table.dataTable.hover tbody tr:hover.highlight,
|
||||
table.dataTable.hover tbody tr.odd:hover.highlight,
|
||||
table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight,
|
||||
table.dataTable.display tbody tr.even:hover.highlight {
|
||||
background-color: #f6f2c5;
|
||||
}
|
||||
table.dataTable.order-column tbody tr.highlight > .sorting_1,
|
||||
table.dataTable.order-column tbody tr.highlight > .sorting_2,
|
||||
table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1,
|
||||
table.dataTable.display tbody tr.highlight > .sorting_2,
|
||||
table.dataTable.display tbody tr.highlight > .sorting_3 {
|
||||
background-color: #faf6c8;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 {
|
||||
background-color: #f1edc1;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 {
|
||||
background-color: #f3efc2;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 {
|
||||
background-color: #f5f1c4;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 {
|
||||
background-color: #faf6c8;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 {
|
||||
background-color: #fcf8ca;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 {
|
||||
background-color: #fefacb;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.highlight > .sorting_1,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1,
|
||||
table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 {
|
||||
background-color: #eae6bb;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.highlight > .sorting_2,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2,
|
||||
table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 {
|
||||
background-color: #ece8bd;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.highlight > .sorting_3,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3,
|
||||
table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 {
|
||||
background-color: #efebbf;
|
||||
}
|
||||
table.dataTable tr.dte-inlineAdd td,
|
||||
table.dataTable tr.dte-inlineAdd th {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE {
|
||||
font-size: 0.91em;
|
||||
}
|
||||
div.DTE div.DTE_Header {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Body {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.DTE_Body div.DTE_Body_Content {
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTE div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
padding: 5px 5%;
|
||||
}
|
||||
div.DTE div.DTE_Footer {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Form_Error {
|
||||
padding-top: 1em;
|
||||
color: red;
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 12px;
|
||||
right: 2px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
float: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons button {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,602 +0,0 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE label {
|
||||
padding-top: 9px !important;
|
||||
align-self: flex-start;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
div.DTE div.eight.wide.field {
|
||||
flex-direction: column;
|
||||
}
|
||||
div.DTE div.DTE_Field_InputControl {
|
||||
width: 100%;
|
||||
margin: 0 !important;
|
||||
}
|
||||
div.DTE div.ui.message:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTE_Field div.ui.message {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
font-size: 0.85em;
|
||||
line-height: 1.35em;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE.DTE_Inline.ui.form label {
|
||||
display: none !important;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form div.DTE_Field {
|
||||
width: 100%;
|
||||
margin: 0 !important;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form div.DTE_Field div.DTE_Field_Input {
|
||||
width: 100% !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
z-index: 1001;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
flex-direction: column;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
justify-content: flex-start;
|
||||
width: 100% !important;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:first-child label {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable label {
|
||||
display: block !important;
|
||||
text-align: right;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
display: block !important;
|
||||
text-align: left;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter input {
|
||||
width: 100% !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
margin-bottom: 6px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
margin-top: 0.3em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight th,
|
||||
table.dataTable tbody tr.highlight td {
|
||||
background-color: #2185D0 !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 22px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_InputControl {
|
||||
padding-top: 7px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox > div > div,
|
||||
div.DTE_Field_Type_radio > div > div {
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox > div > div input,
|
||||
div.DTE_Field_Type_radio > div > div input {
|
||||
vertical-align: baseline !important;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox > div > div label,
|
||||
div.DTE_Field_Type_radio > div > div label {
|
||||
margin-left: 0.75em;
|
||||
padding-top: 11px !important;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,130 +0,0 @@
|
||||
|
||||
// Bubble form editing
|
||||
// Very similar to the main form, but attached to a particular node and the
|
||||
// form layout is slightly different with the fields container and buttons
|
||||
// making up a table of a single row and two columns. This allows the buttons
|
||||
// to be removed from the display and under this condition the fields will
|
||||
// take up the full width available.
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
|
||||
div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0,0,0,.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
|
||||
> form {
|
||||
div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> div {
|
||||
padding: 0;
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
|
||||
button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
|
||||
|
||||
div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Close {
|
||||
@include close-icon();
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
&.below {
|
||||
div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
@include overlay-background();
|
||||
}
|
||||
|
||||
@ -1,100 +0,0 @@
|
||||
|
||||
// Row highlighting on edit styles
|
||||
//
|
||||
// To change the colour of the highlight, simply modify the variable below and
|
||||
// recompile the SCSS stylesheet (if you don't have SASS installed, you can use
|
||||
// the online service at http://sassmeister.com/ .
|
||||
//
|
||||
// The DataTables styles below match the default DataTables stylesheet:
|
||||
// http://next.datatables.net/manual/styling/classes so you can retain the full
|
||||
// benefits of the DataTables styling options.
|
||||
|
||||
$table-row-highlight: #FFFBCC;
|
||||
|
||||
table.dataTable {
|
||||
tbody {
|
||||
tr.highlight {
|
||||
background-color: $table-row-highlight !important;
|
||||
}
|
||||
|
||||
tr.highlight,
|
||||
tr.noHighlight,
|
||||
tr.highlight td,
|
||||
tr.noHighlight td {
|
||||
@include background-transision();
|
||||
}
|
||||
}
|
||||
|
||||
&.stripe tbody,
|
||||
&.display tbody {
|
||||
tr.odd {
|
||||
&.highlight {
|
||||
background-color: shade($table-row-highlight, 2.35%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Hover classes - add "hover" class to the table to activate
|
||||
&.hover tbody,
|
||||
&.display tbody {
|
||||
tr:hover,
|
||||
tr.odd:hover,
|
||||
tr.even:hover {
|
||||
&.highlight {
|
||||
background-color: shade($table-row-highlight, 3.6%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sort column highlighting - add "hover" class to the table to activate
|
||||
&.order-column,
|
||||
&.display {
|
||||
tbody {
|
||||
tr.highlight>.sorting_1,
|
||||
tr.highlight>.sorting_2,
|
||||
tr.highlight>.sorting_3 {
|
||||
background-color: shade($table-row-highlight, 2%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.stripe tbody {
|
||||
tr.odd {
|
||||
&.highlight {
|
||||
>.sorting_1 { background-color: shade($table-row-highlight, 5.4%);}
|
||||
>.sorting_2 { background-color: shade($table-row-highlight, 4.7%);}
|
||||
>.sorting_3 { background-color: shade($table-row-highlight, 3.9%);}
|
||||
}
|
||||
}
|
||||
|
||||
tr.even {
|
||||
&.highlight {
|
||||
>.sorting_1 { background-color: shade($table-row-highlight, 2%); }
|
||||
>.sorting_2 { background-color: shade($table-row-highlight, 1.2%); }
|
||||
>.sorting_3 { background-color: shade($table-row-highlight, 0.4%); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.hover tbody {
|
||||
tr:hover,
|
||||
tr.odd:hover,
|
||||
tr.even:hover {
|
||||
&.highlight {
|
||||
>.sorting_1 { background-color: shade($table-row-highlight, 8.2%); }
|
||||
>.sorting_2 { background-color: shade($table-row-highlight, 7.5%); }
|
||||
>.sorting_3 { background-color: shade($table-row-highlight, 6.3%); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr.dte-inlineAdd {
|
||||
td,
|
||||
th {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,63 +0,0 @@
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
|
||||
// Create a shadow display at the top of the evelope to make it look like it has
|
||||
// come from under the element that it is attached to/ Left and right to give a
|
||||
// slight fade and the two ends
|
||||
div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
|
||||
div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Close {
|
||||
@include close-icon();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
@include overlay-background();
|
||||
}
|
||||
|
||||
|
||||
@ -1,280 +0,0 @@
|
||||
|
||||
$input-border: 1px solid #aaa;
|
||||
|
||||
$input-border: 1px solid #aaa;
|
||||
|
||||
// Generic field styling
|
||||
div.DTE_Field {
|
||||
input,
|
||||
textarea {
|
||||
box-sizing: border-box;
|
||||
background-color: white;
|
||||
-webkit-transition: background-color ease-in-out .15s;
|
||||
transition: background-color ease-in-out .15s;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
background-color: #ffffee;
|
||||
}
|
||||
|
||||
input[type="color"],
|
||||
input[type="date"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="email"],
|
||||
input[type="month"],
|
||||
input[type="number"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="text"],
|
||||
input[type="time"],
|
||||
input[type="url"],
|
||||
input[type="week"] {
|
||||
padding: 5px 4px;
|
||||
width: 100%;
|
||||
|
||||
// Chrome 83 introduces some really ugly borders
|
||||
border: $input-border;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
select {
|
||||
padding: 5px 4px;
|
||||
border-radius: 3px;
|
||||
border: $input-border;
|
||||
background: white;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
label div.DTE_Label_Info {
|
||||
font-size: 0.85em;
|
||||
margin-top: 0.25em;
|
||||
|
||||
&:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Info,
|
||||
div.DTE_Field_Message,
|
||||
div.DTE_Field_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1em;
|
||||
margin-top: 5px;
|
||||
|
||||
&:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
|
||||
div.multi-value {
|
||||
display: none;
|
||||
border: 1px dotted #666;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
background-color: #fafafa;
|
||||
cursor: pointer;
|
||||
|
||||
span {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
&.multi-noEdit {
|
||||
border: 1px solid #ccc;
|
||||
cursor: auto;
|
||||
background-color: #fcfcfc;
|
||||
|
||||
&:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: grey;
|
||||
|
||||
div.multi-value {
|
||||
cursor: default;
|
||||
border: 1px dotted #aaa;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
div.multi-restore {
|
||||
display: none;
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
color: #3879d9;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Specific field type styling
|
||||
div.DTE_Field_Type_textarea {
|
||||
textarea {
|
||||
padding: 3px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
border: $input-border;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field.DTE_Field_Type_date {
|
||||
img {
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox,
|
||||
div.DTE_Field_Type_radio {
|
||||
div.DTE_Field_Input {
|
||||
padding-top: 1px;
|
||||
|
||||
> div > div {
|
||||
margin-bottom: 0.25em;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
}
|
||||
|
||||
label {
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable {
|
||||
div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
span.select-info {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-buttons {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:empty {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
table.dataTable {
|
||||
&.no-footer {
|
||||
border-bottom: 1px solid #aaa !important;
|
||||
}
|
||||
|
||||
thead {
|
||||
th, td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
border-left: 1px solid #aaa;
|
||||
}
|
||||
|
||||
th:last-child,
|
||||
td:last-child {
|
||||
border-right: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
tfoot {
|
||||
th, td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead {
|
||||
table.dataTable,
|
||||
table.dataTable thead th,
|
||||
table.dataTable thead td {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
border: 1px solid #aaa !important;
|
||||
border-radius: 3px;;
|
||||
|
||||
table.dataTable {
|
||||
border-bottom: none !important;
|
||||
|
||||
tbody {
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
th:last-child,
|
||||
td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,79 +0,0 @@
|
||||
|
||||
// Inline form editing
|
||||
// Hide the label and allow the field to take the full width
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
|
||||
div.DTE_Inline_Field,
|
||||
div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
|
||||
div.DTE_Field {
|
||||
padding: 0;
|
||||
|
||||
>label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="color"],
|
||||
input[type="date"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="email"],
|
||||
input[type="month"],
|
||||
input[type="number"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="text"],
|
||||
input[type="time"],
|
||||
input[type="url"],
|
||||
input[type="week"] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Have the input types take up full space, taking into account the cell padding
|
||||
div.DTE_Field input[type="color"],
|
||||
div.DTE_Field input[type="date"],
|
||||
div.DTE_Field input[type="datetime"],
|
||||
div.DTE_Field input[type="datetime-local"],
|
||||
div.DTE_Field input[type="email"],
|
||||
div.DTE_Field input[type="month"],
|
||||
div.DTE_Field input[type="number"],
|
||||
div.DTE_Field input[type="password"],
|
||||
div.DTE_Field input[type="search"],
|
||||
div.DTE_Field input[type="tel"],
|
||||
div.DTE_Field input[type="text"],
|
||||
div.DTE_Field input[type="time"],
|
||||
div.DTE_Field input[type="url"],
|
||||
div.DTE_Field input[type="week"] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
|
||||
div.DTE_Field_Error,
|
||||
div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
|
||||
&:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive integration
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
@ -1,174 +0,0 @@
|
||||
|
||||
|
||||
div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -390px;
|
||||
width: 780px;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
|
||||
div.DTED_Lightbox_Container {
|
||||
display: table;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content_Wrapper {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content {
|
||||
position: relative;
|
||||
box-shadow: 0 12px 30px 0 rgba(0,0,0,.5);
|
||||
border-radius: 6px;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
div.DTE {
|
||||
background: white;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
background: #fcfcfc;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
div.DTE_Header {
|
||||
right: 0;
|
||||
width: auto;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
div.DTE_Body_Content {
|
||||
box-sizing: border-box;
|
||||
background: #fcfcfc;
|
||||
}
|
||||
|
||||
div.DTE_Footer {
|
||||
right: 0;
|
||||
width: auto;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Close {
|
||||
@include close-icon();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Wrapper {
|
||||
div.DTE_Footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
div.DTE_Footer_Content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTE.inFormError div.DTE_Footer {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.DTED_Lightbox_Background {
|
||||
@include overlay-background();
|
||||
}
|
||||
|
||||
|
||||
body.DTED_Lightbox_Mobile {
|
||||
div.DTED_Lightbox_Background {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Shown {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-left: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
div.DTED_Lightbox_Container {
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content_Wrapper {
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
height: 100% !important;
|
||||
|
||||
div.DTE {
|
||||
border-radius: 0;
|
||||
height: 100%;
|
||||
|
||||
div.DTE_Header {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
div.DTE_Body_Content {
|
||||
padding-bottom: 52px;
|
||||
}
|
||||
|
||||
div.DTE_Footer {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Close {
|
||||
top: 11px;
|
||||
right: 15px;
|
||||
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen
|
||||
and (max-width: 780px) {
|
||||
body div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen
|
||||
and (max-width: 580px) {
|
||||
body div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,180 +0,0 @@
|
||||
|
||||
|
||||
// The main form.
|
||||
// Most of the styles for display of the main form come from the display
|
||||
// controller (lightbox and envelope are the two built in options).
|
||||
div.DTE_Body {
|
||||
padding: 52px 0; // space for hte header and footer which are position: absolute
|
||||
|
||||
div.DTE_Body_Content {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
|
||||
div.DTE_Form_Info {
|
||||
padding: 1em 1em 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
|
||||
clear: both;
|
||||
padding: 5px 10%;
|
||||
border: 1px solid transparent;
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #f3f3f3;
|
||||
}
|
||||
|
||||
>label {
|
||||
float: left;
|
||||
width: 33%;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
float: right;
|
||||
width: 66%;
|
||||
}
|
||||
|
||||
// Field in error state
|
||||
&.DTE_Field_StateError { }
|
||||
|
||||
&.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
}
|
||||
|
||||
&.block {
|
||||
>div.DTE_Field_Input {
|
||||
float: none;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html[dir="rtl"] {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
> label {
|
||||
float: right;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
// iPad in portrait
|
||||
@media only screen
|
||||
and (max-width : 768px) {
|
||||
div.DTE_Body {
|
||||
div.DTE_Body_Content {
|
||||
div.DTE_Field {
|
||||
padding: 5px 10%;
|
||||
|
||||
&.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
|
||||
>label {
|
||||
width: 35.5%;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
width: 64.5%;
|
||||
}
|
||||
}
|
||||
|
||||
&.block {
|
||||
>div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen
|
||||
and (max-width : 640px) {
|
||||
div.DTE_Body {
|
||||
div.DTE_Body_Content {
|
||||
div.DTE_Field {
|
||||
padding: 5px 0;
|
||||
|
||||
&.full {
|
||||
padding: 5px 0%;
|
||||
|
||||
>label {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
&.block {
|
||||
>div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// For devices with smaller screens, the fields should be shown stacked
|
||||
@media only screen
|
||||
and (max-width : 580px) {
|
||||
div.DTE_Body {
|
||||
div.DTE_Body_Content {
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
|
||||
clear: both;
|
||||
padding: 5px 0;
|
||||
|
||||
>label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
&.full,
|
||||
&.block {
|
||||
padding: 5px 0;
|
||||
|
||||
>label,
|
||||
>div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,178 +0,0 @@
|
||||
|
||||
|
||||
@function tint( $color, $percent ) {
|
||||
@return mix(white, $color, $percent);
|
||||
}
|
||||
|
||||
@function shade( $color, $percent ) {
|
||||
@return mix(black, $color, $percent);
|
||||
}
|
||||
|
||||
|
||||
@mixin border-radius ( $radius ) {
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
-ms-border-radius: $radius;
|
||||
-o-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin box-sizing($box-model) {
|
||||
-webkit-box-sizing: $box-model; // Safari <= 5
|
||||
-moz-box-sizing: $box-model; // Firefox <= 19
|
||||
box-sizing: $box-model;
|
||||
}
|
||||
|
||||
@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
|
||||
@if $inset {
|
||||
-webkit-box-shadow:inset $top $left $blur $color;
|
||||
-moz-box-shadow:inset $top $left $blur $color;
|
||||
box-shadow:inset $top $left $blur $color;
|
||||
} @else {
|
||||
-webkit-box-shadow: $top $left $blur $color;
|
||||
-moz-box-shadow: $top $left $blur $color;
|
||||
box-shadow: $top $left $blur $color;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin two-stop-gradient($fromColor, $toColor) {
|
||||
background-color: $toColor; /* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, $fromColor 0%, $toColor 100%); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, $fromColor 0%, $toColor 100%); /* IE10 */
|
||||
background-image: -o-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, $fromColor 0%, $toColor 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}');
|
||||
}
|
||||
|
||||
@mixin three-stop-gradient($fromColor, $middleColor, $toColor) {
|
||||
background-color: $toColor; /* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, $fromColor, $middleColor, $toColor); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, $fromColor, $middleColor, $toColor); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, $fromColor, $middleColor, $toColor); /* IE10 */
|
||||
background-image: -o-linear-gradient(top, $fromColor, $middleColor, $toColor); /* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, $fromColor, $middleColor, $toColor);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}');
|
||||
}
|
||||
|
||||
@mixin radial-gradient ($fromColor, $toColor ) {
|
||||
background: $toColor; /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, $fromColor), color-stop(1, $toColor)); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, $fromColor 0%, $toColor 100%); /* W3C Markup, IE10 Release Preview */
|
||||
}
|
||||
|
||||
@mixin keyframe ($animation_name) {
|
||||
@-webkit-keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
@-moz-keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
@-o-keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
@keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin animation ($duration, $animation) {
|
||||
-webkit-animation-duration: $duration;
|
||||
-webkit-animation-name: $animation;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-webkit-animation-direction: alternate;
|
||||
|
||||
-moz-animation-duration: $duration;
|
||||
-moz-animation-name: $animation;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-moz-animation-timing-function: linear;
|
||||
-moz-animation-direction: alternate;
|
||||
|
||||
-o-animation-duration: $duration;
|
||||
-o-animation-name: $animation;
|
||||
-o-animation-fill-mode: forwards;
|
||||
-o-animation-iteration-count: infinite;
|
||||
-o-animation-timing-function: linear;
|
||||
-o-animation-direction: alternate;
|
||||
|
||||
animation-duration: $duration;
|
||||
animation-name: $animation;
|
||||
animation-fill-mode: forwards;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
@mixin close-icon () {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
|
||||
&:after {
|
||||
content: '\00d7';
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:after {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin overlay-background () {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@include radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) );
|
||||
|
||||
z-index: 10;
|
||||
|
||||
// IE8- doesn't support RGBA and jQuery uses `filter:` for the fade-in
|
||||
// animation, so we need a child element that is used just for the display
|
||||
>div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
|
||||
// IE7-
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
|
||||
// IE8
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
|
||||
// IE9 has both filter and rgba support, so we need a hack to disable the filter
|
||||
>div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
|
||||
}
|
||||
}
|
||||
|
||||
@mixin background-transision () {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
@ -1,106 +0,0 @@
|
||||
|
||||
div.DTE {
|
||||
div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
&.processing {
|
||||
div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
&.DTE_Inline {
|
||||
div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&.DTE_Bubble {
|
||||
div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator span,
|
||||
div.DTE_Processing_Indicator:before,
|
||||
div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba( 0, 0, 0, 0.4 );
|
||||
background-color: rgba( 0, 0, 0, 0.1 );
|
||||
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator:before,
|
||||
div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: '';
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,143 +0,0 @@
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
|
||||
div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
div.row + div.row {
|
||||
div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
button.btn,
|
||||
input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
|
||||
&.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
div.rendered {
|
||||
img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.noDrop {
|
||||
div.drop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.row.second {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&.noClear {
|
||||
div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.multi {
|
||||
div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -1,272 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-bs', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-bs')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bootstrap control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bootstrap";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header modal-header",
|
||||
title: {
|
||||
tag: 'h4',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body modal-body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer modal-footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "btn btn-default",
|
||||
"buttonInternal": "btn btn-default"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field",
|
||||
"label": "col-lg-4 control-label",
|
||||
"input": "col-lg-8 controls",
|
||||
"error": "error has-error",
|
||||
"msg-labelInfo": "help-block",
|
||||
"msg-info": "help-block",
|
||||
"msg-message": "help-block",
|
||||
"msg-error": "help-block",
|
||||
"multiValue": "well well-sm multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "well well-sm multi-restore"
|
||||
}
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'btn-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
|
||||
content: $(
|
||||
'<div class="modal fade DTED">'+
|
||||
'<div class="modal-dialog">'+
|
||||
'<div class="modal-content"></div>'+
|
||||
'</div>'+
|
||||
'</div>'
|
||||
),
|
||||
close: $('<button class="close">×</div>')
|
||||
};
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'form-control' );
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bootstrap;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
$(append).addClass('modal-content');
|
||||
|
||||
// Special class for DataTable buttons in the form
|
||||
$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
|
||||
.removeClass('btn-group')
|
||||
.addClass('btn-group-vertical');
|
||||
|
||||
var content = dom.content.find('div.modal-dialog');
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
|
||||
// Setup events on each show
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-bs3')
|
||||
.on('click.dte-bs3', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.prependTo($('div.modal-header', dom.content));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
var allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs3')
|
||||
.on('mousedown.dte-bs3', 'div.modal', function (e) {
|
||||
if ( ! shown ) {
|
||||
return;
|
||||
}
|
||||
|
||||
allowBackgroundClick = $(e.target).hasClass('modal') && shown
|
||||
? true
|
||||
: false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs3')
|
||||
.on('click.dte-bs3', 'div.modal', function (e) {
|
||||
if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
|
||||
if ( ! $(e.target).hasClass('modal') ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// If scrollbar shown
|
||||
if ($('div.modal-dialog').height() > $(e.target).height()) {
|
||||
// And if clicking inside it - do nothing
|
||||
if (e.pageX >= document.body.offsetWidth - DataTable.__browser.barWidth) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// All checks pass - do background action
|
||||
dte.background();
|
||||
} );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
fullyShown = false;
|
||||
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
})
|
||||
.one('hidden', function () {
|
||||
shown = false;
|
||||
})
|
||||
.appendTo( 'body' )
|
||||
.modal( {
|
||||
backdrop: "static",
|
||||
keyboard: false
|
||||
} );
|
||||
|
||||
dom.close.prependTo($('div.modal-header', dom.content));
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
$(dom.content)
|
||||
.one( 'hidden.bs.modal', function () {
|
||||
$(this).detach();
|
||||
} )
|
||||
.modal('hide');
|
||||
|
||||
shown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(o){var d,n;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs","datatables.net-editor"],function(e){return o(e,window,document)}):"object"==typeof exports?(d=require("jquery"),n=function(e,t){t.fn.dataTable||require("datatables.net-bs")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||d(e),n(e,t),o(t,0,e.document)}:(n(window,d),module.exports=o(d,window,window.document))):o(jQuery,window,document)}(function(a,e,l,t){"use strict";var s=a.fn.dataTable,o=s.Editor;s.Editor.defaults.display="bootstrap",a.extend(!0,a.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h4",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn btn-default",buttonInternal:"btn btn-default"},field:{wrapper:"DTE_Field",label:"col-lg-4 control-label",input:"col-lg-8 controls",error:"error has-error","msg-labelInfo":"help-block","msg-info":"help-block","msg-message":"help-block","msg-error":"help-block",multiValue:"well well-sm multi-value",multiInfo:"small",multiRestore:"well well-sm multi-restore"}}),a.extend(!0,s.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let r=!(s.Editor.fieldTypes.datatable.tableClass="table");const i={content:a('<div class="modal fade DTED"><div class="modal-dialog"><div class="modal-content"></div></div></div>'),close:a('<button class="close">×</div>')};return s.Editor.display.bootstrap=a.extend(!0,{},s.Editor.models.displayController,{init:function(n){return n.on("displayOrder.dtebs open.dtebs",function(e,t,o,d){a.each(n.s.fields,function(e,t){a("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control")})}),s.Editor.display.bootstrap},open:function(t,e,o){a(e).addClass("modal-content"),a(e).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical");var d=i.content.find("div.modal-dialog"),n=(d.children().detach(),d.append(e),i.close.attr("title",t.i18n.close).off("click.dte-bs3").on("click.dte-bs3",function(){t.close("icon")}).prependTo(a("div.modal-header",i.content)),!1);a(l).off("mousedown.dte-bs3").on("mousedown.dte-bs3","div.modal",function(e){r&&(n=!(!a(e.target).hasClass("modal")||!r))}),a(l).off("click.dte-bs3").on("click.dte-bs3","div.modal",function(e){a(e.target).hasClass("modal")&&n&&t.background(),!a(e.target).hasClass("modal")||a("div.modal-dialog").height()>a(e.target).height()&&e.pageX>=l.body.offsetWidth-s.__browser.barWidth||t.background()}),r?o&&o():(r=!0,a(i.content).one("shown.bs.modal",function(){t.s.setFocus&&t.s.setFocus.focus(),o&&o()}).one("hidden",function(){r=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}),i.close.prependTo(a("div.modal-header",i.content)))},close:function(e,t){r&&(a(i.content).one("hidden.bs.modal",function(){a(this).detach()}).modal("hide"),r=!1),t&&t()},node:function(e){return i.content[0]}}),o});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-bs";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bootstrap",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h4",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn btn-default",buttonInternal:"btn btn-default"},field:{wrapper:"DTE_Field",label:"col-lg-4 control-label",input:"col-lg-8 controls",error:"error has-error","msg-labelInfo":"help-block","msg-info":"help-block","msg-message":"help-block","msg-error":"help-block",multiValue:"well well-sm multi-value",multiInfo:"small",multiRestore:"well well-sm multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal fade DTED"><div class="modal-dialog"><div class="modal-content"></div></div></div>'),close:$('<button class="close">×</div>')};DataTable.Editor.display.bootstrap=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebs open.dtebs",function(o,t,e,a){$.each(d.s.fields,function(o,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control")})}),DataTable.Editor.display.bootstrap},open:function(t,o,e){$(o).addClass("modal-content"),$(o).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical");var a=dom.content.find("div.modal-dialog"),d=(a.children().detach(),a.append(o),dom.close.attr("title",t.i18n.close).off("click.dte-bs3").on("click.dte-bs3",function(){t.close("icon")}).prependTo($("div.modal-header",dom.content)),!1);$(document).off("mousedown.dte-bs3").on("mousedown.dte-bs3","div.modal",function(o){shown&&(d=!(!$(o.target).hasClass("modal")||!shown))}),$(document).off("click.dte-bs3").on("click.dte-bs3","div.modal",function(o){$(o.target).hasClass("modal")&&d&&t.background(),!$(o.target).hasClass("modal")||$("div.modal-dialog").height()>$(o.target).height()&&o.pageX>=document.body.offsetWidth-DataTable.__browser.barWidth||t.background()}),shown?e&&e():(shown=!0,fullyShown=!1,$(dom.content).one("shown.bs.modal",function(){t.s.setFocus&&t.s.setFocus.focus(),e&&e()}).one("hidden",function(){shown=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}),dom.close.prependTo($("div.modal-header",dom.content)))},close:function(o,t){shown&&($(dom.content).one("hidden.bs.modal",function(){$(this).detach()}).modal("hide"),shown=!1),t&&t()},node:function(o){return dom.content[0]}});export default Editor;
|
||||
@ -1,228 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-bs';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bootstrap control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bootstrap";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header modal-header",
|
||||
title: {
|
||||
tag: 'h4',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body modal-body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer modal-footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "btn btn-default",
|
||||
"buttonInternal": "btn btn-default"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field",
|
||||
"label": "col-lg-4 control-label",
|
||||
"input": "col-lg-8 controls",
|
||||
"error": "error has-error",
|
||||
"msg-labelInfo": "help-block",
|
||||
"msg-info": "help-block",
|
||||
"msg-message": "help-block",
|
||||
"msg-error": "help-block",
|
||||
"multiValue": "well well-sm multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "well well-sm multi-restore"
|
||||
}
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'btn-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
|
||||
content: $(
|
||||
'<div class="modal fade DTED">'+
|
||||
'<div class="modal-dialog">'+
|
||||
'<div class="modal-content"></div>'+
|
||||
'</div>'+
|
||||
'</div>'
|
||||
),
|
||||
close: $('<button class="close">×</div>')
|
||||
};
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'form-control' );
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bootstrap;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
$(append).addClass('modal-content');
|
||||
|
||||
// Special class for DataTable buttons in the form
|
||||
$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
|
||||
.removeClass('btn-group')
|
||||
.addClass('btn-group-vertical');
|
||||
|
||||
var content = dom.content.find('div.modal-dialog');
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
|
||||
// Setup events on each show
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-bs3')
|
||||
.on('click.dte-bs3', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.prependTo($('div.modal-header', dom.content));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
var allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs3')
|
||||
.on('mousedown.dte-bs3', 'div.modal', function (e) {
|
||||
if ( ! shown ) {
|
||||
return;
|
||||
}
|
||||
|
||||
allowBackgroundClick = $(e.target).hasClass('modal') && shown
|
||||
? true
|
||||
: false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs3')
|
||||
.on('click.dte-bs3', 'div.modal', function (e) {
|
||||
if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
|
||||
if ( ! $(e.target).hasClass('modal') ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// If scrollbar shown
|
||||
if ($('div.modal-dialog').height() > $(e.target).height()) {
|
||||
// And if clicking inside it - do nothing
|
||||
if (e.pageX >= document.body.offsetWidth - DataTable.__browser.barWidth) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// All checks pass - do background action
|
||||
dte.background();
|
||||
} );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
fullyShown = false;
|
||||
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
})
|
||||
.one('hidden', function () {
|
||||
shown = false;
|
||||
})
|
||||
.appendTo( 'body' )
|
||||
.modal( {
|
||||
backdrop: "static",
|
||||
keyboard: false
|
||||
} );
|
||||
|
||||
dom.close.prependTo($('div.modal-header', dom.content));
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
$(dom.content)
|
||||
.one( 'hidden.bs.modal', function () {
|
||||
$(this).detach();
|
||||
} )
|
||||
.modal('hide');
|
||||
|
||||
shown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
export default Editor;
|
||||
@ -1,264 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-bs4', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-bs4')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bootstrap control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bootstrap";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header modal-header",
|
||||
title: {
|
||||
tag: 'h5',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body modal-body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer modal-footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "btn",
|
||||
"buttonInternal": "btn btn-outline-secondary"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field form-group row",
|
||||
"label": "col-lg-4 col-form-label",
|
||||
"input": "col-lg-8",
|
||||
"error": "error is-invalid",
|
||||
"msg-labelInfo": "form-text text-secondary small",
|
||||
"msg-info": "form-text text-secondary small",
|
||||
"msg-message": "form-text text-secondary small",
|
||||
"msg-error": "form-text text-danger small",
|
||||
"multiValue": "card multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "multi-restore"
|
||||
}
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'btn-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
|
||||
content: $(
|
||||
'<div class="modal fade DTED">'+
|
||||
'<div class="modal-dialog modal-lg modal-dialog-scrollable"></div>'+
|
||||
'</div>'
|
||||
),
|
||||
close: $('<button class="close">×</div>')
|
||||
};
|
||||
|
||||
DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'form-control' );
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bootstrap;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
$(append).addClass('modal-content');
|
||||
|
||||
// Special class for DataTable buttons in the form
|
||||
$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
|
||||
.removeClass('btn-group')
|
||||
.addClass('btn-group-vertical');
|
||||
|
||||
// Setup events on each show
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-bs4')
|
||||
.on('click.dte-bs4', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.appendTo($('div.modal-header', append));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
let allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs4')
|
||||
.on('mousedown.dte-bs4', 'div.modal', function (e) {
|
||||
allowBackgroundClick = $(e.target).hasClass('modal') && shown
|
||||
? true
|
||||
: false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs4')
|
||||
.on('click.dte-bs4', 'div.modal', function (e) {
|
||||
if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
var content = dom.content.find('div.modal-dialog');
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
fullyShown = false;
|
||||
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
fullyShown = true;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
})
|
||||
.one('hidden', function () {
|
||||
shown = false;
|
||||
})
|
||||
.appendTo( 'body' )
|
||||
.modal( {
|
||||
backdrop: "static",
|
||||
keyboard: false
|
||||
} );
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
|
||||
// before it has been fully displayed
|
||||
if ( ! fullyShown ) {
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
DataTable.Editor.display.bootstrap.close( dte, callback );
|
||||
} );
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
$(dom.content)
|
||||
.one( 'hidden.bs.modal', function () {
|
||||
$(this).detach();
|
||||
} )
|
||||
.modal('hide');
|
||||
|
||||
shown = false;
|
||||
fullyShown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(o){var n,a;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs4","datatables.net-editor"],function(t){return o(t,window,document)}):"object"==typeof exports?(n=require("jquery"),a=function(t,e){e.fn.dataTable||require("datatables.net-bs4")(t,e),e.fn.dataTable.Editor||require("datatables.net-editor")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||n(t),a(t,e),o(e,0,t.document)}:(a(window,n),module.exports=o(n,window,window.document))):o(jQuery,window,document)}(function(d,t,l,e){"use strict";var o=d.fn.dataTable,n=o.Editor;o.Editor.defaults.display="bootstrap",d.extend(!0,d.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),d.extend(!0,o.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let s=!(o.Editor.fieldTypes.datatable.tableClass="table"),r=!1;const i={content:d('<div class="modal fade DTED"><div class="modal-dialog modal-lg modal-dialog-scrollable"></div></div>'),close:d('<button class="close">×</div>')};return o.Editor.display.bootstrap=d.extend(!0,{},o.Editor.models.displayController,{init:function(a){return a.on("displayOrder.dtebs open.dtebs",function(t,e,o,n){d.each(a.s.fields,function(t,e){d("input:not([type=checkbox]):not([type=radio]), select, textarea",e.node()).addClass("form-control")})}),o.Editor.display.bootstrap},open:function(e,t,o){d(t).addClass("modal-content"),d(t).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),i.close.attr("title",e.i18n.close).off("click.dte-bs4").on("click.dte-bs4",function(){e.close("icon")}).appendTo(d("div.modal-header",t));let n=!1;d(l).off("mousedown.dte-bs4").on("mousedown.dte-bs4","div.modal",function(t){n=!(!d(t.target).hasClass("modal")||!s)}),d(l).off("click.dte-bs4").on("click.dte-bs4","div.modal",function(t){d(t.target).hasClass("modal")&&n&&e.background()});var a=i.content.find("div.modal-dialog");a.children().detach(),a.append(t),s?o&&o():(s=!0,r=!1,d(i.content).one("shown.bs.modal",function(){e.s.setFocus&&e.s.setFocus.focus(),r=!0,o&&o()}).one("hidden",function(){s=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}))},close:function(t,e){s?r?(d(i.content).one("hidden.bs.modal",function(){d(this).detach()}).modal("hide"),s=!1,r=!1,e&&e()):d(i.content).one("shown.bs.modal",function(){o.Editor.display.bootstrap.close(t,e)}):e&&e()},node:function(t){return i.content[0]}}),n});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-bs4";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bootstrap",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal fade DTED"><div class="modal-dialog modal-lg modal-dialog-scrollable"></div></div>'),close:$('<button class="close">×</div>')};DataTable.Editor.display.bootstrap=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(l){return l.on("displayOrder.dtebs open.dtebs",function(o,t,e,a){$.each(l.s.fields,function(o,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control")})}),DataTable.Editor.display.bootstrap},open:function(t,o,e){$(o).addClass("modal-content"),$(o).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),dom.close.attr("title",t.i18n.close).off("click.dte-bs4").on("click.dte-bs4",function(){t.close("icon")}).appendTo($("div.modal-header",o));let a=!1;$(document).off("mousedown.dte-bs4").on("mousedown.dte-bs4","div.modal",function(o){a=!(!$(o.target).hasClass("modal")||!shown)}),$(document).off("click.dte-bs4").on("click.dte-bs4","div.modal",function(o){$(o.target).hasClass("modal")&&a&&t.background()});var l=dom.content.find("div.modal-dialog");l.children().detach(),l.append(o),shown?e&&e():(shown=!0,fullyShown=!1,$(dom.content).one("shown.bs.modal",function(){t.s.setFocus&&t.s.setFocus.focus(),fullyShown=!0,e&&e()}).one("hidden",function(){shown=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}))},close:function(o,t){shown?fullyShown?($(dom.content).one("hidden.bs.modal",function(){$(this).detach()}).modal("hide"),shown=!1,fullyShown=!1,t&&t()):$(dom.content).one("shown.bs.modal",function(){DataTable.Editor.display.bootstrap.close(o,t)}):t&&t()},node:function(o){return dom.content[0]}});export default Editor;
|
||||
@ -1,220 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-bs4';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bootstrap control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bootstrap";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header modal-header",
|
||||
title: {
|
||||
tag: 'h5',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body modal-body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer modal-footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "btn",
|
||||
"buttonInternal": "btn btn-outline-secondary"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field form-group row",
|
||||
"label": "col-lg-4 col-form-label",
|
||||
"input": "col-lg-8",
|
||||
"error": "error is-invalid",
|
||||
"msg-labelInfo": "form-text text-secondary small",
|
||||
"msg-info": "form-text text-secondary small",
|
||||
"msg-message": "form-text text-secondary small",
|
||||
"msg-error": "form-text text-danger small",
|
||||
"multiValue": "card multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "multi-restore"
|
||||
}
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'btn-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
|
||||
content: $(
|
||||
'<div class="modal fade DTED">'+
|
||||
'<div class="modal-dialog modal-lg modal-dialog-scrollable"></div>'+
|
||||
'</div>'
|
||||
),
|
||||
close: $('<button class="close">×</div>')
|
||||
};
|
||||
|
||||
DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'form-control' );
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bootstrap;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
$(append).addClass('modal-content');
|
||||
|
||||
// Special class for DataTable buttons in the form
|
||||
$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
|
||||
.removeClass('btn-group')
|
||||
.addClass('btn-group-vertical');
|
||||
|
||||
// Setup events on each show
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-bs4')
|
||||
.on('click.dte-bs4', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.appendTo($('div.modal-header', append));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
let allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs4')
|
||||
.on('mousedown.dte-bs4', 'div.modal', function (e) {
|
||||
allowBackgroundClick = $(e.target).hasClass('modal') && shown
|
||||
? true
|
||||
: false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs4')
|
||||
.on('click.dte-bs4', 'div.modal', function (e) {
|
||||
if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
var content = dom.content.find('div.modal-dialog');
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
fullyShown = false;
|
||||
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
fullyShown = true;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
})
|
||||
.one('hidden', function () {
|
||||
shown = false;
|
||||
})
|
||||
.appendTo( 'body' )
|
||||
.modal( {
|
||||
backdrop: "static",
|
||||
keyboard: false
|
||||
} );
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
|
||||
// before it has been fully displayed
|
||||
if ( ! fullyShown ) {
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
DataTable.Editor.display.bootstrap.close( dte, callback );
|
||||
} );
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
$(dom.content)
|
||||
.one( 'hidden.bs.modal', function () {
|
||||
$(this).detach();
|
||||
} )
|
||||
.modal('hide');
|
||||
|
||||
shown = false;
|
||||
fullyShown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
export default Editor;
|
||||
@ -1,315 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-bs5', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-bs5')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bootstrap control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bootstrap";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header",
|
||||
title: {
|
||||
tag: 'h5',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "btn",
|
||||
"buttonInternal": "btn btn-outline-secondary"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field form-group row",
|
||||
"label": "col-lg-4 col-form-label",
|
||||
"input": "col-lg-8",
|
||||
"error": "error is-invalid",
|
||||
"msg-labelInfo": "form-text text-secondary small",
|
||||
"msg-info": "form-text text-secondary small",
|
||||
"msg-message": "form-text text-secondary small",
|
||||
"msg-error": "form-text text-danger small",
|
||||
"multiValue": "card multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "multi-restore"
|
||||
}
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'btn-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
content: $(
|
||||
'<div class="modal fade DTED">'+
|
||||
'<div class="modal-dialog"></div>'+
|
||||
'</div>'
|
||||
),
|
||||
close: $('<button class="btn-close"></div>')
|
||||
};
|
||||
let modal;
|
||||
let _bs = window.bootstrap;
|
||||
|
||||
DataTable.Editor.bootstrap = function (bs) {
|
||||
_bs = bs;
|
||||
}
|
||||
|
||||
DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
/*
|
||||
* API methods
|
||||
*/
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'form-control' );
|
||||
|
||||
$('input[type=checkbox], input[type=radio]', field.node() )
|
||||
.addClass( 'form-check-input' );
|
||||
|
||||
$('select', field.node() )
|
||||
.addClass( 'form-select' );
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bootstrap;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
if (! modal) {
|
||||
modal = new _bs.Modal(dom.content[0], {
|
||||
backdrop: "static",
|
||||
keyboard: false
|
||||
});
|
||||
}
|
||||
|
||||
$(append).addClass('modal-content');
|
||||
$('.DTE_Header', append).addClass('modal-header');
|
||||
$('.DTE_Body', append).addClass('modal-body');
|
||||
$('.DTE_Footer', append).addClass('modal-footer');
|
||||
|
||||
// Special class for DataTable buttons in the form
|
||||
$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
|
||||
.removeClass('btn-group')
|
||||
.addClass('btn-group-vertical');
|
||||
|
||||
// Setup events on each show
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-bs5')
|
||||
.on('click.dte-bs5', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.appendTo($('div.modal-header', append));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
let allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs5')
|
||||
.on('mousedown.dte-bs5', 'div.modal', function (e) {
|
||||
allowBackgroundClick = $(e.target).hasClass('modal') && shown
|
||||
? true
|
||||
: false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs5')
|
||||
.on('click.dte-bs5', 'div.modal', function (e) {
|
||||
if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
var content = dom.content.find('div.modal-dialog');
|
||||
content.addClass(DataTable.Editor.display.bootstrap.classes.modal);
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
|
||||
// Floating label support - rearrange the DOM for the inputs
|
||||
if (dte.c.bootstrap && dte.c.bootstrap.floatingLabels) {
|
||||
var floating_label_types = ['readonly', 'text', 'textarea', 'select', 'datetime']
|
||||
var fields = dte.order();
|
||||
|
||||
fields
|
||||
.filter(function (f) {
|
||||
var type = dte.field(f).s.opts.type;
|
||||
|
||||
return floating_label_types.includes(type);
|
||||
})
|
||||
.forEach(function(f) {
|
||||
var node = $(dte.field(f).node());
|
||||
var wrapper = node.find('.DTE_Field_InputControl');
|
||||
var control = wrapper.children(':first-child');
|
||||
var label = node.find('label');
|
||||
|
||||
wrapper.parent().removeClass('col-lg-8').addClass('col-lg-12');
|
||||
wrapper.addClass('form-floating');
|
||||
control.addClass('form-control').attr("placeholder", f);
|
||||
label.appendTo(wrapper);
|
||||
});
|
||||
}
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
fullyShown = false;
|
||||
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
fullyShown = true;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
})
|
||||
.one('hidden', function () {
|
||||
shown = false;
|
||||
})
|
||||
.appendTo( 'body' );
|
||||
|
||||
modal.show();
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
|
||||
// before it has been fully displayed
|
||||
if ( ! fullyShown ) {
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
DataTable.Editor.display.bootstrap.close( dte, callback );
|
||||
} );
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
$(dom.content)
|
||||
.one( 'hidden.bs.modal', function () {
|
||||
$(this).detach();
|
||||
} );
|
||||
|
||||
modal.hide();
|
||||
|
||||
shown = false;
|
||||
fullyShown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
},
|
||||
|
||||
classes: {
|
||||
modal: 'modal-dialog-scrollable modal-dialog-centered'
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(o){var a,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs5","datatables.net-editor"],function(t){return o(t,window,document)}):"object"==typeof exports?(a=require("jquery"),d=function(t,e){e.fn.dataTable||require("datatables.net-bs5")(t,e),e.fn.dataTable.Editor||require("datatables.net-editor")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||a(t),d(t,e),o(e,t,t.document)}:(d(window,a),module.exports=o(a,window,window.document))):o(jQuery,window,document)}(function(l,t,s,e){"use strict";var r=l.fn.dataTable,o=r.Editor;r.Editor.defaults.display="bootstrap",l.extend(!0,l.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body"},footer:{wrapper:"DTE_Footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),l.extend(!0,r.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let i=!(r.Editor.fieldTypes.datatable.tableClass="table"),c=!1;const f={content:l('<div class="modal fade DTED"><div class="modal-dialog"></div></div>'),close:l('<button class="btn-close"></div>')};let u,m=t.bootstrap;return r.Editor.bootstrap=function(t){m=t},r.Editor.display.bootstrap=l.extend(!0,{},r.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebs open.dtebs",function(t,e,o,a){l.each(d.s.fields,function(t,e){l("input:not([type=checkbox]):not([type=radio]), select, textarea",e.node()).addClass("form-control"),l("input[type=checkbox], input[type=radio]",e.node()).addClass("form-check-input"),l("select",e.node()).addClass("form-select")})}),r.Editor.display.bootstrap},open:function(d,t,e){u=u||new m.Modal(f.content[0],{backdrop:"static",keyboard:!1}),l(t).addClass("modal-content"),l(".DTE_Header",t).addClass("modal-header"),l(".DTE_Body",t).addClass("modal-body"),l(".DTE_Footer",t).addClass("modal-footer"),l(t).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),f.close.attr("title",d.i18n.close).off("click.dte-bs5").on("click.dte-bs5",function(){d.close("icon")}).appendTo(l("div.modal-header",t));let o=!1;l(s).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal",function(t){o=!(!l(t.target).hasClass("modal")||!i)}),l(s).off("click.dte-bs5").on("click.dte-bs5","div.modal",function(t){l(t.target).hasClass("modal")&&o&&d.background()});var a,n=f.content.find("div.modal-dialog");n.addClass(r.Editor.display.bootstrap.classes.modal),n.children().detach(),n.append(t),d.c.bootstrap&&d.c.bootstrap.floatingLabels&&(a=["readonly","text","textarea","select","datetime"],d.order().filter(function(t){t=d.field(t).s.opts.type;return a.includes(t)}).forEach(function(t){var e=l(d.field(t).node()),o=e.find(".DTE_Field_InputControl"),a=o.children(":first-child"),e=e.find("label");o.parent().removeClass("col-lg-8").addClass("col-lg-12"),o.addClass("form-floating"),a.addClass("form-control").attr("placeholder",t),e.appendTo(o)})),i?e&&e():(i=!0,c=!1,l(f.content).one("shown.bs.modal",function(){d.s.setFocus&&d.s.setFocus.focus(),c=!0,e&&e()}).one("hidden",function(){i=!1}).appendTo("body"),u.show())},close:function(t,e){i?c?(l(f.content).one("hidden.bs.modal",function(){l(this).detach()}),u.hide(),i=!1,c=!1,e&&e()):l(f.content).one("shown.bs.modal",function(){r.Editor.display.bootstrap.close(t,e)}):e&&e()},node:function(t){return f.content[0]},classes:{modal:"modal-dialog-scrollable modal-dialog-centered"}}),o});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-bs5";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bootstrap",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body"},footer:{wrapper:"DTE_Footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal fade DTED"><div class="modal-dialog"></div></div>'),close:$('<button class="btn-close"></div>')};let modal,_bs=window.bootstrap;DataTable.Editor.bootstrap=function(o){_bs=o},DataTable.Editor.display.bootstrap=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(l){return l.on("displayOrder.dtebs open.dtebs",function(o,t,e,a){$.each(l.s.fields,function(o,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control"),$("input[type=checkbox], input[type=radio]",t.node()).addClass("form-check-input"),$("select",t.node()).addClass("form-select")})}),DataTable.Editor.display.bootstrap},open:function(l,o,t){modal=modal||new _bs.Modal(dom.content[0],{backdrop:"static",keyboard:!1}),$(o).addClass("modal-content"),$(".DTE_Header",o).addClass("modal-header"),$(".DTE_Body",o).addClass("modal-body"),$(".DTE_Footer",o).addClass("modal-footer"),$(o).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),dom.close.attr("title",l.i18n.close).off("click.dte-bs5").on("click.dte-bs5",function(){l.close("icon")}).appendTo($("div.modal-header",o));let e=!1;$(document).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal",function(o){e=!(!$(o.target).hasClass("modal")||!shown)}),$(document).off("click.dte-bs5").on("click.dte-bs5","div.modal",function(o){$(o.target).hasClass("modal")&&e&&l.background()});var a,d=dom.content.find("div.modal-dialog");d.addClass(DataTable.Editor.display.bootstrap.classes.modal),d.children().detach(),d.append(o),l.c.bootstrap&&l.c.bootstrap.floatingLabels&&(a=["readonly","text","textarea","select","datetime"],l.order().filter(function(o){o=l.field(o).s.opts.type;return a.includes(o)}).forEach(function(o){var t=$(l.field(o).node()),e=t.find(".DTE_Field_InputControl"),a=e.children(":first-child"),t=t.find("label");e.parent().removeClass("col-lg-8").addClass("col-lg-12"),e.addClass("form-floating"),a.addClass("form-control").attr("placeholder",o),t.appendTo(e)})),shown?t&&t():(shown=!0,fullyShown=!1,$(dom.content).one("shown.bs.modal",function(){l.s.setFocus&&l.s.setFocus.focus(),fullyShown=!0,t&&t()}).one("hidden",function(){shown=!1}).appendTo("body"),modal.show())},close:function(o,t){shown?fullyShown?($(dom.content).one("hidden.bs.modal",function(){$(this).detach()}),modal.hide(),shown=!1,fullyShown=!1,t&&t()):$(dom.content).one("shown.bs.modal",function(){DataTable.Editor.display.bootstrap.close(o,t)}):t&&t()},node:function(o){return dom.content[0]},classes:{modal:"modal-dialog-scrollable modal-dialog-centered"}});export default Editor;
|
||||
@ -1,271 +0,0 @@
|
||||
/*! Bootstrap integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-bs5';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bootstrap control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bootstrap";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header",
|
||||
title: {
|
||||
tag: 'h5',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "btn",
|
||||
"buttonInternal": "btn btn-outline-secondary"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field form-group row",
|
||||
"label": "col-lg-4 col-form-label",
|
||||
"input": "col-lg-8",
|
||||
"error": "error is-invalid",
|
||||
"msg-labelInfo": "form-text text-secondary small",
|
||||
"msg-info": "form-text text-secondary small",
|
||||
"msg-message": "form-text text-secondary small",
|
||||
"msg-error": "form-text text-danger small",
|
||||
"multiValue": "card multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "multi-restore"
|
||||
}
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'btn-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'btn-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
content: $(
|
||||
'<div class="modal fade DTED">'+
|
||||
'<div class="modal-dialog"></div>'+
|
||||
'</div>'
|
||||
),
|
||||
close: $('<button class="btn-close"></div>')
|
||||
};
|
||||
let modal;
|
||||
let _bs = window.bootstrap;
|
||||
|
||||
DataTable.Editor.bootstrap = function (bs) {
|
||||
_bs = bs;
|
||||
}
|
||||
|
||||
DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
/*
|
||||
* API methods
|
||||
*/
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'form-control' );
|
||||
|
||||
$('input[type=checkbox], input[type=radio]', field.node() )
|
||||
.addClass( 'form-check-input' );
|
||||
|
||||
$('select', field.node() )
|
||||
.addClass( 'form-select' );
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bootstrap;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
if (! modal) {
|
||||
modal = new _bs.Modal(dom.content[0], {
|
||||
backdrop: "static",
|
||||
keyboard: false
|
||||
});
|
||||
}
|
||||
|
||||
$(append).addClass('modal-content');
|
||||
$('.DTE_Header', append).addClass('modal-header');
|
||||
$('.DTE_Body', append).addClass('modal-body');
|
||||
$('.DTE_Footer', append).addClass('modal-footer');
|
||||
|
||||
// Special class for DataTable buttons in the form
|
||||
$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
|
||||
.removeClass('btn-group')
|
||||
.addClass('btn-group-vertical');
|
||||
|
||||
// Setup events on each show
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-bs5')
|
||||
.on('click.dte-bs5', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.appendTo($('div.modal-header', append));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
let allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs5')
|
||||
.on('mousedown.dte-bs5', 'div.modal', function (e) {
|
||||
allowBackgroundClick = $(e.target).hasClass('modal') && shown
|
||||
? true
|
||||
: false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs5')
|
||||
.on('click.dte-bs5', 'div.modal', function (e) {
|
||||
if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
var content = dom.content.find('div.modal-dialog');
|
||||
content.addClass(DataTable.Editor.display.bootstrap.classes.modal);
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
|
||||
// Floating label support - rearrange the DOM for the inputs
|
||||
if (dte.c.bootstrap && dte.c.bootstrap.floatingLabels) {
|
||||
var floating_label_types = ['readonly', 'text', 'textarea', 'select', 'datetime']
|
||||
var fields = dte.order();
|
||||
|
||||
fields
|
||||
.filter(function (f) {
|
||||
var type = dte.field(f).s.opts.type;
|
||||
|
||||
return floating_label_types.includes(type);
|
||||
})
|
||||
.forEach(function(f) {
|
||||
var node = $(dte.field(f).node());
|
||||
var wrapper = node.find('.DTE_Field_InputControl');
|
||||
var control = wrapper.children(':first-child');
|
||||
var label = node.find('label');
|
||||
|
||||
wrapper.parent().removeClass('col-lg-8').addClass('col-lg-12');
|
||||
wrapper.addClass('form-floating');
|
||||
control.addClass('form-control').attr("placeholder", f);
|
||||
label.appendTo(wrapper);
|
||||
});
|
||||
}
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
fullyShown = false;
|
||||
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
fullyShown = true;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
})
|
||||
.one('hidden', function () {
|
||||
shown = false;
|
||||
})
|
||||
.appendTo( 'body' );
|
||||
|
||||
modal.show();
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
|
||||
// before it has been fully displayed
|
||||
if ( ! fullyShown ) {
|
||||
$(dom.content)
|
||||
.one('shown.bs.modal', function () {
|
||||
DataTable.Editor.display.bootstrap.close( dte, callback );
|
||||
} );
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
$(dom.content)
|
||||
.one( 'hidden.bs.modal', function () {
|
||||
$(this).detach();
|
||||
} );
|
||||
|
||||
modal.hide();
|
||||
|
||||
shown = false;
|
||||
fullyShown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
},
|
||||
|
||||
classes: {
|
||||
modal: 'modal-dialog-scrollable modal-dialog-centered'
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
export default Editor;
|
||||
@ -1,216 +0,0 @@
|
||||
/*! Bulma integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-bm', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-bm')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bulma control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bulma";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bulma
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header modal-header",
|
||||
title: {
|
||||
tag: 'h5',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body modal-body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer modal-footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "button",
|
||||
"buttonInternal": "button",
|
||||
"error": "DTE_Form_Error help is-danger"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field field",
|
||||
"label": "label",
|
||||
"error": "DTE_Field_Error help is-danger",
|
||||
"multiValue": "card multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "card multi-restore"
|
||||
},
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'button is-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'button is-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'button is-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
/*
|
||||
* Bulma display controller - this is effectively a proxy to the Bulma
|
||||
* modal control.
|
||||
*/
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
content: $(
|
||||
'<div class="modal DTED">'+
|
||||
'<div class="modal-background"></div>'+
|
||||
'<div class="modal-content"></div>'+
|
||||
'<button class="modal-close is-large" aria-label="close"></button>'+
|
||||
'</div>'
|
||||
)
|
||||
};
|
||||
|
||||
DataTable.Editor.display.bulma = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
/*
|
||||
* API methods
|
||||
*/
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebm open.dtebm', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'input' );
|
||||
|
||||
$('input[type=checkbox], input[type=radio]', field.node() )
|
||||
.removeClass('input');
|
||||
|
||||
$('select', field.node() )
|
||||
.addClass( 'select' )
|
||||
.parent().addClass('select');
|
||||
|
||||
$('select[multiple]', field.node() )
|
||||
.parent().addClass('is-multiple');
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bulma;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
$(append).removeClass('is-hidden').addClass('is-active');
|
||||
$(append).find('.modal-title').addClass('title');
|
||||
dom.content.find('.modal-content').append(append);
|
||||
dom.content.addClass('is-active is-clipped');
|
||||
|
||||
dom.content.appendTo("body");
|
||||
// Setup events on each show
|
||||
$('.modal-close')
|
||||
.attr('title', dte.i18n.close)
|
||||
.one('click', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.appendTo($('div.modal-header', append));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
let allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs5')
|
||||
.on('mousedown.dte-bs5', 'div.modal-background', function (e) {
|
||||
allowBackgroundClick = $(e.target).hasClass('modal-background');
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs5')
|
||||
.on('click.dte-bs5', 'div.modal-background', function (e) {
|
||||
if ( $(e.target).hasClass('modal-background') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
dom.content
|
||||
.find('.is-active')
|
||||
.removeClass('is-active')
|
||||
.addClass('is-hidden');
|
||||
|
||||
dom.content.removeClass('is-active is-clipped');
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bulma integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(o){var a,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bm","datatables.net-editor"],function(e){return o(e,window,document)}):"object"==typeof exports?(a=require("jquery"),d=function(e,t){t.fn.dataTable||require("datatables.net-bm")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||a(e),d(e,t),o(t,0,e.document)}:(d(window,a),module.exports=o(a,window,window.document))):o(jQuery,window,document)}(function(n,e,d,t){"use strict";var o=n.fn.dataTable,a=o.Editor;o.Editor.defaults.display="bulma",n.extend(!0,n.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"button",buttonInternal:"button",error:"DTE_Form_Error help is-danger"},field:{wrapper:"DTE_Field field",label:"label",error:"DTE_Field_Error help is-danger",multiValue:"card multi-value",multiInfo:"small",multiRestore:"card multi-restore"}}),n.extend(!0,o.ext.buttons,{create:{formButtons:{className:"button is-primary"}},edit:{formButtons:{className:"button is-primary"}},remove:{formButtons:{className:"button is-danger"}}}),o.Editor.fieldTypes.datatable.tableClass="table";const i={content:n('<div class="modal DTED"><div class="modal-background"></div><div class="modal-content"></div><button class="modal-close is-large" aria-label="close"></button></div>')};return o.Editor.display.bulma=n.extend(!0,{},o.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebm open.dtebm",function(e,t,o,a){n.each(d.s.fields,function(e,t){n("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("input"),n("input[type=checkbox], input[type=radio]",t.node()).removeClass("input"),n("select",t.node()).addClass("select").parent().addClass("select"),n("select[multiple]",t.node()).parent().addClass("is-multiple")})}),o.Editor.display.bulma},open:function(t,e,o){n(e).removeClass("is-hidden").addClass("is-active"),n(e).find(".modal-title").addClass("title"),i.content.find(".modal-content").append(e),i.content.addClass("is-active is-clipped"),i.content.appendTo("body"),n(".modal-close").attr("title",t.i18n.close).one("click",function(){t.close("icon")}).appendTo(n("div.modal-header",e));let a=!1;n(d).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal-background",function(e){a=n(e.target).hasClass("modal-background")}),n(d).off("click.dte-bs5").on("click.dte-bs5","div.modal-background",function(e){n(e.target).hasClass("modal-background")&&a&&t.background()}),o&&o()},close:function(e,t){i.content.find(".is-active").removeClass("is-active").addClass("is-hidden"),i.content.removeClass("is-active is-clipped"),t&&t()},node:function(e){return i.content[0]}}),a});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Bulma integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-bm";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bulma",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"button",buttonInternal:"button",error:"DTE_Form_Error help is-danger"},field:{wrapper:"DTE_Field field",label:"label",error:"DTE_Field_Error help is-danger",multiValue:"card multi-value",multiInfo:"small",multiRestore:"card multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"button is-primary"}},edit:{formButtons:{className:"button is-primary"}},remove:{formButtons:{className:"button is-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal DTED"><div class="modal-background"></div><div class="modal-content"></div><button class="modal-close is-large" aria-label="close"></button></div>')};DataTable.Editor.display.bulma=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebm open.dtebm",function(e,t,a,o){$.each(d.s.fields,function(e,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("input"),$("input[type=checkbox], input[type=radio]",t.node()).removeClass("input"),$("select",t.node()).addClass("select").parent().addClass("select"),$("select[multiple]",t.node()).parent().addClass("is-multiple")})}),DataTable.Editor.display.bulma},open:function(t,e,a){$(e).removeClass("is-hidden").addClass("is-active"),$(e).find(".modal-title").addClass("title"),dom.content.find(".modal-content").append(e),dom.content.addClass("is-active is-clipped"),dom.content.appendTo("body"),$(".modal-close").attr("title",t.i18n.close).one("click",function(){t.close("icon")}).appendTo($("div.modal-header",e));let o=!1;$(document).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal-background",function(e){o=$(e.target).hasClass("modal-background")}),$(document).off("click.dte-bs5").on("click.dte-bs5","div.modal-background",function(e){$(e.target).hasClass("modal-background")&&o&&t.background()}),a&&a()},close:function(e,t){dom.content.find(".is-active").removeClass("is-active").addClass("is-hidden"),dom.content.removeClass("is-active is-clipped"),t&&t()},node:function(e){return dom.content[0]}});export default Editor;
|
||||
@ -1,172 +0,0 @@
|
||||
/*! Bulma integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-bm';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our bulma control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "bulma";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bulma
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header modal-header",
|
||||
title: {
|
||||
tag: 'h5',
|
||||
class: 'modal-title'
|
||||
}
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body modal-body"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer modal-footer"
|
||||
},
|
||||
"form": {
|
||||
"tag": "form-horizontal",
|
||||
"button": "button",
|
||||
"buttonInternal": "button",
|
||||
"error": "DTE_Form_Error help is-danger"
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field field",
|
||||
"label": "label",
|
||||
"error": "DTE_Field_Error help is-danger",
|
||||
"multiValue": "card multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "card multi-restore"
|
||||
},
|
||||
} );
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'button is-primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'button is-primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'button is-danger'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
|
||||
|
||||
/*
|
||||
* Bulma display controller - this is effectively a proxy to the Bulma
|
||||
* modal control.
|
||||
*/
|
||||
let shown = false;
|
||||
let fullyShown = false;
|
||||
|
||||
const dom = {
|
||||
content: $(
|
||||
'<div class="modal DTED">'+
|
||||
'<div class="modal-background"></div>'+
|
||||
'<div class="modal-content"></div>'+
|
||||
'<button class="modal-close is-large" aria-label="close"></button>'+
|
||||
'</div>'
|
||||
)
|
||||
};
|
||||
|
||||
DataTable.Editor.display.bulma = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
/*
|
||||
* API methods
|
||||
*/
|
||||
init: function ( dte ) {
|
||||
// Add `form-control` to required elements
|
||||
dte.on( 'displayOrder.dtebm open.dtebm', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
|
||||
.addClass( 'input' );
|
||||
|
||||
$('input[type=checkbox], input[type=radio]', field.node() )
|
||||
.removeClass('input');
|
||||
|
||||
$('select', field.node() )
|
||||
.addClass( 'select' )
|
||||
.parent().addClass('select');
|
||||
|
||||
$('select[multiple]', field.node() )
|
||||
.parent().addClass('is-multiple');
|
||||
} );
|
||||
} );
|
||||
|
||||
return DataTable.Editor.display.bulma;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
$(append).removeClass('is-hidden').addClass('is-active');
|
||||
$(append).find('.modal-title').addClass('title');
|
||||
dom.content.find('.modal-content').append(append);
|
||||
dom.content.addClass('is-active is-clipped');
|
||||
|
||||
dom.content.appendTo("body");
|
||||
// Setup events on each show
|
||||
$('.modal-close')
|
||||
.attr('title', dte.i18n.close)
|
||||
.one('click', function () {
|
||||
dte.close('icon');
|
||||
})
|
||||
.appendTo($('div.modal-header', append));
|
||||
|
||||
// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
|
||||
// want to trigger a background action.
|
||||
let allowBackgroundClick = false;
|
||||
$(document)
|
||||
.off('mousedown.dte-bs5')
|
||||
.on('mousedown.dte-bs5', 'div.modal-background', function (e) {
|
||||
allowBackgroundClick = $(e.target).hasClass('modal-background');
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-bs5')
|
||||
.on('click.dte-bs5', 'div.modal-background', function (e) {
|
||||
if ( $(e.target).hasClass('modal-background') && allowBackgroundClick ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
dom.content
|
||||
.find('.is-active')
|
||||
.removeClass('is-active')
|
||||
.addClass('is-hidden');
|
||||
|
||||
dom.content.removeClass('is-active is-clipped');
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
export default Editor;
|
||||
@ -1,59 +0,0 @@
|
||||
/*! DataTables styling integration for DataTables' Editor
|
||||
* ©SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-dt', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-dt')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! DataTables styling integration for DataTables' Editor
|
||||
* ©SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(n){var d,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net-dt","datatables.net-editor"],function(e){return n(e,window,document)}):"object"==typeof exports?(d=require("jquery"),o=function(e,t){t.fn.dataTable||require("datatables.net-dt")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||d(e),o(e,t),n(t,0,e.document)}:(o(window,d),module.exports=n(d,window,window.document))):n(jQuery,window,document)}(function(e,t,n,d){"use strict";return e.fn.dataTable.Editor});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! DataTables styling integration for DataTables' Editor
|
||||
* ©SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-dt";import Editor from"datatables.net-editor";let $=jQuery;var Editor;export default Editor=DataTable.Editor;
|
||||
@ -1,15 +0,0 @@
|
||||
/*! DataTables styling integration for DataTables' Editor
|
||||
* ©SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-dt';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
|
||||
export default Editor;
|
||||
@ -1,171 +0,0 @@
|
||||
/*! Foundation integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-zf', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-zf')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our foundation control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "foundation";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Foundation
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
field: {
|
||||
wrapper: "DTE_Field row",
|
||||
label: "small-4 columns inline",
|
||||
input: "small-8 columns",
|
||||
error: "error",
|
||||
multiValue: "panel radius multi-value",
|
||||
multiInfo: "small",
|
||||
multiRestore: "panel radius multi-restore",
|
||||
"msg-labelInfo": "label secondary",
|
||||
"msg-info": "label secondary",
|
||||
"msg-message": "label secondary",
|
||||
"msg-error": "label alert"
|
||||
},
|
||||
form: {
|
||||
button: "button small",
|
||||
buttonInternal: "button small"
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
/*
|
||||
* Foundation display controller - this is effectively a proxy to the Foundation
|
||||
* modal control.
|
||||
*/
|
||||
var shown = false;
|
||||
var reveal;
|
||||
|
||||
const dom = {
|
||||
content: $(
|
||||
'<div class="reveal reveal-modal DTED" data-reveal></div>'
|
||||
),
|
||||
close: $('<button class="close close-button">×</div>')
|
||||
};
|
||||
|
||||
DataTable.Editor.display.foundation = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
if (! reveal) {
|
||||
reveal = new window.Foundation.Reveal( dom.content, {
|
||||
closeOnClick: false
|
||||
} );
|
||||
}
|
||||
|
||||
return DataTable.Editor.display.foundation;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
var content = dom.content;
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
content.prepend( dom.close );
|
||||
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-zf')
|
||||
.on('click.dte-zf', function () {
|
||||
dte.close('icon');
|
||||
});
|
||||
|
||||
$(document)
|
||||
.off('click.dte-zf')
|
||||
.on('click.dte-zf', 'div.reveal-modal-bg, div.reveal-overlay', function (e) {
|
||||
if ( $(e.target).closest(dom.content).length ) {
|
||||
return;
|
||||
}
|
||||
dte.background();
|
||||
} );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
|
||||
$(dom.content)
|
||||
.one('open.zf.reveal', function () {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
});
|
||||
|
||||
reveal.open();
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if (shown) {
|
||||
reveal.close();
|
||||
shown = false;
|
||||
}
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Foundation integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(t){var o,l;"function"==typeof define&&define.amd?define(["jquery","datatables.net-zf","datatables.net-editor"],function(e){return t(e,window,document)}):"object"==typeof exports?(o=require("jquery"),l=function(e,n){n.fn.dataTable||require("datatables.net-zf")(e,n),n.fn.dataTable.Editor||require("datatables.net-editor")(e,n)},"undefined"==typeof window?module.exports=function(e,n){return e=e||window,n=n||o(e),l(e,n),t(n,e,e.document)}:(l(window,o),module.exports=t(o,window,window.document))):t(jQuery,window,document)}(function(l,n,a,e){"use strict";var i,t=l.fn.dataTable,o=t.Editor,d=(t.Editor.defaults.display="foundation",l.extend(!0,l.fn.dataTable.Editor.classes,{field:{wrapper:"DTE_Field row",label:"small-4 columns inline",input:"small-8 columns",error:"error",multiValue:"panel radius multi-value",multiInfo:"small",multiRestore:"panel radius multi-restore","msg-labelInfo":"label secondary","msg-info":"label secondary","msg-message":"label secondary","msg-error":"label alert"},form:{button:"button small",buttonInternal:"button small"}}),!1);const r={content:l('<div class="reveal reveal-modal DTED" data-reveal></div>'),close:l('<button class="close close-button">×</div>')};return t.Editor.display.foundation=l.extend(!0,{},t.Editor.models.displayController,{init:function(e){return i=i||new n.Foundation.Reveal(r.content,{closeOnClick:!1}),t.Editor.display.foundation},open:function(n,e,t){var o=r.content;o.children().detach(),o.append(e),o.prepend(r.close),r.close.attr("title",n.i18n.close).off("click.dte-zf").on("click.dte-zf",function(){n.close("icon")}),l(a).off("click.dte-zf").on("click.dte-zf","div.reveal-modal-bg, div.reveal-overlay",function(e){l(e.target).closest(r.content).length||n.background()}),d?t&&t():(d=!0,l(r.content).one("open.zf.reveal",function(){t&&t()}),i.open())},close:function(e,n){d&&(i.close(),d=!1),n&&n()},node:function(e){return r.content[0]}}),o});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Foundation integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-zf";import Editor from"datatables.net-editor";let $=jQuery;var reveal,Editor=DataTable.Editor,shown=(DataTable.Editor.defaults.display="foundation",$.extend(!0,$.fn.dataTable.Editor.classes,{field:{wrapper:"DTE_Field row",label:"small-4 columns inline",input:"small-8 columns",error:"error",multiValue:"panel radius multi-value",multiInfo:"small",multiRestore:"panel radius multi-restore","msg-labelInfo":"label secondary","msg-info":"label secondary","msg-message":"label secondary","msg-error":"label alert"},form:{button:"button small",buttonInternal:"button small"}}),!1);const dom={content:$('<div class="reveal reveal-modal DTED" data-reveal></div>'),close:$('<button class="close close-button">×</div>')};DataTable.Editor.display.foundation=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(e){return reveal=reveal||new window.Foundation.Reveal(dom.content,{closeOnClick:!1}),DataTable.Editor.display.foundation},open:function(o,e,t){var l=dom.content;l.children().detach(),l.append(e),l.prepend(dom.close),dom.close.attr("title",o.i18n.close).off("click.dte-zf").on("click.dte-zf",function(){o.close("icon")}),$(document).off("click.dte-zf").on("click.dte-zf","div.reveal-modal-bg, div.reveal-overlay",function(e){$(e.target).closest(dom.content).length||o.background()}),shown?t&&t():(shown=!0,$(dom.content).one("open.zf.reveal",function(){t&&t()}),reveal.open())},close:function(e,o){shown&&(reveal.close(),shown=!1),o&&o()},node:function(e){return dom.content[0]}});export default Editor;
|
||||
@ -1,127 +0,0 @@
|
||||
/*! Foundation integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-zf';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our foundation control
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "foundation";
|
||||
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Foundation
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
field: {
|
||||
wrapper: "DTE_Field row",
|
||||
label: "small-4 columns inline",
|
||||
input: "small-8 columns",
|
||||
error: "error",
|
||||
multiValue: "panel radius multi-value",
|
||||
multiInfo: "small",
|
||||
multiRestore: "panel radius multi-restore",
|
||||
"msg-labelInfo": "label secondary",
|
||||
"msg-info": "label secondary",
|
||||
"msg-message": "label secondary",
|
||||
"msg-error": "label alert"
|
||||
},
|
||||
form: {
|
||||
button: "button small",
|
||||
buttonInternal: "button small"
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
/*
|
||||
* Foundation display controller - this is effectively a proxy to the Foundation
|
||||
* modal control.
|
||||
*/
|
||||
var shown = false;
|
||||
var reveal;
|
||||
|
||||
const dom = {
|
||||
content: $(
|
||||
'<div class="reveal reveal-modal DTED" data-reveal></div>'
|
||||
),
|
||||
close: $('<button class="close close-button">×</div>')
|
||||
};
|
||||
|
||||
DataTable.Editor.display.foundation = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
if (! reveal) {
|
||||
reveal = new window.Foundation.Reveal( dom.content, {
|
||||
closeOnClick: false
|
||||
} );
|
||||
}
|
||||
|
||||
return DataTable.Editor.display.foundation;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
var content = dom.content;
|
||||
content.children().detach();
|
||||
content.append( append );
|
||||
content.prepend( dom.close );
|
||||
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off('click.dte-zf')
|
||||
.on('click.dte-zf', function () {
|
||||
dte.close('icon');
|
||||
});
|
||||
|
||||
$(document)
|
||||
.off('click.dte-zf')
|
||||
.on('click.dte-zf', 'div.reveal-modal-bg, div.reveal-overlay', function (e) {
|
||||
if ( $(e.target).closest(dom.content).length ) {
|
||||
return;
|
||||
}
|
||||
dte.background();
|
||||
} );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
|
||||
$(dom.content)
|
||||
.one('open.zf.reveal', function () {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
});
|
||||
|
||||
reveal.open();
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if (shown) {
|
||||
reveal.close();
|
||||
shown = false;
|
||||
}
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.content[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
export default Editor;
|
||||
@ -1,186 +0,0 @@
|
||||
/*! jQuery UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-jqui', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-jqui')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
var doingClose = false;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our foundation control
|
||||
*/
|
||||
Editor.defaults.display = "jqueryui";
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
var buttonClass = "btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only";
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
form: {
|
||||
button: buttonClass,
|
||||
buttonInternal: buttonClass
|
||||
}
|
||||
} );
|
||||
|
||||
var dialouge;
|
||||
var shown = false;
|
||||
|
||||
/*
|
||||
* jQuery UI display controller - this is effectively a proxy to the jQuery UI
|
||||
* modal control.
|
||||
*/
|
||||
Editor.display.jqueryui = $.extend( true, {}, Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
if (! dialouge) {
|
||||
dialouge = $('<div class="DTED"></div>')
|
||||
.css('display', 'none')
|
||||
.appendTo('body')
|
||||
.dialog( $.extend( true, Editor.display.jqueryui.modalOptions, {
|
||||
autoOpen: false,
|
||||
buttons: { "A": function () {} }, // fake button so the button container is created
|
||||
closeOnEscape: false // allow editor's escape function to run
|
||||
} ) );
|
||||
}
|
||||
|
||||
return Editor.display.jqueryui;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
dialouge
|
||||
.children()
|
||||
.detach();
|
||||
|
||||
dialouge
|
||||
.append( append )
|
||||
.dialog( 'open' );
|
||||
|
||||
$(dte.dom.formError).appendTo(
|
||||
dialouge.parent().find('div.ui-dialog-buttonpane')
|
||||
);
|
||||
|
||||
dialouge.parent().find('.ui-dialog-title').html( dte.dom.header.innerHTML );
|
||||
dialouge.parent().addClass('DTED');
|
||||
|
||||
// Modify the Editor buttons to be jQuery UI suitable
|
||||
var buttons = $(dte.dom.buttons)
|
||||
.children()
|
||||
.addClass( 'ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only' )
|
||||
.each( function () {
|
||||
$(this).wrapInner( '<span class="ui-button-text"></span>' );
|
||||
} );
|
||||
|
||||
// Move the buttons into the jQuery UI button set
|
||||
dialouge.parent().find('div.ui-dialog-buttonset')
|
||||
.children()
|
||||
.detach();
|
||||
|
||||
dialouge.parent().find('div.ui-dialog-buttonset')
|
||||
.append( buttons.parent() );
|
||||
|
||||
dialouge
|
||||
.parent()
|
||||
.find('button.ui-dialog-titlebar-close')
|
||||
.off('click.dte-ju')
|
||||
.on('click.dte-ju', function () {
|
||||
dte.close('icon');
|
||||
});
|
||||
|
||||
// Need to know when the dialogue is closed using its own trigger
|
||||
// so we can reset the form
|
||||
$(dialouge)
|
||||
.off( 'dialogclose.dte-ju' )
|
||||
.on( 'dialogclose.dte-ju', function (e) {
|
||||
if ( ! doingClose ) {
|
||||
dte.close();
|
||||
}
|
||||
} );
|
||||
|
||||
shown = true;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( dialouge ) {
|
||||
// Don't want to trigger a close() call from dialogclose!
|
||||
doingClose = true;
|
||||
dialouge.dialog( 'close' );
|
||||
doingClose = false;
|
||||
}
|
||||
|
||||
shown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dialouge[0];
|
||||
},
|
||||
|
||||
// jQuery UI dialogues perform their own focus capture
|
||||
captureFocus: false
|
||||
} );
|
||||
|
||||
|
||||
Editor.display.jqueryui.modalOptions = {
|
||||
width: 600,
|
||||
modal: true
|
||||
};
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! jQuery UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(n){var o,i;"function"==typeof define&&define.amd?define(["jquery","datatables.net-jqui","datatables.net-editor"],function(t){return n(t,window,document)}):"object"==typeof exports?(o=require("jquery"),i=function(t,e){e.fn.dataTable||require("datatables.net-jqui")(t,e),e.fn.dataTable.Editor||require("datatables.net-editor")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||o(t),i(t,e),n(e,0,t.document)}:(i(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(o,t,e,n){"use strict";var i,d=o.fn.dataTable.Editor,a=!1,u=(d.defaults.display="jqueryui","btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only");o.extend(!0,o.fn.dataTable.Editor.classes,{form:{button:u,buttonInternal:u}});return d.display.jqueryui=o.extend(!0,{},d.models.displayController,{init:function(t){return i=i||o('<div class="DTED"></div>').css("display","none").appendTo("body").dialog(o.extend(!0,d.display.jqueryui.modalOptions,{autoOpen:!1,buttons:{A:function(){}},closeOnEscape:!1})),d.display.jqueryui},open:function(e,t,n){i.children().detach(),i.append(t).dialog("open"),o(e.dom.formError).appendTo(i.parent().find("div.ui-dialog-buttonpane")),i.parent().find(".ui-dialog-title").html(e.dom.header.innerHTML),i.parent().addClass("DTED");t=o(e.dom.buttons).children().addClass("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only").each(function(){o(this).wrapInner('<span class="ui-button-text"></span>')});i.parent().find("div.ui-dialog-buttonset").children().detach(),i.parent().find("div.ui-dialog-buttonset").append(t.parent()),i.parent().find("button.ui-dialog-titlebar-close").off("click.dte-ju").on("click.dte-ju",function(){e.close("icon")}),o(i).off("dialogclose.dte-ju").on("dialogclose.dte-ju",function(t){a||e.close()}),n&&n()},close:function(t,e){i&&(a=!0,i.dialog("close"),a=!1),e&&e()},node:function(t){return i[0]},captureFocus:!1}),d.display.jqueryui.modalOptions={width:600,modal:!0},d});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! jQuery UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-jqui";import Editor from"datatables.net-editor";let $=jQuery;var dialouge,Editor=DataTable.Editor,doingClose=!1,buttonClass=(Editor.defaults.display="jqueryui","btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"),shown=($.extend(!0,$.fn.dataTable.Editor.classes,{form:{button:buttonClass,buttonInternal:buttonClass}}),!1);Editor.display.jqueryui=$.extend(!0,{},Editor.models.displayController,{init:function(o){return dialouge=dialouge||$('<div class="DTED"></div>').css("display","none").appendTo("body").dialog($.extend(!0,Editor.display.jqueryui.modalOptions,{autoOpen:!1,buttons:{A:function(){}},closeOnEscape:!1})),Editor.display.jqueryui},open:function(t,o,i){dialouge.children().detach(),dialouge.append(o).dialog("open"),$(t.dom.formError).appendTo(dialouge.parent().find("div.ui-dialog-buttonpane")),dialouge.parent().find(".ui-dialog-title").html(t.dom.header.innerHTML),dialouge.parent().addClass("DTED");o=$(t.dom.buttons).children().addClass("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only").each(function(){$(this).wrapInner('<span class="ui-button-text"></span>')});dialouge.parent().find("div.ui-dialog-buttonset").children().detach(),dialouge.parent().find("div.ui-dialog-buttonset").append(o.parent()),dialouge.parent().find("button.ui-dialog-titlebar-close").off("click.dte-ju").on("click.dte-ju",function(){t.close("icon")}),$(dialouge).off("dialogclose.dte-ju").on("dialogclose.dte-ju",function(o){doingClose||t.close()}),shown=!0,i&&i()},close:function(o,t){dialouge&&(doingClose=!0,dialouge.dialog("close"),doingClose=!1),shown=!1,t&&t()},node:function(o){return dialouge[0]},captureFocus:!1}),Editor.display.jqueryui.modalOptions={width:600,modal:!0};export default Editor;
|
||||
@ -1,142 +0,0 @@
|
||||
/*! jQuery UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-jqui';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
var doingClose = false;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be our foundation control
|
||||
*/
|
||||
Editor.defaults.display = "jqueryui";
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
var buttonClass = "btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only";
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
form: {
|
||||
button: buttonClass,
|
||||
buttonInternal: buttonClass
|
||||
}
|
||||
} );
|
||||
|
||||
var dialouge;
|
||||
var shown = false;
|
||||
|
||||
/*
|
||||
* jQuery UI display controller - this is effectively a proxy to the jQuery UI
|
||||
* modal control.
|
||||
*/
|
||||
Editor.display.jqueryui = $.extend( true, {}, Editor.models.displayController, {
|
||||
init: function ( dte ) {
|
||||
if (! dialouge) {
|
||||
dialouge = $('<div class="DTED"></div>')
|
||||
.css('display', 'none')
|
||||
.appendTo('body')
|
||||
.dialog( $.extend( true, Editor.display.jqueryui.modalOptions, {
|
||||
autoOpen: false,
|
||||
buttons: { "A": function () {} }, // fake button so the button container is created
|
||||
closeOnEscape: false // allow editor's escape function to run
|
||||
} ) );
|
||||
}
|
||||
|
||||
return Editor.display.jqueryui;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
dialouge
|
||||
.children()
|
||||
.detach();
|
||||
|
||||
dialouge
|
||||
.append( append )
|
||||
.dialog( 'open' );
|
||||
|
||||
$(dte.dom.formError).appendTo(
|
||||
dialouge.parent().find('div.ui-dialog-buttonpane')
|
||||
);
|
||||
|
||||
dialouge.parent().find('.ui-dialog-title').html( dte.dom.header.innerHTML );
|
||||
dialouge.parent().addClass('DTED');
|
||||
|
||||
// Modify the Editor buttons to be jQuery UI suitable
|
||||
var buttons = $(dte.dom.buttons)
|
||||
.children()
|
||||
.addClass( 'ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only' )
|
||||
.each( function () {
|
||||
$(this).wrapInner( '<span class="ui-button-text"></span>' );
|
||||
} );
|
||||
|
||||
// Move the buttons into the jQuery UI button set
|
||||
dialouge.parent().find('div.ui-dialog-buttonset')
|
||||
.children()
|
||||
.detach();
|
||||
|
||||
dialouge.parent().find('div.ui-dialog-buttonset')
|
||||
.append( buttons.parent() );
|
||||
|
||||
dialouge
|
||||
.parent()
|
||||
.find('button.ui-dialog-titlebar-close')
|
||||
.off('click.dte-ju')
|
||||
.on('click.dte-ju', function () {
|
||||
dte.close('icon');
|
||||
});
|
||||
|
||||
// Need to know when the dialogue is closed using its own trigger
|
||||
// so we can reset the form
|
||||
$(dialouge)
|
||||
.off( 'dialogclose.dte-ju' )
|
||||
.on( 'dialogclose.dte-ju', function (e) {
|
||||
if ( ! doingClose ) {
|
||||
dte.close();
|
||||
}
|
||||
} );
|
||||
|
||||
shown = true;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( dialouge ) {
|
||||
// Don't want to trigger a close() call from dialogclose!
|
||||
doingClose = true;
|
||||
dialouge.dialog( 'close' );
|
||||
doingClose = false;
|
||||
}
|
||||
|
||||
shown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dialouge[0];
|
||||
},
|
||||
|
||||
// jQuery UI dialogues perform their own focus capture
|
||||
captureFocus: false
|
||||
} );
|
||||
|
||||
|
||||
Editor.display.jqueryui.modalOptions = {
|
||||
width: 600,
|
||||
modal: true
|
||||
};
|
||||
|
||||
|
||||
export default Editor;
|
||||
@ -1,256 +0,0 @@
|
||||
/*! Semantic UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
(function( factory ){
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( ['jquery', 'datatables.net-se', 'datatables.net-editor'], function ( $ ) {
|
||||
return factory( $, window, document );
|
||||
} );
|
||||
}
|
||||
else if ( typeof exports === 'object' ) {
|
||||
// CommonJS
|
||||
var jq = require('jquery');
|
||||
var cjsRequires = function (root, $) {
|
||||
if ( ! $.fn.dataTable ) {
|
||||
require('datatables.net-se')(root, $);
|
||||
}
|
||||
|
||||
if ( ! $.fn.dataTable.Editor ) {
|
||||
require('datatables.net-editor')(root, $);
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window === 'undefined') {
|
||||
module.exports = function (root, $) {
|
||||
if ( ! root ) {
|
||||
// CommonJS environments without a window global must pass a
|
||||
// root. This will give an error otherwise
|
||||
root = window;
|
||||
}
|
||||
|
||||
if ( ! $ ) {
|
||||
$ = jq( root );
|
||||
}
|
||||
|
||||
cjsRequires( root, $ );
|
||||
return factory( $, root, root.document );
|
||||
};
|
||||
}
|
||||
else {
|
||||
cjsRequires( window, jq );
|
||||
module.exports = factory( jq, window, window.document );
|
||||
}
|
||||
}
|
||||
else {
|
||||
// Browser
|
||||
factory( jQuery, window, document );
|
||||
}
|
||||
}(function( $, window, document, undefined ) {
|
||||
'use strict';
|
||||
var DataTable = $.fn.dataTable;
|
||||
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be Semantic UI modal
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "semanticui";
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header header"
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body content"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer actions"
|
||||
},
|
||||
"form": {
|
||||
"tag": "ui form",
|
||||
"button": "ui button",
|
||||
"buttonInternal": "ui button",
|
||||
"content": 'DTE_Form_Content'
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field inline fields",
|
||||
"label": "right aligned five wide field",
|
||||
"input": "eight wide field DTE_Field_Input",
|
||||
|
||||
"error": "error has-error",
|
||||
"msg-labelInfo": "ui small",
|
||||
"msg-info": "ui small",
|
||||
"msg-message": "ui message small",
|
||||
"msg-error": "ui error message small",
|
||||
"multiValue": "ui message multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "ui message multi-restore"
|
||||
},
|
||||
inline: {
|
||||
wrapper: "DTE DTE_Inline ui form"
|
||||
},
|
||||
bubble: {
|
||||
table: "DTE_Bubble_Table ui form",
|
||||
bg: "ui dimmer modals page transition visible active"
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'negative'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'ui table';
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
|
||||
// Single shared model for all Editor instances
|
||||
const dom = {
|
||||
modal: $('<div class="ui modal DTED"></div>'),
|
||||
close: $('<i class="close icon"/>')
|
||||
}
|
||||
let shown = false;
|
||||
let lastAppend;
|
||||
|
||||
DataTable.Editor.display.semanticui = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
/*
|
||||
* API methods
|
||||
*/
|
||||
init: function ( dte ) {
|
||||
// Make select lists semantic ui dropdowns if possible
|
||||
if ($.fn.dropdown) {
|
||||
dte.on( 'displayOrder.dtesu open.dtesu', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('select', field.node())
|
||||
.addClass('fluid')
|
||||
.dropdown();
|
||||
} );
|
||||
} );
|
||||
}
|
||||
|
||||
return DataTable.Editor.display.semanticui;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
var modal = dom.modal;
|
||||
var appendChildren = $(append).children();
|
||||
|
||||
// Because we can't use a single element, we need to insert the existing
|
||||
// children back into their previous host so that can be reused later
|
||||
if (lastAppend) {
|
||||
modal.children().appendTo(lastAppend);
|
||||
}
|
||||
|
||||
lastAppend = append;
|
||||
|
||||
// Clean up any existing elements and then insert the elements to
|
||||
// display. In Semantic UI we need to have the header, content and
|
||||
// actions at the top level of the modal rather than as children of a
|
||||
// wrapper.
|
||||
modal
|
||||
.children()
|
||||
.detach();
|
||||
|
||||
modal
|
||||
.append( appendChildren )
|
||||
.prepend( modal.children('.header') ) // order is important
|
||||
.addClass( append.className )
|
||||
.prepend( dom.close );
|
||||
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off( 'click.dte-se' )
|
||||
.on( 'click.dte-se', function (e) {
|
||||
dte.close('icon');
|
||||
return false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-se')
|
||||
.on('click.dte-se', 'div.ui.dimmer.modals', function (e) {
|
||||
if ( $(e.target).hasClass('dimmer') ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
|
||||
$(modal)
|
||||
.modal( 'setting', {
|
||||
autofocus: false,
|
||||
closable: false,
|
||||
onVisible: function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
onHidden: function () {
|
||||
$(append).append( appendChildren );
|
||||
shown = false;
|
||||
}
|
||||
} )
|
||||
.modal( 'show' );
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
dom.modal.modal('hide');
|
||||
|
||||
lastAppend = null;
|
||||
shown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.modal[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
return Editor;
|
||||
}));
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Semantic UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
!function(n){var o,i;"function"==typeof define&&define.amd?define(["jquery","datatables.net-se","datatables.net-editor"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),i=function(e,t){t.fn.dataTable||require("datatables.net-se")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||o(e),i(e,t),n(t,0,e.document)}:(i(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(a,e,d,t){"use strict";var n=a.fn.dataTable,o=n.Editor;n.Editor.defaults.display="semanticui",a.extend(!0,a.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header header"},body:{wrapper:"DTE_Body content"},footer:{wrapper:"DTE_Footer actions"},form:{tag:"ui form",button:"ui button",buttonInternal:"ui button",content:"DTE_Form_Content"},field:{wrapper:"DTE_Field inline fields",label:"right aligned five wide field",input:"eight wide field DTE_Field_Input",error:"error has-error","msg-labelInfo":"ui small","msg-info":"ui small","msg-message":"ui message small","msg-error":"ui error message small",multiValue:"ui message multi-value",multiInfo:"small",multiRestore:"ui message multi-restore"},inline:{wrapper:"DTE DTE_Inline ui form"},bubble:{table:"DTE_Bubble_Table ui form",bg:"ui dimmer modals page transition visible active"}}),a.extend(!0,n.ext.buttons,{create:{formButtons:{className:"primary"}},edit:{formButtons:{className:"primary"}},remove:{formButtons:{className:"negative"}}}),n.Editor.fieldTypes.datatable.tableClass="ui table";const r={modal:a('<div class="ui modal DTED"></div>'),close:a('<i class="close icon"/>')};let s=!1,l;return n.Editor.display.semanticui=a.extend(!0,{},n.Editor.models.displayController,{init:function(i){return a.fn.dropdown&&i.on("displayOrder.dtesu open.dtesu",function(e,t,n,o){a.each(i.s.fields,function(e,t){a("select",t.node()).addClass("fluid").dropdown()})}),n.Editor.display.semanticui},open:function(t,e,n){var o=r.modal,i=a(e).children();l&&o.children().appendTo(l),l=e,o.children().detach(),o.append(i).prepend(o.children(".header")).addClass(e.className).prepend(r.close),r.close.attr("title",t.i18n.close).off("click.dte-se").on("click.dte-se",function(e){return t.close("icon"),!1}),a(d).off("click.dte-se").on("click.dte-se","div.ui.dimmer.modals",function(e){a(e.target).hasClass("dimmer")&&t.background()}),s?n&&n():(s=!0,a(o).modal("setting",{autofocus:!1,closable:!1,onVisible:function(){t.s.setFocus&&t.s.setFocus.focus(),n&&n()},onHidden:function(){a(e).append(i),s=!1}}).modal("show"))},close:function(e,t){s&&(r.modal.modal("hide"),l=null,s=!1),t&&t()},node:function(e){return r.modal[0]}}),o});
|
||||
@ -1,4 +0,0 @@
|
||||
/*! Semantic UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
import jQuery from"jquery";import DataTable from"datatables.net-se";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="semanticui",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header header"},body:{wrapper:"DTE_Body content"},footer:{wrapper:"DTE_Footer actions"},form:{tag:"ui form",button:"ui button",buttonInternal:"ui button",content:"DTE_Form_Content"},field:{wrapper:"DTE_Field inline fields",label:"right aligned five wide field",input:"eight wide field DTE_Field_Input",error:"error has-error","msg-labelInfo":"ui small","msg-info":"ui small","msg-message":"ui message small","msg-error":"ui error message small",multiValue:"ui message multi-value",multiInfo:"small",multiRestore:"ui message multi-restore"},inline:{wrapper:"DTE DTE_Inline ui form"},bubble:{table:"DTE_Bubble_Table ui form",bg:"ui dimmer modals page transition visible active"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"primary"}},edit:{formButtons:{className:"primary"}},remove:{formButtons:{className:"negative"}}}),DataTable.Editor.fieldTypes.datatable.tableClass="ui table";const dom={modal:$('<div class="ui modal DTED"></div>'),close:$('<i class="close icon"/>')};let shown=!1,lastAppend;DataTable.Editor.display.semanticui=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(l){return $.fn.dropdown&&l.on("displayOrder.dtesu open.dtesu",function(e,t,a,o){$.each(l.s.fields,function(e,t){$("select",t.node()).addClass("fluid").dropdown()})}),DataTable.Editor.display.semanticui},open:function(t,e,a){var o=dom.modal,l=$(e).children();lastAppend&&o.children().appendTo(lastAppend),lastAppend=e,o.children().detach(),o.append(l).prepend(o.children(".header")).addClass(e.className).prepend(dom.close),dom.close.attr("title",t.i18n.close).off("click.dte-se").on("click.dte-se",function(e){return t.close("icon"),!1}),$(document).off("click.dte-se").on("click.dte-se","div.ui.dimmer.modals",function(e){$(e.target).hasClass("dimmer")&&t.background()}),shown?a&&a():(shown=!0,$(o).modal("setting",{autofocus:!1,closable:!1,onVisible:function(){t.s.setFocus&&t.s.setFocus.focus(),a&&a()},onHidden:function(){$(e).append(l),shown=!1}}).modal("show"))},close:function(e,t){shown&&(dom.modal.modal("hide"),lastAppend=null,shown=!1),t&&t()},node:function(e){return dom.modal[0]}});export default Editor;
|
||||
@ -1,212 +0,0 @@
|
||||
/*! Semantic UI integration for DataTables' Editor
|
||||
* © SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
import jQuery from 'jquery';
|
||||
import DataTable from 'datatables.net-se';
|
||||
import Editor from 'datatables.net-editor';
|
||||
|
||||
// Allow reassignment of the $ variable
|
||||
let $ = jQuery;
|
||||
|
||||
|
||||
var Editor = DataTable.Editor;
|
||||
|
||||
/*
|
||||
* Set the default display controller to be Semantic UI modal
|
||||
*/
|
||||
DataTable.Editor.defaults.display = "semanticui";
|
||||
|
||||
/*
|
||||
* Change the default classes from Editor to be classes for Bootstrap
|
||||
*/
|
||||
$.extend( true, $.fn.dataTable.Editor.classes, {
|
||||
"header": {
|
||||
"wrapper": "DTE_Header header"
|
||||
},
|
||||
"body": {
|
||||
"wrapper": "DTE_Body content"
|
||||
},
|
||||
"footer": {
|
||||
"wrapper": "DTE_Footer actions"
|
||||
},
|
||||
"form": {
|
||||
"tag": "ui form",
|
||||
"button": "ui button",
|
||||
"buttonInternal": "ui button",
|
||||
"content": 'DTE_Form_Content'
|
||||
},
|
||||
"field": {
|
||||
"wrapper": "DTE_Field inline fields",
|
||||
"label": "right aligned five wide field",
|
||||
"input": "eight wide field DTE_Field_Input",
|
||||
|
||||
"error": "error has-error",
|
||||
"msg-labelInfo": "ui small",
|
||||
"msg-info": "ui small",
|
||||
"msg-message": "ui message small",
|
||||
"msg-error": "ui error message small",
|
||||
"multiValue": "ui message multi-value",
|
||||
"multiInfo": "small",
|
||||
"multiRestore": "ui message multi-restore"
|
||||
},
|
||||
inline: {
|
||||
wrapper: "DTE DTE_Inline ui form"
|
||||
},
|
||||
bubble: {
|
||||
table: "DTE_Bubble_Table ui form",
|
||||
bg: "ui dimmer modals page transition visible active"
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
$.extend( true, DataTable.ext.buttons, {
|
||||
create: {
|
||||
formButtons: {
|
||||
className: 'primary'
|
||||
}
|
||||
},
|
||||
edit: {
|
||||
formButtons: {
|
||||
className: 'primary'
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
formButtons: {
|
||||
className: 'negative'
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
DataTable.Editor.fieldTypes.datatable.tableClass = 'ui table';
|
||||
|
||||
/*
|
||||
* Bootstrap display controller - this is effectively a proxy to the Bootstrap
|
||||
* modal control.
|
||||
*/
|
||||
|
||||
// Single shared model for all Editor instances
|
||||
const dom = {
|
||||
modal: $('<div class="ui modal DTED"></div>'),
|
||||
close: $('<i class="close icon"/>')
|
||||
}
|
||||
let shown = false;
|
||||
let lastAppend;
|
||||
|
||||
DataTable.Editor.display.semanticui = $.extend( true, {}, DataTable.Editor.models.displayController, {
|
||||
/*
|
||||
* API methods
|
||||
*/
|
||||
init: function ( dte ) {
|
||||
// Make select lists semantic ui dropdowns if possible
|
||||
if ($.fn.dropdown) {
|
||||
dte.on( 'displayOrder.dtesu open.dtesu', function ( e, display, action, form ) {
|
||||
$.each( dte.s.fields, function ( key, field ) {
|
||||
$('select', field.node())
|
||||
.addClass('fluid')
|
||||
.dropdown();
|
||||
} );
|
||||
} );
|
||||
}
|
||||
|
||||
return DataTable.Editor.display.semanticui;
|
||||
},
|
||||
|
||||
open: function ( dte, append, callback ) {
|
||||
var modal = dom.modal;
|
||||
var appendChildren = $(append).children();
|
||||
|
||||
// Because we can't use a single element, we need to insert the existing
|
||||
// children back into their previous host so that can be reused later
|
||||
if (lastAppend) {
|
||||
modal.children().appendTo(lastAppend);
|
||||
}
|
||||
|
||||
lastAppend = append;
|
||||
|
||||
// Clean up any existing elements and then insert the elements to
|
||||
// display. In Semantic UI we need to have the header, content and
|
||||
// actions at the top level of the modal rather than as children of a
|
||||
// wrapper.
|
||||
modal
|
||||
.children()
|
||||
.detach();
|
||||
|
||||
modal
|
||||
.append( appendChildren )
|
||||
.prepend( modal.children('.header') ) // order is important
|
||||
.addClass( append.className )
|
||||
.prepend( dom.close );
|
||||
|
||||
dom.close
|
||||
.attr('title', dte.i18n.close)
|
||||
.off( 'click.dte-se' )
|
||||
.on( 'click.dte-se', function (e) {
|
||||
dte.close('icon');
|
||||
return false;
|
||||
} );
|
||||
|
||||
$(document)
|
||||
.off('click.dte-se')
|
||||
.on('click.dte-se', 'div.ui.dimmer.modals', function (e) {
|
||||
if ( $(e.target).hasClass('dimmer') ) {
|
||||
dte.background();
|
||||
}
|
||||
} );
|
||||
|
||||
if ( shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
shown = true;
|
||||
|
||||
$(modal)
|
||||
.modal( 'setting', {
|
||||
autofocus: false,
|
||||
closable: false,
|
||||
onVisible: function () {
|
||||
// Can only give elements focus when shown
|
||||
if ( dte.s.setFocus ) {
|
||||
dte.s.setFocus.focus();
|
||||
}
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
onHidden: function () {
|
||||
$(append).append( appendChildren );
|
||||
shown = false;
|
||||
}
|
||||
} )
|
||||
.modal( 'show' );
|
||||
},
|
||||
|
||||
close: function ( dte, callback ) {
|
||||
if ( ! shown ) {
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
dom.modal.modal('hide');
|
||||
|
||||
lastAppend = null;
|
||||
shown = false;
|
||||
|
||||
if ( callback ) {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
|
||||
node: function ( dte ) {
|
||||
return dom.modal[0];
|
||||
}
|
||||
} );
|
||||
|
||||
|
||||
export default Editor;
|
||||
Reference in New Issue
Block a user