akc42 / football-mobile Goto Github PK
View Code? Open in Web Editor NEWversion of MBBall based around lit-element, designed for use on a mobile device
License: GNU General Public License v3.0
version of MBBall based around lit-element, designed for use on a mobile device
License: GNU General Public License v3.0
We should have enabled the same teams as last year, and can possibly allow changes to that. When all done we will set team lock in the competition
I will be called with :cid/admin/round
and from there I should either go to :cid/admin/round/:rid
of a rid exists, else go to the create round page at :cid/admin/round/rounds
page
see #21
Css problem
this should enable a user list which is scrollable (with momentum) with default slot for user data, and two heading slots, one for the user side element and one for the data part part
In order to get a clearer view in my mind, develop the navigation help page (which is essentially just writing the text) to explain how navigation in the app works.
it seems to not have a position target, so assumes its parent and drops to bottom left
I need to set up an instance of the old system and get some screen shots of that and use that to redesign the layout for running on a mobile phone
The code will try and get version and copyright info from the git repository if there is one. However in a live environment it is expected that the code will be copied in place and there will not be an underlying repository. A mechanism is built in to check a "release.info" file.
This needs to be checked as we move into the beta phase and this issue is a reminder to do that
Its a mess at the moment and needs to be tidied up
Set up a live system and started to use it. Noticed that the first page opening was the scores page and not the round data page
lets think a little about what the classes are as a starting point
<fm-page>
to <user-page>
, <app-page>
to <fm-page>
, <app-overlay>
to <dialog-box>
and <app-waiting>
to <waiting-indicator>
This is going to require some framework first
This is a performance issue, we don't want the dom littered with dialog boxes when only one is needed, we send it a message and it responds by opening a dialog.
https://football.melindasbackups.com/13/rounds/15
something is not 100% not sure what yet
I want to switch more to using the native form handling with native elements embedded but with unique styling. I think I can do this with existing <app-form>
element appropriately modified. Slotted content will be the child elements, but I am hoping I can still these using the ::slotted
selector
<app-form>
to achieve the aboveHaving read lit-element discussion on styling I came across an idea I had not though of before. Namely that static get styles()
function can have inline css
template strings. However, there is an important and often overlooked point. these styles are per class and therefore can only be overridden in dev tools by adding per-element styles. Its a mild inconvenience, but will add to our approach.
<style>
tag in the render function.get styles()
static function. The very fact that our element has been styled that way is our indication that we regard styling as stable. Note that returning some or all of the styling back to the render function is acceptable if there is an issue.tooltip
)These rules are different from now - so we will tick off the tasks below as we get to them.
<style>
element in render)I think it is better (especially for caching) to store the team icons as static images.
see #24
For the new version of football mobile we need a component library of some sort. In my last project I rolled my own, but that was because the components available were not mature. I feel this has changed.
However before a decision has to be made, I need to have sketched out the UI look
See this https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html
came after looking at the issues in #27
In particular I want to see what I can do with a page transition from the summary page and this new page. I would like all the other users to shrink, and this user to grow into a full page.
see #24
I want the path to have a parameter in it of the cid
An optimisation thing. We don't need multiple waiting indicators around the dom when one will do.
Note - I am not sure whether to latch the event onto the window or bubble up the dom. I am inclined to the latter as in future it gives flexibility to have more than one in the dom with different visual appearences.
I was viewing a url of the form "/rounds/15/user/200" from an old competition. When I tried to refresh the page, I take a path through session manager which set the competition to the latest. Because the url doesn't contain the competition it proceeded to try and read a url for a user who wasn't in the latest competition and fell over.
So I think we need (apart from at the very beginning) to include the url in the in the requests.
My suggestion for this is for page manager to screen out the url before passing it on the the top level route manager
Implement a more meaningful navref
see #21
Currently it leaves you in what ever competition you happen to be in. I don't think that is the expectation
Implement google re-captcha
See #24
See #21
instr(string,substr)
to find each of the valid current emoticons:
see #24
As I see it, the old emoticon system in previous versions of mobile is completely out of date. It was hardly every used and its going to be a pain to implement it as is. Instead we know have emoji, and particularly mobile phones and ipads have emojis available on them as standard. So we should switch over. which I think involves a number of steps
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.