Giter Site home page Giter Site logo

material's Introduction

Material

This is a Theme for the Vaadin Framework 7.3+ based on the Google Material Design.

Download release

Official releases of this add-on are available at Vaadin Directory. For Maven instructions, download and reviews, go to https://vaadin.com/directory#!addon/material

Building and running demo

git clone [email protected]:appreciated/material-design.git
mvn clean install
cd demo
mvn jetty:run

To see the demo, navigate to http://localhost:8080/

Issue tracking

Issues for this add-on are tracked here. All bug reports and feature requests are welcome.

Contributions

Contributions are welcome, but there are no guarantees that they are accepted as such. Process for contributing is the following:

  • Fork this project
  • Create an issue to this project about the contribution (bug or feature) if there is no such issue about it already. Try to keep the scope minimal.
  • Develop and test the fix or functionality carefully. Only include minimum amount of code needed to fix the issue.
  • Refer to the fixed issue in commit
  • Send a pull request for the original project
  • Comment on the original issue that you have implemented a fix for it

Working with Vaadin Designer 1 or 2

The Designer won't be able to successfully compile the SCSS as long as it doesn't have access to the theme files. To fix this you will either need to unzip the jar and copy the files to src/main/webapp/VAADIN/themes or you could use the following maven plugin that does the job for you.

Notes:

  • Every time you are updating the Theme to a newer version (f.e. 1.0.0 to 1.0.1) you need to run a mvn clean install otherwise the designer and the scss compiler will continue to use the older version (since they are in the same folder).
  • I do not recommend to include this job for jenkins builds, only for developement purposes.
  • To avoid pushing unecessary files to git you might want to add src/main/webapp/VAADIN/themes/material/ to your .gitignore.
  <plugin>
    <artifactId>maven-dependency-plugin</artifactId>
    <executions>
        <execution>
            <id>unpack-one</id>
            <phase>generate-resources</phase>
            <goals>
                <goal>unpack-dependencies</goal>
            </goals>
            <configuration>
                <includeGroupIds>com.github.appreciated</includeGroupIds>
                <includeArtifactIds>material</includeArtifactIds>
                <type>zip</type>
                <excludes>*</excludes>
                <includes>VAADIN/themes/**</includes>
                <outputDirectory>src/main/webapp/</outputDirectory>
            </configuration>
        </execution>
    </executions>
  </plugin>

Licenses & Authors

The Theme (material-addon) is mostly written by Appreciated and is distributed under Apache License 2.0. For license terms, see LICENSE.txt.

A small part in the material-addon has been taken from the Materialize Project which has been Licensed under the MIT License see MIT-LICENSE.txt.

Most of the code in the Demo (material-demo) has been written by the Vaadin Team and has been taken from here for the developement of the theme but is not included in the addon itself and is distributed under Apache License 2.0. For license terms, see also LICENSE.txt. The modified parts are also licensed under Apache License 2.0.

material's People

Contributors

appreciated avatar

Watchers

James Cloos avatar

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.