overte-lubosz/domain-server/resources/web/wizard/index.shtml

<!--#include virtual="wizard/header.html"-->
<div class="wizard-step desktop-only col-md-6 col-centered" style="display: none;">
  <h4 class="step-title"></h4>
  <dl class="row">
    <dd class="col-md-12">
      <span class='step-description'>By connecting your Metaverse Account you will be granting access to your account information.</span>
    </dd>
  </dl>
  <dl class="row">
    <dd class="col-md-12">
      <a id="connect-account-btn" role="button" class="btn btn-primary btn-md btn-block" target="_blank">Connect your Metaverse account</a>
    </dd>
  </dl>

  <dl class="row">
    <dd class="col-md-3">
      <button type="button" class="btn btn-md btn-block btn-default next-button">Skip</button>
    </dd>
  </dl>
</div>

<!-- <div class="wizard-step col-md-8 col-centered" style="display: none;">
  <h4 class="step-title"></h4>
  <div class="row">
    <div class="col-md-12">
      <span class='step-description'>
        <a target='_blank' href='https://docs.vircadia.com/create-and-explore/start-working-in-your-sandbox/place-names'>Place names</a> are similar to web addresses. Users who want to visit your domain can
        enter its Place Name in Overte's Interface. You can choose a Place Name for your domain.</br>
        Your domain may also be reachable by <b>IP address</b>.
      </span>
    </div>
  </div>

  <div class="row">
    <div class="centered-hack-parent">
      <div id="place-name-group" class="centered-hack">
        <p id="place-name-link"></p>
        <div id="place-name-edit">
          <span class='glyphicon glyphicon-pencil'></span>
          <a href="#" id="change-place-name">Choose a custom Place Name instead</a>
        </div>
      </div>
    </div>
  </div>

  <dl class="row">
    <dd class="col-md-3">
      <button type="button" class="btn btn-md btn-block btn-default back-button">Back</button>
    </dd>
    <dd class="col-md-3 col-md-offset-6">
      <button type="button" class="btn btn-md btn-block btn-primary next-button">Next</button>
    </dd>
  </dl>
</div> -->

<div class="wizard-step col-md-9 col-centered" style="display: none;">
  <h4 class="step-title"></h4>
  <div class="row">
    <p id="permissions-description" class="col-md-12 step-info"><b>Localhost</b> has been granted administrator privileges to this domain. (Localhost is any</br>user on the same machine as the Overte server)</p>
  </div>
  <div id="admin-row" class="row">
    <p class="col-md-6">
      <span class="step-info"><span id="admin-description"><b>Add your Metaverse username</b> and any other usernames</span> to grant <span class='wizard-link' data-toggle="tooltip" title="Users who will have all the permissions for this domain.">administrator privileges</span></span>
    </p>
    <div class="col-md-6">
      <input id="admin-usernames" type="text" class="form-control">
      <span class="help-block text-right">separate by commas (user1, user2,..)</span>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <span class="step-description">Grant basic permissions to other users. You can change these later.</span>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <p id="connect-question" class="step-info">
        Who can <a href='#' class='wizard-link  perms-link'>connect</a> to your domain?
        <span class='glyphicon glyphicon-info-sign' data-toggle='tooltip' title='You can set this to allow a user to connect to this domain.'></span>
      </p>
    </div>
  </div>
  <div class="row">
    <p class="col-md-2">
      <label>
        <input id="connect-none" name="connect-radio" type="radio" value="none" checked> None
      </label>
    </p>
    <p class="col-md-3">
      <label>
        <input id="connect-friends" name="connect-radio" type="radio" value="friends"> Friends
      </label>
    </p>
    <p class="col-md-5">
      <label>
        <input id="connect-logged-in" name="connect-radio" type="radio" value="logged-in"> Users logged into the Metaverse
      </label>
    </p>
    <p class="col-md-2">
      <label>
        <input id="connect-everyone" name="connect-radio" type="radio" value="everyone"> Everyone
      </label>
    </p>
  </div>

  <div class="row">
    <div class="col-md-12">
      <p class="step-info">
        Who can <a href='#' class='wizard-link perms-link'>rez items</a> in your domain?
        <span class='glyphicon glyphicon-info-sign' data-toggle='tooltip' title='You can set this to allow a user to create entities in this domain.'></span>
      </p>
    </div>
  </div>
  <div id="rez-options-row" class="row">
    <p class="col-md-2">
      <label>
        <input id="rez-none" name="rez-radio" type="radio" value="none" checked> None
      </label>
    </p>
    <p class="col-md-3">
      <label>
        <input id="rez-friends" name="rez-radio" type="radio" value="friends" disabled> Friends
      </label>
    </p>
    <p class="col-md-5">
      <label>
        <input id="rez-logged-in" name="rez-radio" type="radio" value="logged-in" disabled> Users logged into the Metaverse
      </label>
    </p>
    <p class="col-md-2">
      <label>
        <input id="rez-everyone" name="rez-radio" type="radio" value="everyone" disabled> Everyone
      </label>
    </p>
  </div>

  <div class="row">
    <dd class="col-md-3">
      <button type="button" class="btn btn-md btn-block btn-default back-button">Back</button>
    </dd>
    <dd class="col-md-3 col-md-offset-6">
      <button id="save-permissions" type="button" class="btn btn-md btn-block btn-primary">Next</button>
    </dd>
  </div>
