database_edit.html

<section class="wrapper">
      <h2 class="py2" ng-if="!database.id">Add Database</h2>
      <h2 class="py2" ng-if="database.id">{{database.name}}</h2>

      <table class="Table">
          <tr>
              <th>Name</th>
              <td class="half">
                  <input class="input block full" type="text" ng-model="database.name" />
              </td>
          </tr>
          <tr>
              <th>Type</th>
              <td>
                  <select class="Select my2" ng-model="database.engine" ng-options="type as properties.name for (type, properties) in form_input.engines"></select>
              </td>
          </tr>
          <tr>
              <th>Timezone</th>
              <td>
                  <select class="Select my2" ng-model="database.details.timezone" ng-options="tz for tz in form_input['timezones']">
                      <option value="">Select a timezone...</option>
                  </select>
              </td>
          </tr>
          <tr>
              <th>Connection String</th>
              <td>
                  <input class="input block full" type="text" placeholder="{{form_input.engines[database.engine].example}}" ng-model="database.details.conn_str">
              </td>
          </tr>
      </table>

      <!-- SAVE BUTTON -->
      <div class="py3 px4 border-top clearfix">
          <button class="Button Button--primary float-right" ng-click="save(database)" ng-disabled="!database.name || !database.details.conn_str">
              Save
          </button>
      </div>
</section>