OceanBlue v3

Skinning Releases
1

Thank you for looking at my skin. OceanBlue v3 is a major update from previous versions. OceanBlue is for php skins only and was tested with SimPilots 5.5 base. There are two downloads. One for php 5.6 and the other for php 7.2

Whats all included:

 - Bootstrap 3.3.7 compatible

 - Font Awesome 5 icons

 - OpenStreet Map

  • PSD for the header images

  • Header font

  • Custom public profile

  • Custom Pilot profile/Dashboard

  • Styled tables

Modules Needed:

You will need to install a few modules for this template to work. (included)

AirMail 3

All Awards

Ranks

DO NOT install the template files.

***PLEASE READ THE DOCUMENTATION FOR INSTALLATION***

 

Download  - php 5.6

Download -  php 7.2

Download  - phpVMS for php 7.2 (Thanks ProAvia)

 

 

 

 

 

2

Thanks, FlyAlaska!!

One question, if you are already using the Ocean Blue Skin, how do one go about upgrading or installing the newest version?

 

Thanks

3

2 hours ago, perryfincher said:

Thanks, FlyAlaska!!

One question, if you are already using the Ocean Blue Skin, how do one go about upgrading or installing the newest version?

 

Thanks

There is no option. You would have to start over unfortunately. Most likely you made edits to the your skin files. Any data sent to the database will not be effected.

4

Hi flyalaska,

 

I’ve downloaded and installed your skin and absolutely love it! I am running into a few minor issues though. I’ve read through the documentation several times and cannot find fixes for these :slight_smile: Hopefully you will be able to help.

 

  1. On the home page under Company Statistics, Hours gives me the below error. All other statistics work fine and should look normal once this is fixed. 

    Warning: number_format() expects parameter 1 to be double, string given in /home/intersky/public_html/lib/skins/ocean_blue/frontpage_main.php on line 145

The line it’s referring to is: 

\<td\>\<font color="053077"\>\<?php echo number\_format(StatsData::TotalHours(), 0); ?\>\</td\>\</font\>

 

  1. Home page and Live Map do not load anything for the ACARS map, it properly formats the space and leaves an empty white square. Documentation edits were made to both local.config.php and app.config.php

 

For reference, the website is http://www.interskyairways.com

 

Thank you for a great skin! 

5

What php and phpVMS version are you running?

6

phpvms version: simpilot 5.5.2

php version: 7.3.6

 

Note: The first issue regarding hours has since been fixed. I have no idea what I did or didn’t do to make that happen. 

Thanks for the quick reply! 

7

phpvms 5.5.2 from where? There are two. One for php 5.6 and one for php 7.2. You will have have errors with php 7.3.

8

phpvms 5.5x from SimPilotGroup. I am using the skin intended for php 7.2 and it’s working really well, with the map being the exception. But I can’t find where the skin is trying to pull open street map from, for example when I inspect the demo skin (on the map) I find: 

