lirios / fluid

:book: Library for QtQuick apps with Material Design

Liri

This repository contains:

• Manifest files for developers.
• General issue tracker.
• Backers list.
• Wiki.

Contributor Guide

Please read the detailed contributor guide.

General issue tracker

Click on the Issues tab and submit issues.

Wiki

Click on the Wiki tab, read and/or write new content.

Alternatively you can clone the Wiki repository, work on your local system and push the changes back.

Clone the repository with:

git clone [email protected]:lirios/lirios.wiki.git

fluid's Issues

SortFilterModel

Add QML implementation of QSortFilterProxyModel

Make controls more generic

Some controls such as Subheader use Material design styling, make them more generic and move the Material implementation into +material

Impossible to build for Android as Standalone mode because of unavailable dependency

I mean that I can't build an Android build, becouce CMake files uses a lot of ECM and KDE macros.
This is issue.

Demo: make pages flickable

Some pages are longer than the window, make them flickable.

Complete Tab and TabbedPage

The code from Micheal was incomplete, finish it up.

More list items

Add more list items like subtitle list item.
QML Material should have more.

Expansion panel

https://material.io/guidelines/components/expansion-panels.html#

List item remain colored after dragging the list

How to reproduce:

1. Open the demo program
2. Drag the list down by clicking on a list item and moving the mouse pointer
3. Release the mouse button
4. Now the list item background is dark grey and there's no way to make it look like the others

ListItem height is wrong

Commit 1f9744f is a regression, now height doesn't take into account leftItem and rightItem making list items in settings power module as high as the subtext even when rightItem contains a combo box that is taller than subtext.

@ibeliever I'm going to revert the commit

MenuItem with Icon

QQC2 MenuItem lacks an icon.
Implement a custom MenuItem with icons.

Deploy documentation

Build and deploy documentation for develop and master branches to a hosting.

Icon theme image provider

Add an image provider for icons from the icon theme in order to avoid a dependency on QtQuick Controls 1.0

Standardize spacing and margins

@ibeliever What about adding a bunch of properties to FluidStyle for standard spacing and margins following the Material guidelines?

Relicense everything under MPL 2

Relicense all the project to MPL 2

Merge Fluid.UI into Fluid.Controls

Fluid.Controls pairs up with QtQuick.Controls and it's one module name less to remember.

C++ Date utilities

Sort of https://github.com/papyros/protoshell/blob/master/modules/Papyros/Desktop/qml/dateutils.js

But written in C++

Android demo application

Create an Android application using Fluid to demonstrate how to make one.

Enhance demo

Show more things with the demo.

Things we need to do on QtQuick Controls 2.0

• Make ElevationEffect public and replace our copy

Chips

https://material.io/guidelines/components/chips.html

Master detail view

Add a view with a pane on the left and a stack view on the right

Fluid shared library

The shared library will contain templates and allow app developers to check for Fluid at build time.

TabbedPage is not a type

Hello,

i'm getting the following error running the demo:

QQmlApplicationEngine failed to load component
qrc:/main.qml:74 TabbedPage is not a type

what am i doing wrong

Shortcut control

For Settings (and probably other projects) we need a shortcut control like this one: https://feaneron.com/2016/07/21/the-new-keyboard-panel/

The problem is whether we can grab keyboard input on multiple platforms.

Utils.getSourceForIconName() returns invalid URL

For Fluid material icons it returns a icon:// URL but that schema doesn't exist.
This is meant for Icon which will replace that offending URL with a relative path to the icons but it doesn't work if a program uses Utils.getSourceForIconName() directly.

Add shortcut to Action

Add a keysequence short to Action.

Improve AppBar

• Align tab text to keyline
• Fix tab button colors according to MD
• Support fixed and scrollable tabs
• Support left aligned and centered tabs
• Implement overflow menu
• Tooltip for actions

Tabbed page doesn't show tabs

Looks like the TabBar inside AppBar thinks there is no content hence sets visible to false

InputDialog

Port https://github.com/papyros/qml-material/blob/develop/src/popups/InputDialog.qml

