Giter VIP home page Giter VIP logo

xcite.old's Issues

Add mouse hover to DatePicker

In Controls.DatePicker.qml, change the background color of the currently-hovered date on mouse hover. A slightly-lighter version of its current background color should work well.

Change ButtonDiode control selection behavior

Currently the ButtonDiode control allows itself to be unselected by clicking on it again after selecting it. The majority of the time (with the exception being the Online indicator, for example) unselection should only be performed by selecting a different ButtonDiode. Add a property to the ButtonDiode control that defaults to not allowing unselection but allows it to be set if needed.

Test ScrollBar on Modules

As pointed out by bilen in discord, for some modules it will be necessary to add scroll ability, primarily vertically.

Create view to show search results

It would be nice to create a page to show search results.

In my opinion, ideally:

  • It must be shown on current view as a semi-transparent rectangle under the search bar, or on top of current view just as search works in PluralSight. This would prevent users from losing context. The box should implicitly grow in height with most results.
  • Results should be available for (1) views (xChange, XChat, etc) (2) My Contacts (3) My Addresses

For now, I think results for Views should be enough.

Success/failure component

Implement a reusable success/fail component to give the user feedback that an operation was completed successfully.

Expand Address Book Width

Expand address book width when window size is expanded: found in ReceiveCoin

For aesthetic purposes, slightly increase left hand pane

Refactor module menus

Module menus using a bunch of bools to manage what's visible, could probably be simplified to a simplified selectedBoard variable.

Set and display app version

  • Update the current version in xcite.pro to the upcoming release 0.1.2
  • Display the version in the UI (perhaps in the title bar or "popup" area)

History Coloring

Current color coding of the history page is confusing with no real indication of why some stuff is blue and others are red. Receives should likely be marked as blue and sends as red. Will add comments to inform future use of such designs.

Is there something I'm missing with the current colors (presumably they're like that to look pretty)? Probably a non-issue but worth fixing for now to avoid confusion.

Resize main application window based on available screen size

The main window size is currently statically set which results in window clipping off the edge of the screen when the available screen size isn't sufficient. Change the main window size to size itself down if there isn't enough available screen space.

Implement QML Loaders

Instead of setting visible: true or false to show or hide components, utilize the QML Loader to delay creating the component until it's demanded.

http://doc.qt.io/qt-5/qml-qtquick-loader.html

From the docs:

Loader is used to dynamically load QML components.

Loader can load a QML file (using the source property) or a Component object (using the sourceComponent property). It is useful for delaying the creation of a component until it is required: for example, when a component should be created on demand, or when a component should not be created unnecessarily for performance reasons.

Remove StackView from Login area

Remove the Login area StackView and replace it with visibility changes.

  • The transitions add what almost feels like "lag"
  • We aren't using transitions everywhere else

Look into forms and validation in QT/QML

We need a nice set of components for validating forms and feeding back errors to users.

Adding new people to the send coins address list seems like a good fit with which to test this.

Sending of coins without using the addressbook

Currently one can only send coins to the highlighted addressbook entry, even if they have changed the contents of the form.

We ought to handle this nicely:

  • When a user changes the address in the form, perhaps change the UI to make it obvious that they're doing a 'quick send' and deselect the item in the addressbook.
  • Should change related dialogs/messaging to take it into account.

Naming consistency

All components should follow a consistent naming convention. Need to update the new items I've added so that the language follows through.

XCITE UI/UX Terminology

X-BOARD = A Module
HOME = A View
Balance = A Diode

Delete Unnecessary Folders/Files

Number of unnecessary folders and files exist that are unlikely to be used.

Requested Deletion 1: xcite/workarea
Requested Deletion 2: xcite/documentation

Searching for more bloat, will submit pull request when comprehensive search is completed. Let me know if these need to stay in.

Improve X-Chat popup UI

The X-Chat popup UI isn't a pixel-perfect replica of the mockups. Change the UI to more accurately reflect the mockups.

Current Design:

image

Mockup Design:

image

Add Style Guide

Create STYLEGUIDE.md

Adopt Qt's "QML Coding Conventions" as a style guide to help keep our coding style consistent.

http://doc.qt.io/qt-5/qml-codingconventions.html

Include a reference to "preferences -> Qt Quick -> QML/JS Editing: Enable auto format on save" as a way of automatically adhering to the style guide when saving any file.

Rename ButtonDiode control to ButtonIcon

The name "ButtonDiode" is a carryover from early UI prototypes. Rename the control and change its references from "ButtonDiode" to the more general name "ButtonIcon".

Fix broken Sign Up button

To reproduce:

  • Run app
  • Click the small 'Sign Up' link at the bottom
  • Click the Sign Up button

Error:
qrc:/main.qml:21:5: QML StackView: replace: qrc:/Login/DashboardForm.qml:-1 No such file or directory

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.