thm-projects / arsnova.click-v2 Goto Github PK

View Code? Open in Web Editor NEW

14.0 14.0 6.0 35.53 MB

arsnova.click is back! Now completely rewritten with Angular and Typescript.

Home Page: https://arsnova.click

License: GNU Lesser General Public License v3.0

arsnova audience-response-system quiz-app

arsnova.click-v2's People

Contributors

Stargazers

Watchers

Forkers

kuntalrambabu philippsautner97 ps-ekonic laurin1996 0gis0 deeftah

arsnova.click-v2's Issues

Quiz with "." in title not working

I tried to make a Quiz with the title "Kirchengeschichte Kl. 9". You get no error message about the title. Persons joining are displayed only with a page reload. When You try to start it, You get a strange message "Frage undefined" "Frage NaN / 3".
Because that was my first quiz that was very strange for me and I thoght arsnova.click would'nt work for me at all.

Display answers in presenter view

I think it would be good to include the answers in the presenter view, for those students who do not participate actively.
They only get to see the question otherwise, not the possible choice of answers.

As it is not possible to file issues in arsnova.click-v2-frontend I am filing it here.
I've been experimenting with the installation at https://antworte.jetzt/ - which may or may not be in sync with this branch.

Defaults for mandatory and difficulty

As I don't want any "bonus tokens", I have to turn off "mandatory question" for every single question.
It would be better to have a global user default for this (also for, e.g., disabling sound).

I also noticed a translation error: "Very easy (+ Normale x score)"

Allow "neutral" options in multiple choice

It would be good to allow "neutral" options in multiple choice questions, which are neither false nor correct but simply ignored.
E.g., "Flamingos are:" with options green, blue, pink, white.

In a moodle quiz you apparently can assign weights to options, so you can have ABCD where A is more important to include than B, and you get partial points when picking only one of them (for all I can tell, I have not used this).

Problem when visiting website from a language that is not supported

The website becomes unresponsive when visiting arsnova.click from my computer in the Netherlands.
The browsers developer's tools indicate that there was an error when retreiving the nl.json language file.

Perhaps there is a unhandled exception that needs to be catched. I think that English will be a nice deafult language when the users' language is not supported.

I will try to upload some pictures when i'm able to reproduce the issue on my local PC again.

White-on-white text in answer edit preview on light theme

When editing the answers to a question in the light theme, the mobile phone preview on the right has the text white-on-white. Its fine with the dark theme.

It would be cool if a theme could be assigned to a quiz, maybe have the user only choose light/dark and the organizer provide a dark and a light color set for customization, without the need of a local installation.

Inverted QR-code

The barcode for inviting quiz partcipants was inverted using Firefox 96.0.
Using the app "Barcode reader", I first had to activate "negative" to be abled to read it. Maybe it would be easier to display it the standard way by default.

Unable to install backend

Hey!
During the installation I get to point 3:

