How to Check your RPI/ubuntu boards time and set the correct time?

Preparation:
install Adopisoft terminal plugin or connect to your device using SSH

To check for your current time:

timedatectl

To set your timezone to Asia/Manila:

timedatectl set-timezone Asia/Manila

To change your time:
sudo date -s "yyyy-mm-dd hh:mm:ss"

replace with  your current date and time

example: sudo date -s "2023-10-13 09:16:59"
Note:Time format is 24hour format so if it is 1:00PM, It tmeans 13:00

sudo date -s "2023-10-13 09:16:59"

Make sure the system clock is synchronized:

try the following command to fix it:

sudo timedatectl set-ntp yes

or,

sudo timedatectl set-ntp true

sudo timedatectl set-local-rtc 0 --adjust-system-clock

sudo systemctl status systemd-timesyncd

timedatectl set-local-rtc 0

NOTE:
repeat these 2 terminal commands several times:

sudo systemctl status systemd-timesyncd 

sudo timedatectl set-local-rtc 0 --adjust-system-clock

until system clock synchronized becomes "yes"

The next step requires putty apps.It will not work in Adopisoft terminal plugin:

Peparation:
1. search for putty on google chrome browser.Download it and install it.
Putty Here: https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html
2. Enable SSH on adopisoft

Steps: 
1. Open putty via ssh then type 10.0.0.1

Use the following login credentials:

For other board:
user:adopisoft

pass:asdf@12345

For RPI
user:pi

pass:raspberry

For OPI5/OPI ONE/OPI PC
user:username: root

passwd: asdf@12345 or asdf@123 or Asdf@12345

For Generic machine/Ubunto server
user:adoadmin

pass:AdoPiSoft

Note: Typing password has no display response.Just make sure you type it correctly then ENTER.

2. Once you successfully login to terminal via putty, if  system clock synchronized is still "No" 

Open timesyncd.conf file then edit its content

To open, type this in the terminal:

sudo nano /etc/systemd/timesyncd.conf

then press ENTER
You should see this file content:

