open-genes / open-genes-frontend Goto Github PK
View Code? Open in Web Editor NEWOpen Genes is a database of human genes associated with aging and lifespan.
Home Page: https://open-genes.org/
License: Mozilla Public License 2.0
Open Genes is a database of human genes associated with aging and lifespan.
Home Page: https://open-genes.org/
License: Mozilla Public License 2.0
Вывести короткие описания
Check and fix TypeScript types assertion across the project to provide strong typing for all entities.
Add static images preload and fonts preload to src/index.html using link rel="preload"
Check existing links and fix them if it's needed.
На ветке OG-864 в компоненте IntersectionPageComponent
есть дочерний компонент ChartComponent
, который отрисовывает диаграму с пересекающимися кругами по входным данным. Судя по документации библиотеки Chart.js (используется плагин https://github.com/upsetjs/chartjs-chart-venn), которая импортируется в компоненте ChartComponent
, при клике на круг должен появляться тултип. Также по умолчанию должна отображаться легенда. Но кажется что Angular не отрисовывает тултип и легенду.
Тултип отображается при клике не пересечение кругов как на скриншоте из документации. Сверху диаграмы отображается легенда — цветные прямоугольники с подписями.
Тултип и легенда не отображаются.
194
или 193-fix-change-detection-bug
).193. Fix change detection bug in GO search
Убедительно просим вас избегать названий коммитов типа fix bug
.
Когда задача готова, запушьте изменения на свою ветку. Создайте PR от своей ветки в ветку develop. 3. По возможности ведите обсуждение задачи на странице пулл реквеста.
Ответственный за проект делает мердж в develop, если все хорошо. Если возникнут вопросы, во время код ревью вас могут попросить что-то исправить или доработать.
Info panels on a gene page are not hidden though there is no data. The corresponding fields and the checks should be looked over.
Check and fix all components for unsubscribed subscriptions and unsubscribe.
Better use this pattern:
private ngUnsubscribe = new Subject();
// ...
ngOnDestroy(): void {
this.ngUnsubscribe.next();
this.ngUnsubscribe.complete();
}
Let's discuss if we should use a mixin for this.
Translate About from Russian into English and add localizable strings.
https://open-genes.com/about
Make a new release.
We have to improve accessibility on the website. Let's discuss if anything is missing on a checklist.
alt
attribute to img
aria
attributesTab
key — does it work and do users see a frame on the focused element while navigating. Fix it.Develop a service for making queries to Wikipedia public API.
Во время поиска отображается экран поиска.
В нем строка поиска всегда наверху, под ней половину экрана занимают подсказки. Ниже выводятся результаты поиска из таблицы.
Возможно их придется упростить, чтобы их не приходилось скроллить по горизонтали.
When the Russian language is selected and if there is no Russian translation, output descriptions in English in all templates.
Redirect user to a website after a donation is done using a hook and show a message "Thank you for donation"
Now there are Latin phylum names for gene age inside "Origin" and "Conservative in" fields. Put both names inside braces and add actual terms in the user's language.
https://www.figma.com/file/6MxgPCuH2FrO2fMm1QelSI/Open-Genes%3A-Gene-Page-Rework?node-id=0%3A1
Get rid of Font Awesome, which takes a few extra fonts and a lot of CSS into the bundle.
Use the new app-icon
component and SVG sprites in places where FA is currently used.
Add new SVG sprites to the sprite sheet instead of old FA analogs.
Add documentation for building sprite sheets.
Develop a singleton service to create and display notifications.
After updating styles or localization keys, web app pages are broken until the user performs a hard reload.
The page or resources shouldn't be cached, it should be up-to-date.
The bug happens because there is no key in the LocalStorage and there is no handling for the case of null
.
Correct processing of statuses of http requests:
В поиске по Gene Ontology приходится два раза нажимать Enter в строке поиска чтобы отобразился список.
Выдача поиска появится сразу
Выдача поиска не отображается, пока пользователь не нажмет "Enter" или не кликнет на кнопку поиска второй раз.
Скорее всего это баг Change Detection.
This task has not yet been formulated properly.
Obtain a diagram of the relationship of processes by GO id from GO CAM.
Get a list of genes by GO id of a process, function, or compartment
Block has .container
class on it and width accordingly to grid container width.
TranslationService
should be injected right into an AppComponent
because it's used everywhere in the app.
Шаблон компонента: src/app/pages/researches/components/research-tab/research-tab.component.html
Both components use the same base class GeneTableCardLogic
and inject FilterService
. This is excessive because their parent component is stateful.
Check and fix components change detection strategy.
Remove the OnChange lifecycle hook and replace it with change detection reference where it's needed.
The favorites counter in the main menu doesn't update until the page reload.
This bug is related to change detection of the menu component.
The counter on the menu item shows a number of genes added to Favourites.
Develop an Angular pipe or directive to transform text occurrences found with regexp in the description into links.
The description is a plain text value we get from the fields such as commentAging
and commentEvolution
with links inside square braces.
PubMed id (PMID/PMCID) examples:
PMID: [23509288]
PMCID: [PMC3531190]
DOI examples:
[10.1007/b136753]
[10.1007/978-3-540-46129-6]
[10.1002/jcp.24266]
[10.1073/pnas.1506538112]
[10.5551/jat.41335]
[https://doi.org/10.1007/b136753]
[http://doi.org/10.1007/b136753]
In parsed descriptions links also may come in round braces.
UniProt links format:
(PubMed: 21325134)
Develop a service that interacts with TranslateService to detect the browser language and set the corresponding language. Now we have only two languages (English, Russian).
The loader should disappear right after the data is loaded.
Output diseases by genes in a new data table on the main page or find the way to include them into the existing data table.
The main column is the name of the gene. Improve the filters so that genes in the data table can be sorted by a disease or a group of diseases.
Improve switching from one data table to another.
Извините, что не в тему. Но не нашел другого места куда написать.
Есть ли возможности как-то взаимодействовать с проектом open-genes в части работы с данными по генам? А то в РТД чате ставят в упрек, что мы пилим что-то свое и не думаем о помощи проектам Open Longevity.
Действительно, надо, как минимум, спросить. Проект ведь у вас замечательный. Может как-то реально помочь, в меру сил и компетенций?
Represent a descriptionNCBI
field on a gene page.
The task should be done after geneticists complete their task for Russian descriptions.
Click on a term in the article on a gene's page should trigger MatBottomSheet
service and open a bottom sheet with a short reference on a term taken from
JSON file by key (similar to TanslationService
). The hint should display a text in the selected language (English, Russian).
If there is no key specified, a component uses WikipediaApiService
(see task) to retrieve a missing description.
The "Contents" section does not always coincide with the presence of sections on the page
ru.json
and en.json
Show a dummy page with the text "Your browser is outdated" if a user opens a website in IE11
Show a dummy page if a user opens a website on IE11.
IsIeService
.no-content
class in the project and you will find it.We should cover a project with tests on Jasmine.
Develop a directive adding a custom scrollbar to any container.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.