-
Notifications
You must be signed in to change notification settings - Fork 87
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Make lists things with base templates
- Loading branch information
1 parent
f4445e9
commit d012a25
Showing
7 changed files
with
167 additions
and
23 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {% extends 'patient_lists/layouts/card_list_base.html' %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {% extends 'patient_lists/layouts/spreadsheet_list_base.html' %} |
137 changes: 137 additions & 0 deletions
137
opal/templates/patient_lists/layouts/spreadsheet_list_base.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,137 @@ | ||
| {% load patient_lists %} | ||
| {% load forms %} | ||
|
|
||
| <div class="container-fluid content-offset"> | ||
|
|
||
| <div class="row screen-only"> | ||
| <div class="col-md-12"> | ||
| <h1> | ||
| {% include "patient_lists/partials/list_dropdown_menu.html" %} | ||
| {% if not user.profile.explicit_access_only %} | ||
| <button class="btn btn-primary pull-right" | ||
| ng-show="!profile.readonly" | ||
| ng-click="addEpisode()"> | ||
| <i class="glyphicon glyphicon-plus"></i> | ||
| Add Patient | ||
| </button> | ||
| {% endif %} | ||
| </h1> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="row content-offset-25"> <!-- Main Panel --> | ||
| <div class="col-md-12"> | ||
| <h4 class="print-only"> | ||
| {{ patient_list.display_name }} | ||
| </h4> | ||
|
|
||
| <div class="screen-only"> | ||
| <div class="visible-sm panel panel-active"> | ||
| <div class="panel-heading"> | ||
| <i class="fa fa-users"></i> Patients | ||
| </div> | ||
| <ul class="list-group"> | ||
| <li class="list-group-item spreadsheet-view" ng-repeat="row in rows" ng-class="{selected: episode.id == row.id}"> | ||
| <a href="/#[[ row.link ]]"> | ||
| <div class="row"> | ||
| <div class="col-sm-6"> | ||
| <div ng-repeat="item in row.demographics"> | ||
| {% include models.Demographics.get_display_template %} | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <div ng-repeat="item in row.diagnosis"> | ||
| {% include models.Diagnosis.get_display_template %} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="patient-list-container hidden-sm always-on-print-block" freeze-headers fix-height> | ||
| {% if list_group %}{% tabbed_list_group %}{% endif %} | ||
| <table class="table table-bordered bg-white patient-list"> | ||
| <thead class="table-header"> | ||
| <tr> | ||
| {% for column in columns %} | ||
| <th> | ||
| <i class="{{ column.icon }}"></i> | ||
| {{ column.title }} | ||
| </th> | ||
| {% endfor %} | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <tr ng-repeat="row in rows" | ||
| ng-click="select_episode(row, $index)" | ||
| ng-class="{selected: episode.id == row.id}" | ||
| scroll-episodes="isSelectedEpisode" | ||
| scroll-container=".patient-list-container" | ||
| > | ||
| {% for column in columns %} | ||
| <td {% ifequal column.title "Teams" %}class="screen-only"{% endifequal %} > | ||
| {% if column.model_column %} | ||
| <ul> | ||
| <li ng-repeat="item in row.{{column.name}} {% if column.list_limit %} |limitTo:{{ column.list_limit }}{% endif %} track by $index" | ||
| ng-dblclick="editNamedItem(row, '{{column.name}}', $index);$event.stopPropagation()" | ||
| > | ||
| {% include column.template_path %} | ||
| </li> | ||
|
|
||
| {% if not column.single %} | ||
| <li class="edit_item" | ||
| ng-click="editNamedItem(row, '{{ column.name }}', row.{{column.name}}.length)" | ||
| ng-dblclick="editNamedItem(row, '{{ column.name }}', row.{{column.name}}.length)" | ||
| > | ||
| <span ng-show="!profile.readonly"> | ||
| Add | ||
| <i class="glyphicon glyphicon-plus pull-right"></i> | ||
| </span> | ||
| | ||
| </li> | ||
| {% else %} | ||
| <li class="edit_item" | ||
| ng-click="editNamedItem(row, '{{ column.name }}', 0)" | ||
| ng-dblclick="editNamedItem(row, '{{ column.name }}', 0)" | ||
| > | ||
| <span ng-show="!profile.readonly"> | ||
| Edit <i class="glyphicon glyphicon-pencil pull-right"></i> | ||
| </span> | ||
| | ||
| </li> | ||
| {% endif %} | ||
| </ul> | ||
| {% else %} | ||
| {% include column.template_path %} | ||
| {% endif %} | ||
| </td> | ||
| {% endfor %} | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| <div class="empty-list" ng-hide="num_episodes > 0"> | ||
| <p class="lead text-center"> | ||
| There are no patients on this list. | ||
| </p> | ||
| <p class="lead text-center"> | ||
| <span class="screen-only"> | ||
| Would you like to <a href="" ng-click="addEpisode()">add one</a>? | ||
| </span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer class="text-center keyboard-shortcuts screen-only"> | ||
| <a class="pointer screen-only" ng-click="keyboard_shortcuts($event)"> | ||
| <i class="fa fa-keyboard-o"></i> Keyboard shortcuts available | ||
| </a> | ||
| </footer> | ||
|
|
||
| </div> <!-- Ends Main Panel --> | ||
| {% include 'keyboard_shortcuts_modal.html' %} | ||
| </div> | ||
| </div> <!-- Ends Action Panels --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {% extends "patient_lists/layouts/table_list_base.html" %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
38 changes: 18 additions & 20 deletions
38
opal/templates/patient_lists/partials/list_dropdown_menu.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,21 @@ | ||
| {% load forms %} | ||
| {% if num_lists > 1 %} | ||
| <h1 > | ||
| <div class="btn-group pull-left" uib-dropdown is-open="status.isopen"> | ||
| <button type="button" class="btn btn-secondary" uib-dropdown-toggle ng-disabled="disabled" id="list-dropdown"> | ||
| <i class="fa fa-user-md"></i> | ||
| {{ patient_list.display_name }} | ||
| <i class="fa fa-angle-down"></i> | ||
| </button> | ||
| <ul class="uib-dropdown-menu slides" role="menu" aria-labelledby="list-dropdown"> | ||
| {% for list in lists %} | ||
| {% if list.get_slug != list_slug %} | ||
| <li> | ||
| <a href="#/list/{{ list.get_slug }}"> | ||
| {{ list.display_name }} | ||
| </a> | ||
| </li> | ||
| {% endif %} | ||
| {% endfor %} | ||
| </ul> | ||
| </div> | ||
| </h1> | ||
| <div class="btn-group pull-left" uib-dropdown is-open="status.isopen"> | ||
| <button type="button" class="btn btn-secondary" uib-dropdown-toggle ng-disabled="disabled" id="list-dropdown"> | ||
| <i class="fa fa-user-md"></i> | ||
| {{ patient_list.display_name }} | ||
| <i class="fa fa-angle-down"></i> | ||
| </button> | ||
| <ul class="uib-dropdown-menu slides" role="menu" aria-labelledby="list-dropdown"> | ||
| {% for list in lists %} | ||
| {% if list.get_slug != list_slug %} | ||
| <li> | ||
| <a href="#/list/{{ list.get_slug }}"> | ||
| {{ list.display_name }} | ||
| </a> | ||
| </li> | ||
| {% endif %} | ||
| {% endfor %} | ||
| </ul> | ||
| </div> | ||
| {% endif %} |