Fix list item height

Secondary item is a container hence we should take into account the children rect height.
Also, unit test the height.

Navigation drawer

Add a navigation drawer

Sidebar

Implement sidebar

ListItem: invisible text

Sometimes text is invisible.

BottomActionSheet

Port https://github.com/papyros/qml-material/blob/develop/src/popups/BottomActionSheet.qml

BottomSheet

Port https://github.com/papyros/qml-material/blob/develop/src/popups/BottomSheet.qml

Add icons from materialdesignicons.com

This web site have plenty of useful icons https://materialdesignicons.com/
We are already using some of them for the shell but I'd like to have the shipped by Fluid alongside the official Material icons: the reason is that I'd like not to duplicate those and rather give a lot more selection to our users.

Use Material.iconColor and Material.iconDisabledColor

http://code.qt.io/cgit/qt/qtquickcontrols2.git/commit/?id=d6fbb1239950f392f3d569da7dde226e865b7bcd

Import components into Fluid.Material

List of components that we might want to import:

• https://github.com/papyros/qml-material/blob/develop/src/components/Wave.qml
• https://github.com/papyros/qml-material/blob/develop/src/components/ActionButton.qml
• Perhaps https://github.com/papyros/qml-material/blob/develop/src/components/Card.qml
• Maybe https://github.com/papyros/qml-material/blob/develop/src/components/ProgressCircle.qml
• https://github.com/papyros/qml-material/blob/develop/src/components/Snackbar.qml
• https://github.com/papyros/qml-material/blob/develop/src/core/View.qml

Headerbars (integrated app bar and window decorations)

https://material.google.com/layout/structure.html#structure-system-bars

SmoothFadeImage error

file:///opt/qmlos/lib/qml/Fluid/Controls/SmoothFadeImage.qml:196:35: Unable to assign [undefined] to QSizeF

Add ErrorView component

• Display an title and description of the error
• Include an optional error string if running on qmlOS and developer mode is enabled
• Button to report the issue on GitHub
  • We could check to see if the error's already been reported already using the GitHub API
  • Use generated issue title to determine if the issue already exists
  • Can pre-fill GitHub info like this: https://github.com/qmlos/settings/issues/new?title=Unable%20to%20load%20the%20%22Users%22%20module&body=Fluid.UI%20not%20found
• We'd need some place to set the GitHub project info so it's not defined every single time ErrorView is used

Fluid.Controls module not found (only QtCreator) when FLUID_LOCAL

Guys, I already setup QML_IMPORT_PATH var in .pro file
Any else module found by this way (include Fluid.Core and etc) but Fluid.Controls - nope.
Any ideas?

Initial offline documentation

Setup qdoc to produce offline documentation.

Add utilities to blend colors and calculate luminance

Add to Fluid.Core

Missing Fluid/DateUtils header

When building libqmlos:

[ 22%] Building CXX object declarative/hardware/CMakeFiles/hardwareplugin.dir/hardwareengine.cpp.o [ 23%] Building CXX object declarative/hardware/CMakeFiles/hardwareplugin.dir/battery.cpp.o /home/plfiorini/git/qmlos/libqmlos/declarative/hardware/battery.cpp:29:27: fatal error: Fluid/DateUtils: No such file or directory #include <Fluid/DateUtils> ^ compilation terminated. make[2]: *** [declarative/hardware/CMakeFiles/hardwareplugin.dir/build.make:87: declarative/hardware/CMakeFiles/hardwareplugin.dir/battery.cpp.o] Error 1 make[1]: *** [CMakeFiles/Makefile2:516: declarative/hardware/CMakeFiles/hardwareplugin.dir/all] Error 2 make: *** [Makefile:161: all] Error 2

Data tables

https://material.io/guidelines/components/data-tables.html

Tab navigation view

Add a tab navigation view.

Rename demo to fluid-demo and install

Demo application should be installed for tests on live installations.

Per project QMake installation

See PR #41

Grid List

https://material.io/guidelines/components/grid-lists.html#grid-lists-specs