invoice.initfour.nl Open in urlscan Pro
83.137.144.35 Public Scan

Back to summary

Submitted URL:
https://invoice.initfour.nl/
Effective URL:
https://invoice.initfour.nl/setup
Submission: On February 16 via automatic, source certstream-suspicious (February 16th 2024, 9:45:18 pm UTC) — Scanned from NL

Form analysis
1 forms found in the DOM

POST http://invoice.initfour.nl/setup

<form action="http://invoice.initfour.nl/setup" method="post">
  <input type="hidden" name="_token" value="8I78q7bqjiwLseReAvfk9B9IsS4OhrdXuw97EyBr" autocomplete="off">
  <div class="grid grid-cols-12 px-6">
    <div class="col-span-12 md:col-start-4 md:col-span-6 mt-4 md:mt-10">
      <h1 class="text-center text-2xl font-semibold">Invoice Ninja Setup</h1>
      <p class="text-sm text-center">If you need help you can post to our <a target="_blank" href="https://forum.invoiceninja.com" class="button-link underline">
                        Support Forums
                    </a>
      </p>
      <div class="bg-white shadow overflow-hidden rounded-lg mt-8">
        <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
          <h3 class="text-lg leading-6 font-medium text-gray-900"> Application Settings </h3>
          <p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500"> Let's store basic information about your Invoice Ninja! </p>
        </div>
        <div>
          <dl>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> URL* </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="url" class="input w-full" name="url" placeholder="https://example.com" pattern="https?://.*" size="45" value="https://" required="">
                <small>(including http:// or https://)</small>
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> HTTPS </dt>
              <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="checkbox" class="form-checkbox mr-1" name="https" checked="">
                <span>Require</span>
                <span class="text-gray-600 text-xs ml-2">(Highly recommended in production)</span>
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Reports </dt>
              <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="checkbox" class="form-checkbox mr-1" name="send_logs">
                <span>Report errors in realtime</span>
                <a class="button-link mt-1 block" target="_blank" href="https://www.invoiceninja.com/privacy-policy/">Read more
                        about how we use this.</a>
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500">
                <button type="button" class="button button-primary bg-blue-600 py-2 px-3 text-xs" id="test-pdf"> Test PDF </button>
              </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <div class="alert py-2 bg-white" id="test-pdf-response"></div>
              </dd>
            </div>
          </dl>
        </div>
      </div>
      <div class="bg-white shadow overflow-hidden rounded-lg mt-6 hidden" id="database-wrapper">
        <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
          <h3 class="text-lg leading-6 font-medium text-gray-900"> Database Connection </h3>
          <p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500">
          </p>
        </div>
        <div>
          <dl>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> You can use following commands to create user &amp; database. </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <details>
                  <summary class="cursor-pointer focus:outline-none">Show code</summary>
                  <pre class="text-sm overflow-y-scroll bg-gray-100 p-4">-- Commands to create a MySQL database and user
CREATE SCHEMA `db-ninja-01` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
CREATE USER 'ninja'@'localhost' IDENTIFIED BY 'ninja';
GRANT ALL PRIVILEGES ON `db-ninja-01`.* TO 'ninja'@'localhost';
FLUSH PRIVILEGES;
                        </pre>
                </details>
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Driver </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="border-none" name="db_driver" value="MySQL" readonly="">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Host* </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="db_host" required="" value="localhost">
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Port* </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="db_port" required="" value="3306">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Database* </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="db_database" required="" value="db-ninja-01">
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Username* </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="db_username" required="" value="ninja">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Password </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="password" class="input w-full" name="db_password" value="ninja">
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500">
                <button type="button" class="button button-primary bg-blue-600 py-2 px-3 text-xs" id="test-db-connection"> Test connection </button>
              </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <div class="alert py-2 bg-white" id="database-response"></div>
              </dd>
            </div>
          </dl>
        </div>
      </div>
      <div class="bg-white shadow overflow-hidden rounded-lg mt-6 hidden" id="mail-wrapper" x-data="{ option: 'log' }">
        <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
          <h3 class="text-lg leading-6 font-medium text-gray-900"> Email Settings </h3>
          <p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500"> Let's configure e-mail settings. </p>
        </div>
        <div>
          <dl>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Driver </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <select name="mail_driver" class="input w-full form-select" x-model="option">
                  <option value="log">Log</option>
                  <option value="smtp">SMTP</option>
                  <option value="sendmail">Sendmail</option>
                </select>
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center" x-show="option != 'log'">
              <dt class="text-sm leading-5 font-medium text-gray-500"> From Name </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="mail_name" value="">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center" x-show="option != 'log'">
              <dt class="text-sm leading-5 font-medium text-gray-500"> From Address </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="email" class="input w-full" name="mail_address" value="">
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center" x-show="option != 'log'">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Username </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="mail_username" value="" x-show="option != 'log'">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center" x-show="option != 'log'">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Host </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="mail_host" value="">
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center" x-show="option != 'log'">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Port </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="mail_port" value="">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center" x-show="option != 'log'">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Encryption </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <select name="encryption" class="input w-full form-select">
                  <option value="tls">STARTTLS</option>
                  <option value="ssl">SSL/TLS</option>
                </select>
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center" x-show="option != 'log'">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Password </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="password" class="input w-full" name="mail_password">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500">
                <button type="button" class="button button-primary bg-blue-600 py-2 px-3 text-xs" id="test-smtp-connection"> Send test email </button>
              </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <div class="alert py-2 bg-gray-50" id="smtp-response"></div>
              </dd>
            </div>
          </dl>
        </div>
      </div>
      <div class="bg-white shadow overflow-hidden rounded-lg mt-6 hidden" id="account-wrapper">
        <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
          <h3 class="text-lg leading-6 font-medium text-gray-900"> User Details </h3>
          <p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500"> .. and let's create first account! </p>
        </div>
        <div>
          <dl>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> First Name </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="first_name" value="" required="">
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Last Name </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="text" class="input w-full" name="last_name" value="" required="">
              </dd>
            </div>
            <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Email </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="email" class="input w-full" name="email" value="" required="">
              </dd>
            </div>
            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
              <dt class="text-sm leading-5 font-medium text-gray-500"> Password </dt>
              <dd class="text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
                <input type="password" class="input w-full" name="password" required="">
              </dd>
            </div>
          </dl>
        </div>
      </div>
      <p class="mt-4 text-sm">To proceed to next step, make sure you test each section.</p>
      <div class="flex justify-center mt-4 hidden" id="submit-wrapper">
        <div class="flex flex-col">
          <div class="mt-4 text-sm">
            <input type="checkbox" class="form-checkbox mr-2" name="terms_of_service" required="">
            <span>I Agree To The Terms <a class="button-link text-blue-600" target="_blank" href="https://www.invoiceninja.com/self-hosting-terms-service/">Terms of Service</a>
            </span>
          </div>
          <div class="mt-2 text-sm">
            <input type="checkbox" class="form-checkbox mr-2" name="privacy_policy" required="">
            <span>I Agree To The Terms <a class="button-link text-blue-600" target="_blank" href="https://www.invoiceninja.com/self-hosting-privacy-data-control/">Privacy Policy</a>
            </span>
          </div>
          <button type="submit" class="button button-primary bg-blue-600 w-1/2 my-4">Submit</button>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

INVOICE NINJA SETUP

If you need help you can post to our Support Forums


APPLICATION SETTINGS

Let's store basic information about your Invoice Ninja!

URL* (including http:// or https://)
HTTPS Require (Highly recommended in production)
Reports Report errors in realtime Read more about how we use this.
Test PDF



DATABASE CONNECTION



You can use following commands to create user & database. Show code

-- Commands to create a MySQL database and user
CREATE SCHEMA `db-ninja-01` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
CREATE USER 'ninja'@'localhost' IDENTIFIED BY 'ninja';
GRANT ALL PRIVILEGES ON `db-ninja-01`.* TO 'ninja'@'localhost';
FLUSH PRIVILEGES;
                        

Driver
Host*
Port*
Database*
Username*
Password
Test connection



EMAIL SETTINGS

Let's configure e-mail settings.

Driver Log SMTP Sendmail
From Name
From Address
Username
Host
Port
Encryption STARTTLS SSL/TLS
Password
Send test email



USER DETAILS

.. and let's create first account!

First Name
Last Name
Email
Password

To proceed to next step, make sure you test each section.

I Agree To The Terms Terms of Service
I Agree To The Terms Privacy Policy
Submit

invoice.initfour.nl Open in urlscan Pro 83.137.144.35 Public Scan

Form analysis 1 forms found in the DOM

POST http://invoice.initfour.nl/setup

Text Content

invoice.initfour.nl Open in urlscan Pro
83.137.144.35 Public Scan

Form analysis
1 forms found in the DOM