niaefeup/nitsig

A browser extension to improve the Sigarra user experience

Developing

First, you must have yarn installed.

Install dependencies:

yarn install

Build for the first time:

yarn build

Choose your favorite browser and start developing:

yarn run dev:firefox

or

yarn run dev:chrome

This command will initialize a browser window and load the extension, watching for changes and reloading the window automatically.

Building a bundle

yarn build

Loading a bundle

Chrome or Edge	Firefox	Safari
Open chrome://extensions or edge://extensions Turn on the Developer mode toggle Click on the Load unpacked button Select the folder bundle/chrome	Open about:debugging#/runtime/this-firefox Click on the Load Temporary Add-on... button Select the file bundle/firefox/manifest.json	Open bundle/safari/NitSig for NitSig.xcodeproj Click the Play button in Xcode ("start the active scheme") Configure Safari in macOS to run unsigned extensions

nitsig's Issues

Track user URL history paths and popup options

Handle login errors without redirect

Depends on #10
If the login fails, display an error message in the UI without redirecting to the vld_validacao.validacao.

Redesign buttons

Example

Suggest feature page

Cool features:
Checkbox to ask to append a print of the current page.
Checkbox to ask to append the current "link"

Redesign "Posição no plano" Page

Documenting colors

Discover the root of all used colors on Sigarra and group them in order to make themes in the future

Preference to hide "Atalhos"

Add a preference to add "Atalhos" sigarra feature

Popup when clicking in a class

Depending on

Schedule Page

Using the lectures api, request the user schedule and generate a custom page

Redesign "Cursos" Page

Redesign "Inscrições nas turmas" Page

Hide elements from homepage

Some examples:

Redesign "Informação Pessoal" Page

Redesign Informação Pessoal Page:
https://sigarra.up.pt/feup/pt/fest_geral.info_pessoal_completa_view?pv_num_unico=XXXXXXXXX

Modify tittle attribute tooltip

The tittle tooltip is not very clear. We should override it to a custom one.

Explore resource 1 and 2

Redesign "Percurso académico" Page

Export table information as csv file

Append an "Export as CSV" button next to tables to download a csv file with all the table content.

Define a new folder structure

Leave suggestions below

Explore a way to simplify the map images

Map images are not visually appealing.

Change the maps images with custom ones

Redesign date dropdown

Multiply faculty Page

Now, the profile link at the homepage was changed to not show the "feup/fcup" page, however there are still links redirecting to that page.
For example, at "Conta corrente" when clicking on the name.

• The function that changes that link should analyze all page hrefs and find matches for "vld_entidades_geral.entidade_pagina?pct_codigo=".

• Also, the that page can redirect to the first link automatically.

Smooth scroll

A CSS one-liner that smoths the scroll when clicking in anchor links.
Examples can be found at "Informação pessoal" Page.

Add logos to "Associações de Estudantes" page

Add the corresponding logos on left of each association in the "Associações de Estudantes" page.

Redesign "Pesquisa de" Pages

"Pesquisa de" Pages

• Estudantes
• Pessoal
• Notícias
• Projetos de Investigação
• Publicações
• Edifícios
• Salas
• Unidades Curriculares
• Turmas
• Horários
• Relatórios de Unidade Curricular
• Fichas de Unidade Curricular

Fix some Icons

List of icons to be replaced:

At "Informação pessoal" Page -> "Adicionar Nacionalidade"
At "Telemóvel" in "Informação pessoal" Page

Redesign warnings cards

Class name "info"

Class name "alerta"

New style for the schedule page

Fix the styling on the schedule page, as well as the usability of past and future schedules.

Time selector autocomplete via TTS link

When choosing the new semester time table, auto complete the current option with the link provided by TTS

Tables Sort Columns

Add a sort function to all tables columns.

Sort function executed when clicking at date header is not working property.
Originally posted by @thePeras in #53 (comment)

Change the icons font

Choose a modern icon font and use it in the same places where it is now used.

Cools fonts out there:
Remix Icon
Themify
Feather
Eva Icons

Examples:

Redesign popup

Redesign the ugly popup

Report bug page

Cool features:
Checkbox to ask to append a print of the current page.
Checkbox to ask to append the current "link".

Checkbox asking to include the html. (This is only useful for content that can't be reproduced)

Change icons images

Change the ugly icons images.

Examples:

Persistent login

Explore a way to relogin when the session ends

Request permission to track

A page to ask the user permission to track/record the preferences and URL path history.

Related to #57

Favorite course

Add buttons to favorite a course.
Save the favorite course in the storage.

This usefully in some pages where is content from many courses and there is the need to prioritize the favorite one, like this one

Change font

Navigation top bar

Add a preference to hide the actual navigation left bar and replace it with a new one fully custom by our end at the top of the page.

Estudantes

• Escolher Turma
• Calendário
• (... the most features used from students)

Pesquisa

• Estudantes
• Docentes
• (...)

Serviços

• Ementas (here!?)
• Matrículas (here!?)
• (...)

Faculdade

• (... other options)

Redesign Teacher Page

Option for user to change the colors of schedule

Add a linter and formatter

The code style and quality in our project should be standardized and elevated through the use of a formatter and linter respectively. The most standard ones are Prettier and ESLint.

Bug on schedule pages without schedule table element

I have noticed a bug when visiting a schedule that does not have a schedule for that time period, depicted below.

This is most likely due to the fact that there is in fact no schedule to be replaced. Should we attempt to handle this right now or leave it as a future separate issue?

Originally posted by @toni-santos in #54 (comment)

Installed extension page

With the #37, the extension now opens a new tab when installed, asking for user permissions if needed (Firefox)

This page should display some more information about the web extension:

• features
• author
• rate action
• link to repository (?)
• (...)

Redesign Cookies bar

Logic to receive suggestions and bugs

Handle the submit logic of #50 and #49 pages.

Redesign "Conta Corrente" Page

Redesign course unit Page

Block requests to unused files

Block loading the old icons.

Change "Agenda" style

Change the css of

Redesign "Reservar Recursos" Page

Popup not scrollable

"Adicionar percurso académico" Popup at "Informação pessoal" Page has a height bigger than the page height and it ins't scrollable.