frederixhotspot

This plugin allows any WordPress page to act as an External Login page for CloudWiFi.
It handles the entire flow: 
1. Login: Displays a login button that redirects the user back to the hotspot. 
2. Success: Displays a success message after authorization. 
3. Error: Displays detailed error messages if the login fails (e.g., timeout, license exceeded).
Features: 
* One Shortcode: Use <code>[frederix_external_login]</code> for everything. 
* Automatic Mode: Automatically detects if it should show the Login button, Success message, or Error message based on the URL parameters. 
* Flexible Configuration: Use different pages for Login/Success/Error if desired. 
* Customizable Messages: Change the button text and messages via shortcode attributes. 
* Secure: Validates and sanitizes all inputs.
<h3>Shortcode Options</h3>
You can customize the shortcode with the following attributes:
<ul>
<li><code>mode</code>: Controls what the shortcode displays.
<ul>
<li><code>auto</code> (default): Automatically switches based on URL status (<code>status=success</code> or <code>status=error</code>).</li>
<li><code>login</code>: Forces the display of the login button.</li>
<li><code>success</code>: Forces the display of the success message.</li>
<li><code>error</code>: Forces the display of the error message.</li>
</ul>
</li>
<li><code>text</code>: The text on the login button. Default: “Login & Connect”.</li>
<li><code>success_message</code>: The message shown on success. Default: “You are now logged in…”</li>
<li><code>error_message</code>: The fallback error message. Default: “An unknown error occurred.”</li>
<li><code>tos_url</code>: (Mandatory for Login) URL to your Terms of Service page.</li>
<li><code>privacy_url</code>: (Mandatory for Login) URL to your Privacy Policy page.</li>
</ul>
<h3>Examples</h3>
Standard Setup (One Page for everything): 
 [frederix_external_login tos_url=”/agb” privacy_url=”/datenschutz”]
Custom Button Text: 
 [frederix_external_login text=”Start Free WiFi” tos_url=”/agb” privacy_url=”/datenschutz”]
Separate Error Page: 
If you want a dedicated error page with a custom message: 
 [frederix_external_login mode=”error” error_message=”Something went wrong. Please ask at the reception.”]
<h3>Dynamic Styling</h3>
The plugin automatically adds CSS classes to the main container based on the Hotspot parameters. This allows you to style the page differently for each location.
Classes added: 
* <code>fhk-hotspot-{hotspotId}</code> 
* <code>fhk-location-{locationId}</code> 
* <code>fhk-external-{externalId}</code>
Example CSS: 
If you want a green button for Location 123 and a blue button for Location 456:
<pre><code>`css
</code></pre>
/* Location 123 – Green */ 
.fhk-location-123 .frederix-login-button { 
 background-color: green; 
}
/* Location 456 – Blue */ 
.fhk-location-456 .frederix-login-button { 
 background-color: blue; 
} 
 <code><h3>Conditional Content</h3> 
You can show or hide any content (images, text, other shortcodes) based on the location or hotspot ID using the</code>[frederix_show_if]` shortcode.
Attributes: 
* <code>location</code>: Comma-separated list of Location IDs. 
* <code>hotspot</code>: Comma-separated list of Hotspot IDs. 
* <code>external</code>: Comma-separated list of External IDs.
Example 1: Show a specific logo only for Location 123:
<pre><code>`text
</code></pre>
[frederix_show_if location=”123″]
[/frederix_show_if] 
 `
Example 2: Show a special notice for multiple Hotspots:
<pre><code>`text
</code></pre>
[frederix_show_if hotspot=”HS-01, HS-02″]
Special maintenance today in this area!
[/frederix_show_if] 
 `
Example 3: Combine with the login shortcode:
<pre><code>`text
</code></pre>
[frederix_show_if location=”123″]
Welcome to the Beach Club!
<pre><code>[frederix_external_login text="Connect to Beach WiFi"]
</code></pre>
[/frederix_show_if]
[frederix_show_if location=”456″]
Welcome to the Lobby!
<pre><code>[frederix_external_login text="Connect to Lobby WiFi"]
</code></pre>
[/frederix_show_if] 
 `

Frederix External Login

Handles the external login flow for CloudWiFi, including success and error pages.

andibraeu

