- This topic has 10 replies, 3 voices, and was last updated 2 years, 2 months ago by
.
-
Posts
-
1. The data-page links no longer function from buttons on the home page but do work from the menu.
2. The church name at the top of the home screen has been replaced with the word Home.
3. The triangle “back” button on Android no longer returns to the previous screen or the home page.
4. The Settings page (for language selection and bible version) is no longer available.
5. Our JavaScript for setting the language variable no longer permanently stores the variable. It reverts upon page refresh.
var $userLang = window.localStorage.getItem(“locale”); –> Read seems to be working
window.localStorage.setItem(“locale”, $userLang); –> Write/Save does not
6. Our JavaScript for detecting if a user is logged in or not no longer functions correctly.
var $loggedIn;
if (window.localStorage.getItem(“token”)) {
$loggedIn = 1;
} else {
$loggedIn = 0;
}
7. The button css seems to have changed a version or two ago and our css no longer overwrites the app css. Would you perhaps send us an updated button css rules list to work with? Actually it seems that much of the css has changed.?. Maybe?Hi Andres,
1) Will fix so that the current page button code works in an app update. For now…
<button class=”action button” data-tab=”app-content” data-page-name=”slug-of-page”>Page name</button> will alway work
The .action fires the action, data-tab specifies it’s some app content page and data-page-name is the WordPress slug.2) Will fix that, missed it
3) It should… if on home page, close the app. If on a page after the home page, go back one. Will test again.
4) Language is pulled from the language strings of the host website. Not using language[‘string’] anymore. Therefore less need for the settings page.
5) Don’t know why that no longer works
6) I’d go withvar $loggedin=false;
var token = window.localStorage.getItem(‘token’);
if(token) $loggedin=true;7) Buttons have class=”button action red/green/blue”, links that are buttons use class=”.linkButton”
The button class is for the style, the action class is to trigger an action and the colour for the colour..linkButton,.button{
appearance: button;
background-color: #1899D6;
border: solid transparent;
border-radius: 16px;
border-width: 0 0 4px;
box-sizing: border-box;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: din-round,sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: .8px;
line-height: 20px;
margin: 0;
outline: none;
overflow: visible;
padding: 13px 16px;
text-align: center;
text-transform: uppercase;
touch-action: manipulation;
transform: translateZ(0);
transition: filter .2s;
user-select: none;
-webkit-user-select: none;
vertical-align: middle;
white-space: nowrap;}
.linkButton:after,.button:after {
background-clip: padding-box;
background-color: #1CB0F6;
border: solid transparent;
border-radius: 16px;
border-width: 0 0 4px;
bottom: -4px;
content: “”;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}.linkButton:main,.button:main,
.linkButton:main,.button:focus {
user-select: auto;
}.linkButton:hover:not(:disabled),.button:hover:not(:disabled) {
filter: brightness(1.1);
}.linkButton:disabled,.button:disabled {
cursor: auto;
}.red:after{background-color:#FE484A!important;color:#FFF}
.red{background-color:#EB2B2B!important;color:#FFF}
.green{background-color:#53AE49!important;color:#FFF}
.green:after{background-color:#80CE02!important;color:#FFF}
.amber:after{background-color:#FFC800!important;color:#FFF}
.amber{background-color:#FFBC00!important;color:#FFF}
.grey:after{background-color:#E5E5E5!important;color:#FFF}
.grey{background-color:#AFAFAF!important;color:#FFF}
a.linkButton{text-decoration:none;}will send you the stylesheet. HTML is on this site in the app section
In addition, I’m also seeing that the “Change Date” option for the bible readings is missing. I can no longer select the date for the Bible Reading.
I am also seeing issues with the CSS. My custom CSS for changing the loader animation and several other styles seem to be missing.
1. Your solution to the data pages worked wonderously! Thank you.
5. Our JS variable not saving is due to the update modifying the data page. onclick=”save()” was removed from the HTML file… ???
Before update
<input id=”select_es-mx” class=”button_lang-sel button_lang-sel–es-mx” type=”radio” name=”langSelect” onclick=”save()” value=”es-mx” />
After update
<input id=”select_es-mx” class=”button_lang-sel button_lang-sel–es-mx” type=”radio” name=”langSelect” value=”es-mx” />
???I also had other java events removed from the Home page. But only the Home page not any other data pages.
7. Button CSS – Solved! Thanks again.
<input id=”select_es-mx” class=”button_lang-sel button_lang-sel–es-mx” type=”radio” name=”langSelect” onclick=”save()” value=”es-mx” /> is not me before or after 😉
Will add My rota back asap. Just updated the app with the other bits and pieces and add Create user and Connect user for admins on the address list. Will be getting out there over the next day or so.
Thank you Andy. I didn’t see how any update could have removed various JS events. The timing was just coincidental I guess.
My problem with the JS for detecting the token was similar. In hindsight I don’t believe they had anything to do with the update. Sorry for false alarm.
I look forward to the css file. That will be a huge help.
I just installed the update (2022-06-30). Thank you!
When you said, “will send you the stylesheet” did you mean to email to us?
Missed your post on this thread!
I’ll add the date picker on the bible readings back in.
The adjusted markup is in here https://www.churchadminplugin.com/app/app-markup/The spinner still has .waiting
The css is
.waiting{border:none;position: fixed;
top: 50%;
left: 50%;
margin-top: -64px;
margin-left: -64px;}
- You must be logged in to reply to this topic.