Please remove the comment (#) after [Time] then add this NTP server in the list:

NTP=ph.pool.ntp.org
NTP=0.asia.pool.ntp.org

NTP=1.asia.pool.ntp.org

NTP=2.asia.pool.ntp.org

NTP=3.asia.pool.ntp.org

The result should be look like this

To edit, use arrow up and down, arrow left and right,backspace and ENTER key.
When you are done editing, save it. 
To save press CTRL+O then ENTER
To exit file press CTRL+X
To close putty type exit but do not close it, because you're not done yet.

Next 

• Restart the systemd-timesyncd service:
  To restart type this command then press ENTER:
  
  sudo systemctl restart systemd-timesyncd.service
  
  Wait for a few minutes then check if system clock synchronized becomes "Yes"
  Once you've followed these steps, your Raspberry Pi's/OPI's clock should be synchronized with the network, ensuring accurate timekeeping.

Installing Adopisoft 5.1.5 in ubuntu server manual installation

 INSTALL Ubunto server 18.04 version via manual installation.

https://releases.ubuntu.com/bionic/ubuntu-18.04.6-live-server-amd64.iso

For ethernet port driver problem try ubuntu version 22.04.3
Download Ubuntu server 22.04.4 LTS
 
Download Ubuntu Server 23.04

Kung hindi gumagana ang builtin LAN try the following version of ubuntu, preferably version 20.x.x:
https://drive.google.com/drive/folders/1YkY5o18viOzARjXitACoxSxc0sIHiiXQ?usp=sharing

Download the image and burn it to CD/DVD or flash it in bootable USB via Rufus application.

username:ubuntu

password:ubuntu

After installation login to your server account and apply this command one by one:

timedatectl

timedatectl set-timezone Asia/Manila

sudo apt-get update && sudo apt-get upgrade -y

curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -
or if it does not work,
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -

sudo apt-get install curl -y

sudo apt-get install -y nodejs

For Ubuntu Server version 23.04, bypass this command because this command is now deprecated because Node.js 18 is now included in the official Ubuntu repositories. 
sudo apt-get install -y nodejs python nginx bind9 isc-dhcp-server

sudo apt install -y hostapd dmidecode build-essential openssh-server python3-pip unzip bridge-utils
or if it does not work,
sudo apt-get install -y hostapd dmidecode build-essential openssh-server python3-pip unzip bridge-utils

For Ubuntu server version 23.04 only
sudo apt upgrade qemu
or if it does not work,
sudo apt reinstall qemu

This will download and install adopisoft on your Board.But first select the right board:

For Desktop PC ver 5.1.5 stable

wget -O adopisoft-5.1.5-amd64-node-v16.4.0.deb
https://github.com/AdoPiSoft/Releases/releases/download/v5.1.5/adopisoft-5.1.5-amd64-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.5-amd64-node-v16.4.0.deb

For RPI/OPI ver 5.1.5 stable

wget -O adopisoft-5.1.5-armhf-node-v16.4.0.deb
https://github.com/AdoPiSoft/Releases/releases/download/v5.1.5/adopisoft-5.1.5-armhf-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.5-armhf-node-v16.4.0.deb

For Desktop NanoPi R2S(arm64) ver 5.1.4 stable

wget -O adopisoft-5.1.4-arm64-node-v16.4.0.deb https://github.com/AdoPiSoft/Releases/releases/download/v5.1.4/adopisoft-5.1.4-arm64-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.4-arm64-node-v16.4.0.deb

For Desktop PC ver 5.1.2 stable

wget -O adopisoft-5.1.2-08302022-amd64-node-v16.4.0.deb https://github.com/AdoPiSoft/Releases/releases/download/v5.1.2/adopisoft-5.1.2-08302022-amd64-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.2-08302022-amd64-node-v16.4.0.deb

For Desktop PC ver 5.1.1 stable

wget -O adopisoft-5.1.1-amd64-node-v16.4.0.deb https://github.com/AdoPiSoft/Releases/releases/download/v5.1.1/adopisoft-5.1.1-amd64-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.1-amd64-node-v16.4.0.deb

For Desktop PC ver 4.3 stable

wget -O adopisoft-4.3.0-amd64-node-v12.18.3.deb https://github.com/AdoPiSoft/Releases/releases/download/4.3.0/adopisoft-4.3.0-amd64-node-v12.18.3.deb

sudo apt-get install ./adopisoft-4.3.0-amd64-node-v12.18.3.deb

For Desktop PC ver 4.1.3 stable

wget -O adopisoft-4.1.3-amd64-node-v12.18.3.deb https://github.com/AdoPiSoft/Releases/releases/download/4.1.3/adopisoft-4.1.3-amd64-node-v12.18.3.deb

sudo apt-get install ./adopisoft-4.1.3-amd64-node-v12.18.3.deb

For Desktop PC ver 4.1.2 stable

wget -O adopisoft-4.1.2-release-amd64-node-v12.18.3.deb https://github.com/AdoPiSoft/Releases/releases/download/4.1.2/adopisoft-4.1.2-release-amd64-node-v12.18.3.deb

sudo apt-get install ./adopisoft-4.1.2-release-amd64-node-v12.18.3.deb

For Arm base (RPI/OPI) ver 5.1.2 stable

wget -O adopisoft-5.1.2-08302022-armhf-node-v16.4.0.deb https://github.com/AdoPiSoft/Releases/releases/download/v5.1.2/adopisoft-5.1.2-08302022-armhf-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.2-08302022-armhf-node-v16.4.0.deb

For arm64 base (Nano Pi R2s)ver 5.1.2 stable

wget -O adopisoft-5.1.2-08302022-arm64-node-v16.4.0.deb https://github.com/AdoPiSoft/Releases/releases/download/v5.1.2/adopisoft-5.1.2-08302022-arm64-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.2-08302022-arm64-node-v16.4.0.deb

For arm64 base (Nano Pi R2S) ver 5.1.2 Beta 11

wget -O adopisoft-5.1.2-beta.11-arm64-node-v16.4.0.deb https://github.com/AdoPiSoft/Beta-Releases/releases/download/v5.1.2-beta11/adopisoft-5.1.2-beta.11-arm64-node-v16.4.0.deb

sudo apt-get install ./adopisoft-5.1.2-beta.11-arm64-node-v16.4.0.deb

Create PostgreSQL account:

wget -O ado-psql-script.sh https://gist.githubusercontent.com/alenteria/791dbe32175a01d1f1b602b25489ad22/raw/9a5aa879ac70d24bd9a7dd7f8ed97d7fe2c2f597/ado-psql-script.sh 

sudo chmod a+x ./ado-psql-script.sh

sudo ./ado-psql-script.sh

sudo systemctl enable adopisoft

sudo systemctl start adopisoft

Find your board/machine's IP address. In your board/machine's screen, just type:

ip addr

Once you have identified your board/machine's IP address, open your browser on your PC and type the url to your board/machine's IP address.

Example::This is an example.The IP's might be different from your machine

https://192.168.1.27

Then in the admin “Security → Database Connection” settings, change the config to:

Database Type: postgres

Host/IP: localhost

Port Number:

Database Name: adopisoft

Username: adopisoft

Password: adopisoft

Restart machine and go back to “Security → Database Connection” after boot and click “Run migrations”.





Do you want to install ubuntu and adopisoft in one without issuing the terminal command? Yes you can do that in our latest build 5.1.3 beta 2.

Customized Ado x64 ISO (auto install): https://drive.google.com/file/d/1nfJesTlCMCl9nN_xsQavZcybdCsT4GDS/view

No need to issue a command.Just follow instruction.

Burn using rufus:

    GPT for UEFI capable BIOS

    MBR for old machine and not UEFI capable

Adopisoft auto Install:

Guide: 

https://wiki.adopisoft.com/doku.php?id=v5.1.3_x64-server&fbclid=IwAR2f_Y495ysTB2fyEMOWiqdd2TKnxqNxnStM14TdpecETVZnxRzeiH7Lh-Y

kung hindi gumana sa automatic installation, use advanced installation.

Adopisoft Advanced Installation:

Guide:

Select nyo Adopisoft Advanced Installation,,set your keyboard type,hostname, username, password.Sa partitioning method, select manual then select the partition na walang laman.MAs mabuti kong isang HD/SSD lang naka install saa PC para mas madali. Then Click finish partitioning and write to disk then automatically partition the free space.Kung ayaw mo magmanual, select entire harddisk kung wala naman laman ang HD/SSD mo na ibang OS.

Sa Choose software to install:Choose DNS server,Postgesql database, and openssh server(Press TAB to select and SPACEBAR to mark the software)

Then install the Grub boot loader to the master boot record,select yes

Then select the device for boot loader installation, select mo lang pangalan ng HD/SSD mo kung saan ka magbo boot.Then finish installation then remove the US Bootable before starting the machine.

How to Setup Adopisoft Network Configuration

 

How to Setup Adopisoft Network Configuration

In this setup, you will learn how to configure the adopisoft network to work the built-in wifi, VLAN, and USB2LAN at the same time. First of all, you need to know their name:

 

eth0 is the BOARD Ethernet WAN port. This is where your internet is going in.

wlan0 is your built-in wifi

eth1 is your first connected usb2lan, next is eth2 is the 2^nd,eth3 is the 3^rd,eth4, the fourth one.

eth0.22 is your vlan22. 22 is the adopisoft default VLAN. You can use any VLAN number as long as it is both configured as the same number in the ado admin dashboard and to your VLAN hardware.

 

Every interface has its own gateway separated from its other.

Example:

                eth0(WAN)         192.168.1.2

                                             Network Prefix: /24

                                             Gateway: 192.168.1.1 (Your PLDT modem IP)

               wlan0(Built-in)  12.0.0.1 

                                             Check Enable Captive Portal
                                             Set Maximum Hops Allowed to 1
                                             Static IP:12.0.0.1

                                             Network Prefix: /20

                                             Check Use System DNS Server

         Check enable DHCP on this Interface

                                                    DHCP start:12.0.0.10

                                                    DHCP End:12.0.15.254

                eth1(USB2LAN 1) 20.0.0.1

                                             Check Enable Captive Portal

                                             Set Maximum Hops Allowed to 1

                                             Static IP:20.0.0.1

                                             Network Prefix: /20

                                             Check Use System DNS Server

                                                DHCP start:20.0.0.10

                                                DHCP End:20.0.15.254

                eth0.22(VLAN22)22.0.0.1-Go to Network then Interface then 802.1Q then create VLAN        using VLANID22. You can use any VLAN number but 22 is the default. Make sure the VLAN number in adopisoft vs VLAN id number in your hardware are the same.

                                             Check Enable Captive Portal

                                             Set Maximum Hops Allowed to 1

                                             Static IP: 22.0.0.1

                                             Network Prefix: /20

                                             Check Use System DNS Server

                                             Check enable DHCP on this Interface

                                                    DHCP start:22.0.0.10

                                                    DHCP End:22.0.15.254

               

 

 

You can use whatever number you want. With this setup, every interface has its own IP separated from each other. You will automatically see what interface you are connected via the IP assigned to you by the interface gateway.

 

Why does the DHCP address start with 10? Because the IP x.0.0.2 to x.0.0.9 where X will determine what interface you are connected to, is your reserved IP if you want your AP to be static. The reserved IP can be used by your Access Point in static AP mode. This will ensure that the IP cannot be used by your system to assign it to one of your clients.

 

Having a different interface will have different Portal IP when connected to its Access Point or routers AP. Ex with the IP assignment above, if you are connected to USB2LAN, your portal IP would be 20.0.0.1. If you are connected to the built-in, your portal IP would be 12.0.0.1, and so on.

The disadvantage of having different portal IP for every interface:
This will get you disconnected from the internet if you switch AP connection and needed to reconnect to the portal or at least open the portal manually to allow the internet again into your phone. What if all your SSID from all your interface are the same? You will likely get disconnected from the internet if your phone disconnects from one interface to another interface with different portal IP. You need to at least reopen the browsers portal to gain internet access again.

 

With this problem, INTERFACE BRIDGING is introduced. With interface bridging, the IP on all the bridge member interfaces are all the same. Their individual gateway will be ignored. Each accommodated interface connected to a physical segment is handled as one segment.

 br0(Bridge)         10.0.0.1

                                                   Check Enable Captive Portal

                                                    Set Maximum Hops Allowed to 1

                                                     Set static IP to 10.0.0.1

                                                    Check the required interface to bridge

                                                

                                             Network Prefix: /20

                                             Check Use System DNS Server

                                             Check enable DHCP on this Interface

                                                    DHCP start:10.0.0.10

                                                    DHCP End:10.0.15.254

 

Before Bridging:

 

After Bridging:

Bonus: Maximum Hops Allowed must be set to 1 to prevent phone tethering on all your interface.

Adopisoft Pioneer Beta1 Theme

Adopisoft Version 5 first release theme has an organized menu but more click is needed. That's why it's been removed from beta 3 onwards. But I managed to backup it and continue adding the latest theme features and improvements to make it compatible with future updates.

Download Adopisoft Beta1 Pioneer Theme

How To Change the Location of Session Time Below Banner?

 1. Go to app-root.html and switch the location of these 2 highlighted consecutive codes:

2. Go to Portal.css and increase the size of its font by adding this code:

 font-weight: bold;
 font-size: 20px;

3 Add this code 

<center>Remaining Time | Status</center>

within the status nav to make it look like this:

The Result:

How to Remove More Buttons and Add all Contents to Homepage?

 

How to Remove More Buttons and Add all Contents to Homepage?

1. Goto Themes, Captive Portal, Code Editor,Buy-wifi-or-eload.html and add this code to the end, or 1 or all of these buttons:

 

<!-- ko if: showMyAccountBtn() || customer.id() -->

<a class="btn btn-info btn-lg" href="/u">My Account</a>

<!-/ko->

 

<!-- ko if: showViewVouchersBtn -->

<a class="btn btn-info btn-lg" data-bind="navigate: 'view-vouchers'">View Vouchers</a>

<!-/ko->

 

<!-- ko if: showViewRatesBtn() -->

<a class="btn btn-info btn-lg" data-bind="navigate: 'view-rates'">View Rates</a>

<!-/ko->

 

2. Remove the more button by going to home-page.html and remove this line of code:

 

    <a class="btn btn-lg btn-default" data-bind="navigate: 'more-buttons'">

      More

      <i class="glyphicon glyphicon-chevron-right"></i>

    </a>

3. Patching your theme to make it work:

Download the theme you’re using right now. After it is downloaded, open it with WinRAR and go to APP then COMPONENTS then BUY-WIFI-OR-ELOAD then drag this file inside it and click OK. Now re-upload the variant and activate it.

 

You can download the file here:

Download the Theme Variant

 

Video instructions can be found here:

https://drive.google.com/file/d/1BlXgcR9sWoXDUJ9pbKH5XD-buG_rfq-c/view?usp=sharing

 

Last: Always use incognito mode to see changes.

If you don't want to go through all these settings and configurations, just download this theme: 

Download Adopisoft Deleted More Theme

This theme removes the more button and all buttons within More and have been moved to the Home button. You just need to uncheck the one you don't want to use located in Themes then Captive portals, then Basic Settings, scroll down to Buttons, and uncheck what you don't want to use.

To upload the theme, go to Themes then Captive portal Variants then Click Upload.....

How to Change Adopisoft Portal Color?

Basic Colors

Named	Numeric	Color name	Hex rgb	Decimal
		black	#000000	0,0,0
		silver	#C0C0C0	192,192,192
		gray	#808080	128,128,128
		white	#FFFFFF	255,255,255
		maroon	#800000	128,0,0
		red	#FF0000	255,0,0
		purple	#800080	128,0,128
		fuchsia	#FF00FF	255,0,255
		green	#008000	0,128,0
		lime	#00FF00	0,255,0
		olive	#808000	128,128,0
		yellow	#FFFF00	255,255,0
		navy	#000080	0,0,128
		blue	#0000FF	0,0,255
		teal	#008080	0,128,128
		aqua	#00FFFF	0,255,255

 

Extended colors

Named	Numeric	Color name	Hex rgb	Decimal
		aliceblue	#f0f8ff	240,248,255
		antiquewhite	#faebd7	250,235,215
		aqua	#00ffff	0,255,255
		aquamarine	#7fffd4	127,255,212
		azure	#f0ffff	240,255,255
		beige	#f5f5dc	245,245,220
		bisque	#ffe4c4	255,228,196
		black	#000000	0,0,0
		blanchedalmond	#ffebcd	255,235,205
		blue	#0000ff	0,0,255
		blueviolet	#8a2be2	138,43,226
		brown	#a52a2a	165,42,42
		burlywood	#deb887	222,184,135
		cadetblue	#5f9ea0	95,158,160
		chartreuse	#7fff00	127,255,0
		chocolate	#d2691e	210,105,30
		coral	#ff7f50	255,127,80
		cornflowerblue	#6495ed	100,149,237
		cornsilk	#fff8dc	255,248,220
		crimson	#dc143c	220,20,60
		cyan	#00ffff	0,255,255
		darkblue	#00008b	0,0,139
		darkcyan	#008b8b	0,139,139
		darkgoldenrod	#b8860b	184,134,11
		darkgray	#a9a9a9	169,169,169
		darkgreen	#006400	0,100,0
		darkgrey	#a9a9a9	169,169,169
		darkkhaki	#bdb76b	189,183,107
		darkmagenta	#8b008b	139,0,139
		darkolivegreen	#556b2f	85,107,47
		darkorange	#ff8c00	255,140,0
		darkorchid	#9932cc	153,50,204
		darkred	#8b0000	139,0,0
		darksalmon	#e9967a	233,150,122
		darkseagreen	#8fbc8f	143,188,143
		darkslateblue	#483d8b	72,61,139
		darkslategray	#2f4f4f	47,79,79
		darkslategrey	#2f4f4f	47,79,79
		darkturquoise	#00ced1	0,206,209
		darkviolet	#9400d3	148,0,211
		deeppink	#ff1493	255,20,147
		deepskyblue	#00bfff	0,191,255
		dimgray	#696969	105,105,105
		dimgrey	#696969	105,105,105
		dodgerblue	#1e90ff	30,144,255
		firebrick	#b22222	178,34,34
		floralwhite	#fffaf0	255,250,240
		forestgreen	#228b22	34,139,34
		fuchsia	#ff00ff	255,0,255
		gainsboro	#dcdcdc	220,220,220
		ghostwhite	#f8f8ff	248,248,255
		gold	#ffd700	255,215,0
		goldenrod	#daa520	218,165,32
		gray	#808080	128,128,128
		green	#008000	0,128,0
		greenyellow	#adff2f	173,255,47
		grey	#808080	128,128,128
		honeydew	#f0fff0	240,255,240
		hotpink	#ff69b4	255,105,180
		indianred	#cd5c5c	205,92,92
		indigo	#4b0082	75,0,130
		ivory	#fffff0	255,255,240
		khaki	#f0e68c	240,230,140
		lavender	#e6e6fa	230,230,250
		lavenderblush	#fff0f5	255,240,245
		lawngreen	#7cfc00	124,252,0
		lemonchiffon	#fffacd	255,250,205
		lightblue	#add8e6	173,216,230
		lightcoral	#f08080	240,128,128
		lightcyan	#e0ffff	224,255,255
		lightgoldenrodyellow	#fafad2	250,250,210
		lightgray	#d3d3d3	211,211,211
		lightgreen	#90ee90	144,238,144
		lightgrey	#d3d3d3	211,211,211
		lightpink	#ffb6c1	255,182,193
		lightsalmon	#ffa07a	255,160,122
		lightseagreen	#20b2aa	32,178,170
		lightskyblue	#87cefa	135,206,250
		lightslategray	#778899	119,136,153
		lightslategrey	#778899	119,136,153
		lightsteelblue	#b0c4de	176,196,222
		lightyellow	#ffffe0	255,255,224
		lime	#00ff00	0,255,0
		limegreen	#32cd32	50,205,50
		linen	#faf0e6	250,240,230
		magenta	#ff00ff	255,0,255
		maroon	#800000	128,0,0
		mediumaquamarine	#66cdaa	102,205,170
		mediumblue	#0000cd	0,0,205
		mediumorchid	#ba55d3	186,85,211
		mediumpurple	#9370db	147,112,219
		mediumseagreen	#3cb371	60,179,113
		mediumslateblue	#7b68ee	123,104,238
		mediumspringgreen	#00fa9a	0,250,154
		mediumturquoise	#48d1cc	72,209,204
		mediumvioletred	#c71585	199,21,133
		midnightblue	#191970	25,25,112
		mintcream	#f5fffa	245,255,250
		mistyrose	#ffe4e1	255,228,225
		moccasin	#ffe4b5	255,228,181
		navajowhite	#ffdead	255,222,173
		navy	#000080	0,0,128
		oldlace	#fdf5e6	253,245,230
		olive	#808000	128,128,0
		olivedrab	#6b8e23	107,142,35
		orange	#ffa500	255,165,0
		orangered	#ff4500	255,69,0
		orchid	#da70d6	218,112,214
		palegoldenrod	#eee8aa	238,232,170
		palegreen	#98fb98	152,251,152
		paleturquoise	#afeeee	175,238,238
		palevioletred	#db7093	219,112,147
		papayawhip	#ffefd5	255,239,213
		peachpuff	#ffdab9	255,218,185
		peru	#cd853f	205,133,63
		pink	#ffc0cb	255,192,203
		plum	#dda0dd	221,160,221
		powderblue	#b0e0e6	176,224,230
		purple	#800080	128,0,128
		red	#ff0000	255,0,0
		rosybrown	#bc8f8f	188,143,143
		royalblue	#4169e1	65,105,225
		saddlebrown	#8b4513	139,69,19
		salmon	#fa8072	250,128,114
		sandybrown	#f4a460	244,164,96
		seagreen	#2e8b57	46,139,87
		seashell	#fff5ee	255,245,238
		sienna	#a0522d	160,82,45
		silver	#c0c0c0	192,192,192
		skyblue	#87ceeb	135,206,235
		slateblue	#6a5acd	106,90,205
		slategray	#708090	112,128,144
		slategrey	#708090	112,128,144
		snow	#fffafa	255,250,250
		springgreen	#00ff7f	0,255,127
		steelblue	#4682b4	70,130,180
		tan	#d2b48c	210,180,140
		teal	#008080	0,128,128
		thistle	#d8bfd8	216,191,216
		tomato	#ff6347	255,99,71
		turquoise	#40e0d0	64,224,208
		violet	#ee82ee	238,130,238
		wheat	#f5deb3	245,222,179
		white	#ffffff	255,255,255
		whitesmoke	#f5f5f5	245,245,245
		yellow	#ffff00	255,255,0
		yellowgreen	#9acd32	154,205,50

 

 

Change Connect Button to Colored green

Editing - app/components/start-pause-buttons/start-pause-buttons.html

 

Add this to your code:

style="background-color:#008000"

 

Original:

Located on Line11 to Line12

<button class="btn btn-lg btn-primary" data-bind="click: startSession, disable: starting">

  Connect

 

Edited:

 

<button class="btn btn-lg btn-primary" style="background-color:#008000" data-bind="click: startSession, disable: starting">

  Connect

 

Change Start(Play) button to green on Session Table

Editing - app/components/sessions-table/sessions-table.html

Add this to your code:

style="background-color:#008000"

 

Original:

Located on Line 27

<button class="btn btn-primary" data-bind="disable: starting(), click: startSession">

 

Edited:

<button class="btn btn-primary" style="background-color:#008000" data-bind="disable: starting(), click: startSession">

 

Change Buy Wifi to Green Color

Editing - app/components/buy-wifi-or-eload/buy-wifi-or-eload.html

Plese add this to the code: 

 

style="background-color:#008000"

 

Example:

Original:Located on Line 3

<a class="btn btn-lg btn-primary" data-bind="click: buyWifi, loadingBtn: loading">Buy WiFi</a>

 

After adding the code:

 

<a class="btn btn-lg btn-primary" data-bind="click: buyWifi, loadingBtn: loading" style="background-color:#008000">Buy WiFi</a>

 

 

Change Activate Voucher Button to Blue

Editing - app/components/voucher-form/voucher-form.html

 

Plese add this to the code: 

 

style="background-color:#0000ff"

 

Example:

Original:Located on Line 8

<button type="submit" class="btn btn-lg btn-primary">

 

After Adding The Code:

 

<button type="submit" style="background-color:#0000ff" class="btn btn-lg btn-primary">