Outpatient (OPD) Module

app/admin/custom-forms/edit/controller.js

@@ -0,0 +1,160 @@
+import AbstractEditController from 'hospitalrun/controllers/abstract-edit-controller';
+import Ember from 'ember';
+import uuid from 'npm:uuid';
+
+const {
+  computed,
+  isEmpty
+} = Ember;
+
+export default AbstractEditController.extend({
+  preview: false,
+  previewModel: Ember.Object.create(),
+  updateCapability: 'update_config',
+
+  afterUpdate() {
+    this.displayAlert(this.get('i18n').t('admin.customForms.titles.formSaved'), this.get('i18n').t('admin.customForms.messages.formSaved', this.get('model')));
+  },
+
+  actions: {
+    addField() {
+      let newField = this.store.createRecord('custom-field');
+      this.send('openModal', 'admin.custom-forms.field-edit', newField);
+    },
+
+    deleteField(field) {
+      let fields = this.get('model.fields');
+      fields.removeObject(field);
+    },
+
+    editField(field) {
+      if (isEmpty(field)) {
+        field = this.store.createRecord('custom-field');
+      }
+      this.send('openModal', 'admin.custom-forms.field-edit', field);
+    },
+
+    moveFieldDown(field) {
+      let fields = this.get('model.fields');
+      let currentFieldIdx = fields.indexOf(field);
+      let nextField = fields.objectAt(currentFieldIdx + 1);
+      fields.replace(currentFieldIdx, 2, [nextField, field]);
+    },
+
+    moveFieldUp(field) {
+      let fields = this.get('model.fields');
+      let previousFieldIdx = (fields.indexOf(field) - 1);
+      let previousField = fields.objectAt(previousFieldIdx);
+      fields.replace(previousFieldIdx, 2, [field, previousField]);
+    },
+
+    togglePreview() {
+      this.toggleProperty('preview');
+    },
+
+    updateField(field) {
+      if (field.get('isNew')) {
+        this._addNewField(field);
+      }
+      this.get('model').save();
+    }
+  },
+
+  formName: computed('model.name', function() {
+    let i18n = this.get('i18n');
+    let formName = this.get('model.name');
+    if (isEmpty(formName)) {
+      return i18n.t('admin.customForms.labels.newForm');
+    } else {
+      return formName;
+    }
+  }),
+
+  formTypeValues: [
+    'patient',
+    'visit'
+  ],
+
+  formTypes: computed(function() {
+    let i18n = this.get('i18n');
+    let formTypeValues = this.get('formTypeValues');
+    return formTypeValues.map((formTypeId) => {
+      return {
+        id: formTypeId,
+        value: i18n.t(`admin.customForms.labels.${formTypeId}FormType`)
+      };
+    }).sort(function(a, b) {
+      return Ember.compare(a.value.toString(), b.value.toString());
+    });
+  }),
+
+  lastFieldIndex: computed('model.fields.length', function() {
+    return this.get('model.fields.length') - 1;
+  }),
+
+  fieldTypeLabel(fieldType) {
+    let i18n = this.get('i18n');
+    return i18n.t(`admin.customForms.labels.${fieldType}`);
+  },
+
+  _addNewField(field) {
+    let changedAttributes = field.changedAttributes();
+    let fieldAttributes = {};
+    let store = this.get('store');
+    this._generatePropertyNames(field);
+    Object.keys(changedAttributes).forEach((attributeName) => {
+      let [, newValue] = changedAttributes[attributeName];
+      fieldAttributes[attributeName] = newValue;
+    });
+    fieldAttributes.property = field.get('property');
+    let newField = store.push({
+      data: {
+        id: uuid.v4(),
+        type: 'custom-field',
+        attributes: fieldAttributes
+      }
+    });
+    let formFields = this.get('model.fields');
+    formFields.addObject(newField);
+  },
+
+  _generatePropertyNames(field) {
+    let type = field.get('type');
+    let propertyName = this._getPropertyName(field);
+    if (type === 'checkbox') {
+      let values = field.get('values');
+      values.forEach((value, index) => {
+        value.set('property',  `${propertyName}${(index + 1)}`);
+      });
+    } else {
+      field.set('property', propertyName);
+    }
+  },
+
+  _getPropertyName(field) {
+    let camelizedLabel = field.get('label').camelize();
+    let labelIndex = 1;
+    let propertyName = camelizedLabel;
+    while (this._isPropertyUsed(propertyName) && labelIndex < 10) {
+      propertyName = `${camelizedLabel}${++labelIndex}`;
+    }
+    return propertyName;
+  },
+
+  _isPropertyUsed(propertyName) {
+    let fields = this.get('model.fields');
+    let existingProperty = fields.findBy('property', propertyName);
+    if (!isEmpty(existingProperty)) {
+      return true;
+    } else {
+      let checkboxes = fields.filterBy('type', 'checkbox');
+      return checkboxes.any((checkbox) =>{
+        existingProperty = checkbox.get('values').findBy('property', propertyName);
+        if (!isEmpty(existingProperty)) {
+          return true;
+        }
+      });
+    }
+  }
+
+});

