Giter Club home page Giter Club logo

interactivelist's Introduction

InteractiveList

A way to change a list of care tools into a low interactive view

How to update the Excel

Hier leg ik kort uit hoe je de pagina kan updaten met behulp
Van een online tool genaamt: ASPOSE Excel converter:
Url: https://products.aspose.app/cells/conversion/excel-to-json

Step 1 Excel up to date

Zorg dat alle nodige changes zijn gemaakt aan het excel bestand
Doe wel nogmaal een check dat het gaat in coloum wise als:
Toolnaam | Toolbeschrijving | Toolimg | Toollink

Stap 1.1 Eisen aan excel

Zoals eerder aangegeven moet het excel bestand uit de benoemde coloumen bestaan in stap 1
Ook verwacht het programma dat er het volgende staat
Toolnaam -> Heeft altijd een naam
ToolLink -> Heeft een link of is empty of is gevuld met Null

Stap 1.2 Multiple Links

In het geval dat je meedere links toevoegt. Scheidt de links met het volgende teken:
, om een voorbeeld te geven krijg je dan:
https://www.google.nl/, https://stackoverflow.com/questions/179713/how-to-change-the-href-attribute-for-a-hyperlink-using-jquery

Stap 1.3 Check your Excel hyperlinks

In sommige gevallen kan het volgende voor komen. Je link kan worden geplaats als een verschillende hyperlink.
Dit levert issues ops voor de applicatie.
Om een voorbeeld te geven krijg je dan Google in plaats van het google adress.
Dit kan je fixen door: right click the hyperlink -> Edit Hyper link -> Remove the display/shown text in the top box -> Press ok

Step 2 Updaten

Ga naar de aangeven url in onder de update sectie.
Eenmaal op de pagina klik op drop upload en selecteer het gewenste Excel bestand
Check daarna of de Save as knop staat op JSON
Zo ja klik dan op convert. Zo niet zet hem op json en click convert.

Step 3 Update Zorgtools.Json

Je hebt nu een hoop text in het box. Kopieer dat en open ZorgTools.js
Dit bestand staat onder in de JS folder. Laat het daar staan en open het
Indaar plak de gekopieerde code tusssen:
var zorgToolData = Hier plakken Mocht er nog oude data staan dan
Haal dat weg zodat je eerst het volgende overhoudt: var zorgToolData = .
Plak dan je gekopieerde code op de plek na de = en volla
Save and your done de website zou nou moet updaten op iedere nieuwe laad.

Step 4 Check Step 3

Mocht je hier komen met onzekerheid over stap 3. begin dan overnieuw
Eenmaal bij stap 3 en het bestand open verwijder alles wat erin staat
Voeg toe: var zorgToolData = en plek je json data dan na = en volla.

interactivelist's People

Contributors

elise39u avatar peterkranenburg avatar

Watchers

 avatar

Forkers

peterkranenburg

interactivelist's Issues

Clicking below a div that is smaller then a large div

In this case happends that a respoinve div is bigger then the gallery div
SInce the click is on the respoinve div this casues weird situation

As the title say clicking below those divses can cause them to show the modal popup
Its not a major issue but one to be noticed

Modal Issue 1

The current first issue with the modal is that:
On one open it checks for all the elements on the page
Creating a link for every element

Modal Issue 2

For some reason once you check a tool with multiple links
It causes a lot of undefinded links to appear on screen
No clue why or what its causses as of now

Added a little popup div saying click me

This div so far comes with a issue.
On somepoint when you enter the mouse you can cause the div to glitch
Causing it to rapidly show and hide. This can be a threat to people with eceplisy or seizures

Its prob due to calulating the mouse position or

Due to the case when you move the mouse on the popup it leaves the div
Causing it to hide which in turn casuing it to showup again aka a infinte loop
This due on:hover show popup div

Link notice

Apprently in the product owners Excel copying a link into the a cell results it bening label as:
Hyperlink text -> Which holds the link

Its a small issues that requires some thought. Since the json converter takes apprently what stands in the cell
Resulting in a link that is printed out but not working

Modal Issue 3

For now there is an issue with the modal thing
It doesnt clear its body on display none
Causes the issue of stacking and stacking links

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.