Code Monkey home page Code Monkey logo

h5p-crossword's Introduction

H5P Crossword

Crossword puzzle for H5P.

PLEASE NOTE: THIS CONTENT TYPE IS THE RESULT OF CONTRACT WORK WITH SPECIFIC REQUIREMENTS THAT MAY NOT MATCH YOUR OWN EXPECTATIONS. WHILE OLIVER IS THE DEVELOPER, HE'S MERELY THE CONTRACTOR WHO ALSO HAPPENED TO PLEAD FOR MAKING THIS CONTENT TYPE OPENLY AVAILABLE - SO YOU CAN USE IT FOR FREE. HOWEVER, HE IS NOT SUPPOSED TO PROVIDE FREE SUPPORT, ACCEPT FEATURE REQUESTS OR PULL REQUESTS. HE MAY DO SO, AND HE WILL PROBABLY ALSO CONTINUE WORKING ON THE CONTENT TYPE, BUT AT HIS OWN PACE.

Getting started

Clone this repository with git and check out the branch that you are interested in (or choose the branch first and then download the archive, but learning how to use git really makes sense).

Change to the repository directory and run

npm install

to install required modules. Afterwards, you can build the project using

npm run build

or, if you want to let everything be built continuously while you are making changes to the code, run

npm run watch

Before putting the code in production, you should always run npm run build.

The build process will transpile ES6 to earlier versions in order to improve compatibility to older browsers. If you want to use particular functions that some browsers don't support, you'll have to add a polyfill.

The build process will also move the source files into one distribution file and minify the code.

For more information on how to use those distribution files in H5P, please have a look at https://youtu.be/xEgBJaRUBGg and the H5P developer guide at https://h5p.org/library-development.

h5p-crossword's People

Contributors

antonioaneiros avatar boyum avatar bv52 avatar christophelachance avatar dependabot[bot] avatar devland avatar e-me avatar fnoks avatar glisapn90 avatar grenagit avatar icc avatar janlindso avatar languafe avatar luke-tucker avatar makmentins avatar miropuhek avatar otacke avatar thomasmars avatar tmkarlsen avatar totoromaum avatar translate-h5p avatar weblate avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

h5p-crossword's Issues

language support for version 0.4.9 on h5p.org

On 27-12-2021 Joubel installed version 0.4.9 of crosswords. The release summary included the remark "language updates". But it is still not possible to select Norwegian as language. Why is this language not available yet?

More background fit/scale options

Hello Oliver,

We'd like to ask if it is possible to implement more background fit/scale options besides fit to scale like tile, stretch, span, etc.

Kind regards.

Not possible to enter combination symbols on input

When trying to solve a puzzle, if a word contains the letter ä it's not possible input this value via keyboard.
On the keyboard you have to first hit ¨ and then a and they are combined into ä. I suspect the input maybe listens for key events and not input events?

Use different strings for `Add word` and `Word`

Due to the fact that the Greek language (and other languages too) has cases, the same field cannot be used in both cases.
As one of them has to be nominative and the latter one genitive.

H5P.Crossword-0.4\language\el.json -- line 14, line 16

inconsistency with clue and grid numbering

Using Chrome on Mac OSX ,
When applying a limit to the number of clues I've noticed a problem with the numbering of the "Down" clues (see attachment).
The numbering of the clues is not consistent with how they appear on the grid.
crossword example 2

Words with spaces written into the side panel give 0 points even if they are correct

As a learner I would like to get a point for typing in for instance "NEW YORK" in the side panel if "NEW YORK" is the correct answer so that I don't have to fill it directly into the crossword fields.

Steps to reproduce:

  1. Make a crossword were one of the answers has a space in it
  2. Answer the crossword via the side panel instead of in the crossword itself.
  3. Observe that the word with the space in it won't be recognized as answered correctly.

Refactor

This content type was created as contract work with more and more feature requests coming in as it grew but no resources to clean up - so the code is quite messy.

Should be refactored, e. g.:

  • Handle translations via a Dictionary service class (cmp. MiniCourse)
  • Use SCSS variables and split SCSS files
  • Change communication between cells/table
  • Change communication between table/input fields
  • Create separate input field component class
  • ...

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.