root@quiz:~# cd /root/
root@quiz:~# git clone https://git.thm.de/arsnova/arsnova-click-v2-backend
Cloning into 'arsnova-click-v2-backend'...
warning: redirecting to https://git.thm.de/arsnova/arsnova-click-v2-backend.git/
remote: Enumerating objects: 7256, done.
remote: Counting objects: 100% (774/774), done.
remote: Compressing objects: 100% (314/314), done.
remote: Total 7256 (delta 487), reused 717 (delta 438), pack-reused 6482
Receiving objects: 100% (7256/7256), 27.67 MiB | 39.63 MiB/s, done.
Resolving deltas: 100% (4131/4131), done.
root@quiz:~# cd arsnova-click-v2-backend/
root@quiz:~/arsnova-click-v2-backend# touch arsnova-click.env mongo.env init-mongo.js rabbitmq.env arsnova-click-staging.env arsnova-click-beta.env export-arsnova-click.env
root@quiz:~/arsnova-click-v2-backend# mkdir rabbitmq mongodb
root@quiz:~/arsnova-click-v2-backend# chmod 777 rabbitmq
root@quiz:~/arsnova-click-v2-backend# docker ps #es sollten keine container laufen
CONTAINER ID   IMAGE     COMMAND   CREATED   STATUS    PORTS     NAMES
root@quiz:~/arsnova-click-v2-backend# source export-arsnova-click.env
root@quiz:~/arsnova-click-v2-backend# docker-compose up -d rabbitmq mongodb
Creating network "arsnova-click-v2-backend_app-tier" with driver "bridge"
Creating volume "arsnova-click-v2-backend_mongodb" with local driver
Creating volume "arsnova-click-v2-backend_rabbitmq" with local driver
Pulling rabbitmq (bitnami/rabbitmq:3.8.3)...
3.8.3: Pulling from bitnami/rabbitmq
20b41457e783: Pull complete
791631a34cfb: Pull complete
177fe5a67473: Pull complete
c8a2d8a69c2b: Pull complete
62f4c92756d4: Pull complete
e98461b750c5: Pull complete
42cd55ff1087: Pull complete
a0824173737d: Pull complete
9ea6632a6e3f: Pull complete
5baf81e9ffa2: Pull complete
0f056ad841e1: Pull complete
243bff0b1311: Pull complete
bcb55455cc18: Pull complete
Digest: sha256:a5e9966615c2a5c932da38af6f06b26a6822dc245927ae399821a56bf80a2d65
Status: Downloaded newer image for bitnami/rabbitmq:3.8.3
Pulling mongodb (mongo:4.0.5)...
4.0.5: Pulling from library/mongo
7b722c1070cd: Pull complete
5fbf74db61f1: Pull complete
ed41cb72e5c9: Pull complete
7ea47a67709e: Pull complete
778aebe6fb26: Pull complete
3b4b1e0b80ed: Pull complete
844ccc42fe76: Pull complete
eab01fe8ebf8: Pull complete
e5758d5381b1: Pull complete
a795f1f35522: Pull complete
67bc6388d1cd: Pull complete
89b55f4f3473: Pull complete
10886b20b4fc: Pull complete
Digest: sha256:a7c1784c83536a3c686ec6f0a1c570ad5756b94a1183af88c07df82c5b64663c
Status: Downloaded newer image for mongo:4.0.5
Creating arsnova-click-backend-mongodb  ... done
Creating arsnova-click-backend-rabbitmq ... done
root@quiz:~/arsnova-click-v2-backend# wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
=> Downloading nvm from git to '/root/.nvm'
=> Cloning into '/root/.nvm'...
remote: Enumerating objects: 348, done.
remote: Counting objects: 100% (348/348), done.
remote: Compressing objects: 100% (297/297), done.
remote: Total 348 (delta 39), reused 163 (delta 26), pack-reused 0
Receiving objects: 100% (348/348), 208.92 KiB | 1.43 MiB/s, done.
Resolving deltas: 100% (39/39), done.
* (HEAD detached at FETCH_HEAD)
  master
=> Compressing and cleaning up git repository

=> Appending nvm source string to /root/.bashrc
=> Appending bash_completion source string to /root/.bashrc
=> Close and reopen your terminal to start using nvm or run the following to use it now:

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
root@quiz:~/arsnova-click-v2-backend# source ~/.bashrc
root@quiz:~/arsnova-click-v2-backend# nvm install v12.22.6
Downloading and installing node v12.22.6...
Downloading https://nodejs.org/dist/v12.22.6/node-v12.22.6-linux-x64.tar.xz...
######################################################################################################################################################################################################################################################### 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v12.22.6 (npm v6.14.15)
Creating default alias: default -> v12.22.6
root@quiz:~/arsnova-click-v2-backend# npm install [email protected]
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] license should be a valid SPDX license expression

+ [email protected]
added 1 package from 1 contributor and audited 1 package in 2.071s
found 0 vulnerabilities

root@quiz:~/arsnova-click-v2-backend#

At point 4 I get the following errors:

