Initial commit
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
|
||||
<div class="input-group">
|
||||
<input class="form-control main-element" type="text" data-name="{{name}}-time" value="{{time}}" autocomplete="off">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default time-picker-btn btn-icon" tabindex="-1"><i class="far fa-clock"></i></button>
|
||||
</span>
|
||||
</div>
|
||||
@@ -0,0 +1,10 @@
|
||||
{{#each days}}
|
||||
<div>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox" {{#ifPropEquals ../selectedWeekdays @index true}} checked {{/ifPropEquals}}
|
||||
class="main-element form-checkbox" disabled
|
||||
> {{.}}
|
||||
</label>
|
||||
</div>
|
||||
{{/each}}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{#each days}}
|
||||
<div>
|
||||
<label style="cursor: pointer;">
|
||||
<input
|
||||
type="checkbox"
|
||||
data-name="{{../name}}"
|
||||
value="{{@index}}"
|
||||
{{#ifPropEquals ../selectedWeekdays @index true}} checked {{/ifPropEquals}}
|
||||
class="main-element form-checkbox"
|
||||
> {{.}}
|
||||
</label>
|
||||
</div>
|
||||
{{/each}}
|
||||
@@ -0,0 +1,67 @@
|
||||
<div class="node-row">
|
||||
<div class="node">{{{node}}}</div>
|
||||
</div>
|
||||
<!--suppress CssUnusedSymbol -->
|
||||
<style>
|
||||
.node-row {
|
||||
width: 64%;
|
||||
|
||||
.item-list {
|
||||
> div {
|
||||
&:not(.node-operator) {
|
||||
padding: var(--10px) var(--10px);
|
||||
border: var(--1px) solid var(--default-border-color);
|
||||
border-radius: var(--border-radius-small);
|
||||
margin: var(--10px) 0;
|
||||
}
|
||||
|
||||
label.control-label {
|
||||
color: var(--gray-soft);
|
||||
margin-bottom: var(--3px);
|
||||
}
|
||||
|
||||
a.remove-filter,
|
||||
a[data-action="removeGroup"] {
|
||||
position: relative;
|
||||
top: var(--minus-4px);
|
||||
}
|
||||
|
||||
&.node-operator {
|
||||
> div {
|
||||
margin-bottom: var(--2px);
|
||||
}
|
||||
}
|
||||
|
||||
&:has(> .filter) {
|
||||
max-width: var(--340px);
|
||||
}
|
||||
|
||||
&:has(> .clearfix) {
|
||||
max-width: var(--400px);
|
||||
}
|
||||
|
||||
&,
|
||||
> .clearfix {
|
||||
> a[data-action="removeGroup"] {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&,
|
||||
> .clearfix {
|
||||
> a[data-action="removeGroup"] {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.node-row {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1 @@
|
||||
<span></span>
|
||||
@@ -0,0 +1,31 @@
|
||||
<div class="grid-auto-fill-xs filters-row"></div>
|
||||
|
||||
<!--suppress CssUnusedSymbol -->
|
||||
<style>
|
||||
.filters-row {
|
||||
grid-column-gap: var(--10px);
|
||||
|
||||
> .column {
|
||||
> div {
|
||||
padding: var(--8px);
|
||||
border: var(--1px) solid var(--default-border-color);
|
||||
border-radius: var(--border-radius-small);
|
||||
|
||||
.column-label {
|
||||
min-height: calc(var(--40px) + var(--4px));
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.column-field {
|
||||
margin-bottom: var(--2px);
|
||||
|
||||
.control-label {
|
||||
margin-bottom: var(--1px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
margin-bottom: var(--10px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user