clients.hunterwebs.com.au Open in urlscan Pro
2606:4700:3031::ac43:d17b  Public Scan

Form analysis
1 forms found in the DOM

POST https://clients.hunterwebs.com.au/setup

<form action="https://clients.hunterwebs.com.au/setup" method="post">
  <input type="hidden" name="_token" value="pqSGuIxZ3VAf3dLg6YVnfYceKVz1OCsBVzBYAYBP">
  <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 href="https://www.invoiceninja.com/forums/forum/support/" class="button-link">support forum</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" 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>
              <a target="_blank" class="block text-sm text-gray-900 leading-5 underline" href="https://invoiceninja.github.io/selfhost.html#phantom-js">
                    Note about Phantom JS. Read more.
                </a>
            </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'" style="display: none;">
              <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'" style="display: none;">
              <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'" style="display: none;">
              <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'" style="display: none;">
              </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'" style="display: none;">
              <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'" style="display: none;">
              <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'" style="display: none;">
              <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'" style="display: none;">
              <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="">
              </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="">
              </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="">
              </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">
              </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

This website uses cookies to ensure you get the best experience on our website.
Learn more
Got it!


INVOICE NINJA SETUP

If you need help you can post to our support forum


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

Note about Phantom JS. Read more.


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