root@quiz:~/arsnova-click-v2-backend# npm install
npm WARN deprecated [email protected]: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information.
npm WARN deprecated @types/[email protected]: This is a stub types definition. file-type provides its own type definitions, so you do not need this installed.
npm WARN deprecated @types/[email protected]: This is a stub types definition. chai-http provides its own type definitions, so you do not need this installed.
npm WARN deprecated [email protected]: Package renamed as '@messageformat/core', see messageformat.github.io for more details. 'messageformat' will eventually provide a polyfill for Intl.MessageFormat, once it's been defined by Unicode & ECMA.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated @types/[email protected]: mongodb provides its own types. @types/mongodb is no longer needed.
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated [email protected]: Please use @koa/multer instead, see <https://github.com/koajs/multer>
npm WARN deprecated [email protected]: Please upgrade to @mapbox/node-pre-gyp: the non-scoped node-pre-gyp package is deprecated and only the @mapbox scoped package will recieve updates in the future
npm WARN deprecated @types/[email protected]: This is a stub types definition. bson provides its own type definitions, so you do not need this installed.
npm WARN deprecated [email protected]: use String.prototype.padStart()
npm WARN deprecated [email protected]: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated [email protected]: Package no longer supported. Contact [email protected] for more info.

> [email protected] install /root/arsnova-click-v2-backend/node_modules/dtrace-provider
> node-gyp rebuild || node suppress-error.js

sh: 1: node-gyp: Permission denied
sh: 1: node: Permission denied

> [email protected] install /root/arsnova-click-v2-backend/node_modules/gc-stats
> node-pre-gyp install --fallback-to-build

sh: 1: node-pre-gyp: Permission denied

> [email protected] install /root/arsnova-click-v2-backend/node_modules/puppeteer
> node install.js

sh: 1: node: Permission denied
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN @typegoose/[email protected] requires a peer of [email protected] - 5.10.18 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of prom-client@>= 10 <= 12 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of class-transformer@^0.3.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of class-validator@^0.12.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of webpack@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] license should be a valid SPDX license expression
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/dtrace-provider):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] install: `node-gyp rebuild || node suppress-error.js`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: spawn ENOENT
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/gc-stats):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] install: `node-pre-gyp install --fallback-to-build`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: spawn ENOENT

npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! [email protected] install: `node install.js`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-10-04T07_51_12_126Z-debug.log
root@quiz:~/arsnova-click-v2-backend#

So what do I have to do to successfully install the backend?

Thanks for a hint,
George

TS2304: Cannot find name 'MousetrapInstance'.

Hello,