app/admin/custom-forms/edit/route.js

@@ -0,0 +1,14 @@
+import AbstractEditRoute from 'hospitalrun/routes/abstract-edit-route';
+import { translationMacro as t } from 'ember-i18n';
+export default AbstractEditRoute.extend({
+  hideNewButton: true,
+  newTitle: t('admin.customForms.titles.newCustomForm'),
+  editTitle: t('admin.customForms.titles.editCustomForm'),
+  modelName: 'custom-form',
+
+  actions: {
+    allItems() {
+      this.transitionTo('admin.custom-forms');
+    }
+  }
+});

app/admin/custom-forms/edit/template.hbs

@@ -0,0 +1,69 @@
+{{#edit-panel editPanelProps=editPanelProps}}
+  {{#em-form model=model submitButton=false}}
+    <div class="row">
+      {{em-input property="name" label=(t 'admin.customForms.labels.formName') class="form-input-group required col-xs-4 custom-form-name"}}
+      {{em-select class="col-xs-3 form-input-group required custom-form-type" label=(t 'admin.customForms.labels.formType')
+        property="formType" content=formTypes prompt=" "
+      }}
+      {{em-input property="columns" label=(t 'admin.customForms.labels.columns') class="form-input-group col-xs-2 custom-form-columns"}}
+    </div>
+    <h4>
+      {{t 'admin.customForms.titles.fields'}}
+      <button class="btn btn-default align-right" {{action 'addField'}}>
+        {{t 'admin.customForms.buttons.addField'}}
+      </button>
+    </h4>
+    <table class="table">
+      <tr class="table-header">
+        <th>{{t 'admin.customForms.labels.label'}}</th>
+        <th>{{t 'labels.type'}}</th>
+        <th>{{t 'labels.action'}}</th>
+      </tr>
+      {{#each model.fields as |field index|}}
+        <tr>
+          <td>{{field.label}}</td>
+          <td>
+            {{#if field.type}}
+              {{t (concat 'admin.customForms.labels.' field.type)}}
+            {{/if}}
+          </td>
+          <td>
+            <button class="btn btn-default warning" {{action "deleteField" field bubbles=false }}>
+              <span class="octicon octicon-x"></span>{{t "buttons.delete"}}
+            </button>
+            <button class="btn btn-default neutral" {{action 'editField' field bubbles=false }}>
+              {{t 'buttons.edit'}}
+            </button>
+            {{#if (not-eq index 0)}}
+              <button class="btn btn-default neutral" {{action 'moveFieldUp' field bubbles=false }}>
+                 <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
+                {{t 'admin.customForms.buttons.moveUp'}}
+              </button>
+            {{/if}}
+            {{#if (lt index lastFieldIndex)}}
+              <button class="btn btn-default neutral" {{action 'moveFieldDown' field bubbles=false }}>
+                 <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
+                {{t 'admin.customForms.buttons.moveDown'}}
+              </button>
+            {{/if}}
+          </td>
+        </tr>
+      {{/each}}
+    </table>
+  {{/em-form}}
+  <button class="btn btn-default neutral" {{action 'togglePreview' bubbles=false }}>
+    {{t 'admin.customForms.buttons.preview'}}
+  </button>
+  {{#if preview}}
+    <div class="panel panel-primary form-preview">
+      <div class="panel-heading">
+        <h3 class="panel-title">{{formName}}</h3>
+      </div>
+      <div class="panel-body">
+        {{#em-form model=previewModel submitButton=false}}
+          {{custom-form model=previewModel form=model}}
+        {{/em-form}}
+      </div>
+    </div>
+  {{/if}}
+{{/edit-panel}}

app/admin/custom-forms/field-edit/controller.js

@@ -0,0 +1,66 @@
+import AbstractEditController from 'hospitalrun/controllers/abstract-edit-controller';
+import Ember from 'ember';
+
+const {
+  computed,
+  isEmpty
+} = Ember;
+
+export default AbstractEditController.extend({
+  editController: Ember.inject.controller('admin/custom-forms/edit'),
+  cancelAction: 'closeModal',
+  i18n: Ember.inject.service(),
+
+  actions: {
+    addValue() {
+      let fieldValues = this.get('model.values');
+      if (isEmpty(fieldValues)) {
+        let model = this.get('model');
+        fieldValues = [];
+        model.set('values', fieldValues);
+      }
+      fieldValues.addObject(Ember.Object.create());
+    },
+
+    deleteValue(valueToDelete) {
+      let fieldValues = this.get('model.values');
+      fieldValues.removeObject(valueToDelete);
+    },
+
+    selectType(fieldType) {
+      this.get('model').set('type', fieldType);
+    },
+
+    update() {
+      this.get('editController').send('updateField', this.get('model'));
+      this.send('closeModal');
+    }
+  },
+
+  fieldTypeValues: [
+    'checkbox',
+    'radio',
+    'select',
+    'text',
+    'textarea'
+  ],
+
+  fieldTypes: computed(function() {
+    let i18n = this.get('i18n');
+    let fieldTypeValues = this.get('fieldTypeValues');
+    return fieldTypeValues.map((fieldTypeId) => {
+      return {
+        id: fieldTypeId,
+        value: i18n.t(`admin.customForms.labels.${fieldTypeId}`)
+      };
+    }).sort(function(a, b) {
+      return Ember.compare(a.value.toString(), b.value.toString());
+    });
+  }),
+
+  showValues: computed('model.type', function() {
+    let type = this.get('model.type');
+    return (type === 'checkbox' || type === 'radio' || type === 'select');
+  })
+
+});

app/admin/custom-forms/field-edit/template.hbs

@@ -0,0 +1,77 @@
+{{#modal-dialog
+    isUpdateDisabled=isUpdateDisabled
+    title=(t (if model.isNew 'admin.lookup.edit.template.addTitle' 'admin.lookup.edit.template.editTitle'))
+    updateButtonAction=updateButtonAction
+    updateButtonText= updateButtonText}}
+  {{#em-form model=model submitButton=false}}
+    <div class="row">
+      <div class="form-input-group col-xs-6">
+        <label for="fieldTypeSelect">{{t 'labels.type'}}</label>
+        <select onchange={{action 'selectType' value="target.value"}} class="form-control custom-field-select" id="fieldTypeSelect">
+          <option disabled selected={{is-not model.type}}></option>
+          {{#each fieldTypes as |fieldType|}}
+            <option value="{{fieldType.id}}" selected={{eq model.type fieldType.id}}>
+              {{fieldType.value}}
+            </option>
+          {{/each}}
+        </select>
+      </div>
+      {{em-input property="label" class="col-xs-6 required custom-field-label" label=(t 'admin.customForms.labels.label')}}
+    </div>
+    <div class="row">
+      {{em-input property="colSpan" class="col-xs-5 custom-field-colspan" label=(t 'admin.customForms.labels.colSpan')}}
+    </div>
+    {{#if showValues}}
+      <h4>
+        {{#if (eq model.type 'radio')}}
+          {{t 'admin.customForms.titles.radioValues'}}
+        {{/if}}
+        {{#if (eq model.type 'select')}}
+          {{t 'admin.customForms.titles.dropDownValues'}}
+        {{/if}}
+        {{#if (eq model.type 'checkbox')}}
+          {{t 'admin.customForms.titles.checkboxValues'}}
+        {{/if}}
+        <button class="btn btn-primary align-right" {{action 'addValue'}}>
+          {{t "buttons.addValue"}}
+        </button>
+      </h4>
+      <table class="table">
+        <tr class="table-header">
+          {{#if (eq model.type 'checkbox')}}
+            <th>{{t 'admin.customForms.labels.label'}}</th>
+          {{else}}
+            <th>{{t 'labels.value'}}</th>
+          {{/if}}
+          <th>{{t 'labels.action'}}</th>
+        </tr>
+        {{#each model.values as |value|}}
+          <tr>
+            <td>
+              {{input value=value.label class="form-control custom-field-value"}}
+            </td>
+            <td>
+              <button class="btn btn-default warning delete-field-value" {{action "deleteValue" value bubbles=false }}>
+                <span class="octicon octicon-x"></span>{{t "buttons.delete"}}
+              </button>
+            </td>
+          </tr>
+        {{/each}}
+      </table>
+    {{/if}}
+    {{#if (eq model.type 'radio')}}
+      <div class="checkbox">
+        <label>
+          {{input type="checkbox" checked=model.includeOtherOption}}
+          {{t 'admin.customForms.labels.includeOtherOption'}}
+        </label>
+      </div>
+      {{#if model.includeOtherOption}}
+        <div class="form-group">
+          <label>{{t 'admin.customForms.labels.otherOptionLabel'}}</label>
+          {{input class="form-control" value=model.otherOptionLabel}}
+        </div>
+      {{/if}}
+    {{/if}}
+  {{/em-form}}
+{{/modal-dialog}}

app/admin/custom-forms/index/controller.js

@@ -0,0 +1,5 @@
+import AbstractPagedController from 'hospitalrun/controllers/abstract-paged-controller';
+export default AbstractPagedController.extend({
+  addPermission: 'update_config',
+  deletePermission: 'update_config'
+});