mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
tarifas acabado a falta de check duplicados y guardar tarifa acabado
This commit is contained in:
Jaime Jimenez
702
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.css
Normal file
702
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.css
Normal file
@ -0,0 +1,702 @@
|
||||
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;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,779 @@
|
||||
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;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap4.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap4.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,782 @@
|
||||
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;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap5.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap5.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
466
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.css
Normal file
466
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.css
Normal file
@ -0,0 +1,466 @@
|
||||
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;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1279
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.css
Normal file
1279
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.css
Normal file
File diff suppressed because it is too large
Load Diff
1
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,590 @@
|
||||
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;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.foundation.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.foundation.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
865
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.css
Normal file
865
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.css
Normal file
@ -0,0 +1,865 @@
|
||||
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;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,602 @@
|
||||
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;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.semanticui.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.semanticui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
130
httpdocs/themes/vuexy/css/datatables-editor/scss/bubble.scss
Normal file
130
httpdocs/themes/vuexy/css/datatables-editor/scss/bubble.scss
Normal file
@ -0,0 +1,130 @@
|
||||
|
||||
// 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();
|
||||
}
|
||||
|
||||
100
httpdocs/themes/vuexy/css/datatables-editor/scss/datatable.scss
Normal file
100
httpdocs/themes/vuexy/css/datatables-editor/scss/datatable.scss
Normal file
@ -0,0 +1,100 @@
|
||||
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,63 @@
|
||||
|
||||
/*
|
||||
* 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();
|
||||
}
|
||||
|
||||
|
||||
280
httpdocs/themes/vuexy/css/datatables-editor/scss/fields.scss
Normal file
280
httpdocs/themes/vuexy/css/datatables-editor/scss/fields.scss
Normal file
@ -0,0 +1,280 @@
|
||||
|
||||
$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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
79
httpdocs/themes/vuexy/css/datatables-editor/scss/inline.scss
Normal file
79
httpdocs/themes/vuexy/css/datatables-editor/scss/inline.scss
Normal file
@ -0,0 +1,79 @@
|
||||
|
||||
// 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;
|
||||
}
|
||||
174
httpdocs/themes/vuexy/css/datatables-editor/scss/lightbox.scss
Normal file
174
httpdocs/themes/vuexy/css/datatables-editor/scss/lightbox.scss
Normal file
@ -0,0 +1,174 @@
|
||||
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
180
httpdocs/themes/vuexy/css/datatables-editor/scss/main.scss
Normal file
180
httpdocs/themes/vuexy/css/datatables-editor/scss/main.scss
Normal file
@ -0,0 +1,180 @@
|
||||
|
||||
|
||||
// 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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
178
httpdocs/themes/vuexy/css/datatables-editor/scss/mixins.scss
Normal file
178
httpdocs/themes/vuexy/css/datatables-editor/scss/mixins.scss
Normal file
@ -0,0 +1,178 @@
|
||||
|
||||
|
||||
@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;
|
||||
}
|
||||
|
||||
106
httpdocs/themes/vuexy/css/datatables-editor/scss/processing.scss
Normal file
106
httpdocs/themes/vuexy/css/datatables-editor/scss/processing.scss
Normal file
@ -0,0 +1,106 @@
|
||||
|
||||
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);
|
||||
}
|
||||
}
|
||||
}
|
||||
143
httpdocs/themes/vuexy/css/datatables-editor/scss/upload.scss
Normal file
143
httpdocs/themes/vuexy/css/datatables-editor/scss/upload.scss
Normal file
@ -0,0 +1,143 @@
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
6830
httpdocs/themes/vuexy/js/datatables-editor/dataTables.editor.js
Normal file
6830
httpdocs/themes/vuexy/js/datatables-editor/dataTables.editor.js
Normal file
File diff suppressed because it is too large
Load Diff
6
httpdocs/themes/vuexy/js/datatables-editor/dataTables.editor.min.js
vendored
Normal file
6
httpdocs/themes/vuexy/js/datatables-editor/dataTables.editor.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
6789
httpdocs/themes/vuexy/js/datatables-editor/dataTables.editor.mjs
Normal file
6789
httpdocs/themes/vuexy/js/datatables-editor/dataTables.editor.mjs
Normal file
File diff suppressed because it is too large
Load Diff
272
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap.js
Normal file
272
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap.js
Normal file
@ -0,0 +1,272 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
228
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap.mjs
Normal file
228
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap.mjs
Normal file
@ -0,0 +1,228 @@
|
||||
/*! 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;
|
||||
264
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap4.js
Normal file
264
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap4.js
Normal file
@ -0,0 +1,264 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap4.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap4.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
220
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap4.mjs
Normal file
220
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap4.mjs
Normal file
@ -0,0 +1,220 @@
|
||||
/*! 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;
|
||||
315
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap5.js
Normal file
315
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap5.js
Normal file
@ -0,0 +1,315 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap5.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap5.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
271
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap5.mjs
Normal file
271
httpdocs/themes/vuexy/js/datatables-editor/editor.bootstrap5.mjs
Normal file
@ -0,0 +1,271 @@
|
||||
/*! 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;
|
||||
216
httpdocs/themes/vuexy/js/datatables-editor/editor.bulma.js
Normal file
216
httpdocs/themes/vuexy/js/datatables-editor/editor.bulma.js
Normal file
@ -0,0 +1,216 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bulma.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.bulma.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
172
httpdocs/themes/vuexy/js/datatables-editor/editor.bulma.mjs
Normal file
172
httpdocs/themes/vuexy/js/datatables-editor/editor.bulma.mjs
Normal file
@ -0,0 +1,172 @@
|
||||
/*! 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;
|
||||
@ -0,0 +1,59 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.dataTables.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.dataTables.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
@ -0,0 +1,15 @@
|
||||
/*! 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;
|
||||
171
httpdocs/themes/vuexy/js/datatables-editor/editor.foundation.js
Normal file
171
httpdocs/themes/vuexy/js/datatables-editor/editor.foundation.js
Normal file
@ -0,0 +1,171 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.foundation.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.foundation.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
127
httpdocs/themes/vuexy/js/datatables-editor/editor.foundation.mjs
Normal file
127
httpdocs/themes/vuexy/js/datatables-editor/editor.foundation.mjs
Normal file
@ -0,0 +1,127 @@
|
||||
/*! 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;
|
||||
186
httpdocs/themes/vuexy/js/datatables-editor/editor.jqueryui.js
Normal file
186
httpdocs/themes/vuexy/js/datatables-editor/editor.jqueryui.js
Normal file
@ -0,0 +1,186 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.jqueryui.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.jqueryui.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
142
httpdocs/themes/vuexy/js/datatables-editor/editor.jqueryui.mjs
Normal file
142
httpdocs/themes/vuexy/js/datatables-editor/editor.jqueryui.mjs
Normal file
@ -0,0 +1,142 @@
|
||||
/*! 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;
|
||||
256
httpdocs/themes/vuexy/js/datatables-editor/editor.semanticui.js
Normal file
256
httpdocs/themes/vuexy/js/datatables-editor/editor.semanticui.js
Normal file
@ -0,0 +1,256 @@
|
||||
/*! 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;
|
||||
}));
|
||||
4
httpdocs/themes/vuexy/js/datatables-editor/editor.semanticui.min.js
vendored
Normal file
4
httpdocs/themes/vuexy/js/datatables-editor/editor.semanticui.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! 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});
|
||||
@ -0,0 +1,4 @@
|
||||
/*! 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;
|
||||
212
httpdocs/themes/vuexy/js/datatables-editor/editor.semanticui.mjs
Normal file
212
httpdocs/themes/vuexy/js/datatables-editor/editor.semanticui.mjs
Normal file
@ -0,0 +1,212 @@
|
||||
/*! 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