I have followed your installation guide here (https://github.com/thm-projects/arsnova.click-v2/blob/master/documentation/Frontend-Installationguide.md) but I'm stuck on the last step. I get following output:

> [email protected] dev:ssr /net/vcac-ubuntu16/disc1/www/html/arsnova-clicks/arsnova-click-v2-frontend
> ng run frontend:serve-ssr

****************************************************************************************
This is a simple server for use in testing or debugging Angular applications locally.
It hasn't been reviewed for security issues.

DON'T USE IT FOR PRODUCTION!
****************************************************************************************
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/core : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/animations/browser : es2015 as esm2015
Compiling @ngx-translate/core : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @nguniversal/express-engine/tokens : es2015 as esm2015
Compiling @angular/common/http : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling @angular/platform-browser/animations : es2015 as esm2015
Compiling @angular/forms : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
Compiling @angular/platform-server : es2015 as esm2015
Compiling @nguniversal/common/engine : es2015 as esm2015
Compiling @ng-bootstrap/ng-bootstrap : es2015 as esm2015
Compiling angulartics2 : es2015 as esm2015
Compiling angular-svg-icon : es2015 as esm2015
Compiling angular2-hotkeys : es2015 as esm2015
Compiling @angular/service-worker : es2015 as esm2015
Compiling @auth0/angular-jwt : es2015 as esm2015
Compiling @stomp/ng2-stompjs : es2015 as esm2015
Compiling ng2-simple-mq : es2015 as esm2015
Compiling ngx-cookie-service : es2015 as esm2015
Compiling ngx-markdown : es2015 as esm2015
Compiling ngx-toastr : es2015 as esm2015
Compiling preboot : es2015 as esm2015
Compiling universal-cookie-consent : es2015 as esm2015
Compiling angulartics2/piwik : es2015 as esm2015
Compiling @fortawesome/angular-fontawesome : es2015 as esm2015
Compiling angular-tag-cloud-module : es2015 as esm2015
Compiling ngx-infinite-scroll : es2015 as esm2015
Compiling angular2-qrcode : main as umd
Compiling @ngx-translate/http-loader : es2015 as esm2015
Compiling ngx-translate-messageformat-compiler : es2015 as esm2015
Compiling @nguniversal/express-engine : es2015 as esm2015
⠋ Generating server application bundles...Compiling angular2-qrcode : module as esm5
✔ Server application bundle generation complete.

Initial Chunk Files | Names         |    Size
main.js             | main          | 4.13 kB

                    | Initial Total | 4.13 kB

Build at: 2020-12-07T12:41:30.862Z - Hash: d90cd36ec7520f8f842a - Time: 72343ms

Error: node_modules/angular2-hotkeys/lib/hotkeys.service.d.ts:10:16 - error TS2304: Cannot find name 'MousetrapInstance'.

10     mousetrap: MousetrapInstance;
                  ~~~~~~~~~~~~~~~~~



⠇ Generating server application bundles (phase: building)...
    Error: node_modules/angular2-hotkeys/lib/hotkeys.service.d.ts:10:16 - error TS2304: Cannot find name 'MousetrapInstance'.

    10     mousetrap: MousetrapInstance;
                      ~~~~~~~~~~~~~~~~~

✔ Browser application bundle generation complete.

Error: node_modules/angular2-hotkeys/lib/hotkeys.service.d.ts:10:16 - error TS2304: Cannot find name 'MousetrapInstance'.

10     mousetrap: MousetrapInstance;
                  ~~~~~~~~~~~~~~~~~



⠼ Generating server application bundles (phase: building)...this.debug is not a function
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev:ssr: `ng run frontend:serve-ssr`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev:ssr script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2020-12-07T12_42_13_736Z-debug.log

Is there anything I can do? I tried also the docker version but I cant access anything localhost:4200 neither 4210.

WebSocket connection to 'ws://localhost:15674/ws' failed

Hello and Happy New Year!

New year, new try... unfortunately the frontend doesnt like to connect to the backend. After fixing the error of issue #1 it did build successfully but the websocket seems to be not working:

client.js:274 WebSocket connection to 'ws://localhost:15674/ws' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED

Any idea where I can look into?

Feature Request: Changing predefined settings locally

Hi all,
creating a bunch of quizzes I missed the possibility to change the predefined settings for questions. For a quiz I made a dummy quiz where I disabled sound for everyone I can import again and again. But for questions I didn't found a solution. This is what I want to do:

We are using arsnova.click for math questions where you have to think for a longer time than 30 sec most of the time. Therefore, it would be handy to set the default countdown time to a higher value for our quizzes.

Also not all of our teachers use the bonus token functionality. Therefore, it would be handy to set the default value for questions to not being a bonus question.

I think it would be best to store these default values in cache as well so everyone can have their own custom setting set.

Another way might be adding custom question presets. You can filter for "your" presets but I did not found a way to add new presets.

What dou you think about implementing such local default settings?

Sincerely Simon

P.S.: We are using the open server at arsnova.click and didn't host our own.

How can I insert a local image in the question body?

How can I insert a local image in the question body?
I tried to use the standard markdown:

![alternative text](/path/to/image.jpg)

But it seems to work only with links on the internet such as:

![alternative text](http://www.example.com/image.jpg)

I also tried to use this syntax without success:

![alternative text](file:///path/to/image.jpg)

I even tried to insert pure HTML, but again without success.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.