CSS reworking
This commit is contained in:
parent
3d2ca9b09e
commit
478ef78b76
@ -84,6 +84,101 @@ body {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.display-topleft {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-topright {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-bottomleft {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-bottomright {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-middle {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
-ms-transform: translate(-50%, -50%)
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-left {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0%;
|
||||||
|
transform: translate(0%, -50%);
|
||||||
|
-ms-transform: translate(-0%, -50%)
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-right {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0%;
|
||||||
|
transform: translate(0%, -50%);
|
||||||
|
-ms-transform: translate(0%, -50%)
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-topmiddle {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 0;
|
||||||
|
transform: translate(-50%, 0%);
|
||||||
|
-ms-transform: translate(-50%, 0%)
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-bottommiddle {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 0;
|
||||||
|
transform: translate(-50%, 0%);
|
||||||
|
-ms-transform: translate(-50%, 0%)
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-container:hover .display-hover {
|
||||||
|
display: block
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-container:hover span.display-hover {
|
||||||
|
display: inline-block
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-hover {
|
||||||
|
display: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-position {
|
||||||
|
position: absolute
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li {
|
||||||
|
padding: 8px 16px;
|
||||||
|
border-bottom: 1px solid #ddd
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li:last-child {
|
||||||
|
border-bottom: none
|
||||||
|
}
|
||||||
|
|
||||||
.row:after {
|
.row:after {
|
||||||
content:"";
|
content:"";
|
||||||
display:table;
|
display:table;
|
||||||
@ -147,6 +242,14 @@ fieldset {
|
|||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
padding: 2px;
|
||||||
|
display: block;
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
width: 100%
|
||||||
|
}
|
||||||
|
|
||||||
input[type='checkbox'],
|
input[type='checkbox'],
|
||||||
input[type='radio'] {
|
input[type='radio'] {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
@ -187,7 +290,7 @@ input[type='radio'] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hoverable tbody tr:hover,
|
.hoverable tbody tr:hover,
|
||||||
.ul.w3-hoverable li:hover {
|
.ul.hoverable li:hover {
|
||||||
background-color: #ccc
|
background-color: #ccc
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -209,13 +312,38 @@ input[type='radio'] {
|
|||||||
padding-left: 16px
|
padding-left: 16px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
|
||||||
|
}
|
||||||
|
|
||||||
|
.hover-shadow:hover {
|
||||||
|
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
|
||||||
|
}
|
||||||
|
|
||||||
#page-main {
|
#page-main {
|
||||||
transition: margin-left .4s;
|
transition: margin-left .4s;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#form-login-container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
#form-login {
|
#form-login {
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
background-color: var(--primary-color);
|
||||||
|
color: #ffffff;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
-ms-transform: translate(-50%, -50%);
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 12px 24px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#form-login input {
|
||||||
|
border: 1px solid #ccc !important
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-sidebar {
|
#main-sidebar {
|
||||||
|
@ -29,21 +29,6 @@
|
|||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
}
|
}
|
||||||
|
|
||||||
.w3-ul {
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-ul li {
|
|
||||||
padding: 8px 16px;
|
|
||||||
border-bottom: 1px solid #ddd
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-ul li:last-child {
|
|
||||||
border-bottom: none
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-tooltip,
|
.w3-tooltip,
|
||||||
.w3-display-container {
|
.w3-display-container {
|
||||||
position: relative
|
position: relative
|
||||||
@ -65,65 +50,6 @@
|
|||||||
transition: opacity 0s
|
transition: opacity 0s
|
||||||
}
|
}
|
||||||
|
|
||||||
.w3-input {
|
|
||||||
padding: 2px;
|
|
||||||
display: block;
|
|
||||||
border: none;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
width: 100%
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-select {
|
|
||||||
padding: 9px 0;
|
|
||||||
width: 100%;
|
|
||||||
border: none;
|
|
||||||
border-bottom: 1px solid #ccc
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-dropdown-click,
|
|
||||||
.w3-dropdown-hover {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
cursor: pointer
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-dropdown-hover:hover .w3-dropdown-content {
|
|
||||||
display: block
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-dropdown-hover:first-child,
|
|
||||||
.w3-dropdown-click:hover {
|
|
||||||
background-color: #ccc;
|
|
||||||
color: #000
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-dropdown-hover:hover>.w3-button:first-child,
|
|
||||||
.w3-dropdown-click:hover>.w3-button:first-child {
|
|
||||||
background-color: #ccc;
|
|
||||||
color: #000
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-dropdown-content {
|
|
||||||
cursor: auto;
|
|
||||||
color: #000;
|
|
||||||
background-color: #fff;
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
min-width: 160px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-check,
|
|
||||||
.w3-radio {
|
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
position: relative;
|
|
||||||
top: 6px;
|
|
||||||
accent-color: #2b5797;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-bar-block .w3-dropdown-hover,
|
.w3-bar-block .w3-dropdown-hover,
|
||||||
.w3-bar-block .w3-dropdown-click {
|
.w3-bar-block .w3-dropdown-click {
|
||||||
width: 100%
|
width: 100%
|
||||||
@ -565,86 +491,6 @@
|
|||||||
z-index: 4;
|
z-index: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w3-display-topleft {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-topright {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-bottomleft {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-bottomright {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-middle {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
-ms-transform: translate(-50%, -50%)
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-left {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0%;
|
|
||||||
transform: translate(0%, -50%);
|
|
||||||
-ms-transform: translate(-0%, -50%)
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-right {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 0%;
|
|
||||||
transform: translate(0%, -50%);
|
|
||||||
-ms-transform: translate(0%, -50%)
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-topmiddle {
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
top: 0;
|
|
||||||
transform: translate(-50%, 0%);
|
|
||||||
-ms-transform: translate(-50%, 0%)
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-bottommiddle {
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
bottom: 0;
|
|
||||||
transform: translate(-50%, 0%);
|
|
||||||
-ms-transform: translate(-50%, 0%)
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-container:hover .w3-display-hover {
|
|
||||||
display: block
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-container:hover span.w3-display-hover {
|
|
||||||
display: inline-block
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-hover {
|
|
||||||
display: none
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-display-position {
|
|
||||||
position: absolute
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-circle {
|
.w3-circle {
|
||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
}
|
}
|
||||||
@ -690,16 +536,6 @@
|
|||||||
margin-bottom: 4px
|
margin-bottom: 4px
|
||||||
}
|
}
|
||||||
|
|
||||||
.w3-card,
|
|
||||||
.w3-card-2 {
|
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-card-4,
|
|
||||||
.w3-hover-shadow:hover {
|
|
||||||
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
|
|
||||||
}
|
|
||||||
|
|
||||||
.w3-spin {
|
.w3-spin {
|
||||||
animation: w3-spin 2s infinite linear
|
animation: w3-spin 2s infinite linear
|
||||||
}
|
}
|
||||||
|
@ -92,7 +92,7 @@
|
|||||||
<form method="POST">
|
<form method="POST">
|
||||||
<div class="w3-row">
|
<div class="w3-row">
|
||||||
<div class="w3-col w3-right button"><button type="button" hx-validate="true" hx-post="/quickbox/add" hx-target="#quickbox-notes" hx-swap="beforeend" class="w3-bar-item w3-right w3-round-large" id="quickbox-send"><i class='bi bi-caret-right-square-fill' style="margin-top: 4px;"></i></button></div>
|
<div class="w3-col w3-right button"><button type="button" hx-validate="true" hx-post="/quickbox/add" hx-target="#quickbox-notes" hx-swap="beforeend" class="w3-bar-item w3-right w3-round-large" id="quickbox-send"><i class='bi bi-caret-right-square-fill' style="margin-top: 4px;"></i></button></div>
|
||||||
<div class="w3-rest textarea"><textarea required class="w3-input w3-border w3-round-large" id="quickbox-note" style="resize: none;" name="Note"></textarea></div>
|
<div class="w3-rest textarea"><textarea required class=" w3-border w3-round-large" id="quickbox-note" style="resize: none;" name="Note"></textarea></div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
<label for="category-name">Name</label>
|
<label for="category-name">Name</label>
|
||||||
<input
|
<input
|
||||||
name="Name"
|
name="Name"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="category-name"
|
id="category-name"
|
||||||
type="text"
|
type="text"
|
||||||
value="{{.category.Name}}"
|
value="{{.category.Name}}"
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
<label for="category-name">Name</label>
|
<label for="category-name">Name</label>
|
||||||
<input
|
<input
|
||||||
name="Name"
|
name="Name"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="category-name"
|
id="category-name"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
|
@ -30,7 +30,7 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</td>
|
</td>
|
||||||
<td class="no-label">{{ widget_relation_type $relation_name "Link" `id="$relation_name" class="w3-input w3-border"` }}</td>
|
<td class="no-label">{{ widget_relation_type $relation_name "Link" `id="$relation_name" class=" w3-border"` }}</td>
|
||||||
<td class="no-label">
|
<td class="no-label">
|
||||||
<div class="w3-bar">
|
<div class="w3-bar">
|
||||||
<a
|
<a
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
<label for="item-title">Title</label>
|
<label for="item-title">Title</label>
|
||||||
<input
|
<input
|
||||||
name="Title"
|
name="Title"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-title"
|
id="item-title"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -26,7 +26,7 @@
|
|||||||
<label for="item-title">Category</label>
|
<label for="item-title">Category</label>
|
||||||
<input
|
<input
|
||||||
name="Category"
|
name="Category"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-category"
|
id="item-category"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -36,7 +36,7 @@
|
|||||||
<label for="item-tags">Tags</label>
|
<label for="item-tags">Tags</label>
|
||||||
<input
|
<input
|
||||||
name="Keywords"
|
name="Keywords"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-tags"
|
id="item-tags"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
|
@ -47,7 +47,7 @@
|
|||||||
{{ if eq .item.Type_show_description 1}}
|
{{ if eq .item.Type_show_description 1}}
|
||||||
<p>
|
<p>
|
||||||
<label for="item-description">Description</label>
|
<label for="item-description">Description</label>
|
||||||
<textarea name="Description" class="w3-input w3-border" id="item-description" rows="10">{{.item.Description}}</textarea>
|
<textarea name="Description" class=" w3-border" id="item-description" rows="10">{{.item.Description}}</textarea>
|
||||||
</p>
|
</p>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="w3-row">
|
<div class="w3-row">
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
<label for="item-title">Title</label>
|
<label for="item-title">Title</label>
|
||||||
<input
|
<input
|
||||||
name="Title"
|
name="Title"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-title"
|
id="item-title"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -26,7 +26,7 @@
|
|||||||
<label for="item-title">Category</label>
|
<label for="item-title">Category</label>
|
||||||
<input
|
<input
|
||||||
name="Category"
|
name="Category"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-category"
|
id="item-category"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -36,7 +36,7 @@
|
|||||||
<label for="item-tags">Tags</label>
|
<label for="item-tags">Tags</label>
|
||||||
<input
|
<input
|
||||||
name="Tags"
|
name="Tags"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-tags"
|
id="item-tags"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
|
@ -11,7 +11,7 @@
|
|||||||
{{.item.Description_rendered | safeHTML}}
|
{{.item.Description_rendered | safeHTML}}
|
||||||
|
|
||||||
{{ if gt (len .fields) 0}}
|
{{ if gt (len .fields) 0}}
|
||||||
<ul class="w3-ul fields">
|
<ul class="fields">
|
||||||
{{ range .fields }}
|
{{ range .fields }}
|
||||||
<li><span style="font-weight: bold;">{{.Title}}</span> : {{ renderFieldValue .Value .Widget}}</li>
|
<li><span style="font-weight: bold;">{{.Title}}</span> : {{ renderFieldValue .Value .Widget}}</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -59,7 +59,7 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</td>
|
</td>
|
||||||
<td class="no-label {{$relation_name}}-Col">{{ widget_relation_type $relation_name $relation_type `id="$relation_name" class="w3-input w3-border"` }}</td>
|
<td class="no-label {{$relation_name}}-Col">{{ widget_relation_type $relation_name $relation_type `id="$relation_name" class=" w3-border"` }}</td>
|
||||||
<td class="no-label">
|
<td class="no-label">
|
||||||
<div class="w3-bar">
|
<div class="w3-bar">
|
||||||
<button
|
<button
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
{{ if (gt (len .relations) 0) }}
|
{{ if (gt (len .relations) 0) }}
|
||||||
<fieldset class="w3-round-large" style="margin-bottom: 40px">
|
<fieldset class="w3-round-large" style="margin-bottom: 40px">
|
||||||
<legend>Relations</legend>
|
<legend>Relations</legend>
|
||||||
<ul class="w3-ul">
|
<ul>
|
||||||
{{
|
{{
|
||||||
range.relations
|
range.relations
|
||||||
}}
|
}}
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
<label for="share-start-datetime">Start date time</label>
|
<label for="share-start-datetime">Start date time</label>
|
||||||
<input
|
<input
|
||||||
name="start-datetime"
|
name="start-datetime"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="share-start-datetime"
|
id="share-start-datetime"
|
||||||
type="datetime-local"
|
type="datetime-local"
|
||||||
value=""
|
value=""
|
||||||
@ -26,7 +26,7 @@
|
|||||||
<label for="share-end-datetime">End date time</label>
|
<label for="share-end-datetime">End date time</label>
|
||||||
<input
|
<input
|
||||||
name="end-datetime"
|
name="end-datetime"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="share-end-datetime"
|
id="share-end-datetime"
|
||||||
type="datetime-local"
|
type="datetime-local"
|
||||||
value=""
|
value=""
|
||||||
@ -58,7 +58,7 @@
|
|||||||
<label for="share-password">Password</label>
|
<label for="share-password">Password</label>
|
||||||
<input
|
<input
|
||||||
name="password"
|
name="password"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="share-password"
|
id="share-password"
|
||||||
type="password"
|
type="password"
|
||||||
value=""
|
value=""
|
||||||
@ -72,7 +72,7 @@
|
|||||||
<div class="w3-col l6">
|
<div class="w3-col l6">
|
||||||
<p>
|
<p>
|
||||||
<label class="switch">
|
<label class="switch">
|
||||||
<input class="w3-check" name="read" type="checkbox" value="1" checked="checked">
|
<input class="" name="read" type="checkbox" value="1" checked="checked">
|
||||||
<span class="slider round"></span>
|
<span class="slider round"></span>
|
||||||
</label><span class="label-checkbox">Read</span>
|
</label><span class="label-checkbox">Read</span>
|
||||||
</p>
|
</p>
|
||||||
@ -80,7 +80,7 @@
|
|||||||
<div class="w3-col l6">
|
<div class="w3-col l6">
|
||||||
<p>
|
<p>
|
||||||
<label class="switch">
|
<label class="switch">
|
||||||
<input class="w3-check" name="edit" type="checkbox" value="1">
|
<input class="" name="edit" type="checkbox" value="1">
|
||||||
<span class="slider round"></span>
|
<span class="slider round"></span>
|
||||||
</label><span class="label-checkbox">Edit</span>
|
</label><span class="label-checkbox">Edit</span>
|
||||||
</p>
|
</p>
|
||||||
|
@ -18,7 +18,7 @@
|
|||||||
{{.item.Description_rendered | safeHTML}}
|
{{.item.Description_rendered | safeHTML}}
|
||||||
|
|
||||||
{{ if gt (len .fields) 0}}
|
{{ if gt (len .fields) 0}}
|
||||||
<ul class="w3-ul fields">
|
<ul class="fields">
|
||||||
{{ range .fields }}
|
{{ range .fields }}
|
||||||
<li><span style="font-weight: bold;">{{.Title}}</span> : {{ renderFieldValue .Value .Widget}}</li>
|
<li><span style="font-weight: bold;">{{.Title}}</span> : {{ renderFieldValue .Value .Widget}}</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
<label for="notebook-title">Title</label>
|
<label for="notebook-title">Title</label>
|
||||||
<input
|
<input
|
||||||
name="Title"
|
name="Title"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="notebook-title"
|
id="notebook-title"
|
||||||
type="text"
|
type="text"
|
||||||
value="{{.notebook.Title}}"
|
value="{{.notebook.Title}}"
|
||||||
@ -21,7 +21,7 @@
|
|||||||
<label for="type-icon">Icon</label>
|
<label for="type-icon">Icon</label>
|
||||||
<input
|
<input
|
||||||
name="Icon"
|
name="Icon"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="notebook-icon"
|
id="notebook-icon"
|
||||||
type="text"
|
type="text"
|
||||||
value="{{.notebook.Icon}}"
|
value="{{.notebook.Icon}}"
|
||||||
@ -32,7 +32,7 @@
|
|||||||
<label for="type-description">Description</label>
|
<label for="type-description">Description</label>
|
||||||
<textarea
|
<textarea
|
||||||
name="Description"
|
name="Description"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="notebook-description"
|
id="notebook-description"
|
||||||
type="text"
|
type="text"
|
||||||
rows="5"
|
rows="5"
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
<label for="notebook-title">Title</label>
|
<label for="notebook-title">Title</label>
|
||||||
<input
|
<input
|
||||||
name="Title"
|
name="Title"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="notebook-title"
|
id="notebook-title"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
|
@ -2,18 +2,18 @@
|
|||||||
|
|
||||||
{{define "page:content"}}
|
{{define "page:content"}}
|
||||||
|
|
||||||
<div class="w3-display-container" style="min-height: 400px;">
|
<div id="form-login-container" style="min-height: 400px;">
|
||||||
<div id="form-login" class="w3-display-middle w3-card-4 w3-padding-large w3-metro-dark-blue w3-round-medium">
|
<div id="form-login">
|
||||||
<h2 class="w3-center"><img src="/static/img/brainminder.svg" style="height: 50px; padding-right: 10px;" /><span style="font-weight: bold;">B</span>rain<span style="font-weight: bold;">M</span>inder</h2>
|
<h2 class="w3-center"><img src="/static/img/brainminder.svg" style="height: 50px; padding-right: 10px;" /><span style="font-weight: bold;">B</span>rain<span style="font-weight: bold;">M</span>inder</h2>
|
||||||
<form method="POST" action="/login">
|
<form method="POST" action="/login">
|
||||||
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}" />
|
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}" />
|
||||||
<p>
|
<p>
|
||||||
<label for="email">Email:</label>
|
<label for="email">Email:</label>
|
||||||
<input class="w3-input w3-border" id="email" type="email" name="Email" value="{{.Form.Email}}" />
|
<input id="email" type="email" name="Email" value="{{.Form.Email}}" />
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<label for="password">Password:</label>
|
<label for="password">Password:</label>
|
||||||
<input class="w3-input w3-border" id="password" type="password" name="Password" />
|
<input id="password" type="password" name="Password" />
|
||||||
</p>
|
</p>
|
||||||
<button class="w3-block w3-btn w3-metro-light-blue w3-round-medium" style="margin-top: 50px; margin-bottom: 20px;"><i class='bi bi-lock'></i> Login</button>
|
<button class="w3-block w3-btn w3-metro-light-blue w3-round-medium" style="margin-top: 50px; margin-bottom: 20px;"><i class='bi bi-lock'></i> Login</button>
|
||||||
</form>
|
</form>
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
<label for="item-title">Title</label>
|
<label for="item-title">Title</label>
|
||||||
<input
|
<input
|
||||||
name="Title"
|
name="Title"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-title"
|
id="item-title"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -21,12 +21,12 @@
|
|||||||
<div class="w3-row">
|
<div class="w3-row">
|
||||||
<div class="w3-half" style="padding-right: 4px">
|
<div class="w3-half" style="padding-right: 4px">
|
||||||
<p>
|
<p>
|
||||||
{{ widget_select "Type_id" "Type" 0 .types `class="w3-input w3-border"` }}
|
{{ widget_select "Type_id" "Type" 0 .types `class=" w3-border"` }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-half" style="padding-left: 4px">
|
<div class="w3-half" style="padding-left: 4px">
|
||||||
<p>
|
<p>
|
||||||
{{ widget_checkboxes "Notebooks" "Notebooks" "" .notebooks `class="w3-check"` }}
|
{{ widget_checkboxes "Notebooks" "Notebooks" "" .notebooks `class=""` }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -36,7 +36,7 @@
|
|||||||
<label for="item-tags">Tags</label>
|
<label for="item-tags">Tags</label>
|
||||||
<input
|
<input
|
||||||
name="Tags"
|
name="Tags"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-tags"
|
id="item-tags"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
@ -45,7 +45,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w3-half" style="padding-left: 4px">
|
<div class="w3-half" style="padding-left: 4px">
|
||||||
<p>
|
<p>
|
||||||
{{ widget_select "Categories" "Categories" "" .categories `multiple="true" class="w3-input w3-border"` }}
|
{{ widget_select "Categories" "Categories" "" .categories `multiple="true" class=" w3-border"` }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -53,7 +53,7 @@
|
|||||||
<label for="item-description">Description</label>
|
<label for="item-description">Description</label>
|
||||||
<textarea
|
<textarea
|
||||||
name="Description"
|
name="Description"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="item-description"
|
id="item-description"
|
||||||
type="text"
|
type="text"
|
||||||
rows="5"
|
rows="5"
|
||||||
@ -63,7 +63,7 @@
|
|||||||
<p>
|
<p>
|
||||||
<label class="switch">
|
<label class="switch">
|
||||||
<input
|
<input
|
||||||
class="w3-check"
|
class=""
|
||||||
name="Keep_in_quickbox"
|
name="Keep_in_quickbox"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
|
@ -6,12 +6,12 @@
|
|||||||
>
|
>
|
||||||
<div class="w3-row">
|
<div class="w3-row">
|
||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
{{ widget_select (print "Fields-New-" .counter "-Widget_id") "Widget" "" .widgets `class="w3-input w3-border"` }}
|
{{ widget_select (print "Fields-New-" .counter "-Widget_id") "Widget" "" .widgets `class=" w3-border"` }}
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
<label for="Fields-New-{{.counter}}-Title">Title</label>
|
<label for="Fields-New-{{.counter}}-Title">Title</label>
|
||||||
<input
|
<input
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
type="text"
|
type="text"
|
||||||
id="Fields-New-{{.counter}}-Title"
|
id="Fields-New-{{.counter}}-Title"
|
||||||
name="Fields-New-{{.counter}}-Title"
|
name="Fields-New-{{.counter}}-Title"
|
||||||
@ -24,7 +24,7 @@
|
|||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
<label for="Fields-New-{{.counter}}-Attributes">Attributes</label>
|
<label for="Fields-New-{{.counter}}-Attributes">Attributes</label>
|
||||||
<input
|
<input
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
type="text"
|
type="text"
|
||||||
id="Fields-New-{{.counter}}-Attributes"
|
id="Fields-New-{{.counter}}-Attributes"
|
||||||
name="Fields-New-{{.counter}}-Attributes"
|
name="Fields-New-{{.counter}}-Attributes"
|
||||||
@ -34,7 +34,7 @@
|
|||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
<label for="Fields-New-{{.counter}}-Valid_values">Valid values</label>
|
<label for="Fields-New-{{.counter}}-Valid_values">Valid values</label>
|
||||||
<input
|
<input
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
type="text"
|
type="text"
|
||||||
id="Fields-New-{{.counter}}-Valid_values"
|
id="Fields-New-{{.counter}}-Valid_values"
|
||||||
name="Fields-New-{{.counter}}-Valid_values"
|
name="Fields-New-{{.counter}}-Valid_values"
|
||||||
@ -48,7 +48,7 @@
|
|||||||
<input
|
<input
|
||||||
id="Fields-New-{{.counter}}-Show_on_list"
|
id="Fields-New-{{.counter}}-Show_on_list"
|
||||||
name="Fields-New-{{.counter}}-Show_on_list"
|
name="Fields-New-{{.counter}}-Show_on_list"
|
||||||
class="w3-check"
|
class=""
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
/>
|
/>
|
||||||
@ -58,7 +58,7 @@
|
|||||||
<input
|
<input
|
||||||
id="Fields-New-{{.counter}}-Show_on_view"
|
id="Fields-New-{{.counter}}-Show_on_view"
|
||||||
name="Fields-New-{{.counter}}-Show_on_view"
|
name="Fields-New-{{.counter}}-Show_on_view"
|
||||||
class="w3-check"
|
class=""
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
/>
|
/>
|
||||||
@ -68,7 +68,7 @@
|
|||||||
<input
|
<input
|
||||||
id="Fields-New-{{.counter}}-Is_multiple"
|
id="Fields-New-{{.counter}}-Is_multiple"
|
||||||
name="Fields-New-{{.counter}}-Is_multiple"
|
name="Fields-New-{{.counter}}-Is_multiple"
|
||||||
class="w3-check"
|
class=""
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
/>
|
/>
|
||||||
@ -76,7 +76,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
{{ widget_select (print "Fields-" .Type_field_id "-Ui_section") "Section" "general" $.uisections `class="w3-input w3-border"` }}
|
{{ widget_select (print "Fields-" .Type_field_id "-Ui_section") "Section" "general" $.uisections `class=" w3-border"` }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-bar">
|
<div class="w3-bar">
|
||||||
|
@ -4,12 +4,12 @@
|
|||||||
<div id="Field-{{.Type_field_id}}">
|
<div id="Field-{{.Type_field_id}}">
|
||||||
<div class="w3-row">
|
<div class="w3-row">
|
||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
{{ widget_select (print "Fields-" .Type_field_id "-Widget_id") "Widget" .Widget_id $.widgets `class="w3-input w3-border"` }}
|
{{ widget_select (print "Fields-" .Type_field_id "-Widget_id") "Widget" .Widget_id $.widgets `class=" w3-border"` }}
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
<label for="Fields-{{.Type_field_id}}-Title">Title</label>
|
<label for="Fields-{{.Type_field_id}}-Title">Title</label>
|
||||||
<input
|
<input
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
type="text"
|
type="text"
|
||||||
id="Fields-{{.Type_field_id}}-Title"
|
id="Fields-{{.Type_field_id}}-Title"
|
||||||
name="Fields-{{.Type_field_id}}-Title"
|
name="Fields-{{.Type_field_id}}-Title"
|
||||||
@ -24,7 +24,7 @@
|
|||||||
>Valid values</label
|
>Valid values</label
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
type="text"
|
type="text"
|
||||||
id="Fields-{{.Type_field_id}}-Valid_values"
|
id="Fields-{{.Type_field_id}}-Valid_values"
|
||||||
name="Fields-{{.Type_field_id}}-Valid_values"
|
name="Fields-{{.Type_field_id}}-Valid_values"
|
||||||
@ -32,7 +32,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
{{ widget_select (print "Fields-" .Type_field_id "-Ui_section") "Section" .Ui_section $.uisections `class="w3-input w3-border"` }}
|
{{ widget_select (print "Fields-" .Type_field_id "-Ui_section") "Section" .Ui_section $.uisections `class=" w3-border"` }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-row">
|
<div class="w3-row">
|
||||||
@ -40,7 +40,7 @@
|
|||||||
<input
|
<input
|
||||||
id="Fields-{{.Type_field_id}}-Show_on_list"
|
id="Fields-{{.Type_field_id}}-Show_on_list"
|
||||||
name="Fields-{{.Type_field_id}}-Show_on_list"
|
name="Fields-{{.Type_field_id}}-Show_on_list"
|
||||||
class="w3-check"
|
class=""
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
{{if eq .Show_on_list 1 }}
|
{{if eq .Show_on_list 1 }}
|
||||||
@ -55,7 +55,7 @@
|
|||||||
<input
|
<input
|
||||||
id="Fields-{{.Type_field_id}}-Show_on_view"
|
id="Fields-{{.Type_field_id}}-Show_on_view"
|
||||||
name="Fields-{{.Type_field_id}}-Show_on_view"
|
name="Fields-{{.Type_field_id}}-Show_on_view"
|
||||||
class="w3-check"
|
class=""
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
{{if eq .Show_on_view 1 }}
|
{{if eq .Show_on_view 1 }}
|
||||||
@ -70,7 +70,7 @@
|
|||||||
<input
|
<input
|
||||||
id="Fields-{{.Type_field_id}}-Is_multiple"
|
id="Fields-{{.Type_field_id}}-Is_multiple"
|
||||||
name="Fields-{{.Type_field_id}}-Is_multiple"
|
name="Fields-{{.Type_field_id}}-Is_multiple"
|
||||||
class="w3-check"
|
class=""
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
{{if eq .Is_multiple 1 }}
|
{{if eq .Is_multiple 1 }}
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
<label for="type-title">Title</label>
|
<label for="type-title">Title</label>
|
||||||
<input
|
<input
|
||||||
name="Title"
|
name="Title"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="type-title"
|
id="type-title"
|
||||||
type="text"
|
type="text"
|
||||||
value="{{.type.Title}}"
|
value="{{.type.Title}}"
|
||||||
@ -39,7 +39,7 @@
|
|||||||
<label for="type-icon">Icon</label>
|
<label for="type-icon">Icon</label>
|
||||||
<input
|
<input
|
||||||
name="Icon"
|
name="Icon"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="type-icon"
|
id="type-icon"
|
||||||
type="text"
|
type="text"
|
||||||
value="{{.type.Icon}}"
|
value="{{.type.Icon}}"
|
||||||
@ -48,7 +48,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w3-half">
|
<div class="w3-half">
|
||||||
<p>
|
<p>
|
||||||
{{ widget_checkboxes "Notebooks" "Notebooks" .type.Notebooks .notebooks `class="w3-check"` }}
|
{{ widget_checkboxes "Notebooks" "Notebooks" .type.Notebooks .notebooks `class=""` }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -57,7 +57,7 @@
|
|||||||
<label for="type-description">Description</label>
|
<label for="type-description">Description</label>
|
||||||
<textarea
|
<textarea
|
||||||
name="Description"
|
name="Description"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="type-description"
|
id="type-description"
|
||||||
type="text"
|
type="text"
|
||||||
rows="5"
|
rows="5"
|
||||||
@ -69,7 +69,7 @@
|
|||||||
<label class="switch">
|
<label class="switch">
|
||||||
<input
|
<input
|
||||||
id="show_summary"
|
id="show_summary"
|
||||||
class="w3-check"
|
class=""
|
||||||
name="Show_summary"
|
name="Show_summary"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
@ -85,7 +85,7 @@
|
|||||||
<label class="switch">
|
<label class="switch">
|
||||||
<input
|
<input
|
||||||
id="show_description"
|
id="show_description"
|
||||||
class="w3-check"
|
class=""
|
||||||
name="Show_description"
|
name="Show_description"
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="1"
|
value="1"
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
<label for="type-title">Title</label>
|
<label for="type-title">Title</label>
|
||||||
<input
|
<input
|
||||||
name="Title"
|
name="Title"
|
||||||
class="w3-input w3-border"
|
class=" w3-border"
|
||||||
id="type-title"
|
id="type-title"
|
||||||
type="text"
|
type="text"
|
||||||
value=""
|
value=""
|
||||||
|
Loading…
Reference in New Issue
Block a user