</div>

<div class="wizard-step cloud-only col-md-7 col-centered" style="display: none;">
  <h4 class="step-title"></h4>
  <dl class="row">
    <dd class="col-md-12">
      <span class='step-description'>
        Your server settings are currently accessible without a username and password.
        Adding credentials will ensure that only authorized users have access to modify the settings.
      </span>
    </dd>
  </dl>

  <div class="row">
    <p class="col-md-12 step-info">Create a username and password to secure the access to your domain server settings.</p>
  </div>
  <dl class="row">
    <dt class="col-md-4 step-info">Username</dt>
    <dd class="col-md-8">
      <input id="http_username" type="text" class="form-control">
      <span class='help-block'>This does not have to be your Metaverse username</span>
    </dd>
  </dl>
  <dl class="row">
    <dt class="col-md-4 step-info">Enter password</dt>
    <dd class="col-md-8">
      <input id="http_password" type="password" class="form-control">
      <span class='help-block'>This should not be the same as your Metaverse password</span>
    </dd>
  </dl>
  <dl id="verify-password-row" class="row">
    <dt class="col-md-4 step-info">Re-enter password</dt>
    <dd class="col-md-8">
      <input id="verify_http_password" type="password" class="form-control">
    </dd>
  </dl>

  <dl class="row">
    <dd class="col-md-3">
      <button type="button" class="btn btn-md btn-block btn-default back-button">Back</button>
    </dd>
    <dd class="col-md-3 col-md-offset-6">
      <button id="save-username-password" type="button" class="btn btn-md btn-block btn-primary next-button">Next</button>
    </dd>
  </dl>
</div>

<div class="wizard-step col-md-8 col-centered" style="display: none;">
  <h4 class="step-title"></h4>
  <div class="row">
    <div class="col-md-12">
      <span class='step-description'>
        Would you like use automatic threading for your server's avatars and audio?
        If you are hosting this server on your local computer and it is not very powerful, then consider leaving this off because the server will use more resources if it is being utilized extensively, thereby slowing down your computer.
        If you are running this server on a powerful system and intend to have a large audience, then turn this setting on.
      </span>
    </div>
  </div>
  <br />
  <div id="automatic-threading-options-row" class="row">
    <p class="col-md-12">
      <label>
        <input id="enable-automatic-threading" name="threading-checkbox" type="checkbox" value="true"> Enable Automatic Threading
      </label>
    </p>
  </div>

  <dl class="row">
    <dd class="col-md-3">
      <button type="button" class="btn btn-md btn-block btn-default back-button">Back</button>
    </dd>
    <dd class="col-md-3 col-md-offset-6">
      <button id="save-threading-settings" type="button" class="btn btn-md btn-block btn-primary">Finish</button>
    </dd>
  </dl>
</div>

<div id="congratulation-step" class="wizard-step cloud-only col-xs-12 col-centered" style="display: none;">
  <div class="row">
    <div class="col-xs-10 col-xs-offset-1">
      <img class="header" src="/images/wizard-congratulation-header.jpg" alt="Header" width="1440" height="339">
      <h1 class="title">Congratulations!</h1>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-10 col-xs-offset-1">
      <p id="main-description" class="step-info">You have successfully setup and configured your Overte domain.</p>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-10 col-xs-offset-1">
      <div class="step-info">
        <b>Invite people in!</b>
      </div>
      <div id="share-box">
        <span id="share-text" class="step-info">Share your domain:</span>
        <span id="share-field">
          <a id="share-link" class="blue-link" target="_blank"></a>
        </span>
        <span>
          <button type="button" class="btn btn-md btn-default btn-square" onclick="copyToClipboard('#share-link')">
            <img src="/images/copy-icon.svg" alt="cpy icon" height="30" width="30">copy
          </button>
        </span>
      </div>
    </div>
  </div>

  <div id="congrats-list" class="row">
    <div class="col-xs-4 col-xs-offset-1">
      <div class="step-info">
        <b>Go to your Domain:</b>
      </div>
      <ul>
        <li class="step-info">Browse environments in the Marketplace to select the perfect content set for your VR world.</li>
        <li class="step-info">Invite people to your domain right now.</li>
        <li class="step-info">Meet new people and explore other domains.</li>
      </ul>
    </div>
    <div class="col-xs-3 col-xs-offset-1">
      <div class="step-info">
        <b>Continue to Domain settings:</b>
      </div>
      <ul>
        <li class="step-info">Set additional permissions for who can visit and make changes.</li>
        <li class="step-info">Adjust audio settings.</li>
        <li class="step-info">Back up your domain's content.</li>
      </ul>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-4 col-xs-offset-1">
      <button id="visit-domain" type="button" class="btn btn-md btn-primary btn-square">Visit Your VR World</button>
    </div>
    <div class="col-xs-3 col-xs-offset-1">
      <button id="open-settings" type="button" class="btn btn-md btn-default btn-square next-button">Open Domain Settings</button>
    </div>
  </div>
</div>

<!--#include virtual="footer.html"-->
<script src='/js/underscore-min.js'></script>
<script src='/js/bootbox.min.js'></script>
<script src='/js/sha256.js'></script>
<script src='js/wizard.js'></script>
<script src='../js/shared.js'></script>
<!--#include virtual="page-end.html"-->