GithubHelp home page GithubHelp logo

p2m2 / ep2m2 Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 8.45 MB

Metabolomics target analyzes manager

License: MIT License

JavaScript 4.86% Dockerfile 0.86% Vue 57.83% TypeScript 36.44%
inrae metabolomics website p2m2

ep2m2's Introduction

EP2M2

ep2m2's People

Contributors

marcellino-palerme avatar

Stargazers

 avatar

Watchers

 avatar

ep2m2's Issues

REUSE-compliante CI

REUSE-compliante CI

Add check merge request is REUSE-compliante with yaml (120 min)

  • Execute before merge
  • Run REUSE check
  • Block merge if check is fail

basic wireframe

Basic wireframe

Create wireframe for first part of web site.
Content:

  • buttons to add files
  • buttons to delete files
  • list of file added
  • button to extract

Add legend

Add a legend to know the action of each button.

Tabs to navigate between project and series

Tabs to navigate between project and series.
We have two tabs

  1. To go project page
  2. To go series page

For that we use a layout.

  • Write documentation
  • Write test
  • Create the layout

Note:
We have a layout in a layout (the navigate layout in default layout)

check database up

Check database up

When in server we have to call database, check database is up.
If it's down return a 503 error

Add table MACHINE

Add table MACHINE

This table is references of machine.

It contains:

  • id → SERIAL PRIMARY KEY
  • name → VARCHAR 255
  • id_techno → SERIAL Foreign key of techno table
  • description → Text

Add component to manage compound

Add component to manage compound.

The component provide:

  • Visualization of all compound in database with search
  • Add new compound
  • Delete compound not used yet
  • Archive compound

Create profile page

In this page user can change email and password.
The administrator can add/delete user.

For this page, I think change file structure to use route mechanism provide by Nuxt.
Add in database user's rules.

Add tab series (ligth)

Add tab series (ligth)

  1. Get daughter solution file
  2. Ask real area of each metabolite
  3. Repeat 1 & 2 for all daughter solution files
  4. Calculate ratio of each metabolite (A_real = A_machine * Ration)
  • Add Series Table in database
  • Add daughter table in database
  • Add Ratio table in database
  • Series tabs show series
  • Series tabs provide function to add
  • Documentation
  • Tests

Add tutorial

Add tutorial

This tutorial explain quickly how create a project add export it.

It is:

  • interactive
  • open at first connection
  • accessing in help menu

Affect series

Affect series

In project, we can select a series. And in result, we add a column Calculated_Area

  • Change interface
  • Select series in table
  • Add Calculated_Area in result
  • Documented
  • Tested

Create help

Create Help menu

We have a link to open directly a help page.

This page contain :

  • What's a project
  • Quick start
  • Manage project
  • → New Project
  • →Modify Project
  • Basic Base compound Metabolic
  • → Add basic compound
  • → Add analyzer
  • → Add fitting
  • Index

Invisible add project button

Invisible add project button

Cause
In style of button we use a class with color variable but the variable's declaration removed.

Solution
Use only style define in vuetify.ts

Create default layout

Create default layout

This layout is a banner. Banner contain icon, language button, help button and logout button.

  • Documented the layout
  • Write tests of default layout
  • create default layout
  • Delete component BannerMain and ExtrasNav

Use Vuetify

Use Vuetify instead of Nuxt/UI

Nuxt/UI have issue with table
Vuetify sound like more mature.

Replace all component Nuxt/ui by vuetify

Add, in database, compound table

Add, in database, compound table

We need 3 tables

  • 1. COMPOUND → ref of compound

    • id SERIAL
    • name VARCHAR(255) UNIQUE
    • URL VARCHAR(255)
    • description TEXTAREA

Become REUSE-compliant

Become REUSE-compliant from reuse.software

  • Create reuse branch (5 min)
  • Install reuse (10 min)
  • Add MIT licence with reuse (10 min)
  • Add copyright and licensing information to each file (20 min)
  • Confirm REUSE compliance (10 min)

connection to database don't close

connection to database don't close

Error message in container ep2m2-web:

[nuxt] [request error] [unhandled] [500] sorry, too many clients already

Reproduction:

  1. Start web site
  2. Use it several time
    => impossible to open web site

Readme

  • ajouter une description courte
  • badge couverture
  • badge test

Tab serie 's structure

Tab serie 's structure

Create empty component to each tab .
Insert component in serie page (asynchronous loading component).

  • Documentation
  • Coding
  • Testing

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.