This plugin provides a shortcode to display the well known freifunk community map: [ffcommunitymap]
It is fully configurable to embed your own sources. These options are available:
<ul>
<li>geojsonurl
<ul>
<li>Default: “//api.freifunk.net/map/ffGeoJsonp.php?callback=?”</li>
<li>Description: URL with API data, we need jsonp there</li>
</ul>
</li>
<li>hidelocationbutton
<ul>
<li>Default: 0</li>
<li>Description:</li>
</ul>
</li>
<li>hidelayercontrol
<ul>
<li>Default: 0</li>
<li>Description: hide or show layer box</li>
</ul>
</li>
<li>hideinfobox
<ul>
<li>Default: 0</li>
<li>Description: hide or show info box</li>
</ul>
</li>
<li>feedurl
<ul>
<li>Default: “//api.freifunk.net/feed/feed.php”</li>
<li>Description: a feed provided by https://github.com/freifunk/feed.api.freifunk.net</li>
</ul>
</li>
<li>newscontentlimit
<ul>
<li>Default: 3</li>
<li>Description: number of news entries</li>
</ul>
</li>
<li>eventscontentlimit
<ul>
<li>Default: 2</li>
<li>Description: number of event entries</li>
</ul>
</li>
<li>postcontentlength
<ul>
<li>Default: 30</li>
<li>Description: length event headlines</li>
</ul>
</li>
<li>zoomlevel
<ul>
<li>Default: 5</li>
<li>Description: default zoom level on page load</li>
</ul>
</li>
<li>scrollandzoom
<ul>
<li>Default: 1</li>
<li>Enable scroll and zooming by mouse wheel or one-finger-touch</li>
</ul>
</li>
<li>center
<ul>
<li>Default: [51.5,10.5]</li>
<li>Description: initial center of map</li>
</ul>
</li>
<li>divid
<ul>
<li>Default: “map”</li>
<li>Description: div id where map should be displayed</li>
</ul>
</li>
<li>showevents
<ul>
<li>Default: 0</li>
<li>Description: show events in community popup</li>
</ul>
</li>
<li>shownews
<ul>
<li>Default: 0</li>
<li>Description: show news in community popup</li>
</ul>
</li>
<li>mapboxid
<ul>
<li>Default: “mapbox.streets”</li>
<li>Description: id for your mapbox tiles</li>
</ul>
</li>
<li>mapjs
<ul>
<li>Default: “//api.freifunk.net/map/community_map.js”</li>
<li>Description: link to community js files</li>
</ul>
</li>
<li>popuptype
<ul>
<li>Default: “community”</li>
<li>Description: type for popups for different purposes</li>
</ul>
</li>
</ul>
Another shortcode is for displaying a community table: [ffcommunitytable]
Available options are:
<ul>
<li>summaryurl
<ul>
<li>Default: “//api.freifunk.net/map/ffApiJsonp.php?mode=summary&callback=?”</li>
<li>Description: URL with API data, we need jsonp there</li>
</ul>
</li>
<li>columns
<ul>
<li>Default: “city,name,firmware,routing,nodes,contact”</li>
<li>Description: select available columns comma separated</li>
</ul>
</li>
<li>number_communities
<ul>
<li>Default: “3”</li>
<li>Description: number of communities displayed in search</li>
</ul>
</li>
<li>enable_zip_search
<ul>
<li>Default: “1”</li>
<li>Description: enable zip/city search</li>
</ul>
</li>
<li>nominatim_email
<ul>
<li>Default: “yourmail@domain.tld”</li>
<li>Description: email provided to nominatim queries to avoid abuse</li>
</ul>
</li>
</ul>
The shortcode [ffapijs] simply loads ffctable.js and dependencies for use API data in pages and posts.
Example code to embed a selction of email addresses of communities:
<pre><code>Adresse 
* [text* your-street placeholder "Straße"]
* [text your-location id:zipinput placeholder "Postleitzahl und Ort"]

<div class="zipsearch"><button type="button" id="zipsubmit" class="btn waves-effect waves-light">Nächste Communities finden</button></div>
<div id="zipresult"></div>

Communities 
* [select your-communities id:mycommunities multiple]


[submit "Senden"]

<script type="text/javascript">
var cTable;
jQuery(document).ready(function() {
 cTable = FFCTABLE.init("dummyid", "//api.freifunk.net/map/ffApiJsonp.php?mode=summary&callback=?", "mail@dingsund.so", "3");
 cTable.getData(function(e) {});
 jQuery("#zipsubmit").click(function(e) {
 cTable.getDistanceByZip(cTable, function(data, type) {
 console.log(data);
 jQuery("#mycommunities").empty();
 _.each(data.communityDataDisplay, function(item, key, list) {
 if (item.socialprojects && item.socialprojects.contact) {
 email = item.socialprojects.contact;

 } else if (item.contact && item.contact.email) {
 email = item.contact.email;

 }
 if (email) {
 email = email.replace('mailto:', '');
 jQuery("#mycommunities").append(new Option(item.name + " (ca. " + item.distance + " km)", email, true, true));

 }

 })

 });

 });

 });
</script>
</code></pre>

FF Communitymap

Displays the freifunk community map and/or the freifunk community table

Frederix External Login vs FF Communitymap