Help us make the portal better! Submit bug reports, feature requests, questions and comments.
div { width: 46px; background: #826f6f; border-radius: 100%; height: 46px; } .miniInfo { flex-basis: 51%; font-size: 12px; display: block; margin-left: 12px; margin-top:4px; } .miniInfo b { font-size:15px; line-height: 1.1rem; } .miniInfo .material-icons, .miniPill .material-icons { font-size: 12px; margin-right: 5px; vertical-align:middle; } .miniPill .material-icons svg { width:12px; } .miniPill path {fill:#3463B3;} .miniPill span { line-height: 8.75px; } .miniDate { margin-top:6px; } .miniSite { color: #3463B3; } .miniPill { flex-basis:62%; } .miniPill>div { padding:6px; font-size: 12px; border: 1px solid #3463B3; border-radius: 9px; display:flex; align-items:center; justify-content:center; } [data-view=dashboard] input { -webkit-box-shadow:0 0 0 500px white inset !important; } [data-view=dashboard] #formsArea { margin-top: 0px !important; } [data-view=dashboard] #dayScheduleArea { display: flex; overflow: scroll; -webkit-overflow-scrolling: touch; flex-flow: column wrap; width: 100%; justify-content: flex-start; align-items: flex-start; height: 145px; margin-top: -68px; z-index: 2; -ms-overflow-style: none; } #dayScheduleArea::-webkit-scrollbar { display: none; } [data-view=dashboard] #dayScheduleArea article { align-items: center; justify-content: space-between; width: 80vw; font-size: 1rem; background: white; color: black; display: flex; margin-top: 6px; box-shadow: 0px 3px 3px rgba(0,0,0,.25); flex-flow: row wrap; padding: 5px 13px; margin-top: 6px; cursor: pointer; /*border-left: 3px solid lightblue;*/ border-radius: 5px; border-top-right-radius: 2px; height: 87%; margin-left: 1rem; margin-right: 0rem; } [data-view=dashboard] #dayScheduleArea article:first-child { margin-left: 9% !important; } [data-view=dashboard] #dayScheduleArea article time { display: block; color: #202125; font-size: 1.2rem; font-weight: 100; flex-basis: 100%; margin-top: 0rem; } [data-view=dashboard] #dayScheduleArea article div { /*margin-top:.4rem;*/ } [data-view=dashboard] #dayScheduleArea hr { margin-bottom: .65rem; flex-basis: 100%; border: 0; width:100%; border-top: 1px solid rgba(0,0,0,.1); margin: 7px 0px; } [data-view=dashboard] #dayScheduleArea article h3 { font-size: 1.45rem; margin-bottom: 0px; /* margin-top: .18em; */ font-weight: 400; } [data-view=dashboard] #dayScheduleArea article button.btn { flex-basis: 35%; padding: 0.1rem .2rem; color: white; align-items: center; border-radius: 0px; } #formsArea { margin:0px; flex-basis:100%; max-height:45vh;overflow:hidden; } [data-view=dashboard] header { height: 98px;display: block;padding-top: 0px; } @media screen and (max-width:380px) { .progressForm .circle { display: none; } .progressForm div.infoBlock { flex-basis: 100%; } } @media only screen and (max-width:579px) { [data-view=dashboard] #dayScheduleArea { margin-top:-73px; } [data-view=dashboard] article#dayScheduleArea { background: none; border: 0px; box-shadow: 0px 0px; } [data-view=dashboard] article#dayScheduleArea h2 { color: #AFCAEF; } .dashboardThingdow { display:none; } } @media screen and (min-width:580px) { #stage[data-view=dashboard] { flex-flow:row wrap; align-items: flex-start; justify-content:space-evenly; } [data-view=dashboard] #dailyVideo { order:4; } header { position:relative; flex-basis: 100%; } [data-view=dashboard] #dayScheduleArea { width: 45%; overflow: hidden; height: auto; margin-top: 1rem; max-height: 45vh; padding-bottom:6px; } [data-view=dashboard] article#dayScheduleArea { margin-top:1.5rem; } [data-view=dashboard] #dayScheduleArea article { width: auto; margin: 0px; margin-top: .5rem; width:100%; } #stage[data-view=dashboard] #dayScheduleArea article:first-child { margin-left:0px !important; } #formsArea { max-height: none; } [data-view=dashboard] article.modules { width: 45%; margin-top:1.5rem; } #formsArea .progressForm .circle { flex-basis: 100%; margin-bottom:.75rem; } #formsArea .progressForm { margin-bottom:1rem; } #formsArea .progressForm .infoBlock { flex-basis: 95%; } } @media only screen and (min-width:945px) { [data-view=dashboard] div#dayScheduleArea article[data-gofield=parent], [data-view=dashboard] article.modules, [data-view=dashboard] article { border-radius: 0px !important; box-shadow: 0px 0px !important; border: 1px solid #e9e9e9 !important; } [data-view=dashboard] article.modules { margin-top:2.4rem; } [data-view=dashboard] header { height: 98px; display: block; display: flex; align-items: flex-end; padding-top: 2.5rem; } } `, "script": d=> { if(app.isset(app.data.studentDetails)) { for(let camper_id in app.data.studentDetails) { let attendance = app.data.studentDetails[camper_id].attendance; console.log(attendance); if(app.isset(attendance)) { if((!app.isset(attendance.elective_id) || attendance.elective_id == -1) && attendance.site_id==ONLINESITE) { //attendance.elective_id let notice = document.createElement("li"); notice.innerHTML = `${app.data.studentDetails[camper_id].camper_name_first} ${app.data.studentDetails[camper_id].camper_name_last} still needs to choose an elective for this session! Choose Here!`; app.select("#electiveChildrenLand").appendChild(notice); console.log('no eleective for ' + camper_id); app.select("#notices").style.display = "flex"; notice.querySelector(".newElectiveButton").onclick = function() { showPopup(app.create('popup-content-electiveSignup',{"signupButton": {"data":{"id":attendance.attendance_id }}}),"bottom"); app.script('popup-content-electiveSignup'); } } } } } if(!app.isset(app.data.upcoming)) { app.data.upcoming = []; }; var lastY=0; if(app.isset(app.data.upcoming)) { renderSchedule(); } else { //postAjax("https://summertrack.summertech.net/api/camp/?get",{"portal":1,"schedule":1,"session_id":"current","site_id":14, "camper_id":app.isset(app.data.links) ? app.data.links[0] : -1},data=>{ /*postAjax( "https://summertrack.summertech.net/api/campers/?get", {"portal":1, "camper_id": app.data.links, "schedule":1,"group":1}, data=>{ //d = parseJSON(d); console.log(d); }, new AuthObj()) data = parseJSON(data); if(app.isset(app.data.links[0])) { app.data.upcoming = data[app.data.links[0]].schedule; renderSchedule(); } }, new AuthObj());*/ } ofl=50; if(app.isset(app.data.forms)) { hasRendered = true; renderForms(); } else if(!app.isset(app.data.forms)) { console.log(app.data.links); setTimeout(doThis=>{ },1000); } if(app.data.firstRun) { showPopup(app.create('popup-content-firstLogin')); app.data.firstRun=false; } renderDailyVideo();renderSchedule(); } }); var hasRendered = false; function showEventPopup(findTheThread, schedule, linkToShow, startDate, endDate, start, messages) { let thisMsg = app.data.messages[findTheThread]; let showDesc = ""; if(app.isset(schedule.camper_id)) { if(app.isset(app.data.studentDetails[schedule.camper_id].attendance)) { //console.log('1',schedule); if(schedule.schedule_link == 'elective') { app.data.campDetails.elective.forEach(el=> { if(el.elective_id == app.data.studentDetails[schedule.camper_id].attendance.elective_id) { showDesc = el.elective_location; } }); } if(schedule.schedule_link == 'class') { app.data.campDetails.class.forEach(el=> { if(el.class_id == app.data.studentDetails[schedule.camper_id].attendance.class_id) { showDesc = el.class_desc; } }); } } } console.log(linkToShow,either(schedule.staff,schedule.portal_id,schedule.staff_id)); showPopup( app.create("popup-content-event",{ "resched": {}, "cancel": {}, "teacher": { innerHTML: schedule.staff }, "teacherPhoto": { src: "https://summertrack.summertech.net/img/staff/" + schedule.staff_id + "_thumb." + schedule.staff_photo }, "date": { innerHTML: startDate.toLocaleDateString("en-us", {year: 'numeric', month: 'long', day: 'numeric'}) + " at " + start}, "name": { innerHTML: schedule.schedule_name }, "history": { style: { display: app.isset(schedule.schedule_id) ? "none" : "block" } }, "teacherArea": { style: { display: app.isset(schedule.schedule_id) || schedule.staff=="null null" ? "none" : "flex" } }, "blockDesc":{style: { display: !app.isset(schedule.schedule_id) || showDesc=="" ? "none" : "block" } }, "blockInfo":{style: { display: !app.isset(schedule.schedule_id) || schedule.schedule_desc==""? "none" : "block" } }, "blockDescP":{ innerHTML: showDesc }, "blockInfoP":{ innerHTML: String(schedule.schedule_desc).replace("~~~","").replace(/\[ \]/g,"") }, "joinLink": { style: { display: linkToShow == "#" ? "none" : "block" }, href: linkToShow, target:'_BLANK' }, "readmore": { innerHTML: findTheThread > 0 ? thisMsg.messages.length + " More Messages." : "No Messages", onclick: function() { showPopup( app.create('popup-content-chat', { conversationHistory:{data:{"thread":findTheThread}} } ),"right","arrow_back"); app.script('popup-content-chat'); renderThread(findTheThread) } }, "conversationBubble": { innerHTML: (findTheThread > 0 ? thisMsg.messages.length == 0 ? "" : thisMsg.messages[thisMsg.messages.length-1].message_text : ""), "style": { "display": app.isset(thisMsg) ? thisMsg.messages.length == 0 ? "none" : "flex" : "none", "background": app.isset(thisMsg) ? thisMsg.messages.length == 0 ? "" : (thisMsg.messages[thisMsg.messages.length-1].user_id != app.data.uid ? "#FAFAFA" : "#71aaff") : "", "margin-left": app.isset(thisMsg) ? thisMsg.messages.length == 0 ? "" : (thisMsg.messages[thisMsg.messages.length-1].user_id != app.data.uid ? "0px" : "auto"): "", "color":app.isset(thisMsg) ? thisMsg.messages.length == 0 ? "" : (thisMsg.messages[thisMsg.messages.length-1].user_id != app.data.uid ? "black" : "white"): "" } } }) ); } function renderSchedule() { app.select("#dayScheduleArea").innerHTML = ""; let data = app.data.upcoming; let abort = false; if(!app.isset(data)) { abort = true; } else { if(app.isset(app.data.upcoming.schedule)) { if(app.data.upcoming.schedule.length === 0) { abort = true; } } if(!app.isset(app.data.upcoming[0])) { abort = true; } } if(abort){ app.select("#dayScheduleArea").outerHTML = "