khalilgharbaoui / inquiries-maker Goto Github PK

Inquiries Maker Rails 5.2.6 application. Uses RabbitMQ as message broker/queuer, Sneakers as an ActiveJob adapter for background jobs/workers and Postgres as database. Each entity runs in its own docker container. Orchestrated with docker-compose, for production or staging. But it also has a Capistrano setup for a lesser production server.

Home Page: https://umzug-offerte-schweiz.com

Ruby 67.95% JavaScript 11.52% CoffeeScript 0.62% HTML 2.84% Dockerfile 1.20% Shell 0.06% SCSS 3.24% Slim 12.57%

inquiries-maker rails passenger ruby database transciever application backend jobs email-sender

inquiries-maker's Introduction

Inquiries Maker

Issues?

No issues yet.

Ruby on Rails

This application requires:

Ruby 2.5.5
Rails 5.2.3

Getting Started

TODO:

Improve readme [ ]
Web server for development? [passenger]
Web server for production? [passenger]
Database used in development? [mysql]
Template engine? [slim]
Test framework? [rspec]
Continuous testing? [guard]
Front-end & Admin framework? [bootstrap4]
Add support for sending email? [smtp]
Authentication? [devise]
Devise modules? [ ]
OmniAuth provider? [ ]
Authorization? [ ]
Set a locale? [de | fr | en]
Install page-view analytics? [ga]
Add a deployment mechanism? [capistrano3 | docker]
Set a robots.txt file to ban spiders? [ ]
Create a GitHub repository? [true]
Improve error reporting with 'better_errors' during development? [true]
Use 'pry' as console replacement during development and test? [true]
Improve Admin styling... []
Add notifications to my Telegram [].
ReactJS snippet with the form in it connecting trough JSON to the main app []

Documentation and Support:

The current forms on this application are not limited to it and can be embedded in any kind of application or website with or without JavaScript involvement.

The form will be be full screen. But can be responsive to fit in a limited width container or for mobile view.

Example of a php short-code function for a WordPress web-application page.

Shortcode: [uos_form src"moving"]

# theme/functions.php

// Add Shortcode
function get_uos_form( $atts ) {

        // Attributes
        $atts = shortcode_atts(
                array(
                        'src' => '',
                ),
                $atts,
                'uos_form'
        );
        // form types
        $inquiry_type = array(
              'moving' => '//RAILS_APP_URL/moving_inquiries/new',
              'cleaning' => '//RAILS_APP_URL/cleaning_inquiries/new',
              'combined' => '//RAILS_APP_URL/combined_inquiries/new',
          );

        // Return custom iframe code
        return '<iframe src="'. $inquiry_type[$atts['src']] . '" style="" name="Umzug Offerte Schweiz - Umzug Offerte Form" scrolling="no" width="100%" height="1500"
                style="
                       position: absolute;
                       top:0;
                       left: 0;
                       width: 100%;
                       height: 100%;
                       max-width:100%;
                     " allowfullscreen="">
            </iframe>';

}
add_shortcode( 'uos_form', 'get_uos_form' );

Example of a simple HTML iframe.

<iframe src="//RAILS_APP_URL/combined_inquiries/new" style="" name="Umzug Offerte Schweiz - Umzug Offerte Form" scrolling="no" width="100%" height="1500"
                style="
                       position: absolute;
                       top:0;
                       left: 0;
                       width: 100%;
                       height: 100%;
                       max-width:100%;
                     " allowfullscreen="">
</iframe>

This comes on the client side and injects metadata into the iframe

<script type="text/javascript" src="https://www.l2.io/ip.js?var=userip"></script>
<script>
var receiver = document.getElementById('iFrameResizer0').contentWindow;

setInterval(function(){
  receiver.postMessage({
    "hostname": window.location.hostname,
    "path": window.location.pathname,
    "referrer": document.referrer,
    "ip": userip // from "https://www.l2.io/ip.js?var=userip"
  }, '*');
}, 1300);

</script>