Git Product home page Git Product logo

xda-labs-store-ui's Introduction

labs-store-ui

XDA Labs Store interface

This repo contains a light Django install that renders HTML templates of the XDA Labs store with hard-coded data dumps to simulate how the store UI would work on the full production stack.

Getting started

Install requirements

pip install -r requirements.txt

Launch the server

./manage.py runserver

Loading templates

  • http://localhost:8000/ to view and render index.html.
  • http://localhost:8000/TEMPLATE_NAME.html to render any other template

Templates and static

Templates live in store/templates/ Static files live in store/static/

Contributors

  • Randy Westergren (@rwestergren)
  • Jackson Hayes (@jacksonhvisuals)
  • Jeff Corcoran (@corcoran)

xda-labs-store-ui's People

Contributors

corcoran avatar jacksonhvisuals avatar sofanisba avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

xda-labs-store-ui's Issues

Filter by author in index

Need to create new URL for author filter. Should work with existing sort/filters and show up as a chip, inline with paid/downloaded/watchlist.

We use: /store/<sort_slug>/<category_id>////
We could use: /store/<sort_slug>/dev<dev_id>////

"No Reviews" UI

Would be nice to have Django display "No Reviews for this app, yet." if the review count is = 0. Currently the UI is a bit ugly for those apps that have no reviews.

I'll try to figure out how to do this.

Change "contact" icon & link to XDA profile

Switch the icon to be the XDA logo and point them to the user's profile page.

We should route the user through the XDA profile to prevent email harvesting and that kind of thing from bots.

URL will be: https://forum.xda-developers.com/member.php?u={{ userid }}

ERR_CONNECTION_RESET when trying to add new build

When trying to add a build I get from Chrome:

This site can’t be reached

The connection was reset.
Try:
Checking the connection
Checking the proxy and the firewall
ERR_CONNECTION_RESET

The file is a 143MB .apk, and this is what I can see through developer tools:

Request URL:https://labs.xda-developers.com/manage/build/add/783dbd77-ba47-4aac-9051-8419dc04c9ac
Referrer Policy:no-referrer-when-downgrade
Request Headers
Provisional headers are shown
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryKIYHzeAS04b8MZPc
Origin:https://labs.xda-developers.com
Upgrade-Insecure-Requests:1
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.62 Safari/537.36
X-DevTools-Emulate-Network-Conditions-Client-Id:a0184a58-49d8-4527-a3fc-69010403fb2a

Perhaps you have a limit on file upload size? Also, on another note, my app has different .apk for different Android version and architecture, how would that work?

"No Screenshot" fallback

If there's no screenshots for an app, have fallback text saying instead of a giant empty card. (For the listing)

Data dump for index

Dump needs to be modified to include a state for:

  1. logged in user
  2. app list based

The app list will be different depending on the URL (which is determined by the dropdown selections and filter tag on/off states) and not a concern or realized in the dump itself.

Backend Labs integration

Integrate with the backend views and replace the current index page at labs.xda-developers.com

Break down components and estimate effort

Requirements

Wireframes

Both are open to some interpretation and artistic freedom (based on a similar style as the per-app page). This is an MVP and I believe the only real technical bit will be the search javascript, which we can leave for after an initial launch.

Let's hash out any questions/concerns in this issue and modify the Requirements file with inline effort estimates :D

Index tweaks and fixes

  • Title to align with top of icon
  • Allocate a minimum 2 lines for title to keep each card consistent
  • Enforce maximum 2 lines for categories

Filter Dropdown click bug

Clicking on a category item from dropdown on mobile if it is above an app card, it will click both the item and the app, loading the app's listing page. Not sure exactly how this can be fixed... somehow override app card clicking if dropdown.isOpen()?

CSS cleanup

There's CSS that isn't in the right files. Need to fix.
(details.css has CSS that adjusts the toolbar, etc)

Clean up CSS

Inline styles moved to CSS have made the CSS super messy. Gotta clean this up!

Clean up dev.html template

Should have similar meta data to details (not index). Use variable avatar_url for images and username for the username.

All index javascript should be removed too

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.