\<div id="acarsmap" style="width: 840px; height: 400px; position: relative; outline: none;" class="leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0"\>\<div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(0px, 0px, 0px);"\>\<div class="leaflet-pane leaflet-tile-pane"\>\<div class="leaflet-layer " style="z-index: 1; opacity: 1;"\>\<div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 19; transform: translate3d(0px, 0px, 0px) scale(1);"\>\<img alt="" role="presentation" src="https://b.tile.openstreetmap.org/5/4/12.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(115px, 132px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://c.tile.openstreetmap.org/5/5/12.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(371px, 132px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://a.tile.openstreetmap.org/5/4/11.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(115px, -124px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://b.tile.openstreetmap.org/5/5/11.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(371px, -124px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://c.tile.openstreetmap.org/5/4/13.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(115px, 388px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://a.tile.openstreetmap.org/5/5/13.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(371px, 388px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://a.tile.openstreetmap.org/5/3/12.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-141px, 132px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://a.tile.openstreetmap.org/5/6/12.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(627px, 132px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://c.tile.openstreetmap.org/5/3/11.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-141px, -124px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://c.tile.openstreetmap.org/5/6/11.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(627px, -124px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://b.tile.openstreetmap.org/5/3/13.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-141px, 388px, 0px); opacity: 1;"\>\<img alt="" role="presentation" src="https://b.tile.openstreetmap.org/5/6/13.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(627px, 388px, 0px); opacity: 1;"\>\</div\>\</div\>\</div\>\<div class="leaflet-pane leaflet-shadow-pane"\>\</div\>\<div class="leaflet-pane leaflet-overlay-pane"\>\</div\>\<div class="leaflet-pane leaflet-marker-pane"\>\</div\>\<div class="leaflet-pane leaflet-tooltip-pane"\>\</div\>\<div class="leaflet-pane leaflet-popup-pane"\>\</div\>\<div class="leaflet-proxy leaflet-zoom-animated"\>\</div\>\</div\>\<div class="leaflet-control-container"\>\<div class="leaflet-top leaflet-left"\>\<div class="leaflet-control-zoom leaflet-bar leaflet-control"\>\<a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in"\>+\</a\>\<a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out"\>−\</a\>\</div\>\</div\>\<div class="leaflet-top leaflet-right"\>\</div\>\<div class="leaflet-bottom leaflet-left"\>\</div\>\<div class="leaflet-bottom leaflet-right"\>\<div class="leaflet-control-attribution leaflet-control"\>\<a href="http://leafletjs.com" title="A JS library for interactive maps"\>Leaflet\</a\> | © \<a href="http://www.openstreetmap.org/copyright"\>OpenStreetMap\</a\>\</div\>\</div\>\</div\>\</div\>

However when I inspect my own website (where the map should be) I find: 

\<div id="acarsmap" style="width:100%; height: 400px"\>\</div\>

When digging in frontpage_main.php I saw that it calls from frontpage_acars.php but in neither do I find where it actually goes to Open Street Map for the website. I am not great with code so I could have missed it, just trying to help you figure out if that’s a possibility. 

9

You need the updated 5..5.2 for php 7.2

https://github.com/ProAviaAZ/phpvms_5.5.2.72

10

Interesting… So when I went to install that version I got an error that I wasn’t running php 7. My PHPAdmin shows 7.3.6 but the phpvms install client shows 5.4.45. I went into MultiPHP Manager and sure enough it was 5.4.45. So it turned out to be an interesting experiment that your php 7 skin runs almost 100% with an older phpvms client! 

 

Thanks for your help today! 

11

Key word being “almost”.

There are multiple differences between versions. You can get some stuff to work correctly, but other stuff won’t. That is why there are different versions specific to different PHP versions.

You would be better served to run PHP 5.6 with phpVMS 5.5.2 - if your host offers it. 

12

So actually after redownloading clean versions of the php 7 skin and phpvms 5.5.2.72 and also verifying php 7.2 selected I have the exact same issue. Open Street Map just doesn’t load. I also struggled to get the skin to display correctly, I remembered I had installed the Sky Blue skin after the Ocean Blue last time so I looked in the Sky Blue files and installed touchdown_stats and the skin loaded in correctly, minus the map. Any help would be greatly appreciated! 

13

I see the map working now

1 Like
14

I installed the skin and it’s working fine thanks guys for the skin update to a new version. 👌

http://www.emirates-va.net/index.php/

Big thanks.

15

2 minutes ago, BaderNET said:

I installed the skin and it’s working fine thanks guys for the skin update to a new version. 👌

http://www.emirates-va.net/index.php/

Big thanks.

Your hover buttons and menu are still blue. Site looks awesome!!

16

Not sure I understood the instructions correctly, but is there a way to make the pilot roster apprear by hub?

I may have missed something.

Thanks

17

On 2/14/2020 at 2:46 AM, BaderNET said:

I installed the skin and it’s working fine thanks guys for the skin update to a new version. 👌

http://www.emirates-va.net/index.php/

Big thanks.

Dang how’d you change the colors to red? I’ve been looking in the style sheets for hours

18

8 hours ago, Curshad said:

Dang how’d you change the colors to red? I’ve been looking in the style sheets for hours

css

19

1 hour ago, flyalaska said:

css

 

Thank you

20

Hello,  the arrows don’t works on mobiles, do you know how to make this a button?