A lot of clean up!
This commit is contained in:
Scott Idem
@@ -1,114 +0,0 @@
|
||||
/* Aether Modules: Core */
|
||||
|
||||
.mod__order_cart .obj__order_cart_line.purp__li_item.prop__message .purp__label {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.mod__order_cart .obj__order_cart_line.purp__li_item.prop__message .purp__value {
|
||||
font-size: smaller;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.mod__order .obj__order_line.purp__li_item.prop__message .purp__label {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.mod__order .obj__order_line.purp__li_item.prop__message .purp__value {
|
||||
font-size: smaller;
|
||||
font-style: italic;
|
||||
}
|
||||
/* *** END *** System Objects *** All Objects *** */
|
||||
|
||||
|
||||
|
||||
/* Svelte QR code element */
|
||||
.qr_scanner {
|
||||
/* outline: solid thin pink; */
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* flex-wrap: wrap; */
|
||||
|
||||
justify-content: flex-start;
|
||||
align-items: center; /* center */
|
||||
align-content: stretch;
|
||||
|
||||
/* flex-grow: 1;
|
||||
* flex-shrink: 1;
|
||||
* flex-basis: 50%; */
|
||||
|
||||
/* min-width: 100%;
|
||||
* width: 100%;
|
||||
* max-width: 100%; */
|
||||
}
|
||||
|
||||
.qr_reader {
|
||||
min-width: 400px;
|
||||
/* width: 100%; */
|
||||
max-width: 100%;
|
||||
/* outline: solid thin red; */
|
||||
}
|
||||
|
||||
.qr_scanner .not_scanning {
|
||||
/*background: gray;*/
|
||||
}
|
||||
|
||||
.qr_scanner .scanning {
|
||||
background: lightgreen;
|
||||
}
|
||||
|
||||
.container.qr_scan_result {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* flex-wrap: wrap; */
|
||||
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
align-content: stretch;
|
||||
}
|
||||
|
||||
img.qr_code {
|
||||
outline: solid thin orange;
|
||||
width: 1.50in;
|
||||
}
|
||||
|
||||
img.qr_code:hover {
|
||||
outline: solid thin green;
|
||||
width: 2.50in;
|
||||
}
|
||||
|
||||
img.qr_code:focus {
|
||||
outline: solid thin red;
|
||||
width: 2.50in;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.qr_reader {
|
||||
min-width: 95vw;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.qr_reader {
|
||||
min-width: 90vw;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
img.qr_code {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Svelte QR code scanner test page */
|
||||
.qr_scanner_main .options {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center; /* center */
|
||||
align-content: stretch;
|
||||
}
|
||||
@@ -1,150 +0,0 @@
|
||||
/* Aether Modules: Other */
|
||||
|
||||
/* *** BEGIN *** System Modules *** Event *** */
|
||||
/* *** BEGIN *** System Modules *** Event: Meeting *** */
|
||||
/* Event: Meeting */
|
||||
.meeting_view {
|
||||
background: pink;
|
||||
border: dashed thin deeppink;
|
||||
height: 5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.meeting_view:hover {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.meetings_overview {
|
||||
font-size: smaller;
|
||||
}
|
||||
/* *** END *** System Modules *** Event: Meeting *** */
|
||||
|
||||
/* *** BEGIN *** Other Modules *** Event: Badge search *** */
|
||||
.event_badge_main .event_badge_options {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.event_badge.search_and_results {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* flex-wrap: wrap; */
|
||||
|
||||
justify-content: flex-start;
|
||||
align-items: stretch;
|
||||
align-content: stretch;
|
||||
|
||||
/* max-width: 100vw; */
|
||||
}
|
||||
|
||||
.event_badge .search_options {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
||||
justify-content: stretch; /* space-evenly stretch */
|
||||
align-items: flex-start;
|
||||
align-content: stretch;
|
||||
}
|
||||
|
||||
.event_badge .search_results {
|
||||
|
||||
}
|
||||
|
||||
.event_badge .qr_scanner_form {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-basis: 45%;
|
||||
}
|
||||
.event_badge .search_form {
|
||||
/*outline: solid thin red;*/
|
||||
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-basis: 45%;
|
||||
}
|
||||
|
||||
.event_badge .search_form legend {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.event_badge .search_fields {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
||||
justify-content: space-evenly;
|
||||
align-items: stretch;
|
||||
align-content: stretch;
|
||||
}
|
||||
/* *** END *** Other Modules *** Event: Badge search *** */
|
||||
|
||||
/* *** BEGIN *** Other Modules *** Event: Badge view *** */
|
||||
.event_badge_wrapper {
|
||||
/* outline: solid thin pink; */
|
||||
}
|
||||
|
||||
.event_badge_options {
|
||||
/*position: fixed;
|
||||
top: 1rem;
|
||||
left: 1rem;
|
||||
margin: 3rem;*/
|
||||
}
|
||||
/* *** END *** Other Modules *** Event: Badge view *** */
|
||||
|
||||
/* x-Small devices (portrait phones, less than 576px) */
|
||||
@media (max-width: 575px) {
|
||||
|
||||
}
|
||||
|
||||
/* Small devices (landscape phones, less than 768px) */
|
||||
@media (max-width: 767px) {
|
||||
.event_badge .search_results {
|
||||
font-size: smaller;
|
||||
}
|
||||
}
|
||||
|
||||
/* *** END *** System Modules *** Event *** */
|
||||
|
||||
|
||||
|
||||
/* Aether System Objects Styles */
|
||||
|
||||
/* *** BEGIN *** System Objects *** All Objects *** */
|
||||
.mod__event_registration .purp__obj_li header {
|
||||
border-bottom: solid medium hsl(var(--hue-default),var(--saturation-least),var(--lum-light));
|
||||
}
|
||||
|
||||
.mod__event_registration .purp__view.obj__product {
|
||||
margin: 1rem 0rem;
|
||||
padding: 1rem 0rem;
|
||||
/*border-top: solid thin hsl(var(--hue-default),var(--saturation-least),var(--lum-darkest));*/
|
||||
border-bottom: solid thin hsl(var(--hue-default),var(--saturation-least),var(--lum-light));
|
||||
}
|
||||
|
||||
|
||||
.mod__fundraising .purp__obj_li header {
|
||||
border-bottom: solid medium hsl(var(--hue-default),var(--saturation-least),var(--lum-light));
|
||||
}
|
||||
|
||||
.mod__fundraising .purp__view.obj__product {
|
||||
margin: 1rem 0rem;
|
||||
padding: 1rem 0rem;
|
||||
/*border-top: solid thin hsl(var(--hue-default),var(--saturation-least),var(--lum-darkest));*/
|
||||
border-bottom: solid thin hsl(var(--hue-default),var(--saturation-least),var(--lum-light));
|
||||
}
|
||||
|
||||
.mod__membership .purp__obj_li header {
|
||||
border-bottom: solid medium hsl(var(--hue-default),var(--saturation-least),var(--lum-light));
|
||||
}
|
||||
|
||||
.mod__membership .purp__view.obj__product {
|
||||
margin: 1rem 0rem;
|
||||
padding: 1rem 0rem;
|
||||
/*border-top: solid thin hsl(var(--hue-default),var(--saturation-least),var(--lum-darkest));*/
|
||||
border-bottom: solid thin hsl(var(--hue-default),var(--saturation-least),var(--lum-light));
|
||||
}
|
||||
|
||||
28
app/css/aether_native_app_v3.css
Normal file
28
app/css/aether_native_app_v3.css
Normal file
@@ -0,0 +1,28 @@
|
||||
body {
|
||||
/* min-height: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%; */
|
||||
|
||||
margin: .1em;
|
||||
padding: .1em;
|
||||
}
|
||||
|
||||
section#Main-Body {
|
||||
/* outline: solid thin red; */
|
||||
|
||||
/* min-height: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%; */
|
||||
}
|
||||
|
||||
section#Main-Nav-Menu {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
section#Main-Content {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
@@ -1,309 +0,0 @@
|
||||
/* System: Anything that is related to core system functions and should not be changed per client or per user. */
|
||||
|
||||
/* *** BEGIN *** System *** General *** */
|
||||
html {
|
||||
/* Parent Layout */
|
||||
/* Box Model */
|
||||
/* Positioning */
|
||||
/* Display */
|
||||
}
|
||||
|
||||
body {
|
||||
/* Parent Layout */
|
||||
/* Box Model */
|
||||
/* Positioning */
|
||||
/* Display */
|
||||
/* Center and scale the image nicely */
|
||||
background-color: steelblue;
|
||||
background-image: url('../static/images/site_background.svg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
nav {
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-d5);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--color-d2);
|
||||
}
|
||||
|
||||
label {
|
||||
color: #824240; /*#880000*/ /* Dark red for labels */
|
||||
color: var(--info-color-darkest);
|
||||
}
|
||||
|
||||
fieldset {
|
||||
/*border: solid thin #eee;*/
|
||||
/*border-top: solid thin #eee;*/
|
||||
/*border-bottom: solid thin #eee;*/
|
||||
}
|
||||
|
||||
input:required, select:required {
|
||||
/*background-color: red;*/
|
||||
background-color: var(--danger-color-lighter);
|
||||
border-color: var(--danger-color-mid);
|
||||
/*border-bottom: dashed medium;
|
||||
* border-bottom: dashed thin;*/
|
||||
}
|
||||
|
||||
input:required:valid {
|
||||
/*color: red;*/
|
||||
/*border: solid thin green;*/
|
||||
}
|
||||
|
||||
input:required:invalid {
|
||||
/*color: red;*/
|
||||
/*border: solid thin red;*/
|
||||
}
|
||||
/* *** END *** System *** General *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Font Family, Size, and Weight *** */
|
||||
pre, code, kbd, samp, var {
|
||||
font-family: 'Roboto Mono', 'Noto Sans Mono', 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 500; /* 700 looks too heavy */
|
||||
}
|
||||
|
||||
.h1, h1 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
.h2, h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.h3, h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
/* *** END *** Global *** Set Font Family *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Permission Checks and Roles *** */
|
||||
section.administrator_check {
|
||||
/*color: var(--warning-fg-color);*/
|
||||
/*background-color: var(--warning-bg-color);*/
|
||||
/*background-image: linear-gradient(to right, rgba(207,179,60,.5) 0%, rgba(207,179,60,.25) 5%, rgba(207,179,60,.25) 95%, rgba(207,179,60,.5) 100%);*/
|
||||
border-color: var(--warning-border-color);
|
||||
box-shadow: 0rem 0rem .5rem 0rem var(--warning-bg-color);
|
||||
}
|
||||
|
||||
section.manager_check {
|
||||
border-color: var(--danger-border-color);
|
||||
box-shadow: 0rem 0rem .5rem 0rem var(--danger-bg-color);
|
||||
}
|
||||
/* *** END *** Global *** Permission Checks and Roles *** */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.navbar {
|
||||
/*color: var(--default-fg-color);
|
||||
* background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
/*color: var(--default-fg-color);
|
||||
* background-color: none;*/
|
||||
/*background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
color: var(--default-fg-color);
|
||||
/*background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
/*color: var(--default-fg-color);*/
|
||||
/*background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active {
|
||||
color: var(--default-fg-color);
|
||||
background-color: var(--default-bg-color);
|
||||
border-color: var(--default-border-color);
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Group List Menu *** */
|
||||
/* Works together with toggle_group_list_item({element_id:'the_id_to_show', class_name:'name_of_group'}) */
|
||||
.group_list_item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.group_list_item_show {
|
||||
}
|
||||
|
||||
.group_list_menu {
|
||||
position: sticky;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
float: right;
|
||||
|
||||
width: 15rem;
|
||||
|
||||
background-color: hsla(0, 0%, 100%, .8);
|
||||
|
||||
z-index: 99;
|
||||
border: solid thin hsla(0, 0%, 75%, .8);
|
||||
|
||||
padding: .5rem 0rem;
|
||||
}
|
||||
|
||||
.group_list_menu ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.group_list_menu button {
|
||||
margin: .1rem 0;
|
||||
padding: .1rem;
|
||||
|
||||
border: solid thin hsla(0, 0%, 75%, .2);
|
||||
background-color: unset;
|
||||
width: 100%;
|
||||
|
||||
font-weight: bold;
|
||||
|
||||
/* border-radius: .4rem; */
|
||||
}
|
||||
|
||||
.group_list_menu button:hover {
|
||||
border: solid thin hsla(0, 0%, 60%, 1);
|
||||
background-color: hsla(0, 0%, 75%, 1);
|
||||
}
|
||||
/* *** END *** Global *** Group List Menu *** */
|
||||
|
||||
|
||||
|
||||
|
||||
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
|
||||
opacity: .85;
|
||||
transform: scale(.85) translateY(-.5rem) translateX(.15rem);
|
||||
}
|
||||
|
||||
/* .btn-link /*, .page-link, .page-item, .paginate_button, .active, .page-item.active*/ { */
|
||||
color: var(--link-fg-color);
|
||||
background-color: var(--link-bg-color);
|
||||
}
|
||||
|
||||
|
||||
/* This is for the datatables. */
|
||||
.page-item.active .page-link {
|
||||
color: var(--link-fg-color);
|
||||
background-color: var(--link-bg-color);
|
||||
}
|
||||
|
||||
/* *** END *** Global *** Navigation, Links, and Buttons *** */
|
||||
|
||||
|
||||
|
||||
.page_help {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.page_links {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
.results_message {
|
||||
font-size: 1.6em;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
.results_table td {
|
||||
background-color: lightyellow;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.obj {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.obj_edit_abs {
|
||||
/*border: solid thin pink;*/
|
||||
position: absolute;
|
||||
top: 0rem;
|
||||
right: 0rem;
|
||||
margin: .1rem .8rem;
|
||||
padding: .2rem;
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.obj_edit_abs:hover {
|
||||
border: solid thin gray;
|
||||
border-radius: .25em;
|
||||
position: absolute;
|
||||
top: 0em;
|
||||
right: 0;
|
||||
margin: .1rem .8rem;
|
||||
padding: .2rem;
|
||||
background: rgba(255,255,255,.8);
|
||||
color: orange;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.obj_edit_abs:hover::after {
|
||||
content: "edit";
|
||||
}
|
||||
|
||||
|
||||
#edit_object_field_value {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: white;
|
||||
border: solid thin black;
|
||||
margin: .25rem;
|
||||
padding: .5rem;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Svelte specific that needs to be merged in *** */
|
||||
.svelte_target section.obj {
|
||||
margin: 1rem 0rem;
|
||||
padding: .5rem .5rem;
|
||||
/* border: solid thin hsla(0,0%,90%,1); */
|
||||
}
|
||||
|
||||
.svelte_target .input_container {
|
||||
margin: .25rem 0rem;
|
||||
}
|
||||
|
||||
.svelte_target label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.svelte_target .label_select_value {
|
||||
font-size: smaller;
|
||||
color: hsla(0,0%,50%,1);
|
||||
}
|
||||
|
||||
.svelte_target .obj_type_main {
|
||||
border: solid thin hsla(0,0%,90%,1);
|
||||
}
|
||||
/* *** BEGIN *** Global *** Svelte specific that needs to be merged in *** */
|
||||
@@ -1,778 +0,0 @@
|
||||
/* Aether Utility Styles */
|
||||
|
||||
/* *** BEGIN *** Utility *** Hide or Visually Elements *** */
|
||||
.d_none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.visually_hidden {
|
||||
clip: rect(0 0 0 0);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.visually_hidden:not(:focus):not(:active) {
|
||||
/* ... */
|
||||
}
|
||||
/* *** END *** Utility *** Hide Elements *** */
|
||||
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fs_smaller, .fs-smaller {
|
||||
font-size: smaller;
|
||||
}
|
||||
.fs_larger, .fs-larger {
|
||||
font-size: larger;
|
||||
}
|
||||
|
||||
.debug {
|
||||
background: pink;
|
||||
border: dashed thin deeppink;
|
||||
height: 1.75rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.debug:hover {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background: yellow;
|
||||
}
|
||||
|
||||
.alert {
|
||||
background: pink;
|
||||
}
|
||||
|
||||
.warning {
|
||||
color: var(--warning-color-lighter);
|
||||
background-color: var(--warning-color-dark);
|
||||
border-color: var(--warning-color-darker);
|
||||
}
|
||||
|
||||
.danger {
|
||||
color: var(--danger-color-lighter);
|
||||
background-color: var(--danger-color-dark);
|
||||
border-color: var(--danger-color-darker);
|
||||
}
|
||||
|
||||
.error {
|
||||
color: var(--danger-color-lighter);
|
||||
background-color: var(--danger-color-dark);
|
||||
border-color: var(--danger-color-darker);
|
||||
}
|
||||
|
||||
.strike {
|
||||
color: var(--danger-color-lighter);
|
||||
background-color: var(--danger-color-dark);
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.attention_glow {
|
||||
text-shadow: 0 0 .25rem rgba(100,0,0,1), 0 0 1rem rgba(200,0,0,1), 0 0 2rem rgba(255,0,0,1);
|
||||
}
|
||||
|
||||
.attention_glow_pulse {
|
||||
animation-name: text_glowing_blue;
|
||||
animation-duration: 3.5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
|
||||
@keyframes text_glowing_red {
|
||||
from {
|
||||
text-shadow: 0 0 .25rem transparent, 0 0 1rem transparent, 0 0 2rem transparent;
|
||||
}
|
||||
to {
|
||||
text-shadow: 0 0 .25rem hsla(var(--hue-red), var(--saturation-most), var(--lum-mid),1), 0 0 1rem rgba(200,0,0,1), 0 0 2rem rgba(255,0,0,1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes text_glowing_blue {
|
||||
from {
|
||||
text-shadow: 0 0 .25rem transparent, 0 0 1rem transparent, 0 0 2rem transparent;
|
||||
}
|
||||
to {
|
||||
text-shadow: 0 0 .25rem hsla(var(--hue-blue), var(--saturation-most), var(--lum-mid),1), 0 0 1.5rem hsla(var(--hue-blue), var(--saturation-most), var(--lum-lighter),1);
|
||||
}
|
||||
}
|
||||
|
||||
/* *** BEGIN *** Utility *** Countdown Timer *** */
|
||||
.countdown_banner {
|
||||
width: 100%;
|
||||
/*background-color: rgb(70, 130, 180);*/ /* SteelBlue #4682B4 rgb(70, 130, 180)*/
|
||||
background-color: rgba(70, 130, 180,.1);
|
||||
/*background-image: rgba(70, 130, 180,.1);*/
|
||||
|
||||
/*text-shadow: 0 0 15px rgba(14, 27, 37,1), 0 0 30px rgba(43, 80, 110,1);*/
|
||||
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
|
||||
/*animation-name: countdown_animation;
|
||||
* animation-delay: 2s;
|
||||
* animation-duration: 5s;
|
||||
* animation-iteration-count: infinite;
|
||||
* animation-direction: alternate;*/
|
||||
}
|
||||
|
||||
.countdown_number {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
@keyframes countdown_animation {
|
||||
from {
|
||||
background-color: rgba(70, 130, 180,.1);
|
||||
/*background: radial-gradient(circle, rgba(218,26,50,.2) 0%, rgba(218,26,50,.2) 50%, rgba(255,255,255,0) 80%);*/
|
||||
}
|
||||
|
||||
to {
|
||||
/*background-color: rgba(218,26,50,.6);*/
|
||||
background: rgba(70, 130, 180,.5);
|
||||
/*background: radial-gradient(circle, rgba(218,26,50,.4) 0%, rgba(218,26,50,.4) 50%, rgba(255,255,255,0) 80%);*/
|
||||
}
|
||||
}
|
||||
/* *** END *** Utility *** Countdown Timer *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Utility *** Forms Related *** */
|
||||
.append_colon::after {
|
||||
content: ':';
|
||||
}
|
||||
|
||||
.input_required::after {
|
||||
/*content: '*';
|
||||
* color: var(--warning-color-darker);*/
|
||||
|
||||
/*position: relative;
|
||||
* top: 5px;
|
||||
* left: 5px;*/
|
||||
}
|
||||
.input_required::before {
|
||||
/*content: '*';
|
||||
* color: var(--warning-color-darker);*/
|
||||
|
||||
/*display: block;
|
||||
* content: 'b*';
|
||||
* background-color: yellow;
|
||||
* color: red;
|
||||
* font-weight: bold;
|
||||
* top: 5px;
|
||||
* left: 5px;*/
|
||||
}
|
||||
|
||||
/* *** END *** Utility *** Forms Related *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Utility *** Tables Related *** */
|
||||
/* *** BEGIN *** Utility *** All Tables *** */
|
||||
thead>tr {
|
||||
background-color: #e6e6e6; /* efefef e6e6e6 d9d9d9 */
|
||||
}
|
||||
/* *** END *** Utility *** All Tables *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Utility *** Table Borders *** */
|
||||
table.table_borders {
|
||||
border: solid thin hsla(0, 0%, 50%, 1);
|
||||
border-collapse: collapse;
|
||||
|
||||
/*max-width: 100%;*/
|
||||
}
|
||||
table.table_borders th, td {
|
||||
border: solid thin hsla(0, 0%, 75%, 1);
|
||||
border-collapse: collapse;
|
||||
/* margin: 0; */
|
||||
|
||||
}
|
||||
/* *** END *** Utility *** Table Borders *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Utility *** Table Alternating Rows (even/odd) *** */
|
||||
table.table_alt_rows tr:nth-child(even) {
|
||||
background-color: hsla(0, 0%, 95%, 1);
|
||||
}
|
||||
table.table_alt_rows tr:nth-child(odd) {
|
||||
background-color: hsla(0, 0%, 85%, 1);
|
||||
}
|
||||
/* *** END *** Utility *** Table Alternating Rows (even/odd) *** */
|
||||
|
||||
|
||||
|
||||
/* *** BEGIN *** Utilities *** Modal Container *** */
|
||||
.modal_container {
|
||||
/* outline: solid thin green; */
|
||||
|
||||
/* display: none; */
|
||||
position: fixed;
|
||||
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
|
||||
margin: 0;
|
||||
padding: 3.5rem 0rem;
|
||||
|
||||
/* object-fit: contain; */
|
||||
/* height: 100vh;
|
||||
* m ax-height: 100vh; */ * *
|
||||
*
|
||||
* height: 100%;
|
||||
* max-height: 100%;
|
||||
* width: 100%;
|
||||
* max-width: 100%;
|
||||
*
|
||||
* /* height: 100vh;
|
||||
* m ax-height: 100vh; * *
|
||||
* width: 100vw;
|
||||
* max-width: 100vw; */
|
||||
|
||||
/* display: flex; */
|
||||
flex-direction: column;
|
||||
/* justify-content: center;
|
||||
* a lign-items: center; * *
|
||||
* align-content: center; */
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
z-index: 1041;
|
||||
background-color: hsla(0, 0%, 50%, .9);
|
||||
}
|
||||
|
||||
.modal_content {
|
||||
/* outline: dashed thin pink; */
|
||||
|
||||
/* margin: auto; */
|
||||
padding: 0;
|
||||
|
||||
/* border: solid .2rem hsla(0, 0%, 50%, .9); */
|
||||
border-radius: 1rem;
|
||||
box-shadow: .5rem .5rem 1.5rem .5rem hsla(0, 0%, 0%, 1);
|
||||
|
||||
background: #eee;
|
||||
|
||||
width: 100vw;
|
||||
|
||||
max-width: calc(1024px - 2rem);
|
||||
max-height: calc(100% - 2rem);
|
||||
|
||||
/* text-align: center; */
|
||||
|
||||
flex-grow: 1;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.modal_header, .modal_footer {
|
||||
/*outline: solid thin orange;*/
|
||||
|
||||
flex-grow: 0;
|
||||
flex-shrink: 1;
|
||||
|
||||
/* width: 100%;
|
||||
* max-width: 100%; */
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.modal_header_begin, .modal_footer_begin {
|
||||
margin: .5rem;
|
||||
}
|
||||
|
||||
.modal_header_end, .modal_footer_end {
|
||||
margin: .5rem;
|
||||
}
|
||||
|
||||
.modal_header {
|
||||
/* outline: solid thin red; */
|
||||
/* border-bottom: solid thin hsla(0, 0%, 50%, .5); */
|
||||
background-image: linear-gradient(to top, hsla(205,78%,80%,.9) 0%, hsla(205,78%,80%,.1) .2rem, hsla(205,78%,80%,.1) 100%);
|
||||
}
|
||||
.modal_body {
|
||||
/* outline: solid thin green; */
|
||||
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
|
||||
max-width: 100%;
|
||||
|
||||
margin: .5rem;
|
||||
padding: .5rem .1rem;
|
||||
|
||||
/* display: flex;
|
||||
* f lex-direction: column; */ * *
|
||||
* /* justify-content: ; */
|
||||
/* align-items: stretch; */
|
||||
/* align-content: center; */
|
||||
|
||||
object-fit: contain;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.modal_footer {
|
||||
/* outline: solid thin orange; */
|
||||
/* border-top: solid thin hsla(0, 0%, 50%, .5); */
|
||||
background-image: linear-gradient(to bottom, hsla(205,78%,80%,.9) 0%, hsla(205,78%,80%,.1) .2rem, hsla(205,78%,80%,.1) 100%);
|
||||
}
|
||||
|
||||
.modal_close {
|
||||
padding: .25rem .5rem;
|
||||
|
||||
font-size: 1.2rem;
|
||||
/* font-weight: lighter; */
|
||||
|
||||
background-color: hsla(0, 0%, 90%, 1);
|
||||
|
||||
border: solid thin hsla(0, 0%, 70%, 1);
|
||||
border-radius: .5rem;
|
||||
box-shadow: .1rem .1rem .2rem .1rem hsla(0, 0%, 0%, 1);
|
||||
|
||||
color: hsla(0, 0%, 30%, 1);
|
||||
}
|
||||
.modal_close:hover {
|
||||
/* font-weight: bold; */
|
||||
background-color: hsla(0, 0%, 80%, 1);
|
||||
|
||||
border: solid thin hsla(0, 0%, 60%, 1);
|
||||
border-radius: .5rem;
|
||||
box-shadow: .1rem .1rem .2rem .1rem hsla(0, 0%, 50%, 1);
|
||||
|
||||
color: hsla(0, 0%, 10%, 1);
|
||||
}
|
||||
|
||||
.modal_title {
|
||||
/*float: left;*/
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
display: inline;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
/* *** END *** Utilities *** Modal Container *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Utilities *** Badge *** */
|
||||
.badge {
|
||||
color: var(--default-fg-color);
|
||||
background-color: var(--default-bg-color);
|
||||
border-color: var(--default-border-color);
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** Utilities *** Bootstrap: Buttons, Background, Foreground *** */
|
||||
|
||||
/* *** BEGIN *** Utility *** Bootstrap Tables Striped *** */
|
||||
.table-striped>tbody>tr:nth-child(odd)>td {
|
||||
/*background-color: white;*/
|
||||
/*color: black;*/
|
||||
}
|
||||
.table-striped>tbody>tr:nth-child(even)>td {
|
||||
/*background-color: #efefef;*/
|
||||
/*color: white;*/
|
||||
}
|
||||
/* *** END *** Utility *** Bootstrap Tables Striped *** */
|
||||
|
||||
/* *** BEGIN *** Utility *** Bootstrap Forms *** */
|
||||
.form-horizontal {
|
||||
background-color: white;
|
||||
/*margin: .5em;*/
|
||||
padding: 1em .5em;
|
||||
}
|
||||
/* *** END *** Utility *** Bootstrap Forms *** */
|
||||
|
||||
a.btn, button.btn {
|
||||
/* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
|
||||
|
||||
-webkit-appearance: button;
|
||||
-moz-appearance: button;
|
||||
appearance: button;
|
||||
|
||||
text-decoration: none;
|
||||
color: initial;
|
||||
color: black;
|
||||
background-color: hsl(0, 0%, 95%, 1);
|
||||
/* background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59)); */
|
||||
|
||||
border-width: thin;
|
||||
border-style: outset;
|
||||
border-color: hsla(0,0%,50%,1);
|
||||
border-radius: .25em;
|
||||
|
||||
font: inherit;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
|
||||
line-height: normal;
|
||||
|
||||
margin: .1em;
|
||||
padding: .1em .2em;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: hsl(0, 0%, 85%, 1);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn.btn_sm, .btn.btn-sm {
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
.btn.btn_lg, .btn.btn-lg {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.btn.btn-wrap-text {
|
||||
white-space: normal;
|
||||
word-wrap: normal; /* break-word */
|
||||
max-width: 50em; /* 55rem */
|
||||
}
|
||||
|
||||
|
||||
/* ### default ### */
|
||||
.btn.bg-default {
|
||||
color: var(--default-fg-color);
|
||||
background-color: var(--default-bg-color) !important;
|
||||
border-color: var(--default-border-color);
|
||||
}
|
||||
.btn.btn-default {
|
||||
color: var(--default-fg-color);
|
||||
background-color: var(--default-bg-color);
|
||||
border-color: var(--default-border-color);
|
||||
}
|
||||
.btn.btn-default:hover {
|
||||
color: var(--default-fg-color-highlight);
|
||||
background-color: var(--default-bg-color-highlight);
|
||||
border-color: var(--default-border-color-highlight);
|
||||
}
|
||||
.btn.btn-outline-default {
|
||||
color: var(--default-fg-color);
|
||||
background-color: var(--default-bg-color);
|
||||
border-color: var(--default-border-color);
|
||||
}
|
||||
.btn.btn-outline-default:hover {
|
||||
color: var(--default-fg-color-highlight);
|
||||
background-color: var(--default-bg-color-highlight);
|
||||
border-color: var(--default-border-color-highlight);
|
||||
}
|
||||
|
||||
/* ### light ### */
|
||||
.bg-light {
|
||||
color: var(--default-color-lightest);
|
||||
background-color: var(--default-color-mid) !important;
|
||||
border-color: var(--default-color-dark);
|
||||
}
|
||||
.btn.btn-light {
|
||||
color: var(--default-color-lightest);
|
||||
background-color: var(--default-color-mid);
|
||||
border-color: var(--default-color-dark);
|
||||
}
|
||||
.btn.btn-light:hover {
|
||||
color: var(--default-color-lightest);
|
||||
background-color: var(--default-color-darker);
|
||||
border-color: var(--default-color-darkest);
|
||||
}
|
||||
.btn.btn-outline-light {
|
||||
color: var(--default-color-darkest);
|
||||
background-color: var(--default-color-lighter);
|
||||
border-color: var(--default-color-darker);
|
||||
}
|
||||
.btn.btn-outline-light:hover {
|
||||
color: var(--default-color-lightest);
|
||||
background-color: var(--default-color-darker);
|
||||
border-color: var(--default-color-darkest);
|
||||
}
|
||||
|
||||
/* ### dark ### */
|
||||
.bg-dark {
|
||||
color: var(--default-color-darkest);
|
||||
background-color: var(--default-color-mid) !important;
|
||||
border-color: var(--default-color-light);
|
||||
}
|
||||
.btn.btn-dark {
|
||||
color: var(--default-color-darkest);
|
||||
background-color: var(--default-color-mid);
|
||||
border-color: var(--default-color-light);
|
||||
}
|
||||
.btn.btn-dark:hover {
|
||||
color: var(--default-color-darkest);
|
||||
background-color: var(--default-color-lighter);
|
||||
border-color: var(--default-color-lightest);
|
||||
}
|
||||
.btn.btn-outline-dark {
|
||||
color: var(--default-color-darkest);
|
||||
background-color: var(--default-color-lighter);
|
||||
border-color: var(--default-color-lighter);
|
||||
}
|
||||
.btn.btn-outline-dark:hover {
|
||||
color: var(--default-color-darkest);
|
||||
background-color: var(--default-color-lighter);
|
||||
border-color: var(--default-color-lightest);
|
||||
}
|
||||
|
||||
/* ### primary ### */
|
||||
.btn.bg-primary {
|
||||
color: var(--primary-color-lightest);
|
||||
background-color: var(--primary-color-mid) !important;
|
||||
border-color: var(--primary-color-dark);
|
||||
}
|
||||
.btn.btn-primary {
|
||||
color: var(--primary-color-lightest);
|
||||
background-color: var(--primary-color-mid);
|
||||
border-color: var(--primary-color-dark);
|
||||
}
|
||||
.btn.btn-primary:hover {
|
||||
color: var(--primary-color-lightest);
|
||||
background-color: var(--primary-color-darker);
|
||||
border-color: var(--primary-color-darkest);
|
||||
}
|
||||
.btn.btn-outline-primary {
|
||||
color: var(--primary-color-darkest);
|
||||
background-color: var(--primary-color-lighter);
|
||||
border-color: var(--primary-color-darker);
|
||||
}
|
||||
.btn.btn-outline-primary:hover {
|
||||
color: var(--primary-color-lightest);
|
||||
background-color: var(--primary-color-darker);
|
||||
border-color: var(--primary-color-darkest);
|
||||
}
|
||||
|
||||
/* ### secondary ### */
|
||||
.bg-secondary {
|
||||
color: var(--secondary-color-lightest);
|
||||
background-color: var(--secondary-color-mid) !important;
|
||||
border-color: var(--secondary-color-dark);
|
||||
}
|
||||
.btn.btn-secondary {
|
||||
color: var(--secondary-color-lightest);
|
||||
background-color: var(--secondary-color-mid);
|
||||
border-color: var(--secondary-color-dark);
|
||||
}
|
||||
.btn.btn-secondary:hover {
|
||||
color: var(--secondary-color-lightest);
|
||||
background-color: var(--secondary-color-darker);
|
||||
border-color: var(--secondary-color-darkest);
|
||||
}
|
||||
.btn.btn-outline-secondary {
|
||||
color: var(--secondary-color-darkest);
|
||||
background-color: var(--secondary-color-lighter);
|
||||
border-color: var(--secondary-color-darker);
|
||||
}
|
||||
.btn.btn-outline-secondary:hover {
|
||||
color: var(--secondary-color-lightest);
|
||||
background-color: var(--secondary-color-darker);
|
||||
border-color: var(--secondary-color-darkest);
|
||||
}
|
||||
|
||||
/* ### info ### */
|
||||
.bg-info {
|
||||
color: var(--info-color-lightest);
|
||||
background-color: var(--info-color-mid) !important;
|
||||
border-color: var(--info-color-dark);
|
||||
}
|
||||
.btn.btn-info {
|
||||
color: var(--info-color-lightest);
|
||||
background-color: var(--info-color-mid);
|
||||
border-color: var(--info-color-dark);
|
||||
}
|
||||
.btn.btn-info:hover {
|
||||
color: var(--info-color-lightest);
|
||||
background-color: var(--info-color-darker);
|
||||
border-color: var(--info-color-darkest);
|
||||
}
|
||||
.btn.btn-outline-info {
|
||||
color: var(--info-color-darkest);
|
||||
background-color: var(--info-color-lighter);
|
||||
border-color: var(--info-color-darker);
|
||||
}
|
||||
.btn.btn-outline-info:hover {
|
||||
color: var(--info-color-lightest);
|
||||
background-color: var(--info-color-darker);
|
||||
border-color: var(--info-color-darkest);
|
||||
}
|
||||
|
||||
/* ### success ### */
|
||||
.bg-success {
|
||||
color: var(--success-color-lightest);
|
||||
background-color: var(--success-color-mid) !important;
|
||||
border-color: var(--success-color-dark);
|
||||
}
|
||||
.btn.btn-success {
|
||||
color: var(--success-color-lightest);
|
||||
background-color: var(--success-color-mid);
|
||||
border-color: var(--success-color-dark);
|
||||
}
|
||||
.btn.btn-success:hover {
|
||||
color: var(--success-color-lightest);
|
||||
background-color: var(--success-color-darker);
|
||||
border-color: var(--success-color-darkest);
|
||||
}
|
||||
.btn.btn-outline-success {
|
||||
color: var(--success-color-darkest);
|
||||
background-color: var(--success-color-lighter);
|
||||
border-color: var(--success-color-darker);
|
||||
}
|
||||
.btn.btn-outline-success:hover {
|
||||
color: var(--success-color-lightest);
|
||||
background-color: var(--success-color-darker);
|
||||
border-color: var(--success-color-darkest);
|
||||
}
|
||||
|
||||
/* ### warning ### */
|
||||
.bg-warning {
|
||||
color: var(--warning-color-lightest);
|
||||
background-color: var(--warning-color-mid) !important;
|
||||
border-color: var(--warning-color-dark);
|
||||
}
|
||||
.btn.btn-warning {
|
||||
color: var(--warning-color-lightest);
|
||||
background-color: var(--warning-color-mid);
|
||||
border-color: var(--warning-color-dark);
|
||||
}
|
||||
.btn.btn-warning:hover {
|
||||
color: var(--warning-color-lightest);
|
||||
background-color: var(--warning-color-darker);
|
||||
border-color: var(--warning-color-darkest);
|
||||
}
|
||||
.btn.btn-outline-warning {
|
||||
color: var(--warning-color-darkest);
|
||||
background-color: var(--warning-color-lighter);
|
||||
border-color: var(--warning-color-darker);
|
||||
}
|
||||
.btn.btn-outline-warning:hover {
|
||||
color: var(--warning-color-lightest);
|
||||
background-color: var(--warning-color-darker);
|
||||
border-color: var(--warning-color-darkest);
|
||||
}
|
||||
|
||||
/* ### danger ### */
|
||||
.bg-danger {
|
||||
color: var(--danger-color-lightest);
|
||||
background-color: var(--danger-color-mid) !important;
|
||||
border-color: var(--danger-color-dark);
|
||||
}
|
||||
.btn.btn-danger {
|
||||
color: var(--danger-color-lightest);
|
||||
background-color: var(--danger-color-mid);
|
||||
border-color: var(--danger-color-dark);
|
||||
}
|
||||
.btn.btn-danger:hover {
|
||||
color: var(--danger-color-lightest);
|
||||
background-color: var(--danger-color-darker);
|
||||
border-color: var(--danger-color-darkest);
|
||||
}
|
||||
.btn.btn-outline-danger {
|
||||
color: var(--danger-color-darkest);
|
||||
background-color: var(--danger-color-lighter);
|
||||
border-color: var(--danger-color-darker);
|
||||
}
|
||||
.btn.btn-outline-danger:hover {
|
||||
color: var(--danger-color-lightest);
|
||||
background-color: var(--danger-color-darker);
|
||||
border-color: var(--danger-color-darkest);
|
||||
}
|
||||
|
||||
/* *** BEGIN *** Utility *** Bootstrap Overrides *** */
|
||||
@media (min-width: 992px) {
|
||||
.modal-lg {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.modal-lg {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
/* *** END *** Utility *** Bootstrap Overrides *** */
|
||||
|
||||
|
||||
|
||||
.data_field {
|
||||
border: solid thin #eee;
|
||||
}
|
||||
|
||||
.data_field:hover {
|
||||
border: dashed thin #fbb;
|
||||
}
|
||||
|
||||
|
||||
.list_inline {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.list_inline li {
|
||||
display: inline;
|
||||
text-decoration: none;
|
||||
margin-left: .25em;
|
||||
/*margin-right: .25em;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
.name_prefix {
|
||||
|
||||
}
|
||||
.name_informal {
|
||||
|
||||
}
|
||||
.name_given {
|
||||
|
||||
}
|
||||
.name_middle {
|
||||
|
||||
}
|
||||
.name_family {
|
||||
|
||||
}
|
||||
.name_suffix {
|
||||
|
||||
}
|
||||
|
||||
input.name_prefix {
|
||||
/*width: 3.5em;*/
|
||||
}
|
||||
input.name_informal {
|
||||
/*width: 6em;*/
|
||||
}
|
||||
input.name_given {
|
||||
/*width: 6em;*/
|
||||
}
|
||||
input.name_middle {
|
||||
/*width: 6em;*/
|
||||
}
|
||||
input.name_family {
|
||||
/*width: 6em;*/
|
||||
}
|
||||
input.name_suffix {
|
||||
/*width: 3.5em;*/
|
||||
}
|
||||
@@ -1,446 +0,0 @@
|
||||
/* Aether Style Variables */
|
||||
|
||||
:root {
|
||||
--bs-blue: #0d6efd;
|
||||
--bs-indigo: #6610f2;
|
||||
--bs-purple: #6f42c1;
|
||||
--bs-pink: #d63384;
|
||||
--bs-red: #dc3545;
|
||||
--bs-orange: #fd7e14;
|
||||
--bs-yellow: #ffc107;
|
||||
--bs-green: #198754;
|
||||
--bs-teal: #20c997;
|
||||
--bs-cyan: #0dcaf0;
|
||||
--bs-white: #fff;
|
||||
--bs-gray: #6c757d;
|
||||
--bs-gray-dark: #343a40;
|
||||
--bs-primary-light: #6c9dc6;
|
||||
--bs-primary: #0a8dac; /*#0d6efd;*/
|
||||
--bs-primary-dark: #325d81;
|
||||
--bs-secondary: #484b6e;
|
||||
--bs-success: #32846e;
|
||||
--bs-info: #46b4b4; /*#0dcaf0;*/
|
||||
--bs-warning: #6f7541;
|
||||
--bs-danger: #7b503b;
|
||||
--bs-lighter: #d0e0ed; /*#f8f9fa;*/
|
||||
--bs-light: #72a1c8; /*#f8f9fa;*/
|
||||
--bs-medium: #335f83; /*#212529;*/
|
||||
--bs-dark: #294d6a; /*#212529;*/
|
||||
--bs-darker: #1f3a4f; /*#212529;*/
|
||||
--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
||||
--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
|
||||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
||||
}
|
||||
|
||||
:root {
|
||||
/*
|
||||
*
|
||||
* Light navy blue
|
||||
* #335f83 or #335f84, rgb(51, 96, 132), hsl(207, 44%, 36%), cmyk(61, 27, 0, 49)
|
||||
*
|
||||
* hsl(210, 50%, 50%), rgb(64, 128, 191), #4080bf
|
||||
*
|
||||
* purple: #8241bf
|
||||
* green: #41BF7C
|
||||
*
|
||||
* red: hsl(0, 50%, 50%), #BF4640 (close "split" complementary 30deg)
|
||||
* orange: hsl(30, 50%, 50%), #BF8040 (linear by hue 30deg)
|
||||
* yellow: hsl(60, 50%, 50%), #BFB940 (close "split" complementary 30deg)
|
||||
* light green: hsl(90, 50%, 50%), #80BF40 (linear by hue 30deg)
|
||||
* dark green: hsl(150, 50%, 50%), #40BF80 (linear by hue 30deg)
|
||||
* teal: hsl(180, 50%, 50%), #40BF80 (linear by hue 30deg)
|
||||
* blue: hsl(210, 50%, 50%), #4080BF
|
||||
* purple: hsl(270, 50%, 50%), #8040BF (linear by hue 30deg)
|
||||
* pink (dark): hsl(330, 50%, 50%), #BF4080 (linear by hue 30deg)
|
||||
*
|
||||
* primary-hue: 210, #4080BF
|
||||
* accent-hue: 264, #7340BF
|
||||
*
|
||||
* #0080FF
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
|
||||
--saturation-least: 10%;
|
||||
--saturation-less: 20%;
|
||||
--saturation: 50%;
|
||||
--saturation-more: 80%;
|
||||
--saturation-most: 90%;
|
||||
|
||||
--lum-lightest: calc(50% + 50%);
|
||||
--lum-lighter: calc(50% + 40%);
|
||||
--lum-light: calc(50% + 35%);
|
||||
--lum-mid: 50%;
|
||||
--lum: 50%;
|
||||
--lum-dark: calc(50% - 10%);
|
||||
--lum-darker: calc(50% - 20%);
|
||||
--lum-darkest: calc(50% - 30%);
|
||||
|
||||
/*
|
||||
* https://coolors.co/bfbf40-80bf40-40bf40-40bf80-40bfbf-407fbf-4040bf-7f40bf-bf40bf-bf4080
|
||||
*/
|
||||
--hue-red: 0; /* red bf4141 */
|
||||
--hue-orange: calc(0 + 30); /* brown bf8041 */
|
||||
--hue-yellow: calc(0 + 60); /* yellow-green bfbf40 */
|
||||
--hue-light_green: calc(0 + 90); /* green 80bf40 */
|
||||
--hue-green: calc(0 + 120); /* green 40bf40 */
|
||||
--hue-dark_green: calc(0 + 150); /* green-cyan 40bf80 */
|
||||
--hue-teal: calc(0 + 180); /* cyan 40bfbf */
|
||||
--hue-cyan: calc(0 + 180); /* cyan 40bfbf */
|
||||
--hue-blue: calc(0 + 210); /* cyan-blue 407fbf */
|
||||
--hue-indigo: calc(0 + 240); /* blue-magenta 4040bf */
|
||||
--hue-purple: calc(0 + 270); /* blue-magenta 7f40bf */
|
||||
--hue-pink: calc(0 + 300); /* magenta bf40bf */
|
||||
--hue-dark_pink: calc(0 + 330); /* magenta-pink bf4080 */
|
||||
|
||||
--hue: 210;
|
||||
--hue-base: 210;
|
||||
--hue-complementary: calc(var(--hue) - 180);
|
||||
/*--hue-accent: 264;*/
|
||||
|
||||
--hue-default: 210;
|
||||
--hue-primary: 210;
|
||||
--hue-secondary: 210;
|
||||
--hue-info: 180;
|
||||
--hue-success: 120;
|
||||
--hue-warning: 60;
|
||||
--hue-danger: 0;
|
||||
|
||||
--color-l5: hsl(var(--hue), var(--saturation), calc( 50 + 50)%);
|
||||
--color-l4: hsl(var(--hue), var(--saturation), calc( 50 + 40)%);
|
||||
--color-l3: hsl(var(--hue), var(--saturation), calc( 50 + 30)%);
|
||||
--color-l2: hsl(var(--hue), var(--saturation), calc( 50 + 20)%);
|
||||
--color-l1: hsl(var(--hue), var(--saturation), calc( 50 + 10)%);
|
||||
--color-default: hsl(var(--hue), var(--saturation), calc( 50 + 0)%);
|
||||
--color-d1: hsl(var(--hue), var(--saturation), calc( 50 - 10)%);
|
||||
--color-d2: hsl(var(--hue), var(--saturation), calc( 50 - 20)%);
|
||||
--color-d3: hsl(var(--hue), var(--saturation), calc( 50 - 30)%);
|
||||
--color-d4: hsl(var(--hue), var(--saturation), calc( 50 - 40)%);
|
||||
--color-d5: hsl(var(--hue), var(--saturation), calc( 50 - 50)%);
|
||||
|
||||
--default-fg-color-highlight: hsl(var(--hue-default), var(--saturation-most), var(--lum-darker));
|
||||
--default-fg-color: hsl(var(--hue-default), var(--saturation-most), var(--lum-darkest));
|
||||
|
||||
--default-bg-color-highlight: hsl(var(--hue-default), var(--saturation-least), var(--lum-lighter));
|
||||
--default-bg-color: hsl(var(--hue-default), var(--saturation-least), var(--lum-lightest));
|
||||
|
||||
--default-border-color-highlight: hsl(var(--hue-default), var(--saturation-less), var(--lum-darkest));
|
||||
--default-border-color: hsl(var(--hue-default), var(--saturation-less), var(--lum-darker));
|
||||
|
||||
--default-color-lightest: hsl(var(--hue-blue), var(--saturation-least), var(--lum-lightest));
|
||||
--default-color-lighter: hsl(var(--hue-blue), var(--saturation-least), var(--lum-lighter));
|
||||
--default-color-light: hsl(var(--hue-blue), var(--saturation-least), var(--lum-light));
|
||||
--default-color-mid: hsl(var(--hue-blue), var(--saturation-least), var(--lum-mid));
|
||||
--default-color-dark: hsl(var(--hue-blue), var(--saturation-least), var(--lum-dark));
|
||||
--default-color-darker: hsl(var(--hue-blue), var(--saturation-least), var(--lum-darker));
|
||||
--default-color-darkest: hsl(var(--hue-blue), var(--saturation-least), var(--lum-darkest));
|
||||
|
||||
--light-fg-color: #1a3042;
|
||||
--light-bg-color: #d0e0ed; /*#d0e0ed*/
|
||||
--light-border-color: #a1c1da; /*#a1c1da*/
|
||||
|
||||
--medium-fg-color: #f1f6fa;
|
||||
--medium-bg-color: #335f83;
|
||||
--medium-border-color: #294d6a;
|
||||
|
||||
--dark-fg-color: #f1f6fa;
|
||||
--dark-bg-color: #4682b3;
|
||||
--dark-border-color: #335f83;
|
||||
|
||||
--primary-color-lightest: hsl(var(--hue-primary), var(--saturation), var(--lum-lightest));
|
||||
--primary-color-lighter: hsl(var(--hue-primary), var(--saturation), var(--lum-lighter));
|
||||
--primary-color-light: hsl(var(--hue-primary), var(--saturation), var(--lum-light));
|
||||
--primary-color-mid: hsl(var(--hue-primary), var(--saturation), var(--lum-mid));
|
||||
--primary-color-dark: hsl(var(--hue-primary), var(--saturation), var(--lum-dark));
|
||||
--primary-color-darker: hsl(var(--hue-primary), var(--saturation), var(--lum-darker));
|
||||
--primary-color-darkest: hsl(var(--hue-primary), var(--saturation), var(--lum-darkest));
|
||||
|
||||
--secondary-color-lightest: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-lightest));
|
||||
--secondary-color-lighter: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-lighter));
|
||||
--secondary-color-light: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-light));
|
||||
--secondary-color-mid: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-mid));
|
||||
--secondary-color-dark: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-dark));
|
||||
--secondary-color-darker: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-darker));
|
||||
--secondary-color-darkest: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-darkest));
|
||||
|
||||
--info-color-lightest: hsl(var(--hue-info), var(--saturation-less), var(--lum-lightest));
|
||||
--info-color-lighter: hsl(var(--hue-info), var(--saturation-less), var(--lum-lighter));
|
||||
--info-color-light: hsl(var(--hue-info), var(--saturation-less), var(--lum-light));
|
||||
--info-color-mid: hsl(var(--hue-info), var(--saturation-less), var(--lum-mid));
|
||||
--info-color-dark: hsl(var(--hue-info), var(--saturation-less), var(--lum-dark));
|
||||
--info-color-darker: hsl(var(--hue-info), var(--saturation-less), var(--lum-darker));
|
||||
--info-color-darkest: hsl(var(--hue-info), var(--saturation-less), var(--lum-darkest));
|
||||
|
||||
--success-color-lightest: hsl(var(--hue-success), var(--saturation-less), var(--lum-lightest));
|
||||
--success-color-lighter: hsl(var(--hue-success), var(--saturation-less), var(--lum-lighter));
|
||||
--success-color-light: hsl(var(--hue-success), var(--saturation-less), var(--lum-light));
|
||||
--success-color-mid: hsl(var(--hue-success), var(--saturation-less), var(--lum-mid));
|
||||
--success-color-dark: hsl(var(--hue-success), var(--saturation-less), var(--lum-dark));
|
||||
--success-color-darker: hsl(var(--hue-success), var(--saturation-less), var(--lum-darker));
|
||||
--success-color-darkest: hsl(var(--hue-success), var(--saturation-less), var(--lum-darkest));
|
||||
|
||||
--warning-color-lightest: hsl(var(--hue-warning), var(--saturation-less), var(--lum-lightest));
|
||||
--warning-color-lighter: hsl(var(--hue-warning), var(--saturation-less), var(--lum-lighter));
|
||||
--warning-color-light: hsl(var(--hue-warning), var(--saturation-less), var(--lum-light));
|
||||
--warning-color-mid: hsl(var(--hue-warning), var(--saturation-less), var(--lum-mid));
|
||||
--warning-color-dark: hsl(var(--hue-warning), var(--saturation-less), var(--lum-dark));
|
||||
--warning-color-darker: hsl(var(--hue-warning), var(--saturation-less), var(--lum-darker));
|
||||
--warning-color-darkest: hsl(var(--hue-warning), var(--saturation-less), var(--lum-darkest));
|
||||
|
||||
--danger-color-lightest: hsl(var(--hue-danger), var(--saturation-less), var(--lum-lightest));
|
||||
--danger-color-lighter: hsl(var(--hue-danger), var(--saturation-less), var(--lum-lighter));
|
||||
--danger-color-light: hsl(var(--hue-danger), var(--saturation-less), var(--lum-light));
|
||||
--danger-color-mid: hsl(var(--hue-danger), var(--saturation-less), var(--lum-mid));
|
||||
--danger-color-dark: hsl(var(--hue-danger), var(--saturation-less), var(--lum-dark));
|
||||
--danger-color-darker: hsl(var(--hue-danger), var(--saturation-less), var(--lum-darker));
|
||||
--danger-color-darkest: hsl(var(--hue-danger), var(--saturation-less), var(--lum-darkest));
|
||||
|
||||
--link-fg-color: #f1f6fa;
|
||||
--link-bg-color: #5196CF;
|
||||
--link-border-color: #4682b3;
|
||||
|
||||
--btn_trans_in_delay: 0s;
|
||||
--btn_trans_in_duration: .1s;
|
||||
--btn_trans_out_delay: .15s; /*.25s*/
|
||||
--btn_trans_out_duration: .15s;
|
||||
|
||||
--default_fg_lightness: 5%; /* foreground */
|
||||
--default_bg_lightness: 80%; /* background */
|
||||
--default_bd_lightness: 70%; /* border */
|
||||
|
||||
--outline_fg_lightness: calc(var(--default_fg_lightness) + 25%);
|
||||
--outline_bg_lightness: calc(var(--default_bg_lightness) + 15%);
|
||||
--outline_bd_lightness: calc(var(--default_bd_lightness) - 50%);
|
||||
|
||||
--disabled_fg_lightness: calc(var(--default_fg_lightness) + 40%);
|
||||
--disabled_bg_lightness: calc(var(--default_bg_lightness) + 10%);
|
||||
--disabled_bd_lightness: calc(var(--default_bd_lightness) - 10%);
|
||||
|
||||
--hover_fg_lightness: calc(var(--default_fg_lightness) - 5%);
|
||||
--hover_bg_lightness: calc(var(--default_bg_lightness) - 20%);
|
||||
--hover_bd_lightness: calc(var(--default_bd_lightness) - 30%);
|
||||
|
||||
|
||||
--site_menu_btn_color: hsla(0,0%,var(--default_fg_lightness),1);
|
||||
--site_menu_btn_bg_color: hsla(0,0%,var(--default_bg_lightness),1);
|
||||
--site_menu_btn_border_color: hsla(0,0%,var(--default_bd_lightness),1);
|
||||
|
||||
--site_menu_btn_disabled_color: hsla(0,0%,var(--disabled_fg_lightness),1);
|
||||
--site_menu_btn_disabled_bg_color: hsla(0,0%,var(--disabled_bg_lightness),1);
|
||||
--site_menu_btn_disabled_border_color: hsla(0,0%,var(--disabled_bd_lightness),1);
|
||||
|
||||
--site_menu_btn_hover_color: hsla(0,50%,var(--hover_fg_lightness),1);
|
||||
--site_menu_btn_hover_bg_color: hsla(0,0%,var(--hover_bg_lightness),1);
|
||||
--site_menu_btn_hover_border_color: hsla(0,0%,var(--hover_bd_lightness),1);
|
||||
|
||||
--site_footer_color: hsla(0,0%,35%,1);
|
||||
--site_footer_bg_color: hsla(0,0%,100%,1);
|
||||
--site_footer_border_color: hsla(0,0%,80%,1);
|
||||
|
||||
--site_footer_hover_color: hsla(0,0%,5%,1);
|
||||
--site_footer_hover_bg_color: hsla(0,0%,100%,1);
|
||||
--site_footer_hover_border_color: hsla(0,0%,70%,1);
|
||||
|
||||
--system_footer_color: hsla(0,0%,35%,1);
|
||||
--system_footer_bg_color: hsla(0,0%,90%,1);
|
||||
--system_footer_border_color: hsla(0,0%,80%,1);
|
||||
|
||||
--system_footer_hover_color: hsla(0,0%,5%,1);
|
||||
--system_footer_hover_bg_color: hsla(0,0%,80%,1);
|
||||
--system_footer_hover_border_color: hsla(0,0%,70%,1);
|
||||
|
||||
--btn_font_weight_disabled: 300;
|
||||
--btn_font_weight_default: 400;
|
||||
--btn_font_weight_active: 500;
|
||||
--btn_font_weight_primary: 700;
|
||||
|
||||
/* Default Buttons */
|
||||
--default_btn_color: hsla(var(--hue-default),var(--saturation-least),var(--default_fg_lightness),1);
|
||||
--default_btn_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--default_bg_lightness),1);
|
||||
--default_btn_border_color: hsla(var(--hue-default),var(--saturation-least),var(--default_bd_lightness),1);
|
||||
|
||||
--default_btn_outline_color: hsla(var(--hue-default),var(--saturation-most),var(--outline_fg_lightness),1);
|
||||
--default_btn_outline_bg_color: hsla(var(--hue-default),var(--saturation-less),var(--outline_bg_lightness),1);
|
||||
--default_btn_outline_border_color: hsla(var(--hue-default),var(--saturation-most),var(--outline_bd_lightness),1);
|
||||
|
||||
--default_btn_disabled_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_fg_lightness),1);
|
||||
--default_btn_disabled_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_bg_lightness),1);
|
||||
--default_btn_disabled_border_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_bd_lightness),1);
|
||||
|
||||
--default_btn_hover_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_fg_lightness),1);
|
||||
--default_btn_hover_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_bg_lightness),1);
|
||||
--default_btn_hover_border_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_bd_lightness),1);
|
||||
|
||||
/* Primary Buttons */
|
||||
--primary_btn_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_fg_lightness),1);
|
||||
--primary_btn_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_bg_lightness),1);
|
||||
--primary_btn_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_bd_lightness),1);
|
||||
|
||||
--primary_btn_outline_color: hsla(var(--hue-primary),var(--saturation-most),var(--outline_fg_lightness),1);
|
||||
--primary_btn_outline_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--outline_bg_lightness),1);
|
||||
--primary_btn_outline_border_color: hsla(var(--hue-primary),var(--saturation-most),var(--outline_bd_lightness),1);
|
||||
|
||||
--primary_btn_disabled_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_fg_lightness),1);
|
||||
--primary_btn_disabled_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_bg_lightness),1);
|
||||
--primary_btn_disabled_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_bd_lightness),1);
|
||||
|
||||
--primary_btn_hover_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_fg_lightness),1);
|
||||
--primary_btn_hover_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_bg_lightness),1);
|
||||
--primary_btn_hover_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_bd_lightness),1);
|
||||
|
||||
/* Secondary Buttons */
|
||||
--secondary_btn_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_fg_lightness),1);
|
||||
--secondary_btn_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_bg_lightness),1);
|
||||
--secondary_btn_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_bd_lightness),1);
|
||||
|
||||
--secondary_btn_outline_color: hsla(var(--hue-secondary),var(--saturation-most),var(--outline_fg_lightness),1);
|
||||
--secondary_btn_outline_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--outline_bg_lightness),1);
|
||||
--secondary_btn_outline_border_color: hsla(var(--hue-secondary),var(--saturation-most),var(--outline_bd_lightness),1);
|
||||
|
||||
--secondary_btn_disabled_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_fg_lightness),1);
|
||||
--secondary_btn_disabled_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_bg_lightness),1);
|
||||
--secondary_btn_disabled_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_bd_lightness),1);
|
||||
|
||||
--secondary_btn_hover_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_fg_lightness),1);
|
||||
--secondary_btn_hover_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_bg_lightness),1);
|
||||
--secondary_btn_hover_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_bd_lightness),1);
|
||||
|
||||
/* Info Buttons */
|
||||
--info_btn_color: hsla(var(--hue-info),var(--saturation-less),var(--default_fg_lightness),1);
|
||||
--info_btn_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--default_bg_lightness),1);
|
||||
--info_btn_border_color: hsla(var(--hue-info),var(--saturation-less),var(--default_bd_lightness),1);
|
||||
|
||||
--info_btn_outline_color: hsla(var(--hue-info),var(--saturation-most),var(--outline_fg_lightness),1);
|
||||
--info_btn_outline_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--outline_bg_lightness),1);
|
||||
--info_btn_outline_border_color: hsla(var(--hue-info),var(--saturation-most),var(--outline_bd_lightness),1);
|
||||
|
||||
--info_btn_disabled_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_fg_lightness),1);
|
||||
--info_btn_disabled_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_bg_lightness),1);
|
||||
--info_btn_disabled_border_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_bd_lightness),1);
|
||||
|
||||
--info_btn_hover_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_fg_lightness),1);
|
||||
--info_btn_hover_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_bg_lightness),1);
|
||||
--info_btn_hover_border_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_bd_lightness),1);
|
||||
|
||||
/* Success Buttons */
|
||||
--success_btn_color: hsla(var(--hue-success),var(--saturation-less),var(--default_fg_lightness),1);
|
||||
--success_btn_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--default_bg_lightness),1);
|
||||
--success_btn_border_color: hsla(var(--hue-success),var(--saturation-less),var(--default_bd_lightness),1);
|
||||
|
||||
--success_btn_outline_color: hsla(var(--hue-success),var(--saturation-most),var(--outline_fg_lightness),1);
|
||||
--success_btn_outline_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--outline_bg_lightness),1);
|
||||
--success_btn_outline_border_color: hsla(var(--hue-success),var(--saturation-most),var(--outline_bd_lightness),1);
|
||||
|
||||
--success_btn_disabled_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_fg_lightness),1);
|
||||
--success_btn_disabled_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_bg_lightness),1);
|
||||
--success_btn_disabled_border_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_bd_lightness),1);
|
||||
|
||||
--success_btn_hover_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_fg_lightness),1);
|
||||
--success_btn_hover_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_bg_lightness),1);
|
||||
--success_btn_hover_border_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_bd_lightness),1);
|
||||
|
||||
/* Warning Buttons */
|
||||
--warning_btn_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_fg_lightness),1);
|
||||
--warning_btn_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_bg_lightness),1);
|
||||
--warning_btn_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_bd_lightness),1);
|
||||
|
||||
--warning_btn_outline_color: hsla(var(--hue-warning),var(--saturation-most),var(--outline_fg_lightness),1);
|
||||
--warning_btn_outline_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--outline_bg_lightness),1);
|
||||
--warning_btn_outline_border_color: hsla(var(--hue-warning),var(--saturation-most),var(--outline_bd_lightness),1);
|
||||
|
||||
--warning_btn_disabled_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_fg_lightness),1);
|
||||
--warning_btn_disabled_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_bg_lightness),1);
|
||||
--warning_btn_disabled_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_bd_lightness),1);
|
||||
|
||||
--warning_btn_hover_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_fg_lightness),1);
|
||||
--warning_btn_hover_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_bg_lightness),1);
|
||||
--warning_btn_hover_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_bd_lightness),1);
|
||||
|
||||
/* Danger Buttons */
|
||||
--danger_btn_color: hsla(var(--hue-danger),var(--saturation-less),var(--default_fg_lightness),1);
|
||||
--danger_btn_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--default_bg_lightness),1);
|
||||
--danger_btn_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--default_bd_lightness),1);
|
||||
|
||||
--danger_btn_outline_color: hsla(var(--hue-danger),var(--saturation-most),var(--outline_fg_lightness),1);
|
||||
--danger_btn_outline_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--outline_bg_lightness),1);
|
||||
--danger_btn_outline_border_color: hsla(var(--hue-danger),var(--saturation-most),var(--outline_bd_lightness),1);
|
||||
|
||||
--danger_btn_disabled_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_fg_lightness),1);
|
||||
--danger_btn_disabled_bg_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_bg_lightness),1);
|
||||
--danger_btn_disabled_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_bd_lightness),1);
|
||||
|
||||
--danger_btn_hover_color: hsla(var(--hue-danger),var(--saturation-less),var(--hover_fg_lightness),1);
|
||||
--danger_btn_hover_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--hover_bg_lightness),1);
|
||||
--danger_btn_hover_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--hover_bd_lightness),1);
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* https://encycolorpedia.com/035096
|
||||
* Medium electric blue / #035096
|
||||
*
|
||||
* https://encycolorpedia.com/32527b
|
||||
* Metallic blue / #32527b
|
||||
*
|
||||
* https://encycolorpedia.com/4682b4
|
||||
* Steelblue / Steel blue / #4682b4
|
||||
*/
|
||||
|
||||
/*
|
||||
* Faux-Metallic Blue #335f83
|
||||
* http://www.2020colours.com/335f83
|
||||
* https://encycolorpedia.com/335f83
|
||||
* https://www.w3schools.com/w3css/w3css_color_generator.asp
|
||||
*
|
||||
* #335f83
|
||||
* rgb(51, 95, 131)
|
||||
* hsl(147, 112%, 91%)
|
||||
* cmyk(61, 27, 0, 49)
|
||||
*
|
||||
* complementary #825633
|
||||
* warning #CFB33C, rgb(207,179,60)
|
||||
* danger #B55F35, rgb(181,95,53)
|
||||
*/
|
||||
.aether__theme--l5 {color:#000 !important; background-color:#f1f6fa !important}
|
||||
.aether__theme--l4 {color:#000 !important; background-color:#d0e0ed !important}
|
||||
.aether__theme--l3 {color:#000 !important; background-color:#a1c1da !important}
|
||||
.aether__theme--l2 {color:#fff !important; background-color:#72a1c8 !important}
|
||||
.aether__theme--l1 {color:#fff !important; background-color:#4682b3 !important}
|
||||
.aether__theme--d1 {color:#fff !important; background-color:#2e5677 !important}
|
||||
.aether__theme--d2 {color:#fff !important; background-color:#294d6a !important}
|
||||
.aether__theme--d3 {color:#fff !important; background-color:#24435d !important}
|
||||
.aether__theme--d4 {color:#fff !important; background-color:#1f3a4f !important}
|
||||
.aether__theme--d5 {color:#fff !important; background-color:#1a3042 !important}
|
||||
|
||||
.aether__theme--light {color:#000 !important; background-color:#f1f6fa !important}
|
||||
.aether__theme--dark {color:#fff !important; background-color:#1a3042 !important}
|
||||
.aether__theme--action {color:#fff !important; background-color:#1a3042 !important}
|
||||
|
||||
.aether__theme {color:#fff !important; background-color:#335f83 !important}
|
||||
.aether__theme--text {color:#335f83 !important}
|
||||
.aether__theme--border {border-color:#335f83 !important}
|
||||
|
||||
.aether__theme--hover:hover {color:#fff !important; background-color:#335f83 !important}
|
||||
.aether__theme--text_hover:hover {color:#335f83 !important}
|
||||
.aether__theme--border_hover:hover {border-color:#335f83 !important}
|
||||
|
||||
/*
|
||||
* success #66be07
|
||||
* info #00beff
|
||||
* danger #660007
|
||||
*
|
||||
* error #660007
|
||||
*
|
||||
* primary 5196CF
|
||||
* secondary 688297
|
||||
*
|
||||
* info 8FB2CF (blue)
|
||||
* success 2C827B (green)
|
||||
*
|
||||
* warning 7F8226 (brown yellow)
|
||||
* danger 824240 (brown orange)
|
||||
*
|
||||
* other 393B82 (purple)
|
||||
*/
|
||||
@@ -1,774 +0,0 @@
|
||||
body {
|
||||
background-color: steelblue;
|
||||
/* https://app.haikei.app/ */
|
||||
background-image: url('../static/images/site_background.svg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
body>.body_container {
|
||||
}
|
||||
|
||||
/* #System-Nav-Menu { } */
|
||||
#Site-Header { }
|
||||
#Site-Nav-Menu { }
|
||||
#System-Notifications { }
|
||||
#Main-Body {
|
||||
}
|
||||
#Main-Notifications { }
|
||||
#Main-Nav-Menu { }
|
||||
#Main-Content { }
|
||||
#Site-Footer { }
|
||||
/* #System-Footer { } */
|
||||
/* #System-Nav-Menu-Float { } */
|
||||
/* #System-Debug { } */
|
||||
|
||||
|
||||
/* #System-Nav-Menu { outline: dashed thin red; } */
|
||||
/* #Site-Header { outline: dashed thin red; } */
|
||||
/* #Site-Nav-Menu { outline: dashed thin pink; } */
|
||||
/* #System-Notifications { outline: dashed thin red; } */
|
||||
/* #Main-Body { outline: dotted thin green; } */
|
||||
/* #Main-Notifications { outline: dotted thin blue; } */
|
||||
/* #Main-Nav-Menu { outline: dotted thin blue; } */
|
||||
/* #Main-Content { outline: dotted thin blue; } */
|
||||
/* #Site-Footer { outline: dotted thin blue; } */
|
||||
/* #System-Footer { outline: dashed thin red; } */
|
||||
/* #System-Debug { outline: dashed thin red; } */
|
||||
|
||||
|
||||
#System-Nav-Menu {
|
||||
border: solid thick transparent;
|
||||
border-top: none;
|
||||
border-left: solid thick hsl(var(--hue-green),var(--saturation-least),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-green),var(--saturation-least),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-green),var(--saturation-least),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to bottom,
|
||||
hsl(var(--hue-green),var(--saturation-least),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
background-color: hsla(0,0%,100%,.98);
|
||||
}
|
||||
|
||||
#System-Nav-Menu:hover {
|
||||
border-left: solid thick hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
/* background-color: hsla(0,0%,80%,1); */
|
||||
background-image: linear-gradient(to right, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest).1) 0%, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest),.9) 3%, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest),.9) 97%, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest),.1) 100%);
|
||||
|
||||
}
|
||||
|
||||
#System-Nav-Menu img {
|
||||
}
|
||||
#System-Nav-Menu:hover img {
|
||||
}
|
||||
|
||||
.system_menu_clicked {
|
||||
border-left: solid thick hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
background-image: linear-gradient(to right, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest).1) 0%, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest),.9) 3%, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest),.9) 97%, hsla(var(--hue-yellow), var(--saturation-less), var(--lum-lightest),.1) 100%);
|
||||
}
|
||||
|
||||
|
||||
.system_menu_begin {
|
||||
/*border: solid thin red;*/
|
||||
|
||||
text-shadow: 0 0 .25rem hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),1), 0 0 .75rem hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),1), 0 0 1rem hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),1);
|
||||
|
||||
color: black;
|
||||
|
||||
/*background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),.9) 3%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),.9) 97%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),0) 100%);*/
|
||||
}
|
||||
.system_menu_begin:hover {
|
||||
}
|
||||
|
||||
.system_menu_center {
|
||||
/*border: solid thin blue;*/
|
||||
|
||||
/*background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-mid),.1) 25%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-mid),.8) 50%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-mid),.9) 75%);*/
|
||||
}
|
||||
|
||||
.system_menu_end {
|
||||
/*border: solid thin red;*/
|
||||
|
||||
text-shadow: 0 0 .25rem white, 0 0 .75rem hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),1), 0 0 1rem hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),1);
|
||||
|
||||
color: black;
|
||||
|
||||
/*background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.6) 20%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.6) 80%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 100%);*/
|
||||
}
|
||||
.system_menu_end:hover {
|
||||
}
|
||||
|
||||
.system_menu_hidden {
|
||||
border-bottom: solid thin gray;
|
||||
|
||||
/*background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.9) 3%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.9) 97%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 100%);*/
|
||||
}
|
||||
.system_menu_hidden:hover {
|
||||
}
|
||||
|
||||
.system_menu_visible {
|
||||
/*border-bottom: solid thin gray;*/
|
||||
|
||||
/*background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.9) 3%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.9) 97%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 100%);*/
|
||||
}
|
||||
.system_menu_visible:hover {
|
||||
}
|
||||
|
||||
.system_menu_name {
|
||||
/*border: dashed thin blue;*/
|
||||
|
||||
background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.8) 3%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.8) 97%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 100%);
|
||||
}
|
||||
|
||||
.system_menu_name img {
|
||||
}
|
||||
|
||||
.system_menu_information {
|
||||
/*border: dashed thin green;*/
|
||||
|
||||
background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.8) 3%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.8) 97%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),0) 100%);
|
||||
}
|
||||
.system_menu_information:hover {
|
||||
/*background-color: gray;*/
|
||||
|
||||
/*background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),.9) 3%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),.9) 97%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lighter),0) 100%);*/
|
||||
|
||||
background-image: linear-gradient(to right, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.0) 0%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.97) 3%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.97) 97%, hsla(var(--hue-blue), var(--saturation-least), var(--lum-lightest),.0) 100%);
|
||||
|
||||
}
|
||||
|
||||
/* Set style based on the user's permissions */
|
||||
.system_menu.user_super {
|
||||
border-left: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to bottom,
|
||||
hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
.system_menu.user_manager {
|
||||
border-left: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to bottom,
|
||||
hsl(var(--hue-orange),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
.system_menu.user_administrator {
|
||||
border-left: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to bottom,
|
||||
hsl(var(--hue-yellow),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
.system_menu.user_verified {
|
||||
border-left: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to bottom,
|
||||
hsl(var(--hue-yellow),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
.system_menu.user_authenticated {
|
||||
border-left: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-right: solid thick hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-bottom: solid thin hsl(var(--hue-red),var(--saturation-most),var(--lum-darkest));
|
||||
border-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
hsl(var(--hue-green),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
) 1;
|
||||
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to bottom,
|
||||
hsl(var(--hue-cyan),var(--saturation-most),var(--lum-darkest)),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
.system_menu .user_status_options {
|
||||
font-size: .8rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
/* *** END *** System *** System Menu (root menu) *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** System Menu Floating/Fixed (root menu) *** */
|
||||
#System-Nav-Menu-Float {
|
||||
background-color: rgba(220,175,175,.8);
|
||||
}
|
||||
/* *** END *** System *** System Menu Floating/Fixed (root menu) *** */
|
||||
|
||||
|
||||
#Site-Header {
|
||||
background-color: hsla(0,0%,100%,.98);
|
||||
}
|
||||
|
||||
#Site-Header img {
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** System Site Nav Menu *** */
|
||||
#Site-Nav-Menu {
|
||||
background-color: hsla(0,0%,100%,.98);
|
||||
border-bottom: solid thin hsla(0,0%,80%,1);
|
||||
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul {
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul>li {
|
||||
/* background-color: var(--site_menu_btn_bg_color); */
|
||||
/* border: solid thin var(--site_menu_btn_border_color);
|
||||
* border-radius: .25rem; */
|
||||
/* font-weight: var(--btn_font_weight_default); */
|
||||
/* color: var(--site_menu_btn_color); */
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul>li:hover {
|
||||
/* background-color: var(--site_menu_btn_hover_bg_color); */
|
||||
/* border: solid thin var(--site_menu_btn_hover_border_color); */
|
||||
/* color: var(--site_menu_btn_hover_color); */
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul>li.nav_disabled {
|
||||
/* background-color: var(--site_menu_btn_disabled_bg_color);
|
||||
* border: solid thin var(--site_menu_btn_disabled_border_color);
|
||||
*
|
||||
* font-weight: var(--btn_font_weight_disabled);
|
||||
* color: var(--site_menu_btn_disabled_color);
|
||||
* text-decoration: line-through; */
|
||||
}
|
||||
#Site-Nav-Menu ul>li.nav_active {
|
||||
/* font-weight: var(--btn_font_weight_active); */
|
||||
}
|
||||
#Site-Nav-Menu ul>li.nav_primary {
|
||||
font-weight: var(--btn_font_weight_primary);
|
||||
/* border-right: solid thin hsla(0,0%,50%,.5); */
|
||||
}
|
||||
|
||||
#Site-Nav-Menu .btn {
|
||||
border-color: hsla(0,0%,90%,.1);
|
||||
background-color: hsla(0,0%,90%,.1);
|
||||
}
|
||||
/* *** END *** System *** System Site Nav Menu *** */
|
||||
|
||||
#System-Notifications {
|
||||
background-color: hsla(0,0%,100%,.98);
|
||||
}
|
||||
|
||||
|
||||
#Main-Body {
|
||||
background-color: hsla(0,0%,100%,.98);
|
||||
}
|
||||
|
||||
#Main-Notifications {
|
||||
/* background-color: hsla(var(--hue-info),var(--saturation-least),var(--lum-lighter),.1); */
|
||||
/* background-color: hsla(0,0%,100%,.98); */
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** Main *** Main Nav Menu *** */
|
||||
#Main-Nav-Menu {
|
||||
|
||||
}
|
||||
|
||||
#Main-Nav-Menu ul {
|
||||
}
|
||||
|
||||
#Main-Nav-Menu ul>li {
|
||||
}
|
||||
|
||||
#Main-Nav-Menu ul>li:hover {
|
||||
}
|
||||
|
||||
#Main-Nav-Menu ul>li.disabled {
|
||||
background-color: var(--site_menu_btn_disabled_bg_color);
|
||||
border: solid thin var(--site_menu_btn_disabled_border_color);
|
||||
|
||||
font-weight: var(--btn_font_weight_disabled);
|
||||
color: var(--site_menu_btn_disabled_color);
|
||||
text-decoration: line-through;
|
||||
}
|
||||
#Main-Nav-Menu ul>li.active {
|
||||
font-weight: var(--btn_font_weight_active);
|
||||
}
|
||||
#Main-Nav-Menu ul>li.primary {
|
||||
font-weight: var(--btn_font_weight_primary);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#Main-Nav-Menu .m_btn {
|
||||
appearance: button;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
background-color: var(--site_menu_btn_bg_color);
|
||||
|
||||
border: solid thin var(--site_menu_btn_border_color);
|
||||
border-radius: .25rem;
|
||||
|
||||
/* line-height: 1rem; */
|
||||
/* font-size: 1rem; */
|
||||
font-weight: var(--btn_font_weight_default);
|
||||
text-align: center;
|
||||
|
||||
color: var(--site_menu_btn_color);
|
||||
|
||||
/* NOTE: transition when hover ends */
|
||||
transition-property: color, background-color, border-color;
|
||||
transition-delay: var(--btn_trans_out_delay); /* short delay */
|
||||
transition-duration: var(--btn_trans_out_duration);
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
#Main-Nav-Menu .m_btn:hover {
|
||||
/* background-color: var(--site_menu_btn_hover_bg_color); */
|
||||
|
||||
/* border: solid thin var(--site_menu_btn_hover_border_color); */
|
||||
|
||||
/* color: var(--site_menu_btn_hover_color); */
|
||||
|
||||
/* NOTE: transition when hover starts */
|
||||
transition-property: color, background-color, border-color;
|
||||
transition-delay: var(--btn_trans_in_delay); /* no delay */
|
||||
transition-duration: var(--btn_trans_in_duration);
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
/* *** END *** System *** System Main Nav Menu *** */
|
||||
|
||||
#Main-Content {
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** Site Footer *** */
|
||||
/* site_footer or site_footer or site_status is the global (root) footer or status bar */
|
||||
#Site-Footer {
|
||||
background-color: var(--site_footer_bg_color);
|
||||
|
||||
border-top: solid thin var(--site_footer_border_color);
|
||||
|
||||
color: var(--site_footer_color);
|
||||
}
|
||||
|
||||
#Site-Footer:hover {
|
||||
background-color: var(--site_footer_hover_bg_color);
|
||||
|
||||
border-top: solid thin var(--site_footer_hover_border_color);
|
||||
|
||||
color: var(--site_footer_hover_color);
|
||||
}
|
||||
|
||||
.site_footer .footer_left {
|
||||
}
|
||||
.site_footer .footer_right {
|
||||
}
|
||||
/* *** END *** System *** Site Footer *** */
|
||||
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** System Footer *** */
|
||||
/* system_footer or system_footer or system_status is the global (root) footer or status bar */
|
||||
#System-Footer {
|
||||
font-size: .8rem;
|
||||
|
||||
background-color: var(--system_footer_bg_color);
|
||||
|
||||
border-top: solid thin var(--system_footer_border_color);
|
||||
|
||||
color: var(--system_footer_color);
|
||||
|
||||
/* NOTE: transition when hover ends */
|
||||
transition-property: color, background-color, border-color;
|
||||
transition-delay: var(--btn_trans_out_delay); /* short delay */
|
||||
transition-duration: var(--btn_trans_out_duration);
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
#System-Footer:hover {
|
||||
background-color: var(--system_footer_hover_bg_color);
|
||||
|
||||
border-top: solid thin var(--system_footer_hover_border_color);
|
||||
|
||||
color: var(--system_footer_hover_color);
|
||||
|
||||
/* NOTE: transition when hover starts */
|
||||
transition-property: color, background-color, border-color;
|
||||
transition-delay: var(--btn_trans_in_delay); /* no delay */
|
||||
transition-duration: var(--btn_trans_in_duration);
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.system_footer .footer_left {
|
||||
}
|
||||
.system_footer .footer_right {
|
||||
}
|
||||
/* *** END *** System *** System Footer *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** Debug *** */
|
||||
#hidden_system_debug {
|
||||
}
|
||||
|
||||
#System-Debug {
|
||||
/* background-color: rgba(220,175,175,.95); */
|
||||
background-color: rgba(220,175,175,1);
|
||||
|
||||
border: dashed thin pink;
|
||||
|
||||
font-size: .7rem;
|
||||
|
||||
opacity: .75;
|
||||
transition: opacity .95s linear .5s;
|
||||
}
|
||||
|
||||
#System-Debug:hover {
|
||||
border: solid thin pink;
|
||||
|
||||
opacity: .95;
|
||||
|
||||
/* background-color: rgba(220,175,175,1); */
|
||||
}
|
||||
|
||||
.view_system_debug {
|
||||
cursor: help;
|
||||
}
|
||||
/* *** END *** System *** Debug *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** Buttons *** */
|
||||
a.btn {
|
||||
/* font-family: inherit; */
|
||||
/* font-size: inherit; */
|
||||
/* font-style: inherit; */
|
||||
/* font-weight: inherit; */
|
||||
/* line-height: inherit; */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button.btn {
|
||||
/* font-family: inherit; */
|
||||
/* font-size: inherit; */
|
||||
/* font-style: inherit; */
|
||||
/* font-weight: inherit; */
|
||||
/* line-height: inherit; */
|
||||
/* text-decoration: none; */
|
||||
}
|
||||
|
||||
.btn {
|
||||
appearance: button;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
border: solid thin var(--default_btn_border_color);
|
||||
border-radius: .25em;
|
||||
|
||||
margin: .0em;
|
||||
padding: .25em .5em;
|
||||
|
||||
line-height: 1em;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
/*display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;*/
|
||||
|
||||
/* NOTE: transition when hover ends */
|
||||
transition-property: color, background-color, border-color;
|
||||
transition-delay: var(--btn_trans_out_delay); /* short delay */
|
||||
transition-duration: var(--btn_trans_out_duration);
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
.btn:hover {
|
||||
/* NOTE: transition when hover starts */
|
||||
transition-property: color, background-color, border-color;
|
||||
transition-delay: var(--btn_trans_in_delay); /* no delay */
|
||||
transition-duration: var(--btn_trans_in_duration);
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.btn_default {
|
||||
color: var(--default_btn_color);
|
||||
background-color: var(--default_btn_bg_color);
|
||||
border: solid thin var(--default_btn_border_color);
|
||||
}
|
||||
.btn_default:hover {
|
||||
color: var(--default_btn_hover_color);
|
||||
background-color: var(--default_btn_hover_bg_color);
|
||||
border: solid thin var(--default_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_outline_default {
|
||||
color: var(--default_btn_outline_color);
|
||||
background-color: var(--default_btn_outline_bg_color);
|
||||
border: solid thin var(--default_btn_outline_border_color);
|
||||
}
|
||||
.btn_outline_default:hover {
|
||||
color: var(--default_btn_hover_color);
|
||||
background-color: var(--default_btn_hover_bg_color);
|
||||
border: solid thin var(--default_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_primary {
|
||||
font-weight: var(--btn_font_weight_primary);
|
||||
color: var(--primary_btn_color);
|
||||
background-color: var(--primary_btn_bg_color);
|
||||
border: solid thin var(--primary_btn_border_color);
|
||||
}
|
||||
.btn_primary:hover {
|
||||
color: var(--primary_btn_hover_color);
|
||||
background-color: var(--primary_btn_hover_bg_color);
|
||||
border: solid thin var(--primary_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_outline_primary {
|
||||
font-weight: var(--btn_font_weight_primary);
|
||||
color: var(--primary_btn_outline_color);
|
||||
background-color: var(--primary_btn_outline_bg_color);
|
||||
border: solid thin var(--primary_btn_outline_border_color);
|
||||
}
|
||||
.btn_outline_primary:hover {
|
||||
color: var(--primary_btn_hover_color);
|
||||
background-color: var(--primary_btn_hover_bg_color);
|
||||
border: solid thin var(--primary_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_secondary {
|
||||
font-weight: var(--btn_font_weight_default);
|
||||
color: var(--secondary_btn_color);
|
||||
background-color: var(--secondary_btn_bg_color);
|
||||
border: solid thin var(--secondary_btn_border_color);
|
||||
}
|
||||
.btn_secondary:hover {
|
||||
color: var(--secondary_btn_hover_color);
|
||||
background-color: var(--secondary_btn_hover_bg_color);
|
||||
border: solid thin var(--secondary_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_outline_secondary {
|
||||
font-weight: var(--btn_font_weight_default);
|
||||
color: var(--secondary_btn_outline_color);
|
||||
background-color: var(--secondary_btn_outline_bg_color);
|
||||
border: solid thin var(--secondary_btn_outline_border_color);
|
||||
}
|
||||
.btn_outline_secondary:hover {
|
||||
color: var(--secondary_btn_hover_color);
|
||||
background-color: var(--secondary_btn_hover_bg_color);
|
||||
border: solid thin var(--secondary_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_info {
|
||||
color: var(--info_btn_color);
|
||||
background-color: var(--info_btn_bg_color);
|
||||
border: solid thin var(--info_btn_border_color);
|
||||
}
|
||||
.btn_info:hover {
|
||||
color: var(--info_btn_hover_color);
|
||||
background-color: var(--info_btn_hover_bg_color);
|
||||
border: solid thin var(--info_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_outline_info {
|
||||
color: var(--info_btn_outline_color);
|
||||
background-color: var(--info_btn_outline_bg_color);
|
||||
border: solid thin var(--info_btn_outline_border_color);
|
||||
}
|
||||
.btn_outline_info:hover {
|
||||
color: var(--info_btn_hover_color);
|
||||
background-color: var(--info_btn_hover_bg_color);
|
||||
border: solid thin var(--info_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_success {
|
||||
color: var(--success_btn_color);
|
||||
background-color: var(--success_btn_bg_color);
|
||||
border: solid thin var(--success_btn_border_color);
|
||||
}
|
||||
.btn_success:hover {
|
||||
color: var(--success_btn_hover_color);
|
||||
background-color: var(--success_btn_hover_bg_color);
|
||||
border: solid thin var(--success_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_outline_success {
|
||||
color: var(--success_btn_outline_color);
|
||||
background-color: var(--success_btn_outline_bg_color);
|
||||
border: solid thin var(--success_btn_outline_border_color);
|
||||
}
|
||||
.btn_outline_success:hover {
|
||||
color: var(--success_btn_hover_color);
|
||||
background-color: var(--success_btn_hover_bg_color);
|
||||
border: solid thin var(--success_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_warning {
|
||||
color: var(--warning_btn_color);
|
||||
background-color: var(--warning_btn_bg_color);
|
||||
border: solid thin var(--warning_btn_border_color);
|
||||
}
|
||||
.btn_warning:hover {
|
||||
color: var(--warning_btn_hover_color);
|
||||
background-color: var(--warning_btn_hover_bg_color);
|
||||
border: solid thin var(--warning_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_outline_warning {
|
||||
color: var(--warning_btn_outline_color);
|
||||
background-color: var(--warning_btn_outline_bg_color);
|
||||
border: solid thin var(--warning_btn_outline_border_color);
|
||||
}
|
||||
.btn_outline_warning:hover {
|
||||
color: var(--warning_btn_hover_color);
|
||||
background-color: var(--warning_btn_hover_bg_color);
|
||||
border: solid thin var(--warning_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_danger {
|
||||
color: var(--danger_btn_color);
|
||||
background-color: var(--danger_btn_bg_color);
|
||||
border: solid thin var(--danger_btn_border_color);
|
||||
}
|
||||
.btn_danger:hover {
|
||||
color: var(--danger_btn_hover_color);
|
||||
background-color: var(--danger_btn_hover_bg_color);
|
||||
border: solid thin var(--danger_btn_hover_border_color);
|
||||
}
|
||||
|
||||
.btn_outline_danger {
|
||||
color: var(--danger_btn_outline_color);
|
||||
background-color: var(--danger_btn_outline_bg_color);
|
||||
border: solid thin var(--danger_btn_outline_border_color);
|
||||
}
|
||||
.btn_outline_danger:hover {
|
||||
color: var(--danger_btn_hover_color);
|
||||
background-color: var(--danger_btn_hover_bg_color);
|
||||
border: solid thin var(--danger_btn_hover_border_color);
|
||||
}
|
||||
|
||||
/* Button Modifiers */
|
||||
.btn.btn_active {
|
||||
}
|
||||
.btn.btn_disabled {
|
||||
/* background-color: var(--site_menu_btn_disabled_bg_color); */
|
||||
/* border: solid thin var(--site_menu_btn_disabled_border_color); */
|
||||
|
||||
font-weight: var(--btn_font_weight_disabled);
|
||||
/* color: var(--site_menu_btn_disabled_color); */
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.btn.btn_sm {
|
||||
line-height: 1em;
|
||||
font-size: .9em;
|
||||
}
|
||||
.btn.btn_md {
|
||||
line-height: 1em;
|
||||
font-size: 1em;
|
||||
}
|
||||
.btn.btn_lg {
|
||||
line-height: 1em;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
ul.btn_list>li {
|
||||
display: block;
|
||||
/* margin: .75rem 0rem; */
|
||||
/* padding: 0; */
|
||||
}
|
||||
ul.btn_list>li:hover {
|
||||
outline: dashed thin pink;
|
||||
}
|
||||
/* *** END *** System *** Buttons *** */
|
||||
|
||||
|
||||
/*x-Small devices (portrait phones, less than 576px)*/
|
||||
@media (max-width: 575px) {
|
||||
.btn {
|
||||
padding: .1em .1em;
|
||||
}
|
||||
}
|
||||
|
||||
/*Small devices (landscape phones, 576px and up)*/
|
||||
@media (min-width: 576px) and (max-width: 767px) {
|
||||
.btn {
|
||||
padding: .1em .25em;
|
||||
}
|
||||
}
|
||||
@@ -1,555 +0,0 @@
|
||||
html {
|
||||
}
|
||||
body {
|
||||
/*padding-top: 2.6rem;*/
|
||||
/*padding-top: 1rem;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;*/
|
||||
/*padding-bottom: 2rem;*/
|
||||
padding-bottom: 0rem;
|
||||
padding: .3rem;
|
||||
}
|
||||
|
||||
body>.body_container {
|
||||
display: grid;
|
||||
grid-template-columns: 100%;
|
||||
/* grid-template-rows: min-content min-content min-content min-content max-content min-content min-content; */
|
||||
/*grid-template-rows: min-content min-content min-content max-content min-content;*/
|
||||
grid-template-rows: 100%;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
/* "System-Nav-Menu" */
|
||||
"Site-Header"
|
||||
"Site-Nav-Menu"
|
||||
"System-Notifications"
|
||||
"Main-Body"
|
||||
"Site-Footer";
|
||||
/* "System-Footer"; */
|
||||
|
||||
max-width: 1440px;
|
||||
margin: auto;
|
||||
/*padding: 2.25rem 0rem 2rem;*/ /* top right/left bottom */
|
||||
|
||||
/*max-height: 100vh;*/
|
||||
}
|
||||
|
||||
/* #System-Nav-Menu { grid-area: System-Nav-Menu; } */
|
||||
#Site-Header { grid-area: Site-Header; }
|
||||
#Site-Nav-Menu { grid-area: Site-Nav-Menu; }
|
||||
#System-Notifications { grid-area: System-Notifications; }
|
||||
#Main-Body {
|
||||
display: grid;
|
||||
/*grid-template-columns: fit-content(15%) fit-content(85%);*/
|
||||
grid-template-columns: 15rem 1fr;
|
||||
grid-template-rows: auto 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
/*"Main-Nav-Menu Main-Notifications"*/
|
||||
"Main-Nav-Menu Main-Content";
|
||||
grid-area: Main-Body;
|
||||
}
|
||||
/*#Main-Notifications { grid-area: Main-Notifications; }*/
|
||||
#Main-Nav-Menu { grid-area: Main-Nav-Menu; }
|
||||
#Main-Content { grid-area: Main-Content; }
|
||||
#Site-Footer { grid-area: Site-Footer; }
|
||||
/* #System-Footer { grid-area: System-Footer; } */
|
||||
/* #System-Nav-Menu-Float { } */
|
||||
/* #System-Debug { grid-area: System-Debug; } */
|
||||
|
||||
|
||||
|
||||
#System-Nav-Menu {
|
||||
z-index: 1040; /* Bootstrap's modal background is also z-index: 1040 */
|
||||
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
width: 100vw;
|
||||
max-width: 1440px;
|
||||
|
||||
/* margin: auto; */
|
||||
padding-top: .03rem;
|
||||
padding-left: .03rem;
|
||||
padding-right: .03rem;
|
||||
padding-bottom: .03rem;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
min-height: 2.25rem;
|
||||
max-height: 2.25rem;
|
||||
|
||||
/* NOTE: transition when no longer hovering */
|
||||
transition-property: height, max-height;
|
||||
transition-delay: 4s;
|
||||
transition-duration: .1s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
#System-Nav-Menu:hover {
|
||||
z-index: 1051; /* Bootstrap's modal background is z-index: 1040 */
|
||||
|
||||
/* height: auto; */
|
||||
max-height: 10rem;
|
||||
|
||||
/* NOTE: transition when hover starts */
|
||||
transition-property: height, max-height;
|
||||
transition-delay: 1.5s;
|
||||
transition-duration: .15s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
#System-Nav-Menu img {
|
||||
max-height: 2rem;
|
||||
}
|
||||
#System-Nav-Menu:hover img {
|
||||
max-height: 2.5rem;
|
||||
}
|
||||
|
||||
.system_menu_clicked {
|
||||
z-index: 1051; /* Bootstrap's modal background is z-index: 1040 */
|
||||
|
||||
/* height: 5.5rem; */
|
||||
max-height: 10rem;
|
||||
|
||||
/* NOTE: transition when hover starts */
|
||||
transition-property: height;
|
||||
transition-delay: 0s;
|
||||
transition-duration: .15s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
|
||||
.system_menu_begin {
|
||||
/*border: solid thin red;*/
|
||||
align-self: flex-end;
|
||||
|
||||
display: flex;
|
||||
/*align-content: center;*/
|
||||
align-items: center;
|
||||
/*justify-content: center;*/
|
||||
|
||||
height: 100%;
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
.system_menu_begin:hover {
|
||||
}
|
||||
|
||||
.system_menu_center {
|
||||
align-self: flex-end;
|
||||
flex: auto;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.system_menu_end {
|
||||
align-self: flex-end;
|
||||
|
||||
display: flex;
|
||||
/*align-content: center;*/
|
||||
align-items: center;
|
||||
/*justify-content: center;*/
|
||||
|
||||
height: 100%;
|
||||
padding: 0 .25rem;
|
||||
}
|
||||
.system_menu_end:hover {
|
||||
}
|
||||
|
||||
.system_menu_hidden {
|
||||
align-self: flex-end;
|
||||
flex: auto;
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
margin: 0;
|
||||
padding: .1rem .75rem;
|
||||
}
|
||||
.system_menu_hidden:hover {
|
||||
}
|
||||
|
||||
.system_menu_visible {
|
||||
align-self: flex-end;
|
||||
flex: auto;
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
margin: 0;
|
||||
padding: .1rem .75rem;
|
||||
}
|
||||
.system_menu_visible:hover {
|
||||
}
|
||||
|
||||
.system_menu_name {
|
||||
/*flex: auto;*/
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-begin;
|
||||
align-items: center;
|
||||
|
||||
margin: 0;
|
||||
padding: 0rem .5rem;
|
||||
}
|
||||
|
||||
.system_menu_name img {
|
||||
max-height: 1rem;
|
||||
}
|
||||
|
||||
.system_menu_information {
|
||||
/*border: dashed thin green;*/
|
||||
/*flex: auto;*/
|
||||
align-self: flex-end;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
|
||||
margin: 0;
|
||||
padding: 0rem .5rem;
|
||||
}
|
||||
.system_menu_information:hover {
|
||||
}
|
||||
|
||||
/* Set style based on the user's permissions */
|
||||
.system_menu.user_super {
|
||||
}
|
||||
|
||||
.system_menu.user_manager {
|
||||
}
|
||||
|
||||
.system_menu.user_administrator {
|
||||
}
|
||||
|
||||
.system_menu.user_verified {
|
||||
}
|
||||
|
||||
.system_menu.user_authenticated {
|
||||
}
|
||||
|
||||
.system_menu .user_status_options {
|
||||
}
|
||||
/* *** END *** System *** System Menu (root menu) *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** System Menu Floating/Fixed (root menu) *** */
|
||||
#System-Nav-Menu-Float {
|
||||
z-index: 1040;
|
||||
position: fixed;
|
||||
top: .1rem;
|
||||
right: .1rem;
|
||||
|
||||
padding: .1rem .5rem;
|
||||
}
|
||||
/* *** END *** System *** System Menu Floating/Fixed (root menu) *** */
|
||||
|
||||
|
||||
#Site-Header {
|
||||
position: relative;
|
||||
|
||||
max-height: 10vh;
|
||||
|
||||
margin: 0;
|
||||
padding: .25rem;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* flex-wrap: wrap; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
|
||||
/* overflow: hidden; */
|
||||
}
|
||||
|
||||
#Site-Header img {
|
||||
/* max-height: 4rem; */
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** System Site Nav Menu *** */
|
||||
#Site-Nav-Menu {
|
||||
position: sticky;
|
||||
top: 2.25rem;
|
||||
|
||||
height: 3.0rem;
|
||||
max-height: 3.0rem;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center; /* flex-start */
|
||||
align-items: center;
|
||||
/* align-content: center; */
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul {
|
||||
width: 100%;
|
||||
|
||||
list-style-type: none;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center; /* flex-start */
|
||||
/* align-items: center; */
|
||||
/* align-content: center; */
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul>li {
|
||||
display: flex; /* inline */
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
|
||||
margin: .1rem .5rem;
|
||||
padding: .2rem .4rem;
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul>li:hover {
|
||||
}
|
||||
|
||||
#Site-Nav-Menu ul>li.nav_disabled {
|
||||
}
|
||||
#Site-Nav-Menu ul>li.nav_active {
|
||||
}
|
||||
#Site-Nav-Menu ul>li.nav_primary {
|
||||
}
|
||||
|
||||
#Site-Nav-Menu .btn {
|
||||
}
|
||||
/* *** END *** System *** System Site Nav Menu *** */
|
||||
|
||||
#System-Notifications {
|
||||
}
|
||||
|
||||
|
||||
#Main-Body {
|
||||
contain: content;
|
||||
padding: .5rem .1rem;
|
||||
|
||||
min-height: 90vh;
|
||||
|
||||
/*max-height: 100%;*/
|
||||
}
|
||||
|
||||
#Main-Notifications {
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** System Site Nav Menu *** */
|
||||
#Main-Nav-Menu {
|
||||
contain: content;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/*flex-wrap: wrap;*/
|
||||
/*justify-content: flex-start;*/ /* flex-start */
|
||||
/*align-items: center;*/
|
||||
/*align-content: center;*/
|
||||
}
|
||||
|
||||
#Main-Nav-Menu .m_btn {
|
||||
appearance: button;
|
||||
|
||||
height: auto;
|
||||
width: auto;
|
||||
|
||||
inline-size: auto;
|
||||
|
||||
margin: .1rem .5rem;
|
||||
padding: .2rem .4rem;
|
||||
}
|
||||
|
||||
#Main-Nav-Menu .m_btn:hover {
|
||||
}
|
||||
/* *** END *** System *** System Main Nav Menu *** */
|
||||
|
||||
#Main-Content {
|
||||
contain: content;
|
||||
|
||||
/*max-height: 100%;
|
||||
min-height: 100vh;
|
||||
max-height: 100vh;*/
|
||||
|
||||
overflow: auto;
|
||||
|
||||
padding: .75rem;
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** Site Footer *** */
|
||||
/* site_footer or site_footer or site_status is the global (root) footer or status bar */
|
||||
#Site-Footer {
|
||||
max-height: 1.75rem;
|
||||
|
||||
/* width: 100%;
|
||||
max-width: 1440px; */
|
||||
|
||||
margin: 0 0;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
|
||||
#Site-Footer:hover {
|
||||
}
|
||||
|
||||
.site_footer .footer_left {
|
||||
float: left;
|
||||
}
|
||||
.site_footer .footer_right {
|
||||
float: right;
|
||||
}
|
||||
/* *** END *** System *** Site Footer *** */
|
||||
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** System Footer *** */
|
||||
/* system_footer or system_footer or system_status is the global (root) footer or status bar */
|
||||
#System-Footer {
|
||||
z-index: 1040; /* Bootstrap's modal background is also z-index: 1040 */
|
||||
|
||||
max-height: 1.5rem;
|
||||
|
||||
width: 100%;
|
||||
max-width: 1440px;
|
||||
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
width: 100vw;
|
||||
max-width: 1440px;
|
||||
|
||||
/* margin: auto; */
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
|
||||
#System-Footer:hover {
|
||||
}
|
||||
|
||||
.system_footer .footer_left {
|
||||
float: left;
|
||||
}
|
||||
.system_footer .footer_right {
|
||||
float: right;
|
||||
}
|
||||
/* *** END *** System *** System Footer *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** System *** Debug *** */
|
||||
#hidden_system_debug {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#System-Debug {
|
||||
z-index: 1050; /* Bootstrap 4 sticky-top class has a z-index of 1020 */
|
||||
position: fixed;
|
||||
/* top: 1rem; */
|
||||
right: 0rem;
|
||||
/* left: 0rem; */
|
||||
bottom: 1.5rem;
|
||||
|
||||
margin: 0rem;
|
||||
padding: .1rem;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
height: 100%;
|
||||
max-height: 2rem;
|
||||
width: 50%;
|
||||
max-width: 2rem;
|
||||
|
||||
/* NOTE: transition when hover ends */
|
||||
transition-property: height, max-height, width, max-width;
|
||||
transition-delay: 4s; /* short delay */
|
||||
transition-duration: .15s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
#System-Debug:hover {
|
||||
z-index: 1051;
|
||||
|
||||
overflow-y: auto;
|
||||
|
||||
max-height: calc(100vh - 5rem);
|
||||
max-width: calc(100vh - 2rem);
|
||||
|
||||
/* NOTE: transition when hover starts */
|
||||
transition-property: height, max-height, width, max-width, opacity;
|
||||
transition-delay: .5s; /* min delay */
|
||||
transition-duration: .15s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.view_system_debug {
|
||||
}
|
||||
/* *** END *** System *** Debug *** */
|
||||
|
||||
|
||||
/*x-Small devices (portrait phones, less than 576px)*/
|
||||
@media (max-width: 575px) {
|
||||
body {
|
||||
padding-left: .1rem;
|
||||
padding-right: .1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*Small devices (landscape phones, 576px and up)*/
|
||||
@media (min-width: 576px) and (max-width: 767px) {
|
||||
body {
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* #System-Nav-Menu { outline: dashed thin red; } */
|
||||
/* #Site-Header { outline: dashed thin red; } */
|
||||
/* #Site-Nav-Menu { outline: dashed thin pink; } */
|
||||
/* #System-Notifications { outline: dashed thin red; } */
|
||||
/*#Main-Body { outline: dotted thin green; }*/
|
||||
/*#Main-Notifications { outline: dotted thin blue; }*/
|
||||
/*#Main-Nav-Menu { outline: dotted thin blue; }*/
|
||||
/*#Main-Content { outline: dotted thin blue; }*/
|
||||
/* #Site-Footer { outline: dotted thin blue; } */
|
||||
/* #System-Footer { outline: dashed thin red; } */
|
||||
/* #System-Debug { outline: dashed thin red; } */
|
||||
|
||||
#System-Nav-Menu { display: none; }
|
||||
#Site-Header { display: none; }
|
||||
#Site-Nav-Menu { display: none; }
|
||||
#System-Notifications { display: none; }
|
||||
/* #Main-Body { display: none; } */
|
||||
/* #Main-Notifications { display: none; } */
|
||||
/* #Main-Nav-Menu { display: none; } */
|
||||
/* #Main-Content { display: none; } */
|
||||
#Site-Footer { display: none; }
|
||||
#System-Footer { display: none; }
|
||||
#System-Debug { display: none; }
|
||||
@@ -1,292 +0,0 @@
|
||||
.event_launcher_file_cont {
|
||||
max-width: 100%;
|
||||
}
|
||||
.event_launcher_file_cont .event_file_meta {
|
||||
color: hsla(0,0%,50%,1);
|
||||
font-size: smaller;
|
||||
}
|
||||
.event_launcher_file_cont .event_file_meta:hover {
|
||||
color: hsla(0,0%,0%,1);
|
||||
}
|
||||
.event_launcher_file_cont .event_file_download {
|
||||
color: hsla(0,0%,50%,1);
|
||||
font-size: smaller;
|
||||
}
|
||||
.event_launcher_file_cont .event_file_download:hover {
|
||||
color: hsla(0,0%,0%,1);
|
||||
}
|
||||
|
||||
.event_launcher_file_cont .download_clicked {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.event_launcher_file_cont .download_clicked>strong {
|
||||
font-size: 1.75em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.event_launcher_message {
|
||||
background: yellow;
|
||||
padding: .5em;
|
||||
}
|
||||
.event_launcher_message>header {
|
||||
margin: .1em;
|
||||
padding: .1em;
|
||||
border-bottom: solid thin gray;
|
||||
}
|
||||
.event_launcher_message h1 {
|
||||
font-size: 2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.event_launcher_message>section {
|
||||
font-size: 1.6em;
|
||||
margin: .1em;
|
||||
padding: .1em;
|
||||
}
|
||||
|
||||
|
||||
.event_launcher_main_nav_menu {
|
||||
contain: content;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start; /* flex-start */
|
||||
align-items: center;
|
||||
/*align-content: center;*/
|
||||
|
||||
background-color: hsla(0,0%,100%,.98);
|
||||
font-size: 1.1em;
|
||||
|
||||
padding-right: .1em;
|
||||
|
||||
border-right: solid medium hsla(0,0%,90%,1);
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu section {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
contain: content;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu h1,h2 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
list-style-type: none;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center; /* flex-start */
|
||||
/* align-items: center; */
|
||||
/* align-content: center; */
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu ul>li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
/*display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;*/
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu .btn {
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
border-radius: .25em;
|
||||
margin: .1em 0em;
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu .event_session_selector_btn {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: no-wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
/*align-content: center;*/
|
||||
}
|
||||
.event_session_selector_btn .event_session_datetime {
|
||||
outline: dashed thin green;
|
||||
transform: rotate(-15deg);
|
||||
|
||||
text-align: center;
|
||||
font-size: .7em;
|
||||
min-width: 5em;
|
||||
|
||||
margin: .1em .2em;
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu .event_launcher_event {
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu .event_launcher_location {
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
.event_launcher_main_nav_menu .event_launcher_options {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.event_launcher_options_fixed {
|
||||
margin: .1em .4em;
|
||||
padding: 0;
|
||||
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 5em;
|
||||
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
.event_launcher_status {
|
||||
outline: dashed thin red;
|
||||
margin: .1em .4em;
|
||||
padding: .0em;
|
||||
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
/* width: 12em; */
|
||||
|
||||
z-index: 500;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
/* flex-wrap: nowrap; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
|
||||
font-size: .7em;
|
||||
}
|
||||
.event_launcher_status:hover {
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.event_launcher_status > .network_status {
|
||||
margin: .2em .2em;
|
||||
}
|
||||
|
||||
.event_launcher_status > .current_datetime {
|
||||
margin: .2em .2em;
|
||||
}
|
||||
|
||||
|
||||
.event_launcher_main_content header.event_session_about {
|
||||
border-bottom: solid thin hsla(0,0%,50%,1);
|
||||
}
|
||||
.event_launcher_main_content header.event_session_about>h2 {
|
||||
margin: .1em 0;
|
||||
padding: .1em 0;
|
||||
}
|
||||
.event_launcher_main_content .event_session_datetimes {
|
||||
font-size: .8em;
|
||||
}
|
||||
.event_launcher_main_content section.event_session_description {
|
||||
border-bottom: solid thin hsla(0,0%,75%,1);
|
||||
font-size: .8em;
|
||||
}
|
||||
.event_launcher_main_content section.event_session_file_list {
|
||||
border-bottom: solid thin hsla(0,0%,75%,1);
|
||||
}
|
||||
|
||||
.event_launcher_main_content .event_session_file_list li {
|
||||
margin: .5em 0em;
|
||||
}
|
||||
|
||||
.event_launcher_main_content section.event_presentation_list {
|
||||
/* border-top: solid thin hsla(0,0%,75%,1); */
|
||||
}
|
||||
.event_launcher_main_content ul.event_presentation_list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.event_launcher_main_content .event_presentation_list>li {
|
||||
margin: 1em 0em;
|
||||
}
|
||||
.event_launcher_main_content ul.event_presentation_list>li {
|
||||
display: block;
|
||||
}
|
||||
.event_launcher_main_content ul.event_presentation_list>li:hover {
|
||||
outline: dashed thin pink;
|
||||
background-color: hsla(0,0%,95%,1);
|
||||
}
|
||||
|
||||
.event_launcher_main_content ul.event_presentation_list>li>ul>li {
|
||||
margin: .5em 0em;
|
||||
}
|
||||
|
||||
ul.event_presentation_list .btn_list>li {
|
||||
margin: .25em 0em;
|
||||
}
|
||||
|
||||
.event_launcher_main_content .event_presentation_datetime_name {
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
/*flex-wrap: no-wrap;*/
|
||||
/*justify-content: space-between;*/
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
|
||||
background-color: hsla(0,0%,90%,1);
|
||||
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.event_launcher_main_content .event_presentation_datetime_name .event_presentation_datetime {
|
||||
/*align-self: flex-start;*/
|
||||
/*border-right: dashed thin green;*/
|
||||
|
||||
text-align: center;
|
||||
font-size: .7em;
|
||||
min-width: 5em;
|
||||
|
||||
margin: .1em .2em;
|
||||
}
|
||||
|
||||
.event_launcher_main_content .event_presentation_datetime_name .event_presentation_name {
|
||||
border-left: solid thin gray;
|
||||
|
||||
margin: .1em .2em;
|
||||
padding-left: .2em;
|
||||
}
|
||||
@@ -1,151 +0,0 @@
|
||||
body {
|
||||
margin: 0rem;
|
||||
padding: 0rem;
|
||||
/*border: solid thin pink;*/
|
||||
margin-bottom: 1rem; /* This is for the bottom status bar. */
|
||||
}
|
||||
|
||||
body > .container { /* allow the container directly under body to be 100% wide*/
|
||||
/*max-width: 100%;*/
|
||||
|
||||
margin: .1rem;
|
||||
padding: .1rem;
|
||||
/*border: solid thin pink;*/
|
||||
}
|
||||
|
||||
body > .container > .row { /* allow the container directly under body to be 100% wide*/
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
margin: .1rem;
|
||||
padding: .1rem;
|
||||
}
|
||||
|
||||
.app_status_bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
margin: 0 0;
|
||||
padding: 0 .5rem;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.app_status_bar:hover {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.app_network_status {
|
||||
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.app_datetime {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.app_warning {
|
||||
background: yellow;
|
||||
}
|
||||
|
||||
.btn_no_case {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/*
|
||||
.btn-info {
|
||||
background: green;
|
||||
}
|
||||
|
||||
.btn-info:hover {
|
||||
background: darkgreen;
|
||||
}
|
||||
|
||||
|
||||
mynewcolor:#77cccc;
|
||||
|
||||
.btn-info {
|
||||
@include button-variant($mynewcolor, darken($mynewcolor, 7.5%), darken($mynewcolor, 10%), lighten($mynewcolor,5%), lighten($mynewcolor, 10%), darken($mynewcolor,30%));
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
@include button-outline-variant($mynewcolor, #222222, lighten($mynewcolor,5%), $mynewcolor);
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.filename {
|
||||
/*
|
||||
margin-left: .1rem;
|
||||
padding-left: .1rem;
|
||||
*/
|
||||
}
|
||||
|
||||
|
||||
.menu_session_time {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.menu_session_code, .detail_session_code {
|
||||
margin-left: .1rem;
|
||||
padding-left: .1rem;
|
||||
font-size: .5em;
|
||||
}
|
||||
|
||||
.session_detail>h2 {
|
||||
background-color: #F7F7F7;
|
||||
/*border-bottom: solid .1rem black;*/
|
||||
}
|
||||
|
||||
.detail_session_code {
|
||||
margin-left: .1rem;
|
||||
padding-left: .1rem;
|
||||
font-size: .5em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bd-placeholder-img {
|
||||
font-size: 1.125rem;
|
||||
text-anchor: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bd-placeholder-img-lg {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
#file_import_drag_area {
|
||||
font-size: 3rem;
|
||||
font-weight: 600;
|
||||
width: 90%;
|
||||
height: 15rem;
|
||||
}
|
||||
|
||||
#file_import_drag_area:hover {
|
||||
font-size: 3.5rem;
|
||||
font-weight: 1000;
|
||||
}
|
||||
|
||||
#file_import_drag_area:hover:before {
|
||||
/*font-weight: 1000;
|
||||
content: 'Here';*/
|
||||
}
|
||||
|
||||
#file_import_drag_area::before {
|
||||
content: attr(data-value);
|
||||
|
||||
position: relative;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 15rem;
|
||||
/*border: 1px solid red;*/
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
105
app/index.html
105
app/index.html
@@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>One Sky IT</title>
|
||||
<title>One Sky IT's Aether App</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/png" href="img/favicon.ico">
|
||||
|
||||
@@ -15,27 +15,29 @@
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
|
||||
<!-- One Sky IT default custom Cascading Style Sheets (CSS) -->
|
||||
|
||||
<!-- One Sky IT site custom Cascading Style Sheets (CSS) -->
|
||||
<link href="svelte/build/bundle.css" rel="stylesheet">
|
||||
<link href="svelte/build/reloading.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/aether_variables.css">
|
||||
<link rel="stylesheet" href="css/aether_utilities.css">
|
||||
<link rel="stylesheet" href="css/aether_system.css">
|
||||
<link rel="stylesheet" href="http://dev.oneskyit.local:5000/static/css/aether_variables.css">
|
||||
<link rel="stylesheet" href="http://dev.oneskyit.local:5000/static/css/aether_utilities.css">
|
||||
<link rel="stylesheet" href="http://dev.oneskyit.local:5000/static/css/aether_system.css">
|
||||
<!-- <link rel="stylesheet" href="svelte/build/aether_layout.css"> -->
|
||||
<!-- <link rel="stylesheet" href="css/aether_layout_flow.css"> -->
|
||||
<!-- <link rel="stylesheet" href="css/aether_layout_grid.css"> -->
|
||||
<link rel="stylesheet" href="css/aether_modules_core.css">
|
||||
<link rel="stylesheet" href="css/aether_modules_other.css">
|
||||
<link href="css/base_style_grid_event_launcher.css" rel="stylesheet">
|
||||
<link href="css/base_style_event_launcher.css" rel="stylesheet">
|
||||
<link href="css/event_launcher.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/native_app.css">
|
||||
<link rel="stylesheet" href="http://dev.oneskyit.local:5000/static/css/aether_modules_core.css">
|
||||
<link rel="stylesheet" href="http://dev.oneskyit.local:5000/static/css/aether_modules_other.css">
|
||||
|
||||
<link href="http://dev.oneskyit.local:5000/static/svelte/build/bundle.css" rel="stylesheet">
|
||||
<link href="http://dev.oneskyit.local:5000/static/svelte/build/reloading.css" rel="stylesheet">
|
||||
|
||||
<link href="http://dev.oneskyit.local:5000/static/css/base_style_grid_layout_v3.css" rel="stylesheet">
|
||||
<link href="http://dev.oneskyit.local:5000/static/css/base_style_grid_theme_v3.css" rel="stylesheet">
|
||||
|
||||
<link href="http://dev.oneskyit.local:5000/event/assets/css/event_launcher.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="css/aether_native_app_v3.css">
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@@ -52,12 +54,10 @@
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/localforage/1.10.0/localforage.min.js" integrity="sha512-+BMamP0e7wn39JGL8nKAZ3yAQT2dL5oaXWr4ZYlTGkKOaoXM/Yj7c4oy50Ngz5yoUutAG17flueD4F6QpTlPng==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> -->
|
||||
|
||||
<script src="https://static.oneskyit.com/js/utilities.js"></script>
|
||||
<script src="js/app_idb.js"></script>
|
||||
<!-- <script src="js/app_idb.js"></script> -->
|
||||
|
||||
<script>const app = require('./js/app_v3');</script>
|
||||
<script>const app = require('./js/aether_native_app_v3');</script>
|
||||
<script>
|
||||
let app_config = app.load_config();
|
||||
|
||||
@@ -91,55 +91,37 @@
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body class="body_container">
|
||||
|
||||
|
||||
<main id="Main-Body" class="body_container svelte_target event_launcher_main">
|
||||
</main>
|
||||
<section id="System-Nav-Menu">Site-Nav-Menu</section>
|
||||
<section id="Site-Header">Site-Header</section>
|
||||
<section id="Site-Nav-Menu">Site-Nav-Menu</section>
|
||||
|
||||
<section id="System-Notifications">System-Notifications (and Site-Notifications)</section><!-- and what would be Site-Notifications-->
|
||||
|
||||
<section id="Main-Body" class="main_template_content svelte_target event_launcher_main">
|
||||
</section>
|
||||
|
||||
<section id="Site-Footer">Site-Footer</section>
|
||||
<section id="System-Footer">Site-Footer</section>
|
||||
|
||||
<section id="System-Debug">System-Debug</section>
|
||||
|
||||
|
||||
</body>
|
||||
<!-- JavaScript (JS) start -->
|
||||
<!--
|
||||
Using node.js may require this: npm install jquery, add script below.
|
||||
https://stackoverflow.com/questions/22658015/bootstrap-throws-uncaught-error-bootstraps-javascript-requires-jquery
|
||||
-->
|
||||
<!--
|
||||
<script>
|
||||
window.jQuery = window.$ = require('jquery');
|
||||
</script>
|
||||
-->
|
||||
|
||||
<!-- One Sky IT default custom JavaScript (JS) -->
|
||||
|
||||
<!-- One Sky IT site custom JavaScript (JS) -->
|
||||
<!-- <script>const app = require('./js/module_app');</script> -->
|
||||
<!-- <script>const app = require('./js/app_v3');</script> -->
|
||||
<!-- <script src="js/app_v3.js"></script> -->
|
||||
<!-- <script src="js/app_api.js"></script> -->
|
||||
<!-- <script src="js/app_idb.js"></script> -->
|
||||
<!-- <script src="js/app_ui_misc.js"></script> -->
|
||||
<!-- <script src="js/app_ui_sessions.js"></script> -->
|
||||
<!-- <script src="js/app_ui_presentations.js"></script> -->
|
||||
<!-- <script src="js/app_ui_presenters.js"></script> -->
|
||||
<!-- <script src="js/app_ui_files.js"></script> -->
|
||||
|
||||
<script>
|
||||
/* ***** **** *** ** * ### * ** *** **** ***** */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ***** **** *** ** * ### * ** *** **** ***** */
|
||||
|
||||
// BEGIN: API section
|
||||
|
||||
|
||||
// const api_token_loop_interval = app_config.api_token_loop_interval;
|
||||
// let api_update_period = app_config.idb_event_location_check_period;
|
||||
// let api_update_datetime = Date.now();
|
||||
// let waiting_on_api_token = false;
|
||||
|
||||
const access_control_allow_origin = app_config.access_control_allow_origin;
|
||||
const api_secret_key = app_config.api_secret_key;
|
||||
console.log(api_secret_key);
|
||||
@@ -153,18 +135,13 @@ if (app_config.use_local_api) {
|
||||
api_base_url = app_config.api_remote_base_url; // 'https://api.oneskyit.com'
|
||||
}
|
||||
|
||||
axios.defaults.baseURL = api_base_url;
|
||||
axios.defaults.headers.common['Access-Control-Allow-Origin'] = app_config.access_control_allow_origin;
|
||||
axios.defaults.headers.common['content-type'] = 'application/json';
|
||||
axios.defaults.headers.common['x-aether-api-key'] = app_config.api_secret_key;
|
||||
axios.defaults.headers.common['x-account-id'] = app_config.account_id;
|
||||
/* ***** **** *** ** * ### * ** *** **** ***** */
|
||||
|
||||
let app_online = false;
|
||||
//let app_use_cached_data = true;
|
||||
window.addEventListener('online', app.currently_online);
|
||||
window.addEventListener('offline', app.currently_offline);
|
||||
|
||||
|
||||
/* ***** **** *** ** * ### * ** *** **** ***** */
|
||||
|
||||
// BEGIN: Load IDB section
|
||||
@@ -186,9 +163,6 @@ window.addEventListener('offline', app.currently_offline);
|
||||
// let tbl_event_file_key_count = null;
|
||||
// let tbl_hosted_file_key_count = null;
|
||||
|
||||
// if (window.indexedDB && idb_name) {
|
||||
// console.log('IndexedDB is supported');
|
||||
|
||||
// let load_idb_tables_result = load_idb_tables()
|
||||
// .then(async function (result) {
|
||||
// console.log('IDB tables have been opened');
|
||||
@@ -222,16 +196,9 @@ window.addEventListener('offline', app.currently_offline);
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// } else {
|
||||
// console.log('IndexedDB is NOT supported or the IDB name was not set.');
|
||||
// close();
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
/* ***** **** *** ** * ### * ** *** **** ***** */
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -1,441 +0,0 @@
|
||||
async function api_token_request_async(axios, secret_key) {
|
||||
console.log('****************** API Token Request ******************');
|
||||
console.log('Requesting API temporary token...');
|
||||
|
||||
if (waiting_on_api_token) {
|
||||
console.log('Already waiting on an API token request. Not starting another until finished.');
|
||||
return false;
|
||||
} else {
|
||||
waiting_on_api_token = true;
|
||||
|
||||
const url = '/api_token_request';
|
||||
|
||||
let data = { secret_key: secret_key };
|
||||
|
||||
const result = await axios.post(url, data)
|
||||
.then(function (response) {
|
||||
//console.log(response);
|
||||
const api_temporary_token = response.data.temporary_token;
|
||||
//console.log('API Temporary Token: '+temporary_token);
|
||||
return api_temporary_token;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.error(error);
|
||||
return false;
|
||||
});
|
||||
|
||||
waiting_on_api_token = false;
|
||||
return result;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
async function get_event_details(axios, event_id) {
|
||||
console.log('Requesting event details...');
|
||||
const url = '/event/'+event_id;
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
//console.log(response.data);
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function get_event_location_details(axios, event_id, event_location_id) {
|
||||
console.log('Requesting event location details...');
|
||||
const url = '/event/'+event_id+'/location/'+event_location_id;
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
//console.log(response.data);
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function get_event_location_sessions(axios, event_id, event_location_id) {
|
||||
console.log('Requesting location sessions...');
|
||||
const url = '/event/'+event_id+'/location/'+event_location_id+'/session';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
//console.log(response.data);
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function get_session_presentations(axios, event_id, event_session_id) {
|
||||
console.log('Requesting session presentations...');
|
||||
const url = '/event/'+event_id+'/session/'+event_session_id+'/presentation';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
//console.log(response.data);
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function get_presentation_presenters(axios, event_id, event_session_id, event_presentation_id) {
|
||||
console.log('Requesting presentation presenters...');
|
||||
const url = '/event/'+event_id+'/session/'+event_session_id+'/presentation/'+event_presentation_id+'/presenter';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
//console.log(response.data);
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function get_files_for_type_for_id(axios, for_type, for_id) {
|
||||
console.log('Requesting files for '+for_type+' '+for_id);
|
||||
const url = '/event/file/'+for_type+'/'+for_id;
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
//console.log(response.data);
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
/*
|
||||
async function download_file_id(axios, file_id, filename) {
|
||||
|
||||
ipcRenderer.send('download_file', api_base_url, api_endpoint, api_temporary_token, save_path); // in render thread
|
||||
|
||||
console.log('1: download file id '+file_id);
|
||||
const url = '/event/file/'+file_id+'/download';
|
||||
|
||||
//const data = await axios.get(url, responseType: 'stream')
|
||||
const data = await axios({
|
||||
method: "get",
|
||||
url: url,
|
||||
responseType: "stream"
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log('2: downloaded file id '+file_id);
|
||||
console.log(response);
|
||||
//console.log(response.data);
|
||||
|
||||
let filename = 'default.txt';
|
||||
|
||||
if (typeof filename_override === 'undefined' || filename_override == null) {
|
||||
let headerLine = response.data.headers['content-disposition'];
|
||||
|
||||
console.log(headerLine);
|
||||
console.log(headerLine.indexOf('="'));
|
||||
console.log(headerLine.indexOf('='));
|
||||
if (headerLine.indexOf('="') != -1) {
|
||||
let startFileNameIndex = headerLine.indexOf('="') + 2;
|
||||
let endFileNameIndex = headerLine.lastIndexOf('"');
|
||||
filename = headerLine.substring(startFileNameIndex, endFileNameIndex);
|
||||
} else if (headerLine.indexOf('=') != -1) {
|
||||
let startFileNameIndex = headerLine.indexOf('=') + 1;
|
||||
let endFileNameIndex = headerLine.length;
|
||||
filename = headerLine.substring(startFileNameIndex, endFileNameIndex);
|
||||
} else {
|
||||
filename = 'filename_not_found_in_header.txt';
|
||||
}
|
||||
} else {
|
||||
filename = filename_override;
|
||||
}
|
||||
|
||||
let directory = 'file_cache/';
|
||||
|
||||
directory_and_filename = path.join(directory, filename);
|
||||
|
||||
//console.log(directory_and_filename);
|
||||
|
||||
if (fs.existsSync(directory_and_filename)) {
|
||||
console.log('3a: file already exists: '+directory_and_filename);
|
||||
} else {
|
||||
console.log('3b: saving file: '+directory_and_filename);
|
||||
response.data.pipe(fs.createWriteStream(directory_and_filename));
|
||||
}
|
||||
//data = response.data;
|
||||
console.log('4: saved file id '+file_id);
|
||||
return true;
|
||||
//return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
//return data;
|
||||
}
|
||||
*/
|
||||
|
||||
/* v2 Section */
|
||||
|
||||
async function v2_get_account_events(axios, account_id) {
|
||||
console.log('Requesting account events...');
|
||||
const url = '/v2/account/'+account_id+'/events';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 account events data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 account events data: ^^^');
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_locations(axios, event_id) {
|
||||
console.log('Requesting event locations...');
|
||||
const url = '/v2/event/'+event_id+'/event_locations';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 event locations data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 event locations data: ^^^');
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_sessions(axios, event_id) {
|
||||
console.log('Requesting event sessions...');
|
||||
const url = '/v2/event/'+event_id+'/event_sessions';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location sessions data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location sessions data: ^^^');
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
async function v2_get_event_location_sessions(axios, event_location_id) {
|
||||
console.log('Requesting location sessions...');
|
||||
const url = '/v2/event_location/'+event_location_id+'/event_sessions';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location sessions data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location sessions data: ^^^');
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_location_presentations(axios, event_location_id) {
|
||||
console.log('Requesting location presentations...');
|
||||
const url = '/v2/event_location/'+event_location_id+'/event_presentations';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location presentations data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location presentations data: ^^^');
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_location_presenters(axios, event_location_id) {
|
||||
console.log('Requesting location presenters...');
|
||||
const url = '/v2/event_location/'+event_location_id+'/event_presenters';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location presenters data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location presenters data: ^^^');
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_files(axios, event_id) {
|
||||
console.log('Requesting event files...');
|
||||
const url = '/v2/event/'+event_id+'/event_files';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location files data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location files data: ^^^');
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_location_files(axios, event_location_id) {
|
||||
console.log('Requesting location files...');
|
||||
const url = '/v2/event_location/'+event_location_id+'/event_files';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location files data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location files data: ^^^');
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_location_files_sessions(axios, event_location_id) {
|
||||
console.log('Requesting all session files for a location...');
|
||||
const url = '/v2/event_location/'+event_location_id+'/event_files/sessions';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location files data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location files data: ^^^');
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_location_files_presentations(axios, event_location_id) {
|
||||
console.log('Requesting all presentation files for a location...');
|
||||
const url = '/v2/event_location/'+event_location_id+'/event_files/presentations';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location files data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location files data: ^^^');
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
async function v2_get_event_location_files_presenters(axios, event_location_id) {
|
||||
console.log('Requesting all presenter files for a location...');
|
||||
const url = '/v2/event_location/'+event_location_id+'/event_files/presenters';
|
||||
|
||||
const data = await axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log('v2 location files data: ***');
|
||||
console.log(response.data);
|
||||
console.log('v2 location files data: ^^^');
|
||||
//data = response.data;
|
||||
return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
console.log('Using app_idb.js');
|
||||
|
||||
async function load_idb_tables() {
|
||||
console.log('****************** Load IDB Tables ******************');
|
||||
console.log('Loading IDB tables...');
|
||||
|
||||
localforage.config({
|
||||
driver: localforage.INDEXEDDB,
|
||||
version: 1,
|
||||
name: idb_name
|
||||
});
|
||||
|
||||
tbl_event = await localforage.createInstance({
|
||||
name: idb_name,
|
||||
storeName: 'event',
|
||||
});
|
||||
console.log('tbl_event count: '+ await tbl_event.length());
|
||||
tbl_event_key_count = await tbl_event.length();
|
||||
|
||||
tbl_event_location = await localforage.createInstance({
|
||||
name: idb_name,
|
||||
storeName: 'event_location',
|
||||
});
|
||||
console.log('tbl_event_location count: '+ await tbl_event_location.length());
|
||||
tbl_event_location_key_count = await tbl_event_location.length();
|
||||
|
||||
tbl_event_session = await localforage.createInstance({
|
||||
name: idb_name,
|
||||
storeName: 'event_session',
|
||||
});
|
||||
console.log('tbl_event_session count: '+ await tbl_event_session.length());
|
||||
tbl_event_session_key_count = await tbl_event_session.length();
|
||||
|
||||
tbl_event_presentation = await localforage.createInstance({
|
||||
name: idb_name,
|
||||
storeName: 'event_presentation',
|
||||
});
|
||||
console.log('tbl_event_presentation count: '+ await tbl_event_presentation.length());
|
||||
tbl_event_presentation_key_count = await tbl_event_presentation.length();
|
||||
|
||||
tbl_event_presenter = await localforage.createInstance({
|
||||
name: idb_name,
|
||||
storeName: 'event_presenter',
|
||||
});
|
||||
console.log('tbl_event_presenter count: '+ await tbl_event_presenter.length());
|
||||
tbl_event_presenter_key_count = await tbl_event_presenter.length();
|
||||
|
||||
|
||||
tbl_event_file = await localforage.createInstance({
|
||||
name: idb_name,
|
||||
storeName: 'event_file',
|
||||
});
|
||||
console.log('tbl_event_file count: '+ await tbl_event_file.length());
|
||||
tbl_event_file_key_count = await tbl_event_file.length();
|
||||
|
||||
console.log('IDB tables have now been opened.');
|
||||
|
||||
return true;
|
||||
}
|
||||
@@ -1,228 +0,0 @@
|
||||
// This function is used to render all event, location, session, presentation, and presenter file records to the UI.
|
||||
//exports.render_event_file_records = async function () {
|
||||
async function render_event_file_records() {
|
||||
console.log('****************** Files ******************');
|
||||
console.log('Rendering all event, location, session, presentation, and presenter file records...');
|
||||
|
||||
if (looping_tbl_event_file) {
|
||||
console.log('Already looping through the tbl_event_file table. Not starting until finished.');
|
||||
return false;
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
looping_tbl_event_file = true;
|
||||
|
||||
console.log('Iterating through the tbl_event_file table...');
|
||||
let tbl_event_file_result = await tbl_event_file.iterate(function(value, key, iteration) {
|
||||
let tbl_file_id = value.id;
|
||||
let tbl_hosted_file_id = value.hosted_file_id;
|
||||
let tbl_event_id = value.event_id;
|
||||
let tbl_location_id = value.event_location_id;
|
||||
let tbl_session_id = value.event_session_id;
|
||||
let tbl_presentation_id = value.event_presentation_id;
|
||||
let tbl_presenter_id = value.event_presenter_id;
|
||||
let tbl_for_type = value.for_type;
|
||||
let tbl_for_id = value.for_id;
|
||||
let tbl_hash_sha256 = value.hosted_file_hash_sha256;
|
||||
let tbl_filename = value.filename; // This could also be event_file_filename, internal_filename, private_filename, public_filename, or hosted_file_filename
|
||||
let tbl_size = value.hosted_file_size;
|
||||
let tbl_created_on = value.created_on;
|
||||
let tbl_updated_on = value.created_on;
|
||||
let tbl_internal_os = value.internal_os;
|
||||
|
||||
console.log('tbl_event_file iteration='+iteration+' | tbl_file_id='+tbl_file_id+' for tbl_event_id='+tbl_event_id+' at location tbl_location_id='+tbl_location_id+'.');
|
||||
|
||||
if (tbl_event_id == event_id && tbl_for_type == 'event') {
|
||||
console.log('EVENT FILE **************************');
|
||||
document.getElementById('event_files_menu').classList.remove('d-none');
|
||||
document.getElementById('event_files_menu').classList.add('d-block');
|
||||
}
|
||||
|
||||
if (tbl_location_id == event_location_id && tbl_for_type == 'location') {
|
||||
console.log('LOCATION FILE **************************');
|
||||
document.getElementById('location_files_menu').classList.remove('d-none');
|
||||
document.getElementById('location_files_menu').classList.add('d-block');
|
||||
}
|
||||
|
||||
//add_file_id = false;
|
||||
remove_file_id = true;
|
||||
if (tbl_event_id == event_id/* && tbl_location_id == event_location_id*/) {
|
||||
console.log('Match for event_id='+event_id+' and event_location_id='+event_location_id);
|
||||
file_li_node = document.getElementById('event_file_'+tbl_file_id);
|
||||
if (file_li_node) {
|
||||
console.log('event_file ('+tbl_file_id+') node found... check and remove/update.');
|
||||
if (file_li_node.getAttribute('data-for_type') == tbl_for_type && file_li_node.getAttribute('data-for_id') == tbl_for_id) {
|
||||
console.log('This file is still for_type='+tbl_for_type+' and for_id='+tbl_for_id+'.');
|
||||
file_li_node.setAttribute('data-filename', tbl_filename);
|
||||
|
||||
let new_filename = shorten_filename(tbl_filename);
|
||||
file_li_node.getElementsByClassName('filename')[0].innerHTML = new_filename;
|
||||
try {
|
||||
file_li_node.getElementsByClassName('file_meta')[0].innerHTML = format_bytes(tbl_size, 2)+'; '+dateFns.format(tbl_created_on, 'MMM M h:mm A')+'; '+tbl_internal_os;
|
||||
} catch(err) {
|
||||
console.log('file_meta span not found. This is ok for event and location specific files.');
|
||||
}
|
||||
|
||||
file_li_node.setAttribute('data-size', tbl_size);
|
||||
|
||||
file_li_node.setAttribute('data-created_on', dateFns.format(tbl_created_on, 'YYYY-MM-DD HH:mm:ss A'));
|
||||
file_li_node.setAttribute('data-updated_on', dateFns.format(tbl_updated_on, 'YYYY-MM-DD HH:mm:ss A'));
|
||||
|
||||
file_li_node.setAttribute('data-internal_os', tbl_internal_os);
|
||||
|
||||
|
||||
remove_file_id = false;
|
||||
} else {
|
||||
console.log('This file no longer matching for_type='+tbl_for_type+' and for_id='+tbl_for_id+'. Removing...');
|
||||
file_li_node.remove();
|
||||
remove_file_id = false;
|
||||
}
|
||||
} else if (!file_li_node) {
|
||||
console.log('event_file ('+tbl_file_id+') node NOT found... check and add.');
|
||||
|
||||
let node_id = tbl_for_type+'_files_list_'+tbl_for_id;
|
||||
console.log(node_id);
|
||||
let parent_ul_node = document.getElementById(node_id);
|
||||
console.log(parent_ul_node);
|
||||
if (parent_ul_node) {
|
||||
// Trying to remove old ID in case there is one already rendered
|
||||
console.log('Trying to remove an old file LI node if it exists...');
|
||||
try {
|
||||
document.getElementById('event_file_'+tbl_file_id).remove();
|
||||
} catch(err) {
|
||||
//console.log('A node with the ID of event_file_'+tbl_file_id+' was not found.');
|
||||
console.log('This event file list item node was not found. In most cases this is expected.');
|
||||
console.log(err.message);
|
||||
}
|
||||
|
||||
let file_li_node = document.createElement('LI');
|
||||
file_li_node.id = 'event_file_'+tbl_file_id;
|
||||
if (tbl_for_type != 'event' && tbl_for_type != 'location') {
|
||||
file_li_node.className = 'list-group-item btn btn-primary d-flex justify-content-between align-items-center open_local_file event_file';
|
||||
//file_li_node.className = 'list-group-item btn btn-primary justify-content-between align-items-center open_local_file event_file';
|
||||
} else {
|
||||
file_li_node.className = 'list-group-item btn btn-sm btn-secondary d-flex justify-content-between align-items-center open_local_file event_file';
|
||||
//file_li_node.className = 'list-group-item btn btn-sm btn-secondary justify-content-between align-items-center open_local_file event_file';
|
||||
}
|
||||
file_li_node.setAttribute('data-file_id', tbl_file_id);
|
||||
|
||||
|
||||
file_li_node.setAttribute('data-event_id', tbl_event_id);
|
||||
file_li_node.setAttribute('data-location_id', tbl_location_id);
|
||||
file_li_node.setAttribute('data-session_id', tbl_session_id);
|
||||
file_li_node.setAttribute('data-presentation_id', tbl_presentation_id);
|
||||
file_li_node.setAttribute('data-presenter_id', tbl_presenter_id);
|
||||
|
||||
file_li_node.setAttribute('data-for_type', tbl_for_type);
|
||||
file_li_node.setAttribute('data-for_id', tbl_for_id);
|
||||
|
||||
file_li_node.setAttribute('data-hash_sha256', tbl_hash_sha256+'.file');
|
||||
file_li_node.setAttribute('data-filename', tbl_filename);
|
||||
file_li_node.setAttribute('data-size', tbl_size);
|
||||
|
||||
file_li_node.setAttribute('data-created_on', dateFns.format(tbl_created_on, 'YYYY-MM-DD HH:mm:ss A'));
|
||||
file_li_node.setAttribute('data-updated_on', dateFns.format(tbl_updated_on, 'YYYY-MM-DD HH:mm:ss A'));
|
||||
|
||||
file_li_node.setAttribute('data-internal_os', tbl_internal_os);
|
||||
|
||||
file_li_node.title = 'Click to open "'+tbl_filename+'" | id='+tbl_file_id+' | for_type='+tbl_for_type+' | for_id='+tbl_for_id+' | updated_on='+dateFns.format(tbl_updated_on, 'YYYY-MM-DD HH:mm:ss A');
|
||||
|
||||
let file_fa_span_node = document.createElement('SPAN');
|
||||
file_fa_span_node.className = 'fas fa-external-link-alt';
|
||||
|
||||
let file_filename_span_node = document.createElement('SPAN');
|
||||
|
||||
|
||||
file_filename_span_node.className = 'filename';
|
||||
|
||||
let new_filename = shorten_filename(tbl_filename);
|
||||
let filename_text_node = document.createTextNode(new_filename);
|
||||
file_filename_span_node.appendChild(filename_text_node);
|
||||
|
||||
file_li_node.appendChild(file_fa_span_node);
|
||||
file_li_node.appendChild(file_filename_span_node);
|
||||
|
||||
// We do not want the badge to show in the left menu. Not enough space.
|
||||
if (tbl_for_type != 'event' && tbl_for_type != 'location') {
|
||||
let file_badge_span_node = document.createElement('SPAN');
|
||||
file_badge_span_node.className = 'badge badge-pill badge-light float-right file_meta';
|
||||
|
||||
let badge_text_node = document.createTextNode(format_bytes(tbl_size, 2)+'; '+dateFns.format(tbl_created_on, 'MMM M h:mm A')+'; '+tbl_internal_os);
|
||||
file_badge_span_node.appendChild(badge_text_node);
|
||||
|
||||
file_li_node.appendChild(file_badge_span_node);
|
||||
}
|
||||
|
||||
|
||||
|
||||
console.log(file_li_node);
|
||||
|
||||
parent_ul_node.appendChild(file_li_node);
|
||||
remove_file_id = false;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// NOTE: This is probably not needed?
|
||||
if (remove_file_id) {
|
||||
// Trying to remove old ID in case there is one already rendered
|
||||
console.log('Trying to remove an old file LI node if it exists...');
|
||||
try {
|
||||
document.getElementById('event_file_'+tbl_file_id).remove();
|
||||
} catch(err) {
|
||||
//console.log('A node with the ID of event_file_'+tbl_file_id+' was not found.');
|
||||
console.log('This event file list item node was not found. In most cases this is expected.');
|
||||
console.log(err.message);
|
||||
}
|
||||
}
|
||||
|
||||
console.log('XXXXX ******** STARTING SORT ******** XXXXX');
|
||||
let node_id = tbl_for_type+'_files_list_'+tbl_for_id;
|
||||
console.log(node_id);
|
||||
try {
|
||||
var categoryItems = document.getElementById(node_id).childNodes;
|
||||
console.log(categoryItems);
|
||||
|
||||
var categoryItemsArray = Array.from(categoryItems);
|
||||
|
||||
function sorter(a, b) {
|
||||
if (a.dataset.updated_on > b.dataset.updated_on) return -1;
|
||||
if (a.dataset.updated_on < b.dataset.updated_on) return 1;
|
||||
}
|
||||
|
||||
let sorted = categoryItemsArray.sort(sorter);
|
||||
|
||||
function update_li_order(item, index) {
|
||||
document.getElementById(node_id).appendChild(item);
|
||||
}
|
||||
|
||||
sorted.forEach(update_li_order);
|
||||
} catch(err) {
|
||||
console.log(err);
|
||||
}
|
||||
console.log('******** FINISHED SORT ********');
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
console.log('This file ('+tbl_file_id+') is not part of this event and or location');
|
||||
console.log('tbl_event_id='+tbl_event_id+' ?= event_id='+event_id);
|
||||
console.log('tbl_location_id='+tbl_location_id+' ?= event_location_id='+event_location_id);
|
||||
}
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_file looking for files to add is complete');
|
||||
looping_tbl_event_file = false;
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log('Something went wrong in function render_event_file_records.');
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
index_open_file_buttons('open_local_file');
|
||||
return true;
|
||||
|
||||
}
|
||||
@@ -1,180 +0,0 @@
|
||||
const path = require('path');
|
||||
const { ipcRenderer } = require('electron');
|
||||
|
||||
//exports.render_event_records = function () {
|
||||
async function render_event_records() {
|
||||
console.log('****************** Events ******************');
|
||||
console.log('Rendering event records...');
|
||||
//console.log(tbl_event);
|
||||
//console.log(event_id);
|
||||
|
||||
if (looping_tbl_event) {
|
||||
console.log('Already looping through the tbl_event table. Not starting until finished.');
|
||||
return false;
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
looping_tbl_event = true;
|
||||
|
||||
tbl_event.iterate(function(value, key, iteration) {
|
||||
if (value.id == event_id) {
|
||||
console.log('*** Event id ('+event_id+') found in table.');
|
||||
document.getElementById('event_name').innerHTML = '@'+value.name;
|
||||
document.getElementById('event_files_menu').getElementsByTagName('ul')[0].id = 'event_files_list_'+value.id;
|
||||
} else {
|
||||
console.log('Event not it.');
|
||||
}
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_file complete')
|
||||
//tbl_event_complete = true;
|
||||
looping_tbl_event = false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
//exports.render_event_location_records = async function () {
|
||||
async function render_event_location_records() {
|
||||
console.log('****************** Locations ******************');
|
||||
console.log('Rendering event location records...');
|
||||
|
||||
if (looping_tbl_event_location) {
|
||||
console.log('Already looping through the tbl_event_location table. Not starting until finished.');
|
||||
return false;
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
looping_tbl_event_location = true;
|
||||
|
||||
await tbl_event_location.iterate(function(value, key, iteration) {
|
||||
if (value.id == event_location_id) {
|
||||
console.log('*** Event location id ('+event_location_id+') found in table.');
|
||||
document.getElementById('location_name').innerHTML = '<span class="fas fa-map-marker"></span> '+value.name;
|
||||
|
||||
document.getElementById('location_files_menu').getElementsByTagName('ul')[0].id = 'location_files_list_'+value.id;
|
||||
/*
|
||||
let location_files_ul_node = document.createElement('UL');
|
||||
location_files_ul_node.id = 'event_presentation_files_list_'+value.id;
|
||||
location_files_ul_node.className = 'list-group list-group-flush location_files location_files_list event_files_list';
|
||||
|
||||
document.getElementById('location_files_menu').appendChild(location_files_ul_node);
|
||||
*/
|
||||
} else {
|
||||
console.log('Event location not it.');
|
||||
}
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_file complete')
|
||||
//tbl_event_location_complete = true;
|
||||
looping_tbl_event_location = false;
|
||||
});
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
/* Updated 2020-01-31 */
|
||||
function index_launcher_sessions(class_name) {
|
||||
console.log('Indexing launcher sessions with class name: '+class_name);
|
||||
var class_elements = document.getElementsByClassName(class_name);
|
||||
|
||||
|
||||
for (var i = 0; i < class_elements.length; i++) {
|
||||
class_elements[i].addEventListener( 'click', function() {view_session( this.getAttribute('data-session_id')) } );
|
||||
}
|
||||
console.log(class_elements);
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
/* Updated 2020-01-31 */
|
||||
function view_session(session_id) {
|
||||
var class_elements = document.getElementsByClassName('session_detail'); // This class name should be the class names for each div container
|
||||
console.log('View session ID: '+session_id);
|
||||
for (var i = 0; i < class_elements.length; i++) {
|
||||
//console.log('*** checking: '+class_elements[i].getAttribute('data-session_id'));
|
||||
if (class_elements[i].getAttribute('data-session_id') == session_id) {
|
||||
//console.log('show');
|
||||
class_elements[i].classList.remove('d-none');
|
||||
class_elements[i].classList.add('d-block');
|
||||
} else {
|
||||
//console.log('hide');
|
||||
class_elements[i].classList.remove('d-block');
|
||||
class_elements[i].classList.add('d-none');
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
/* Updated 2020-02-13 */
|
||||
function index_open_file_buttons(class_name) {
|
||||
console.log('****************** Indexing ******************');
|
||||
console.log('Indexing open file buttons...');
|
||||
var class_elements = document.getElementsByClassName(class_name);
|
||||
//console.log(class_elements);
|
||||
|
||||
for (var i = 0; i < class_elements.length; i++) {
|
||||
// Do not use an anonymous function. If you do then it will keep adding event listeners.
|
||||
// Adding the exact same event listeners over and over doesn't hurt anything.
|
||||
// No need to use removeEventListener()
|
||||
class_elements[i].addEventListener( 'click', open_local_file );
|
||||
|
||||
/*
|
||||
let hash = class_elements[i].getAttribute('data-hash_sha256');
|
||||
let file_path = path.join(host_file_cache_path, hash);
|
||||
let filename = class_elements[i].getAttribute('data-filename');
|
||||
class_elements[i].addEventListener( 'click', function() { ipcRenderer.send('open_local_file', file_path, filename) } );
|
||||
*/
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
/* Updated 2020-02-13 */
|
||||
function open_local_file() {
|
||||
//console.log(this);
|
||||
let hash = this.getAttribute('data-hash_sha256');
|
||||
let file_path = path.join(host_file_cache_path, hash);
|
||||
let filename = this.getAttribute('data-filename');
|
||||
console.log(file_path);
|
||||
console.log(filename);
|
||||
|
||||
ipcRenderer.send('open_local_file', file_path, filename);
|
||||
}
|
||||
|
||||
|
||||
function format_bytes(bytes, decimals = 2) {
|
||||
if (bytes === 0) return '0 Bytes';
|
||||
|
||||
const k = 1024;
|
||||
const dm = decimals < 0 ? 0 : decimals;
|
||||
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
||||
|
||||
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||||
|
||||
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
|
||||
}
|
||||
|
||||
function shorten_filename(filename, max_length=45) {
|
||||
let length = filename.length;
|
||||
let char_over = filename.length-max_length;
|
||||
let new_filename = null;
|
||||
let wildcards = char_over;
|
||||
if (char_over > 0) {
|
||||
let part1 = filename.slice(0, 20);
|
||||
if (char_over > 5) {
|
||||
wildcards = 5;
|
||||
} else {
|
||||
}
|
||||
let part2 = '.'.repeat(wildcards);
|
||||
let part3 = filename.slice(-20);
|
||||
|
||||
new_filename = part1+part2+part3;
|
||||
} else {
|
||||
new_filename = filename;
|
||||
}
|
||||
return new_filename;
|
||||
}
|
||||
@@ -1,215 +0,0 @@
|
||||
//exports.render_event_presentation_records = async function (events) {
|
||||
async function render_event_presentation_records(events) {
|
||||
console.log('****************** Presentations ******************');
|
||||
console.log('Rendering event presentation records...');
|
||||
|
||||
if (looping_tbl_event_presentation) {
|
||||
console.log('Already looping through the tbl_event_presentation table. Not starting until finished.');
|
||||
return false;
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
|
||||
let launcher_sessions = document.getElementById('launcher_sessions').childNodes; //_list_items
|
||||
//console.log(launcher_sessions);
|
||||
|
||||
for (let i=0, len=launcher_sessions.length; i < len; i++) {
|
||||
//for (let i in launcher_sessions) {
|
||||
console.log('Current launcher session_id='+launcher_sessions[i].getAttribute('data-session_id'));
|
||||
let session_id = launcher_sessions[i].getAttribute('data-session_id');
|
||||
|
||||
let presentations_list = launcher_sessions[i].getElementsByClassName('session_presentations')[0].getElementsByTagName('ul')[0].childNodes;
|
||||
//console.log(presentations_list);
|
||||
|
||||
// First: update or delete presentations
|
||||
if (presentations_list.length) {
|
||||
console.log('Presentations listed under this session (id='+session_id+'). (launcher sessions loop i = '+i+')');
|
||||
//console.log(launcher_sessions[i].getElementsByClassName('session_presentations')[0].getElementsByTagName('ul'));
|
||||
|
||||
for (let j=0, len=presentations_list.length; j < len; j++) {
|
||||
console.log('Current launcher presentation_id='+presentations_list[j].getAttribute('data-presentation_id'));
|
||||
let presentation_id = presentations_list[j].getAttribute('data-presentation_id');
|
||||
|
||||
let tbl_event_presentation_result = await tbl_event_presentation.iterate(function(value, key, iteration) {
|
||||
//console.log('*** 1: session_id='+session_id+' | presentation.event_session_id='+value.event_session_id+' | presentation_id='+presentation_id+' | presentation.id='+value.id+' (launcher sessions loop i='+i+')');
|
||||
looping_tbl_event_presentation = true;
|
||||
if (session_id == value.event_session_id && presentation_id == value.id) {
|
||||
// Found presentation in that session. Updating...
|
||||
console.log('Presentation ('+presentation_id+') was found in the session ('+session_id+'). Updating...');
|
||||
document.getElementById('event_presentation_'+value.id).getElementsByTagName('div')[0].getElementsByTagName('strong')[0].innerHTML = value.name;
|
||||
let presentation_startdatetime = new Date(value.start_datetime);
|
||||
|
||||
let presentation_startdatetime_string = dateFns.format(presentation_startdatetime, 'h:mm A')
|
||||
|
||||
document.getElementById('event_presentation_'+value.id).getElementsByTagName('div')[0].getElementsByTagName('span')[0].innerHTML = presentation_startdatetime_string;
|
||||
|
||||
} else if (session_id != value.event_session_id && presentation_id == value.id) {
|
||||
// Found presentation in a session that it should not be in. Removing...
|
||||
console.log('Presentation exists but should not be part of this session. Removing...');
|
||||
console.log('*** Presentation id ('+value.id+') is NOT part of this session ('+session_id+'). (launcher sessions loop i='+i+')');
|
||||
document.getElementById('event_presentation_'+presentation_id).remove(); // Remove the node from the launcher presentations list
|
||||
|
||||
} else {
|
||||
//console.log('Not doing anything');
|
||||
}
|
||||
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_presentation looking for presentations to update or remove is complete');
|
||||
|
||||
looping_tbl_event_presentation = false;
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
} else { // Close for if presentations_list.length
|
||||
|
||||
} // Close for if presentations_list.length
|
||||
|
||||
|
||||
// Now that the updates and removals have been done we need to add presentations.
|
||||
let tbl_event_presentation_result = await tbl_event_presentation.iterate(function(value, key, iteration) {
|
||||
//console.log('*** 2: session_id='+session_id+' | presentation.event_session_id='+value.event_session_id+' | presentation.id='+value.id+' (launcher sessions loop i='+i+')');
|
||||
looping_tbl_event_presentation = true;
|
||||
|
||||
let add_presentation = true;
|
||||
|
||||
if (session_id == value.event_session_id) {
|
||||
// This presentation should be part of the session. Adding if not there...
|
||||
|
||||
presentations_list = launcher_sessions[i].getElementsByClassName('session_presentations')[0].getElementsByTagName('ul')[0].childNodes;
|
||||
//console.log(presentations_list);
|
||||
|
||||
if (presentations_list.length) {
|
||||
// One more presentations are already in this session.
|
||||
// Need to check if this one needs to be added.
|
||||
for (let j=0, len=presentations_list.length; j < len; j++) {
|
||||
let presentation_id = presentations_list[j].getAttribute('data-presentation_id');
|
||||
if (presentation_id == value.id) {
|
||||
// Nothing here so it for sure needs to be added.
|
||||
add_presentation = false;
|
||||
} else {
|
||||
// Don't reset the add_presentation back to true
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// Nothing here, so it for sure needs to be added.
|
||||
//add_presentation = true;
|
||||
}
|
||||
} else {
|
||||
add_presentation = false;
|
||||
}
|
||||
|
||||
|
||||
if (add_presentation) {
|
||||
// Presentation not found. Adding...
|
||||
console.log('Presentation was not found in the session but should be. Adding...');
|
||||
console.log('Presentation id ('+value.id+') is part of this session ('+session_id+'). (launcher sessions loop i='+i+')');
|
||||
|
||||
// Add the new presentation to the launcher presentation list
|
||||
let presentation_li_node = document.createElement('LI');
|
||||
presentation_li_node.id = 'event_presentation_'+value.id;
|
||||
presentation_li_node.className = 'list-group-item event_presentation';
|
||||
presentation_li_node.setAttribute('data-session_id', value.event_session_id);
|
||||
presentation_li_node.setAttribute('data-presentation_id', value.id);
|
||||
|
||||
presentation_li_node.title = 'id='+value.id+' session_id='+value.event_session_id+' presentation_id='+value.id;
|
||||
|
||||
let presentation_li_heading_div_node = document.createElement('DIV');
|
||||
presentation_li_heading_div_node.className = 'list-group-item-heading d-flex justify-content-between align-items-center';
|
||||
|
||||
let presentation_name_strong_node = document.createElement('STRONG');
|
||||
|
||||
let presentation_name_text_node= document.createTextNode(value.name);
|
||||
presentation_name_strong_node.appendChild(presentation_name_text_node);
|
||||
|
||||
let presentation_heading_span_node = document.createElement('SPAN');
|
||||
|
||||
if (display_presentation_badges) {
|
||||
presentation_heading_span_node.className = 'badge badge-pill badge-info d-inline';
|
||||
} else {
|
||||
presentation_heading_span_node.className = 'badge badge-pill badge-info d-none';
|
||||
}
|
||||
|
||||
/*
|
||||
// Create the session code span
|
||||
let span_session_code_node = document.createElement('SPAN');
|
||||
span_session_code_node.id = 'detail_session_code_'+value.id;
|
||||
if ( display_session_codes && value.code && value.code.length) {
|
||||
span_session_code_node.className = 'd-inline detail_session_code';
|
||||
} else {
|
||||
span_session_code_node.className = 'd-none detail_session_code';
|
||||
}
|
||||
|
||||
let span_session_code_text_node = document.createTextNode('('+value.code+')');
|
||||
span_session_code_node.appendChild(span_session_code_text_node);
|
||||
*/
|
||||
|
||||
//let presenation_font = '<span class="fas fa-hourglass-start"></span> ';
|
||||
|
||||
let presentation_startdatetime = new Date(value.start_datetime);
|
||||
let presentation_startdatetime_string = dateFns.format(presentation_startdatetime, 'h:mm A');
|
||||
let presentation_heading_span_text_node = document.createTextNode(presentation_startdatetime_string);
|
||||
presentation_heading_span_node.appendChild(presentation_heading_span_text_node);
|
||||
|
||||
presentation_li_heading_div_node.appendChild(presentation_name_strong_node);
|
||||
presentation_li_heading_div_node.appendChild(presentation_heading_span_node);
|
||||
|
||||
|
||||
let presentation_li_text_div_node = document.createElement('DIV');
|
||||
//presentation_li_text_div_node.id = 'event_presentation_files_'+value.id;
|
||||
presentation_li_text_div_node.className = 'list-group-item-text';
|
||||
|
||||
let presentation_files_ul_group_node = document.createElement('UL');
|
||||
presentation_files_ul_group_node.id = 'presentation_files_list_'+value.id;
|
||||
presentation_files_ul_group_node.className = 'list-group list-group-flush presentation_files presentation_files_list event_files_list';
|
||||
|
||||
let presentation_presenters_ul_group_node = document.createElement('UL');
|
||||
presentation_presenters_ul_group_node.id = 'event_presentation_presenters_'+value.id;
|
||||
presentation_presenters_ul_group_node.className = 'list-group list-group-flush presentation_presenters presentation_presenters_list';
|
||||
presentation_presenters_ul_group_node.setAttribute('data-session_id', value.event_session_id);
|
||||
presentation_presenters_ul_group_node.setAttribute('data-presentation_id', value.id);
|
||||
|
||||
presentation_li_text_div_node.appendChild(presentation_files_ul_group_node);
|
||||
presentation_li_text_div_node.appendChild(presentation_presenters_ul_group_node);
|
||||
|
||||
|
||||
presentation_li_node.appendChild(presentation_li_heading_div_node);
|
||||
presentation_li_node.appendChild(presentation_li_text_div_node);
|
||||
|
||||
|
||||
//console.log(launcher_sessions[i].getElementsByClassName('session_presentations'));
|
||||
let launcher_session_details = document.getElementById('detail_session_'+session_id);
|
||||
//console.log(launcher_session_details.getElementsByClassName('session_presentations'));
|
||||
|
||||
// Trying to remove old ID in case there is one already rendered
|
||||
try {
|
||||
document.getElementById('event_presentation_'+value.id).remove();
|
||||
} catch(err) {
|
||||
console.log('A node with the ID of event_presentation_'+value.id+' was not found. In most cases this is expected.');
|
||||
console.log(err.message);
|
||||
}
|
||||
|
||||
let session = document.getElementById('detail_session_'+session_id).getElementsByClassName('session_presentations')[0].getElementsByTagName('ul')[0].appendChild(presentation_li_node);
|
||||
presentation_id_found = true;
|
||||
} else {
|
||||
// Presentation not part of this session. Moving on...
|
||||
//console.log('Presentation was not found in the session and should not be. Moving on...');
|
||||
//console.log('*** Presentation id ('+value.id+') is not part of this session ('+session_id+'). (launcher sessions loop i='+i+')');
|
||||
}
|
||||
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_presentation looking for presentations to add is complete');
|
||||
looping_tbl_event_presentation = false;
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log('Something went wrong in function render_event_presentation_records.');
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
@@ -1,219 +0,0 @@
|
||||
//exports.render_event_presenter_records = async function (events) {
|
||||
async function render_event_presenter_records(events) {
|
||||
console.log('****************** Presenters ******************');
|
||||
console.log('Rendering event presenter records...');
|
||||
|
||||
if (looping_tbl_event_presenter) {
|
||||
console.log('Already looping through the tbl_event_presenter table. Not starting until finished.');
|
||||
return false;
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
looping_tbl_event_presenter = true;
|
||||
|
||||
let presentations_presenters_lists = document.getElementsByClassName('presentation_presenters'); // from the UL nodes for presenters
|
||||
//console.log(presentations_presenters_lists);
|
||||
|
||||
// First: Loop through the presenters table looking for presenters for each presentation list
|
||||
let tbl_event_presenter_result = await tbl_event_presenter.iterate(function(value, key, iteration) {
|
||||
let tbl_session_id = value.event_session_id;
|
||||
let tbl_presentation_id = value.event_presentation_id;
|
||||
let tbl_presenter_id = value.id;
|
||||
console.log('tbl_event_presenter iteration='+iteration+' | tbl_presenter_id='+tbl_presenter_id+' for tbl_presentation_id='+tbl_presentation_id);
|
||||
|
||||
// Second: Loop through the presentations presenter UL placeholder (assumes there is a ul for presenters under each presentation)
|
||||
if (presentations_presenters_lists.length) {
|
||||
for (var i = 0; i < presentations_presenters_lists.length; i++) {
|
||||
let ul_session_id = presentations_presenters_lists[i].getAttribute('data-session_id');
|
||||
let ul_presentation_id = presentations_presenters_lists[i].getAttribute('data-presentation_id');
|
||||
//console.log('presentation i='+i+' | ul_presentation_id='+ul_presentation_id);
|
||||
|
||||
// Check if this presenter is part of this presentation
|
||||
let add_presenter_id = true; // Set flag to true. Update if found. Add if not found.
|
||||
let remove_presenter_id = true; // Set flag to true. Update if found. Add if not found.
|
||||
if (tbl_presentation_id == ul_presentation_id) {
|
||||
console.log('This tbl_presentation_id '+tbl_presentation_id+' matches this ul_presentation_id '+ul_presentation_id+'. Trying to loop through list of presenters to see if it needs to be updated or added...');
|
||||
// Get a list of list items under the UL presenters node for a presentation
|
||||
let presentation_presenters_list_items = presentations_presenters_lists[i].children;
|
||||
|
||||
// Third: Loop through the presenters (LI) in a specific list under a presentation.
|
||||
if (presentation_presenters_list_items.length) {
|
||||
for (let j=0, len=presentation_presenters_list_items.length; j < len; j++) {
|
||||
console.log('Checking li_presenter_id='+presentation_presenters_list_items[j].getAttribute('data-presenter_id'));
|
||||
let li_presentation_id = presentation_presenters_list_items[j].getAttribute('data-presentation_id');
|
||||
let li_presenter_id = presentation_presenters_list_items[j].getAttribute('data-presenter_id');
|
||||
|
||||
if ( tbl_presentation_id == li_presentation_id && tbl_presenter_id == li_presenter_id ) {
|
||||
console.log('Updating presenter ID '+li_presenter_id);
|
||||
// Update the presenter information
|
||||
document.getElementById('event_presenter_'+tbl_presenter_id).setAttribute('data-given_name', value.given_name);
|
||||
document.getElementById('event_presenter_'+tbl_presenter_id).setAttribute('data-family_name', value.family_name);
|
||||
document.getElementById('event_presenter_'+tbl_presenter_id).getElementsByClassName('presenter_name')[0].innerHTML = value.given_name+' '+value.family_name;
|
||||
// Could have used getElementsByTagName('strong') instead
|
||||
|
||||
|
||||
console.log('XXXXX ******** STARTING SORT ******** XXXXX');
|
||||
var categoryItems = document.getElementById('event_presentation_presenters_'+tbl_presentation_id).childNodes;
|
||||
console.log(categoryItems);
|
||||
|
||||
var categoryItemsArray = Array.from(categoryItems);
|
||||
|
||||
function sorter(a, b) {
|
||||
if (a.dataset.family_name < b.dataset.family_name) return -1;
|
||||
if (a.dataset.family_name > b.dataset.family_name) return 1;
|
||||
}
|
||||
|
||||
let sorted = categoryItemsArray.sort(sorter);
|
||||
|
||||
function update_li_order(item, index) {
|
||||
document.getElementById('event_presentation_presenters_'+tbl_presentation_id).appendChild(item);
|
||||
}
|
||||
|
||||
sorted.forEach(update_li_order);
|
||||
console.log('******** FINISHED SORT ********');
|
||||
|
||||
|
||||
|
||||
add_presenter_id = false;
|
||||
remove_presenter_id = false;
|
||||
} else if (tbl_presentation_id != li_presentation_id ) {
|
||||
console.log('Set flag to add presenter ID '+li_presenter_id+' to false. Set flag to remove presenter ID '+li_presenter_id+' to true.');
|
||||
add_presenter_id = false;
|
||||
remove_presenter_id = true; // The default is already set to true. Is this needed?
|
||||
} else {
|
||||
// NOTE: This section is not finished???
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
} else {
|
||||
// No need to remove anything if the list is empty.
|
||||
console.log('Ignoring this presentation\'s list ('+ul_presentation_id+') of presenters because it is empty. Adding this presenter ('+tbl_presenter_id+') to the list...');
|
||||
add_presenter_id = true; // Technically this line is not needed since the value was initialized to true.
|
||||
remove_presenter_id = false;
|
||||
}
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
//NOTE: This probably needs to be reviewed again.
|
||||
//console.log('This tbl_presentation_id '+tbl_presentation_id+' does not match this ul_presentation_id '+ul_presentation_id+'. Do not add presenter ID. ***But leave remove presenter ID as true???');
|
||||
add_presenter_id = false;
|
||||
remove_presenter_id = false;
|
||||
}
|
||||
|
||||
|
||||
// The presenter ID was not found. Need to add.
|
||||
if ( add_presenter_id ) {
|
||||
console.log('Adding this presenter ('+tbl_presenter_id+') to the list of presenters for this presentation ('+ul_presentation_id+').');
|
||||
|
||||
// Trying to remove old ID in case there is one already rendered
|
||||
console.log('Trying to remove an old presenter LI node if it exists...');
|
||||
try {
|
||||
document.getElementById('event_presenter_'+tbl_presenter_id).remove();
|
||||
} catch(err) {
|
||||
//console.log('A node with the ID of event_presenter_'+tbl_presenter_id+' was not found.');
|
||||
console.log('This presenter list item node was not found. In most cases this is expected.');
|
||||
console.log(err.message);
|
||||
}
|
||||
|
||||
let presenter_li_node = document.createElement('LI');
|
||||
presenter_li_node.id = 'event_presenter_'+tbl_presenter_id;
|
||||
presenter_li_node.className = 'list-group-item event_presenter';
|
||||
presenter_li_node.setAttribute('data-session_id', value.event_session_id);
|
||||
presenter_li_node.setAttribute('data-presentation_id', ul_presentation_id);
|
||||
presenter_li_node.setAttribute('data-presenter_id', tbl_presenter_id);
|
||||
|
||||
presenter_li_node.setAttribute('data-given_name', value.given_name);
|
||||
presenter_li_node.setAttribute('data-family_name', value.family_name);
|
||||
|
||||
presenter_li_node.title = 'id='+tbl_presenter_id+' session_id='+value.event_session_id+' presentation_id='+ul_presentation_id+' presenter_id='+tbl_presenter_id;
|
||||
|
||||
let presenter_name_strong_node = document.createElement('STRONG');
|
||||
presenter_name_strong_node.className = 'list-group-item-heading presenter_name';
|
||||
|
||||
let presenter_name_text_node= document.createTextNode(value.given_name+' '+value.family_name);
|
||||
presenter_name_strong_node.appendChild(presenter_name_text_node);
|
||||
|
||||
presenter_li_node.appendChild(presenter_name_strong_node);
|
||||
|
||||
|
||||
let presentation_presenters_ul_group_node = document.createElement('UL');
|
||||
presentation_presenters_ul_group_node.id = 'presenter_files_list_'+tbl_presenter_id;
|
||||
presentation_presenters_ul_group_node.className = 'list-group list-group-flush list-group-item-text presenter_files presenter_files_list event_files_list';
|
||||
presentation_presenters_ul_group_node.setAttribute('data-presenter_id', tbl_presenter_id);
|
||||
|
||||
presenter_li_node.appendChild(presentation_presenters_ul_group_node);
|
||||
|
||||
document.getElementById('event_presentation_presenters_'+tbl_presentation_id).appendChild(presenter_li_node);
|
||||
|
||||
remove_presenter_id = false;
|
||||
|
||||
console.log('XXXXX ******** STARTING SORT ******** XXXXX');
|
||||
try {
|
||||
var categoryItems = document.getElementById('event_presentation_presenters_'+tbl_presentation_id).childNodes;
|
||||
console.log(categoryItems);
|
||||
|
||||
var categoryItemsArray = Array.from(categoryItems);
|
||||
|
||||
function sorter(a, b) {
|
||||
if (a.dataset.family_name < b.dataset.family_name) return -1;
|
||||
if (a.dataset.family_name > b.dataset.family_name) return 1;
|
||||
}
|
||||
|
||||
let sorted = categoryItemsArray.sort(sorter);
|
||||
|
||||
function update_li_order(item, index) {
|
||||
document.getElementById('event_presentation_presenters_'+tbl_presentation_id).appendChild(item);
|
||||
}
|
||||
|
||||
sorted.forEach(update_li_order);
|
||||
} catch(err) {
|
||||
console.log(err);
|
||||
}
|
||||
|
||||
console.log('******** FINISHED SORT ********');
|
||||
|
||||
} else {
|
||||
//console.log('Not going to add this presenter ('+tbl_presenter_id+') to the list of presenters for this presentation ('+ul_presentation_id+').');
|
||||
}
|
||||
|
||||
|
||||
// The presenter ID was found, but not part of this presentation. Need to remove.
|
||||
if ( remove_presenter_id ) {
|
||||
if ( ul_presentation_id != tbl_presentation_id ) {
|
||||
console.log('Removing this presenter ('+tbl_presenter_id+') from the list of presenters for this presentation ('+ul_presentation_id+').');
|
||||
|
||||
// Trying to remove old ID in case there is one already rendered
|
||||
console.log('Trying to remove a presenter LI node...');
|
||||
try {
|
||||
document.getElementById('event_presenter_'+tbl_presenter_id).remove();
|
||||
} catch(err) {
|
||||
//console.log('A node with the ID of event_presenter_'+tbl_presenter_id+' was not found.');
|
||||
console.log('This presenter list item node was not found. In some cases this is expected.');
|
||||
console.log(err.message);
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
//console.log('This presenter ('+tbl_presenter_id+') is already part of the list of presenters for this presentation ('+ul_presentation_id+') and is correct.');
|
||||
}
|
||||
|
||||
}
|
||||
} else {
|
||||
console.log('No UL placeholder list for presenters found under any presentations. Something might have gone wrong?');
|
||||
}
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_presenter looking for presenters to update, add, or remove is complete');
|
||||
looping_tbl_event_presenter = false;
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log('Something went wrong in function render_event_presenter_records.');
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
|
||||
return true;
|
||||
}
|
||||
@@ -1,265 +0,0 @@
|
||||
//exports.render_event_session_records = async function () {
|
||||
async function render_event_session_records() {
|
||||
console.log('****************** Sessions ******************');
|
||||
console.log('Rendering event session records...');
|
||||
|
||||
if (looping_tbl_event_session) {
|
||||
console.log('Already looping through the tbl_event_session table. Not starting until finished.');
|
||||
return false;
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
|
||||
looping_tbl_event_session = true;
|
||||
|
||||
// First: update or add sessions
|
||||
result = tbl_event_session.iterate(await function(value, key, iteration) {
|
||||
if (value.event_id == event_id && value.event_location_id == event_location_id) {
|
||||
console.log('*** Event session id ('+value.id+') is part of this event location.');
|
||||
|
||||
let session_startdatetime = new Date(value.start_datetime);
|
||||
|
||||
// *** ** * Checking if the session is already in the launcher menu * ** ***
|
||||
if (document.getElementById('menu_event_session_'+value.id)) {
|
||||
// Update the session menu list item
|
||||
document.getElementById('menu_session_name_'+value.id).innerHTML = value.name;
|
||||
} else {
|
||||
// Unhide the sessions menu
|
||||
if (document.getElementById('sessions_menu').classList.contains('d-none') ) {
|
||||
document.getElementById('sessions_menu').classList.remove('d-none');
|
||||
document.getElementById('sessions_menu').classList.add('d-block');
|
||||
}
|
||||
|
||||
// Add the new session to the session menu
|
||||
let li_session_node = document.createElement('LI');
|
||||
li_session_node.id = 'menu_event_session_'+value.id;
|
||||
//li_session_node.className = 'list-group-item btn btn-success d-flex justify-content-between align-items-center btn_view_session';
|
||||
li_session_node.className = 'list-group-item btn btn-success justify-content-between align-items-center btn_view_session';
|
||||
li_session_node.setAttribute('data-session_id', value.id);
|
||||
|
||||
li_session_node.title = 'id='+value.id+' session_id='+value.id;
|
||||
|
||||
// Create the session name span
|
||||
let li_span_name_node = document.createElement('SPAN');
|
||||
li_span_name_node.id = 'menu_session_name_'+value.id;
|
||||
li_span_name_node.className = 'd-inline menu_session_name';
|
||||
|
||||
let li_span_name_text_node = document.createTextNode(value.name);
|
||||
li_span_name_node.appendChild(li_span_name_text_node);
|
||||
|
||||
// Create the session time span
|
||||
let span_session_time_string = dateFns.format(session_startdatetime, 'h:mm A');
|
||||
let li_span_time_node = document.createElement('SPAN');
|
||||
if ( display_menu_session_times && span_session_time_string ) {
|
||||
li_span_time_node.className = 'd-inline menu_session_time';
|
||||
} else {
|
||||
li_span_time_node.className = 'd-none';
|
||||
}
|
||||
|
||||
let li_span_time_text_node = document.createTextNode(span_session_time_string+': ');
|
||||
li_span_time_node.appendChild(li_span_time_text_node);
|
||||
|
||||
// Create the session code span
|
||||
let li_span_badge_node = document.createElement('SPAN');
|
||||
if ( display_session_codes && value.code && value.code.length ) {
|
||||
li_span_badge_node.className = 'd-inline menu_session_code';
|
||||
} else {
|
||||
li_span_badge_node.className = 'd-none';
|
||||
}
|
||||
|
||||
let li_span_badge_text_node = document.createTextNode('('+value.code+')');
|
||||
li_span_badge_node.appendChild(li_span_badge_text_node);
|
||||
|
||||
|
||||
li_session_node.appendChild(li_span_time_node);
|
||||
li_session_node.appendChild(li_span_name_node);
|
||||
li_session_node.appendChild(li_span_badge_node);
|
||||
|
||||
document.getElementById('sessions_menu').getElementsByTagName('ul')[0].appendChild(li_session_node);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// *** ** * Checking if the session is already in the launcher sessions detail * ** ***
|
||||
if (document.getElementById('detail_session_'+value.id)) {
|
||||
// Update the launcher sessions list
|
||||
// NOTE: Updating this text is very awkward?
|
||||
//document.getElementById('detail_session_'+value.id).getElementsByTagName('h2')[0].firstChild.data = value.name;
|
||||
document.getElementById('detail_session_name_'+value.id).innerHTML = value.name;
|
||||
document.getElementById('detail_session_code_'+value.id).innerHTML = '('+value.code+')';
|
||||
//console.log(document.getElementById('detail_session_'+value.id).getElementsByTagName('h2')[0]);
|
||||
document.getElementById('detail_session_badge_'+value.id).innerHTML = dateFns.format(session_startdatetime, 'ddd h:mm A');
|
||||
} else {
|
||||
// Add the new session to the launcher sessions list
|
||||
let div_session_node = document.createElement('DIV');
|
||||
div_session_node.id = 'detail_session_'+value.id;
|
||||
div_session_node.className = 'container d-none session_detail event_session';
|
||||
div_session_node.setAttribute('data-session_id', value.id);
|
||||
|
||||
let h2_session_node = document.createElement('H2');
|
||||
h2_session_node.className = 'session_heading d-flex justify-content-between align-items-center border-bottom border-primary';
|
||||
//h2_session_node.className = 'detail_session_title justify-content-between align-items-center';
|
||||
|
||||
// Group the name and code together for the title
|
||||
let span_session_title_node = document.createElement('SPAN');
|
||||
span_session_title_node.className = 'session_title';
|
||||
|
||||
// Create the session name span
|
||||
let span_session_name_node = document.createElement('SPAN');
|
||||
span_session_name_node.id = 'detail_session_name_'+value.id;
|
||||
span_session_name_node.className = 'detail_session_name';
|
||||
|
||||
let span_session_name_text_node = document.createTextNode('('+value.name+')');
|
||||
span_session_name_node.appendChild(span_session_name_text_node);
|
||||
|
||||
//h2_session_node.appendChild(span_session_name_node);
|
||||
span_session_title_node.appendChild(span_session_name_node);
|
||||
|
||||
// Create the session code span
|
||||
let span_session_code_node = document.createElement('SPAN');
|
||||
span_session_code_node.id = 'detail_session_code_'+value.id;
|
||||
if ( display_session_codes && value.code && value.code.length) {
|
||||
span_session_code_node.className = 'd-inline detail_session_code';
|
||||
} else {
|
||||
span_session_code_node.className = 'd-none detail_session_code';
|
||||
}
|
||||
|
||||
let span_session_code_text_node = document.createTextNode('('+value.code+')');
|
||||
span_session_code_node.appendChild(span_session_code_text_node);
|
||||
|
||||
//h2_session_node.appendChild(span_session_code_node);
|
||||
span_session_title_node.appendChild(span_session_code_node);
|
||||
h2_session_node.appendChild(span_session_title_node);
|
||||
|
||||
let span_session_badge_node = document.createElement('SPAN');
|
||||
span_session_badge_node.id = 'detail_session_badge_'+value.id;
|
||||
|
||||
if (display_session_badges) {
|
||||
span_session_badge_node.className = 'badge badge-pill badge-info d-inline';
|
||||
} else {
|
||||
span_session_badge_node.className = 'badge badge-pill badge-info d-none';
|
||||
}
|
||||
|
||||
let span_session_badge_text_node = document.createTextNode(dateFns.format(session_startdatetime, 'ddd h:mm A'));
|
||||
span_session_badge_node.appendChild(span_session_badge_text_node);
|
||||
|
||||
h2_session_node.appendChild(span_session_badge_node);
|
||||
|
||||
div_session_node.appendChild(h2_session_node);
|
||||
|
||||
// Add placeholder cards for session files and session presentations
|
||||
// Files
|
||||
let files_div_node = document.createElement('DIV');
|
||||
files_div_node.id = 'event_session_files_'+value.id;
|
||||
files_div_node.className = 'card session_files';
|
||||
|
||||
let files_header_div_node = document.createElement('DIV');
|
||||
files_header_div_node.className = 'card-header';
|
||||
|
||||
let files_header_text_node = document.createTextNode('Session Files:');
|
||||
files_header_div_node.appendChild(files_header_text_node);
|
||||
|
||||
let files_body_div_node = document.createElement('DIV');
|
||||
files_body_div_node.className = 'card-body';
|
||||
|
||||
let files_body_ul_node = document.createElement('UL');
|
||||
files_body_ul_node.id = 'session_files_list_'+value.id;
|
||||
files_body_ul_node.className = 'list-group list-group-flush session_files_list event_files_list';
|
||||
|
||||
files_body_div_node.appendChild(files_body_ul_node);
|
||||
|
||||
files_div_node.appendChild(files_header_div_node);
|
||||
files_div_node.appendChild(files_body_div_node);
|
||||
|
||||
div_session_node.appendChild(files_div_node);
|
||||
|
||||
// Presentations
|
||||
let presentations_div_node = document.createElement('DIV');
|
||||
presentations_div_node.id = 'session_presentations_'+value.id;
|
||||
presentations_div_node.className = 'card session_presentations';
|
||||
|
||||
let presentations_header_div_node = document.createElement('DIV');
|
||||
presentations_header_div_node.className = 'card-header';
|
||||
|
||||
let presentations_header_text_node = document.createTextNode('Presentations:');
|
||||
presentations_header_div_node.appendChild(presentations_header_text_node);
|
||||
|
||||
let presentations_body_div_node = document.createElement('DIV');
|
||||
presentations_body_div_node.className = 'card-body';
|
||||
|
||||
let presentations_body_ul_node = document.createElement('UL');
|
||||
presentations_body_ul_node.id = 'session_presentations_list_'+value.id;
|
||||
presentations_body_ul_node.className = 'list-group list-group-flush session_presentations_list';
|
||||
presentations_body_ul_node.setAttribute('data-session_id', value.id);
|
||||
|
||||
presentations_body_div_node.appendChild(presentations_body_ul_node);
|
||||
|
||||
presentations_div_node.appendChild(presentations_header_div_node);
|
||||
presentations_div_node.appendChild(presentations_body_div_node);
|
||||
|
||||
div_session_node.appendChild(presentations_div_node);
|
||||
|
||||
|
||||
document.getElementById('launcher_sessions').appendChild(div_session_node);
|
||||
}
|
||||
|
||||
} else {
|
||||
//console.log('Event session not it.');
|
||||
}
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_session complete');
|
||||
//tbl_event_session_complete = true;
|
||||
}).then(function() {
|
||||
// Second: remove sessions from the launcher sessions menu and sessions list
|
||||
// This is basing the removal of sessions only on the menu list of sessions.
|
||||
// In theory this should be safe as long as nothing gets out sync...
|
||||
console.log('Looking for removed sessions...');
|
||||
|
||||
let session_list_items = document.getElementById('sessions_menu').getElementsByTagName('ul')[0].childNodes;
|
||||
//console.log(session_list_items);
|
||||
|
||||
let session_list = document.getElementById('sessions_menu').getElementsByTagName('ul')[0].children;
|
||||
|
||||
if (session_list_items.length) {
|
||||
for (let i=0, len=session_list_items.length; i < len; i++) {
|
||||
console.log('Checking session_id='+session_list_items[i].getAttribute('data-session_id'));
|
||||
|
||||
looping_tbl_event_session = true;
|
||||
|
||||
let session_id = session_list_items[i].getAttribute('data-session_id');
|
||||
let session_valid = false;
|
||||
|
||||
tbl_event_session.iterate(function(value, key, iteration) {
|
||||
//console.log(value.event_id+' ?= '+event_id+' : '+value.event_location_id+' ?= '+event_location_id+' : '+value.id+' ?= '+session_id);
|
||||
if (value.event_id == event_id && value.event_location_id == event_location_id && value.id == session_id) {
|
||||
// The session is still part of the event and the location
|
||||
session_valid = true;
|
||||
} else {
|
||||
// The session is no longer part of the event and or the location
|
||||
//console.log('Need to remove session id '+session_id);
|
||||
}
|
||||
}).then(function() {
|
||||
console.log('idb_to_ui: Iterate tbl_event_session looking for sessions to remove is complete')
|
||||
if (session_valid) {
|
||||
//console.log('Keep session id '+session_id);
|
||||
} else {
|
||||
console.log('Remove session id '+session_id);
|
||||
document.getElementById('menu_event_session_'+session_id).remove(); // Remove the node from the launcher sessions menu list
|
||||
document.getElementById('detail_session_'+session_id).remove(); // Remove the node from the launcher sessions list
|
||||
}
|
||||
|
||||
looping_tbl_event_session = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
looping_tbl_event_session = false;
|
||||
|
||||
// Third: re-index view session buttons
|
||||
index_launcher_sessions('btn_view_session');
|
||||
return true
|
||||
});
|
||||
|
||||
return result;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
|
||||
@@ -1,589 +0,0 @@
|
||||
async function api_token_request_async() {
|
||||
//var api_temporary_token = '';
|
||||
axios.defaults.baseURL = 'http://api.localhost:5001'; // 'http://api.localhost:5001' 'https://api.oneskyit.com';
|
||||
//axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
|
||||
axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
|
||||
//axios.defaults.headers.common['Authorization'] = `Token ${api_temporary_token}`
|
||||
|
||||
url = '/api_token_request';
|
||||
|
||||
let data = { secret_key: 'YWAAk39H2qH0edK6lPH0yg' };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
try {
|
||||
const response = await axios.post(url, data);
|
||||
console.log(response);
|
||||
api_temporary_token = response.data.temporary_token;
|
||||
axios.defaults.headers.common['Authorization'] = `Token ${api_temporary_token}`;
|
||||
return true;
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
function api_token_request_sync() {
|
||||
var api_temporary_token = '';
|
||||
axios.defaults.baseURL = 'http://api.localhost:5001'; // 'http://api.localhost:5001' 'https://api.oneskyit.com';
|
||||
//axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
|
||||
axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
|
||||
//axios.defaults.headers.common['Authorization'] = `Token ${api_temporary_token}`
|
||||
|
||||
url = '/api_token_request';
|
||||
|
||||
let data = { secret_key: 'YWAAk39H2qH0edK6lPH0yg' };
|
||||
|
||||
console.log(data);
|
||||
|
||||
axios.post(url, data)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
api_temporary_token = response.data.temporary_token;
|
||||
axios.defaults.headers.common['Authorization'] = `Token ${api_temporary_token}`;
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
function get_all_events() {
|
||||
url = '/event';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
records = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<select>';
|
||||
for (var i in records) {
|
||||
html += '<option value="'+records[i].id+'">'+records[i].name+'</option>'
|
||||
}
|
||||
html += '</select>';
|
||||
|
||||
/*
|
||||
role_table = '<table class="table table-striped table-bordered results_table">';
|
||||
role_table += '<tr><th>Name</th><th>For Type</th><th>For ID</th><th>Disable</th><th>Enable On</th><th>Disable On</th><th>Notes</th><th>Created On</th><th>Updated On</th></tr>';
|
||||
|
||||
for (var i in records) {
|
||||
|
||||
role_table += '<tr>';
|
||||
role_table += '<td>'+records[i].name+'</td>';
|
||||
role_table += '<td>'+records[i].for_type+'</td>';
|
||||
role_table += '<td>'+records[i].for_id+'</td>';
|
||||
role_table += '<td>'+records[i].disable+'</td>';
|
||||
role_table += '<td>'+records[i].enable_on+'</td>';
|
||||
role_table += '<td>'+records[i].disable_on+'</td>';
|
||||
role_table += '<td>'+records[i].notes+'</td>';
|
||||
role_table += '<td>'+records[i].created_on+'</td>';
|
||||
role_table += '<td>'+records[i].updated_on+'</td>';
|
||||
role_table += '</tr>';
|
||||
}
|
||||
|
||||
role_table += '</table>';
|
||||
*/
|
||||
|
||||
document.getElementById('events').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('events').innerHTML = 'No events found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event(event_id) {
|
||||
url = '/event/'+event_id;
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += record.name;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event').innerHTML = 'Event not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_locations(event_id) {
|
||||
url = '/event/'+event_id+'/location';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
records = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<ul>';
|
||||
for (var i in records) {
|
||||
html += '<li>'+records[i].name+'</li>'
|
||||
}
|
||||
html += '</ul>';
|
||||
|
||||
document.getElementById('event_locations').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_locations').innerHTML = 'Event locations not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_location(event_id, event_location_id) {
|
||||
url = '/event/'+event_id+'/location/'+event_location_id;
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += record.name;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event_location').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_location').innerHTML = 'Event location not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_location_sessions(event_id, event_location_id) {
|
||||
url = '/event/'+event_id+'/location/'+event_location_id+'/session';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += record.name;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event_location_sessions').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_location_sessions').innerHTML = 'Event location sessions not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function get_event_sessions(event_id) {
|
||||
url = '/event/'+event_id+'/session';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
records = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<ul>';
|
||||
for (var i in records) {
|
||||
html += '<li>'+records[i].name+'</li>'
|
||||
}
|
||||
html += '</ul>';
|
||||
|
||||
document.getElementById('event_sessions').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_sessions').innerHTML = 'Event sessions not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_session(event_id, event_session_id) {
|
||||
url = '/event/'+event_id+'/session/'+event_session_id;
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += record.name;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event_session').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_session').innerHTML = 'Event session not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_session_presentations(event_id, event_session_id) {
|
||||
url = '/event/'+event_id+'/session/'+event_session_id+'/presentation';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
records = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<ul>';
|
||||
for (var i in records) {
|
||||
html += '<li>'+records[i].name+'</li>'
|
||||
}
|
||||
html += '</ul>';
|
||||
|
||||
document.getElementById('event_presentations').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_presentations').innerHTML = 'Event session presentations not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_session_presentation(event_id, event_session_id, event_presentation_id) {
|
||||
url = '/event/'+event_id+'/session/'+event_session_id+'/presentation/'+event_presentation_id;
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += record.name;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event_presentation').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_presentation').innerHTML = 'Event session presentation not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_session_presentation_presenters(event_id, event_session_id, event_presentation_id) {
|
||||
url = '/event/'+event_id+'/session/'+event_session_id+'/presentation/'+event_presentation_id+'/presenter';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
records = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<ul>';
|
||||
for (var i in records) {
|
||||
html += '<li>'+records[i].given_name+' '+records[i].family_name;'</li>'
|
||||
}
|
||||
html += '</ul>';
|
||||
|
||||
document.getElementById('event_presenters').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_presenters').innerHTML = 'Event session presentation presenters not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_session_presentation_presenter(event_id, event_session_id, event_presentation_id, event_presenter_id) {
|
||||
url = '/event/'+event_id+'/session/'+event_session_id+'/presentation/'+event_presentation_id+'/presenter/'+event_presenter_id;
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += record.given_name+' '+record.family_name;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event_presenter').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_presenter').innerHTML = 'Event session presentation presenter not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
function get_event_files(event_id) {
|
||||
url = '/event/'+event_id+'/file';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
records = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<ul>';
|
||||
for (var i in records) {
|
||||
html += '<li>'+records[i].filename+'</li>'
|
||||
}
|
||||
html += '</ul>';
|
||||
|
||||
document.getElementById('event_files').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_files').innerHTML = 'Event files not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_file(event_id, event_file_id) {
|
||||
url = '/event/'+event_id+'/file/'+event_file_id;
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += record.filename;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event_file').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_file').innerHTML = 'Event file not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function get_event_file_download(event_id, event_file_id) {
|
||||
url = '/event/'+event_id+'/file/'+event_file_id+'/download';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
|
||||
if (response.data != null) {
|
||||
record = response.data;
|
||||
|
||||
let html = '';
|
||||
html += '<div>';
|
||||
html += 'no idea'; //record.filename;
|
||||
html += '</div>';
|
||||
|
||||
document.getElementById('event_file').innerHTML = html;
|
||||
} else {
|
||||
document.getElementById('event_file').innerHTML = 'Event file not found.';
|
||||
}
|
||||
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function api_users() {
|
||||
url = '/user';
|
||||
|
||||
let data = { };
|
||||
|
||||
//console.log(data);
|
||||
|
||||
axios.get(url)
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
return true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
@@ -1,142 +0,0 @@
|
||||
const os = require('os');
|
||||
const path = require('path');
|
||||
const fs = require('fs');
|
||||
|
||||
let request_waiting = false;
|
||||
|
||||
setInterval(async function() {
|
||||
if (typeof axios.defaults.headers.common['Authorization'] !== 'undefined' && axios.defaults.headers.common['Authorization'] != null) {
|
||||
|
||||
if (typeof launcher.sessions === 'undefined') {
|
||||
console.log('Check for location files.');
|
||||
let for_id = launcher.event_location_id;
|
||||
launcher.files = await api.get_files_for_type_for_id(axios, 'location', for_id);
|
||||
for (var i in launcher.files) {
|
||||
console.log('f: ('+launcher.files[i].event_file_id+') '+launcher.files[i].event_file_filename+' ***')
|
||||
file_id = launcher.files[i].event_file_id; // NOTE: the .id is the hosted_file.id!
|
||||
filename = launcher.files[i].hash_sha256+'.file';
|
||||
|
||||
save_path = path.join(file_cache_path, filename);
|
||||
|
||||
//console.log(directory_and_filename);
|
||||
|
||||
if (fs.existsSync(save_path)) {
|
||||
console.log('Local file already exists: '+save_path);
|
||||
} else {
|
||||
console.log('File not found locally. Downloading file: '+save_path);
|
||||
ipcRenderer.send('download_file', api_base_url, api_endpoint, api_temporary_token, save_path); // Must download file using main node.js thread.
|
||||
//response.data.pipe(fs.createWriteStream(directory_and_filename));
|
||||
}
|
||||
//let results = await api.download_file_id(axios, file_id, hash_sha256);
|
||||
|
||||
}
|
||||
} else {
|
||||
console.log('No check for location files.');
|
||||
}
|
||||
|
||||
if (typeof launcher.sessions === 'undefined') {
|
||||
console.log('Check for location sessions.');
|
||||
launcher.sessions = await api.get_event_location_sessions(axios, launcher.event_id, launcher.event_location_id);
|
||||
for (var i in launcher.sessions) {
|
||||
console.log('*** '+launcher.sessions[i].name+' ***')
|
||||
|
||||
// Check for session files start
|
||||
if (typeof launcher.sessions[i].files === 'undefined') {
|
||||
console.log('Check for session files.');
|
||||
let for_id = launcher.sessions[i].id;
|
||||
launcher.sessions[i].files = await api.get_files_for_type_for_id(axios, 'session', for_id);
|
||||
if (launcher.sessions[i].files) {
|
||||
console.log('Session files found.');
|
||||
for (var j in launcher.sessions[i].files) {
|
||||
console.log('f: ('+launcher.sessions[i].files[j].event_file_id+') '+launcher.sessions[i].files[j].event_file_filename+' ***');
|
||||
file_id = launcher.sessions[i].files[j].event_file_id; // NOTE: the .id is the hosted_file.id!
|
||||
hash_sha256 = launcher.sessions[i].files[j].hash_sha256+'.file';
|
||||
let results = await api.download_file_id(axios, file_id, hash_sha256);
|
||||
}
|
||||
} else {
|
||||
console.log('No session files found.');
|
||||
}
|
||||
} else {
|
||||
console.log('No check for session files.');
|
||||
}
|
||||
// Check for session files end
|
||||
|
||||
// Get session presentations and associated files
|
||||
launcher.sessions[i].presentations = await api.get_session_presentations(axios, launcher.event_id, launcher.sessions[i].id);
|
||||
for (var j in launcher.sessions[i].presentations) {
|
||||
console.log('* '+launcher.sessions[i].presentations[j].name);
|
||||
|
||||
// Check for presentation files start
|
||||
if (typeof launcher.sessions[i].presentations[j].files === 'undefined') {
|
||||
console.log('Check for presentation files.');
|
||||
let for_id = launcher.sessions[i].presentations[j].id;
|
||||
launcher.sessions[i].presentations[j].files = await api.get_files_for_type_for_id(axios, 'presentation', for_id);
|
||||
if (launcher.sessions[i].presentations[j].files) {
|
||||
console.log('Presentation files found.');
|
||||
for (var k in launcher.sessions[i].presentations[j].files) {
|
||||
console.log('f: ('+launcher.sessions[i].presentations[j].files[k].event_file_id+') '+launcher.sessions[i].presentations[j].files[k].event_file_filename+' ***');
|
||||
file_id = launcher.sessions[i].presentations[j].files[k].event_file_id; // NOTE: the .id is the hosted_file.id!
|
||||
hash_sha256 = launcher.sessions[i].presentations[j].files[k].hash_sha256+'.file';
|
||||
let results = await api.download_file_id(axios, file_id, hash_sha256);
|
||||
}
|
||||
} else {
|
||||
console.log('No presentation files found.');
|
||||
}
|
||||
} else {
|
||||
console.log('No check for presentation files.');
|
||||
}
|
||||
// Check for presentation files end
|
||||
|
||||
|
||||
// Get session presentations presenters and associated files
|
||||
//let event_presentation_id = launcher.sessions[i].presentations[j].id;
|
||||
launcher.sessions[i].presentations[j].presenters = await api.get_presentation_presenters(axios, launcher.event_id, launcher.sessions[i].id, launcher.sessions[i].presentations[j].id);
|
||||
for (var k in launcher.sessions[i].presentations[j].presenters) {
|
||||
console.log('-- '+launcher.sessions[i].presentations[j].presenters[k].given_name+' '+launcher.sessions[i].presentations[j].presenters[k].family_name)
|
||||
|
||||
// Check for presenter files start
|
||||
if (typeof launcher.sessions[i].presentations[j].presenters[k].files === 'undefined') {
|
||||
console.log('Check for presenter files.');
|
||||
let for_id = launcher.sessions[i].presentations[j].presenters[k].id;
|
||||
launcher.sessions[i].presentations[j].presenters[k].files = await api.get_files_for_type_for_id(axios, 'presenter', for_id);
|
||||
if (launcher.sessions[i].presentations[j].presenters[k].files) {
|
||||
console.log('Presenter files found.');
|
||||
for (var l in launcher.sessions[i].presentations[j].presenters[k].files) {
|
||||
console.log('f: ('+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_id+') '+launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_filename+' ***')
|
||||
file_id = launcher.sessions[i].presentations[j].presenters[k].files[l].event_file_id; // NOTE: the .id is the hosted_file.id!
|
||||
hash_sha256 = launcher.sessions[i].presentations[j].presenters[k].files[l].hash_sha256+'.file';
|
||||
let results = await api.download_file_id(axios, file_id, hash_sha256);
|
||||
}
|
||||
} else {
|
||||
console.log('No presenter files found.');
|
||||
}
|
||||
} else {
|
||||
console.log('No check for presenter files.');
|
||||
}
|
||||
// Check for presenter files end
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
console.log('No check for location sessions.');
|
||||
}
|
||||
/*
|
||||
if (launcher.sessions) {
|
||||
console.log('Check for session files.');
|
||||
let for_id = launcher.event_location_id;
|
||||
launcher.files = await api.get_files_for_type_for_id(axios, 'location', for_id);
|
||||
for (var i in launcher.sessions) {
|
||||
console.log('f: ('+launcher.sessions[i].event_file_id+') '+launcher.files[i].event_file_filename+' ***')
|
||||
file_id = launcher.files[i].event_file_id; // NOTE: the .id is the hosted_file.id!
|
||||
let results = await api.download_file_id(axios, file_id);
|
||||
}
|
||||
} else {
|
||||
console.log('No check for location files.');
|
||||
}
|
||||
*/
|
||||
|
||||
} else {
|
||||
console.log('Waiting a few more seconds to see if Authorization header is set.');
|
||||
}
|
||||
}, 5000);
|
||||
@@ -1,50 +0,0 @@
|
||||
const { shell } = require('electron');
|
||||
const fs = require('fs');
|
||||
const screen = require('screen');
|
||||
|
||||
const path = '';
|
||||
const filename = 'test.txt';
|
||||
|
||||
//Check if file exists
|
||||
if(fs.existsSync(filename)) {
|
||||
} else {
|
||||
console.log("File does not exist. Creating new file.")
|
||||
fs.writeFile(filename, '', (err) => {
|
||||
if(err)
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
|
||||
//shell.openPath('test.txt');
|
||||
|
||||
/*
|
||||
const path = './';
|
||||
if (fs.stat.isDirectory(path)) {
|
||||
console.log('Directory');
|
||||
} else {
|
||||
console.log('File or nothing');
|
||||
}
|
||||
*/
|
||||
|
||||
/*
|
||||
function testing() {
|
||||
console.log(api_temporary_token);
|
||||
}
|
||||
*/
|
||||
|
||||
/* Testing inter-process communication (IPC) */
|
||||
/*
|
||||
var ipc = require('electron').ipcRenderer;
|
||||
var authButton = document.getElementById('test_button');
|
||||
authButton.addEventListener('click', function(){
|
||||
ipc.once('action_reply', function(event, response){
|
||||
processResponse(response);
|
||||
})
|
||||
//ipc.send('invoke_action', 'Test PowerPoint.pptx');
|
||||
ipc.send('invoke_action', api_temporary_token);
|
||||
});
|
||||
|
||||
function processResponse(response) {
|
||||
document.getElementById('response').innerHTML = "Response: "+response;
|
||||
}
|
||||
*/
|
||||
@@ -1,160 +0,0 @@
|
||||
'use strict';
|
||||
const os = require('os');
|
||||
const path = require('path');
|
||||
const fs = require('fs');
|
||||
const { ipcRenderer } = require('electron');
|
||||
|
||||
exports.load_config = function () {
|
||||
console.log('CWD: '+process.cwd());
|
||||
|
||||
let home_directory = require('os').homedir();
|
||||
console.log('Home: '+home_directory);
|
||||
|
||||
let tmp_directory = require('os').tmpdir();
|
||||
console.log('Temporary: '+tmp_directory);
|
||||
|
||||
let config = null;
|
||||
let config_directory = null;
|
||||
let default_config_path = path.join(process.cwd(),'config.json.default');
|
||||
let config_path = null;
|
||||
|
||||
if (os.platform == 'darwin') {
|
||||
config_directory = path.join(home_directory, 'Library/Application Support/OSIT');
|
||||
console.log('macOS config directory: '+config_directory);
|
||||
} else if (os.platform == 'linux') {
|
||||
config_directory = path.join(home_directory, '.config/OSIT');
|
||||
console.log('Linux config directory: '+config_directory);
|
||||
}
|
||||
|
||||
if (fs.existsSync(config_directory)) {
|
||||
console.log('Config: '+config_directory);
|
||||
config_path = path.join(config_directory, 'config.json');
|
||||
} else {
|
||||
fs.mkdirSync(config_directory);
|
||||
console.log('Config directory created: '+config_directory);
|
||||
|
||||
//default_config_path = path.join(process.cwd(),'config.json.default');
|
||||
config_path = path.join(config_directory, 'config.json');
|
||||
fs.copyFileSync(default_config_path, config_path);
|
||||
console.log('Default config file copied: '+config_directory);
|
||||
}
|
||||
|
||||
if (fs.existsSync(config_path)) {
|
||||
console.log('Config path: '+config_path);
|
||||
console.log('Config file (config.json) found under '+config_directory+'.');
|
||||
|
||||
config = JSON.parse(fs.readFileSync(config_path));
|
||||
console.log('Config file read.');
|
||||
} else if (!fs.existsSync(config_path)) {
|
||||
fs.copyFileSync(default_config_path, config_path);
|
||||
console.log('Default config file copied: '+config_directory);
|
||||
|
||||
config = JSON.parse(fs.readFileSync(config_path));
|
||||
console.log('Config file read.');
|
||||
} else if (fs.existsSync('config.json')) {
|
||||
//fs.copyFileSync(default_config_path, config_path);
|
||||
//console.log('Default config file copied: '+config_directory);
|
||||
|
||||
config = JSON.parse(fs.readFileSync('config.json'));
|
||||
console.log('Config file (config.json) not found under '+config_directory+'. Using config in CWD.');
|
||||
console.log('Config file read.');
|
||||
|
||||
//console.log('Config file (config.json) not found under '+config_directory+'. Using config in CWD.');
|
||||
//config = JSON.parse(fs.readFileSync('config.json'));
|
||||
} else {
|
||||
//close();
|
||||
}
|
||||
//console.log(config);
|
||||
return config;
|
||||
}
|
||||
|
||||
|
||||
exports.check_file_cache = async function (host_file_cache_path, event_file_id, hash) {
|
||||
console.log('**** *** ** * FUNCTION: check_file_cache (v3) * ** *** ****');
|
||||
console.log('Checking the local file cache against the remote server.');
|
||||
|
||||
event_file_id; // NOTE: This is the event_file.id_random or event_file.event_file_id_random
|
||||
let hash_filename = hash+'.file';
|
||||
|
||||
let save_path = path.join(host_file_cache_path, hash_filename);
|
||||
console.log(save_path);
|
||||
|
||||
if (fs.existsSync(save_path)) {
|
||||
console.log('Hashed file cache already exists: '+save_path);
|
||||
} else {
|
||||
console.log('Hashed file not found in local cache. Downloading file: '+save_path);
|
||||
let endpoint = `/event/file/${event_file_id}/download`;
|
||||
ipcRenderer.send('download_file', api_base_url, endpoint, save_path); // Must download file using main node.js thread.
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
exports.check_file_cache_v1 = async function () {
|
||||
console.log('**** *** ** * FUNCTION: check_file_cache * ** *** ****');
|
||||
console.log('Checking the local file cache against the remote server.');
|
||||
|
||||
if (api_base_url && api_temporary_token) {
|
||||
tbl_event_file.iterate(function(file_value, key, iteration) {
|
||||
//if (file_value.event_location_id == event_location_id) {
|
||||
//console.log('f: ('+file_value.event_file_id+') '+file_value.event_file_filename+' ***')
|
||||
|
||||
let file_id = file_value.id; // NOTE: This is the event_file.id or event_file_id.
|
||||
let filename = file_value.hosted_file_hash_sha256+'.file';
|
||||
|
||||
let save_path = path.join(host_file_cache_path, filename);
|
||||
//console.log(save_path);
|
||||
|
||||
if (fs.existsSync(save_path)) {
|
||||
//console.log('Local file already exists: '+save_path);
|
||||
} else {
|
||||
console.log('File not found locally. Downloading file: '+save_path);
|
||||
let api_endpoint = '/event/file/'+file_id+'/download';
|
||||
ipcRenderer.send('download_file', api_base_url, api_endpoint, api_temporary_token, save_path); // Must download file using main node.js thread.
|
||||
}
|
||||
});
|
||||
} else {
|
||||
console.log('The api_base_url or api_temporary_token has not been set.');
|
||||
console.log(api_base_url);
|
||||
console.log(api_temporary_token);
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
exports.currently_online = function() {
|
||||
//alert('You are currently online');
|
||||
console.log('Currently online');
|
||||
app_online = true;
|
||||
//document.getElementById('app_network_status').classList.remove('alert-info');
|
||||
//document.getElementById('app_network_status').classList.remove('warning');
|
||||
//document.getElementById('app_network_status').classList.remove('alert-warning');
|
||||
//document.getElementById('app_network_status').classList.add('success');
|
||||
//document.getElementById('app_network_status').classList.add('alert-success');
|
||||
document.getElementById('app_network_status').classList.remove('app_warning');
|
||||
//document.getElementById('app_network_status').classList.add('d-none');
|
||||
document.getElementById('app_network_status').innerHTML = '<span class="fas fa-check"></span> <span class="fas fa-globe"></span> Currently Online';
|
||||
//document.getElementById('app_network_status').innerHTML('Currently Online');
|
||||
}
|
||||
|
||||
|
||||
exports.currently_offline = function() {
|
||||
//alert('You are currently offline');
|
||||
console.log('Currently offline');
|
||||
app_online = false;
|
||||
//document.getElementById('app_network_status').classList.remove('alert-info');
|
||||
//document.getElementById('app_network_status').classList.remove('success');
|
||||
//document.getElementById('app_network_status').classList.remove('alert-success');
|
||||
//document.getElementById('app_network_status').classList.add('warning');
|
||||
//document.getElementById('app_network_status').classList.add('alert-warning');
|
||||
document.getElementById('app_network_status').classList.add('app_warning');
|
||||
//document.getElementById('app_network_status').classList.remove('d-none');
|
||||
document.getElementById('app_network_status').innerHTML = '<span class="fas fa-exclamation"></span> <span class="fas fa-globe"></span> Currently Offline';
|
||||
//document.getElementById('app_network_status').innerHTML('Currently Offline');
|
||||
}
|
||||
|
||||
//window.addEventListener('online', currently_online);
|
||||
//window.addEventListener('offline', currently_offline);
|
||||
@@ -1,302 +0,0 @@
|
||||
const os = require('os');
|
||||
const path = require('path');
|
||||
const fs = require('fs');
|
||||
|
||||
const { ipcRenderer } = require('electron');
|
||||
|
||||
|
||||
exports.render_launcher = function (launcher_tmp) {
|
||||
console.log('Rendering based on launcher_tmp...');
|
||||
|
||||
console.log('In module_app_ui.js v2 idb to launcher object: ***');
|
||||
console.log(launcher_tmp);
|
||||
console.log('In module_app_ui.js v2 idb to launcher object: ^^^');
|
||||
/*
|
||||
if (launcher_tmp.event) {
|
||||
for (var i in launcher_tmp.event) {
|
||||
if (launcher_tmp.event[i].id == event_id) {
|
||||
console.log('*** Event id ('+event_id+') found in launcher object.');
|
||||
for (var j in launcher_tmp.location) {
|
||||
if (launcher_tmp.location[j].id == event_location_id) {
|
||||
console.log('*** Location id ('+event_location_id+') found in launcher object.');
|
||||
document.title = launcher_tmp.location[j].name+'@'+launcher_tmp.event[i].name;
|
||||
document.getElementById('location_name').innerHTML = '<span class="fas fa-map-marker"></span> '+launcher_tmp.location[j].name+'@'+launcher_tmp.event[i].name;
|
||||
} else {
|
||||
console.log('Event location not it.');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
console.log('Event not it.');
|
||||
}
|
||||
}
|
||||
console.log('Data in launcher object');
|
||||
console.log(launcher_tmp);
|
||||
} else {
|
||||
console.log('Missing data in launcher object');
|
||||
return false;
|
||||
}
|
||||
*/
|
||||
document.getElementById('event_files_menu').innerHTML = '<h2>Event Files</h2>';
|
||||
document.getElementById('event_files_menu').innerHTML += '<ul class="list-group list-group-flush">';
|
||||
for (var i in launcher_tmp.event_file) {
|
||||
document.getElementById('event_files_menu').innerHTML += '<li id="menu_event_file_'+launcher_tmp.event_file[i].event_file_id+'" class="list-group-item btn btn-secondary d-flex justify-content-between align-items-center open_local_file" data-hash_sha256="'+launcher_tmp.event_file[i].hash_sha256+'.file" data-filename="'+launcher_tmp.event_file[i].event_file_filename+'">'+launcher_tmp.event_file[i].event_file_filename+'</li>';
|
||||
}
|
||||
document.getElementById('event_files_menu').innerHTML += '</ul>';
|
||||
|
||||
|
||||
document.getElementById('location_files_menu').innerHTML = '<h2>Location Files</h2>';
|
||||
document.getElementById('location_files_menu').innerHTML += '<ul class="list-group list-group-flush" role="">';
|
||||
for (var i in launcher_tmp.location_file) {
|
||||
document.getElementById('location_files_menu').innerHTML += '<li id="menu_event_location_file_'+launcher_tmp.location_file[i].event_file_id+'" class="list-group-item btn btn-secondary d-flex justify-content-between align-items-center open_local_file" data-hash_sha256="'+launcher_tmp.location_file[i].hash_sha256+'.file" data-filename="'+launcher_tmp.location_file[i].event_file_filename+'"><span class="fas fa-external-link-alt"></span> '+launcher_tmp.location_file[i].event_file_filename+'</li>';
|
||||
}
|
||||
document.getElementById('location_files_menu').innerHTML += '</ul>';
|
||||
|
||||
//document.getElementById('sessions_menu').innerHTML = '<h2>Sessions</h2>';
|
||||
//document.getElementById('sessions_menu').innerHTML += '<ul class="list-group list-group-flush" role="">';
|
||||
//let launcher_sessions = '';
|
||||
if (document.getElementById('launcher_sessions').innerHTML.length) {
|
||||
console.log('launcher_sessions already exists');
|
||||
document.getElementById('launcher_sessions').innerHTML = ''; // This needs to be reviewed.
|
||||
} else {
|
||||
console.log('launcher_sessions is empty');
|
||||
//document.getElementById('launcher_sessions').innerHTML = ''; // This needs to be reviewed.
|
||||
}
|
||||
for (var i in launcher_tmp.session) {
|
||||
// List sessions in menu
|
||||
//document.getElementById('sessions_menu').innerHTML += '<li id="menu_event_session_'+launcher_tmp.session[i].id+'" class="list-group-item btn btn-info d-flex justify-content-between align-items-center btn_view_session" data-session_id="'+launcher_tmp.session[i].id+'">'+launcher_tmp.session[i].name+'</li>';
|
||||
|
||||
// Create containers for each session
|
||||
let session_detail = '';
|
||||
|
||||
if (typeof(document.getElementById('detail_session_id_'+launcher_tmp.session[i].id)) != 'undefined' && document.getElementById('detail_session_id_'+launcher_tmp.session[i].id) != null) {
|
||||
//console.log('detail_session_id_xx already exists');
|
||||
} else {
|
||||
//console.log('Adding detail_session_id_xx');
|
||||
session_detail += '<div id="detail_session_id_'+launcher_tmp.session[i].id+'" class="container d-none session_detail" data-session_id="'+launcher_tmp.session[i].id+'">';
|
||||
}
|
||||
|
||||
|
||||
|
||||
var session_startdatetime = new Date(launcher_tmp.session[i].start_datetime);
|
||||
|
||||
session_detail += '<h2 class="session_title d-flex justify-content-between align-items-center">'+launcher_tmp.session[i].name+'<span class="badge badge-pill badge-info">'+dateFns.format(session_startdatetime, 'ddd h:mm A')+'</span>'+'</h2>';
|
||||
|
||||
|
||||
// *** Session files card section start
|
||||
let session_files_card = '';
|
||||
if (typeof launcher_tmp.session[i].file !== 'undefined') {
|
||||
session_files_card += '<div class="card">';
|
||||
session_files_card += '<div class="card-header">Session Files:</div>';
|
||||
session_files_card += '<div class="card-body">';
|
||||
|
||||
let files_list = '';
|
||||
files_list += '<ul class="list-group list-group-flush">';
|
||||
for (var j in launcher_tmp.session[i].file) {
|
||||
let file = launcher_tmp.session[i].file[j];
|
||||
//console.log(file.event_file_filename);
|
||||
|
||||
files_list += '<li id="event_session_file_'+file.event_file_id+'" class="list-group-item btn btn-primary d-flex justify-content-between align-items-center open_local_file" data-hash_sha256="'+file.hash_sha256+'.file" data-filename="'+file.event_file_filename+'">';
|
||||
files_list += file.event_file_filename;
|
||||
files_list += '<span class="badge badge-pill badge-light">'+format_bytes(file.size, 2)+'; '+dateFns.format(file.created_on, 'MMM M h:mm A')+'; '+file.internal_os+'</span>';
|
||||
files_list += '</li>';
|
||||
}
|
||||
files_list += '</ul>';
|
||||
session_files_card += files_list;
|
||||
|
||||
session_files_card += '</div>'; // for card-body
|
||||
session_files_card += '</div> <!-- for session files card -->'; // for session files card
|
||||
} else {
|
||||
//session_files_card = 'no session files found';
|
||||
}
|
||||
// *** Session files card section end
|
||||
|
||||
session_detail += session_files_card;
|
||||
|
||||
// *** Session presentations card section start
|
||||
let session_presentations_card = '';
|
||||
if (typeof launcher_tmp.session[i].presentation !== 'undefined') {
|
||||
|
||||
session_presentations_card += '<div class="card">';
|
||||
session_presentations_card += '<div class="card-header">Presentations:</div>';
|
||||
session_presentations_card += '<div class="card-body">';
|
||||
|
||||
let presentations_list = '';
|
||||
presentations_list += '<ul class="list-group list-group-flush">';
|
||||
|
||||
let presentation = '';
|
||||
for (var j in launcher_tmp.session[i].presentation) {
|
||||
presentation = launcher_tmp.session[i].presentation[j];
|
||||
|
||||
//var session_presentation_startdatetime = new Date(launcher_tmp.session[i].presentation[j].start_datetime);
|
||||
|
||||
presentations_list += '<li id="event_presentation_'+presentation.id+'" class="list-group-item">';
|
||||
presentations_list += '<div class="list-group-item-heading d-flex justify-content-between align-items-center">';
|
||||
presentations_list += '<strong class="">'+presentation.name+'</strong>';
|
||||
presentations_list += '<span class="badge badge-pill badge-info">'+dateFns.format(presentation.start_datetime, 'h:mm a')+'</span>';
|
||||
presentations_list += '</div>';
|
||||
|
||||
presentations_list += '<div class="list-group-item-text">'; // Start presentation file list and presenters with files lists
|
||||
|
||||
if (typeof presentation.file !== 'undefined') {
|
||||
let files_list = '';
|
||||
files_list += '<ul class="list-group list-group-flush">';
|
||||
for (var k in presentation.file) {
|
||||
let file = presentation.file[k];
|
||||
//console.log(file.event_file_filename);
|
||||
|
||||
files_list += '<li id="event_presentation_file_'+file.event_file_id+'" class="list-group-item btn btn-primary d-flex justify-content-between align-items-center open_local_file" data-hash_sha256="'+file.hash_sha256+'.file" data-filename="'+file.event_file_filename+'"><span class="fas fa-external-link-alt"></span> ';
|
||||
files_list += file.event_file_filename;
|
||||
files_list += '<span class="badge badge-pill badge-light float-right">'+format_bytes(file.size, 2)+'; '+dateFns.format(file.created_on, 'MMM M h:mm A')+'; '+file.internal_os+'</span>';
|
||||
files_list += '</li>';
|
||||
}
|
||||
files_list += '</ul>';
|
||||
presentations_list += files_list;
|
||||
} else {
|
||||
files_list = '<div>None here!</div>';
|
||||
presentations_list += files_list;
|
||||
}
|
||||
|
||||
let presenters_list = '';
|
||||
for (var k in presentation.presenter) {
|
||||
let presenter = presentation.presenter[k];
|
||||
//console.log(presenter.given_name);
|
||||
|
||||
presenters_list += '<li id="event_presenter_'+presenter.id+'" class="list-group-item">';
|
||||
presenters_list += '<strong class="list-group-item-heading">'+presenter.given_name+' '+presenter.family_name+'</strong>';
|
||||
|
||||
if (typeof presenter.file !== 'undefined') {
|
||||
let files_list = '';
|
||||
files_list += '<ul class="list-group list-group-flush list-group-item-text">';
|
||||
for (var l in presenter.file) {
|
||||
let file = presenter.file[l];
|
||||
files_list += '<li id="event_presenter_file_'+file.event_file_id+'" class="list-group-item btn btn-primary d-flex justify-content-between align-items-center open_local_file" data-hash_sha256="'+file.hash_sha256+'.file" data-filename="'+file.event_file_filename+'"><span class="fas fa-external-link-alt"></span> ';
|
||||
files_list += file.event_file_filename;
|
||||
files_list += '<span class="badge badge-pill badge-light float-right">'+format_bytes(file.size, 2)+'; '+dateFns.format(file.created_on, 'MMM M h:mm A')+'; '+file.internal_os+'</span>';
|
||||
files_list += '</li>';
|
||||
}
|
||||
files_list += '</ul>';
|
||||
presenters_list += files_list;
|
||||
} else {
|
||||
files_list = '<div>None here!</div>';
|
||||
presenters_list += files_list;
|
||||
}
|
||||
presenters_list +='</li>'; // End presenter's list group item (one presenter and their files)
|
||||
}
|
||||
presentations_list += presenters_list;
|
||||
|
||||
presentations_list += '</li>'; // close presentation files and presenters with files
|
||||
|
||||
}
|
||||
|
||||
presentations_list += '</ul>'; // end of presentations with files list
|
||||
|
||||
session_presentations_card += presentations_list;
|
||||
session_presentations_card += '</div>'; // for presentations card-body
|
||||
session_presentations_card += '</div> <!-- for card -->'; // for presentations card
|
||||
|
||||
|
||||
session_detail += session_presentations_card;
|
||||
//session_detail += '</div> <!-- for session_presentations -->'; // for session_presentations
|
||||
|
||||
//session_detail += '</div>'; // for card-group
|
||||
|
||||
}
|
||||
session_detail += '</div> <!-- End session detail for '+launcher_tmp.session[i].id+' -->';
|
||||
// *** Session presentations card section start
|
||||
|
||||
//document.getElementById('launcher_sessions').innerHTML += session_detail;
|
||||
|
||||
if (typeof(document.getElementById('detail_session_id_'+launcher_tmp.session[i].id)) != 'undefined' && document.getElementById('detail_session_id_'+launcher_tmp.session[i].id) != null) {
|
||||
document.getElementById('detail_session_id_'+launcher_tmp.session[i].id).innerHTML = session_detail;
|
||||
} else {
|
||||
document.getElementById('launcher_sessions').innerHTML += session_detail;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
document.getElementById('sessions_menu').innerHTML += '</ul>';
|
||||
|
||||
index_launcher_sessions('btn_view_session');
|
||||
|
||||
index_open_file_buttons('open_local_file');
|
||||
|
||||
|
||||
//const btn_session_{{ event_presentation.id }}_name = document.querySelector('button#presentation_{{ event_presentation.id }}_name');
|
||||
//btn_presentation_{{ event_presentation.id }}_name.onclick = display_hide_poster_for_type_id.bind(this, true, 'presentation', {{ event_presentation.id }});
|
||||
console.log('Rendering launcher finished.');
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
/* Updated 2019-12-19 */
|
||||
function index_launcher_sessions(class_name) {
|
||||
console.log('Indexing launcher sessions with class name: '+class_name);
|
||||
var class_elements = document.getElementsByClassName(class_name);
|
||||
|
||||
for (var i = 0; i < class_elements.length; i++) {
|
||||
class_elements[i].addEventListener( 'click', function() {view_session( this.getAttribute('data-session_id')) } );
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
/* Updated 2019-12-19 */
|
||||
function view_session(session_id) {
|
||||
var class_elements = document.getElementsByClassName('launcher_sessions');
|
||||
console.log('*** View session ID: '+session_id);
|
||||
for (var i = 0; i < class_elements.length; i++) {
|
||||
//console.log('*** checking: '+class_elements[i].getAttribute('data-session_id'));
|
||||
if (class_elements[i].getAttribute('data-session_id') == session_id) {
|
||||
//console.log('show');
|
||||
class_elements[i].classList.remove('d-none');
|
||||
class_elements[i].classList.add('d-block');
|
||||
} else {
|
||||
//console.log('hide');
|
||||
class_elements[i].classList.remove('d-block');
|
||||
class_elements[i].classList.add('d-none');
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Updated 2019-12-20 */
|
||||
function index_open_file_buttons(class_name) {
|
||||
var class_elements = document.getElementsByClassName(class_name);
|
||||
|
||||
for (var i = 0; i < class_elements.length; i++) {
|
||||
//class_elements[i].addEventListener( 'click', function() {open_local_file( this.getAttribute('data-filename')) } );
|
||||
|
||||
//let directory = 'file_cache/';
|
||||
|
||||
//directory_and_filename = path.join(directory, class_elements[i].getAttribute('data-filename'));
|
||||
|
||||
let file_path = path.join(host_file_cache_path, class_elements[i].getAttribute('data-hash_sha256'));
|
||||
let filename = class_elements[i].getAttribute('data-filename');
|
||||
|
||||
class_elements[i].addEventListener( 'click', function() { ipcRenderer.send('open_local_file', file_path, filename) } );
|
||||
//ipcRenderer.send('open_local_file', this.getAttribute('data-filename')); // in render thread
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function format_bytes(bytes, decimals = 2) {
|
||||
if (bytes === 0) return '0 Bytes';
|
||||
|
||||
const k = 1024;
|
||||
const dm = decimals < 0 ? 0 : decimals;
|
||||
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
||||
|
||||
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||||
|
||||
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
|
||||
}
|
||||
@@ -1,63 +0,0 @@
|
||||
const os = require('os');
|
||||
const path = require('path');
|
||||
const fs = require('fs');
|
||||
|
||||
exports.download_file_id = async function (axios, file_id, filename_override) {
|
||||
console.log('Downloading file...');
|
||||
const url = '/event/file/'+file_id+'/download';
|
||||
|
||||
const data = await axios({
|
||||
method: "get",
|
||||
url: url,
|
||||
responseType: "stream"
|
||||
})
|
||||
.then(function (response) {
|
||||
//console.log(response);
|
||||
//console.log(response.data);
|
||||
|
||||
let filename = 'default.txt';
|
||||
|
||||
if (typeof filename_override === 'undefined' || filename_override == null) {
|
||||
let headerLine = response.data.headers['content-disposition'];
|
||||
|
||||
console.log(headerLine);
|
||||
console.log(headerLine.indexOf('="'));
|
||||
console.log(headerLine.indexOf('='));
|
||||
if (headerLine.indexOf('="') != -1) {
|
||||
let startFileNameIndex = headerLine.indexOf('="') + 2;
|
||||
let endFileNameIndex = headerLine.lastIndexOf('"');
|
||||
filename = headerLine.substring(startFileNameIndex, endFileNameIndex);
|
||||
} else if (headerLine.indexOf('=') != -1) {
|
||||
let startFileNameIndex = headerLine.indexOf('=') + 1;
|
||||
let endFileNameIndex = headerLine.length;
|
||||
filename = headerLine.substring(startFileNameIndex, endFileNameIndex);
|
||||
} else {
|
||||
filename = 'filename_not_found_in_header.txt';
|
||||
}
|
||||
} else {
|
||||
filename = filename_override;
|
||||
}
|
||||
|
||||
let directory = 'file_cache/';
|
||||
|
||||
directory_and_filename = path.join(directory, filename);
|
||||
|
||||
//console.log(directory_and_filename);
|
||||
|
||||
if (fs.existsSync(directory_and_filename)) {
|
||||
console.log('File already exists: '+directory_and_filename);
|
||||
} else {
|
||||
console.log('Starting file download: '+directory_and_filename);
|
||||
response.data.pipe(fs.createWriteStream(directory_and_filename));
|
||||
}
|
||||
//data = response.data;
|
||||
return true;
|
||||
//return response.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
return error;
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
Reference in New Issue
Block a user