Skip to content

stepan323446/eref-redesign

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Eref Redesign

The "Eref Redesign" plugin is designed to create a modern look with additional functionality and adaptability of the site eref.vts.su.ac.rs.

The plugin supports site languages ​​such as Serbian (sr) and Hungarian (hu).

Screenshots

Desktop Mobile
desktop-1 mobile-1
desktop-2 mobile-2
Mobile menu Mobile login form
Mobile menu Mobile menu

Compatibility

The plugin is supported by Сhromium and Gecko based browsers. The browser has been tested on browsers such as Microsoft Edge, Firefox, Mozilla, Google Chrome and Brave.

The following tables list the browsers that were tested.

For desktop:

Browser Based on Version Is support?
Microsoft Edge Chromium 127.0.2651.86
Google Chrome Chromium 127.0.6533.99
Yandex browser Chromium 24.6.1.852
Vivaldi Chromium 6.8.3381.53
Brave Chromium 1.68.137
Firefox Gecko 127.0
Firefox Developer Gecko 130.0b5
Nightly Gecko 131.0a1
Floorp Gecko 11.16.0

For mobile:

Browser Based on Version Is support?
Kiwi Chromium 124.0.6327.4
Lemur Chromium 2.6.1.027
Mises Chromium 224081406
Iceraven Gecko 2.22.0

Note

The list of mobile browsers included those that support the installation of extensions

Installation

A list of such browsers can be found in the Compatibility section. Installing the plugin depends on what your browser is based on (Gecko or Chromium).

Important

Not all mobile browsers support plugins. Also firefox does not support third party plugins

Installation from web store

You can install the extension in one of the web stores presented below:

  • Chrome Web Store - Web Store of plugins and themes for Chromium-based browsers (Google Chrome, Microsoft Edge)
  • Firefox Browser Addons - Web Store of plugins and themes for Gecko-based browsers (Firefox, Floorp)

Note

The plugin has been moderated by Chrome Web Store and Firefox Browser Addons

Manually installation

To install the extension, go to the Realeses section and select the desired file (.zip for chromium, .xpi for gecko).

Desktop, chromium

Description based on Google Chrome

  1. Unpack the .zip archive and put the folder with the extension in a place that you will not move. The path to the folder will be linked.

  2. Open your browser menu (three dots icon at top right, ) and select Extensions -> Manage Extensions

  3. Turn on Developer mode (switch at the top right)

  4. Click on the "Load unpacked" button and select the path to the folder from the plugins (to the folder where manifest.json is located)

  5. Plugin is ready

Desktop, gecko

Description based on Floorp

  1. Download a file that has the extension .xpi

  2. Type about:config in the address bar. Then enter xpinstall.signatures.required in the config search and set the value to false (learn more).

  3. Open your browser menu (three horizontal lines icon at top right, ) and select Add-ons and Themes

  4. In the "Extensions" tab, click on the gear icon. Select the option "Install Add-on from file"

  5. Select plugin file (.xpi)

  6. After installation, click on the ... for plugin and select Manage

  7. Go to the Permissions tab and check if "Access your data for https://eref.vts.su.ac.rs" is enabled

  8. Plugin is ready

Mobile, chromium

Description based on Kiwi browser

  1. Download the .zip archive. No need to unpack

  2. Open your browser menu (three dots icon at top right, ) and select Extensions

  3. Turn on Developer mode (switch at the top right)

  4. Select + (from .zip/.crx/.user.js)

  5. Select plugin file (.zip)

  6. Plugin is ready

PWA (Progressive web appliacation)

One of the defining aspects of a PWA is that it can be promoted by the browser for installation on the device. Once installed, a PWA appears to users as a platform-specific app, a permanent feature of their device which they can launch directly from the operating system like any other app.

We can summarize this as follows:

  • Supporting browsers promote the PWA to the user for installation on the device.
  • The PWA can be installed like a platform-specific app, and can customize the install process.
  • Once installed, the PWA gets an app icon on the device, alongside platform-specific apps.
  • Once installed, the PWA can be launched as a standalone app, rather than a website in a browser.

Note

Gecko browsers do not support PWA

Desktop guide Mobile guide
desktop-pwa mobile-pwa
When you visit the eref website, at the top of the address bar you will see an icon that will prompt you to install eref as an application Visit the eref website. Then open the browser menu and select "Add to Home Screen"

Actions in different browsers may differ, but the principle is the same

FAQ

Q: What happens to the page? Is it safe?

The plugin just modifies the page using css and sometimes adds some elements using javascript.

The plugin does not send or receive data anywhere.

Q: I get the error Unrecognized manifest key 'browser_specific_settings'.

This is not an error, but a warning. All chromium browsers receive this error. This is an unknown key for them in manifest.json. You don't have to pay attention.

This key is applicable to Gecko-based browsers such as Firefox.