Giter Club home page Giter Club logo

asf-ui's Introduction

ASF-ui

The official web interface for ASF

Build status (GitHub) Github last commit date License

asf-ui's People

Contributors

aareksio avatar abrynos avatar actions-user avatar botan626 avatar deluxghost avatar dependabot-preview[bot] avatar dependabot-support avatar ezhevita avatar felipe19930 avatar guixxx avatar imgbot[bot] avatar justarchi avatar justarchi-archibot avatar justarchi-archibot-asf-ui avatar madf12 avatar mrburrburr avatar oubeichen avatar renovate-bot avatar renovate[bot] avatar rudokhvist avatar x674 avatar yuyinws avatar zignixx 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  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

asf-ui's Issues

Add newline delimiter for BGR

If you copy keys from sites like Indiegala, Humble etc, it often looks like this:

Game1
ABCDE-EFGH-XYZ
Game2
ABCDE-EFGH-XYZ

As far as i know / tested the format has to be with a delimiter ("," for e.g.):

Game1,ABCDE-EFGH-XYZ
Game2,ABCDE-EFGH-XYZ

It would be handy, if this was possible:

Game1(\n)
ABCDE-EFGH-XYZ
Game2(\n)
ABCDE-EFGH-XYZ

Thank you.

Add detailed farming info

I don't know what you had in mind for detailed view but maybe the modal bot view could be a good place for it.

We should search for a solution on how to place more farming related information inside bot modal.

Consistent "back" button

If you add e.g. BGR link as your tab, such as http://127.0.0.1:1242/page/bot/archi/bgr then clicking [X] will issue back instruction that will return to whatever the user visited before opening the URL, which is uwanted. It should go back to general bot display, either /page/bot/archi (if there is one) or /page/bot (otherwise).

Add option to hide bots

We should add an option to hide bots. Listed flags should be:

  • Farming
  • Online
  • Offline
  • Disabled

Default value should be None.

Improve recognizability for used/unused keys pop up

I think that maybe not every user would know that you can click the text and get a pop up.
Right now the only indicator is the changing cursor when hovering over the text.

16 48 39

Maybe we could improve that by replacing the text with buttons. Any other ideas?

Enhance help command

Current situation

Lets say you can't remember what a certain command is called but you know it exists.
What do you do? You use the command commands to get a list of all available commands.

Now you found the command you were looking for but you can't remember exactly what it does.
What do you do? You use the command help <Command> to get a wiki description of what that command does.

Now you want to use the command and see in auto complete that this command accepts <Settings> argument. You can't remember exactly which settings are available.
What do you do? Currently you have to open up wiki and look it up yourself.

bildschirmfoto 2018-10-16 um 17 05 21

Possible solution

One idea would be to extend help command so you can use it like this: help argument <Argument> e.g. help argument settings. Auto complete should also be available for all help argument <Argument>commands.

Add localization info

When switching between languages a notification should pop up if the selected language is not fully translated. That way user can help translate his selected language.

Notification message could look something like this:

  1. "Your selected language is missing some translations! You can learn here about how to contribute."
  2. "Only 40% of your selected language is translated! Learn here how to help."
  3. "12% of your selected language is missing a translation! Learn here how to help."

Use small navigation when screen size < 700px

When screen size < 700px navigation should minimize itself. User should still be able to maximize it if he wants to. meaning it should just auto minimize once screen size < 700px.

Add popup for used / unused keys

Add a popup that'll open when you click on number of used / unused keys. That way you can copy unused keys and add them to a different bots BGR.

Minimize size and dependencies of flag icons

flags should be added as external assets loaded from CDN
because you're not saving anything for the user in this case
as user is already downloading only images you're using
and not all flags from all countries
so the answer for "it's flags taking 300 KB"
is "why the hell do we include flags in the first place"

I'd just link to some general CDN with flags in small pngs
https://github.com/JustArchiNET/ArchiSteamFarm/wiki
look what I did on ASF wiki @Mole
https://github.com/hjnilsson/country-flags/tree/master/png100px
you don't need to use this one, there are dozens if not hundreds of different flag CDNs
which is why I don't know why instead of using them we're embedding those flags in the build
and then you also don't need to clean your build out of unused flags, simply because user will never download them off CDN if they're not used

Save selected language

On first visit language should be auto detected (which is what ui currently is doing - so far so good). If user switches language it should be saved so when he visits next time instead of using auto detected language it should use saved language.

Add localization

This should include the following points:

  • Option to change language
  • English fallback if target translation isn't available in chosen language
  • Auto-detect language based on browser language (or ASF config value CurrentCulture if possible)
  • Add information about translation percentage and ways to contribute (Maybe on home page and/or as notification)

Improve BGR

  1. It should be possible to see content of <Bot>.keys.unused file and <Bot>.keys.used file.
  2. It should be possible to copy keys from <Bot>.keys.unused file (that way you can add them to a different bot).
  3. It should be possible to delete <Bot>.keys.unused file and <Bot>.keys.used file independently from each other. Edit: "Not going to happen"
  4. After you clicked confirm you should get a feedback about how many keys were successfully added.

Add guide tour

Some kind of tour (driver.js as example) for first visit

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.