SHARE
TWEET

Untitled

a guest Nov 19th, 2019 71 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div id="infoDialog" ng-controller="InfoModalCtrl" class="modal" role="dialog" tabindex="0">
  2.     <!-- program_info_dialog -->
  3.  
  4.     <div class="modal-header clearfix">
  5.         <h1 id="infoDialogTitle" class="pull-left">{{ "program.info.title" | lwcI18n }}</h1>
  6.         <button class="close pull-right" ng-click="close()" auto-focus>
  7.             <span class="icon-remove" aria-hidden="true"></span>
  8.             <span class="a11yOffScreen">{{ ::"global.modal.close.a11y" | lwcI18n }}</span>
  9.         </button>
  10.     </div>
  11.  
  12.     <div id="infoDialogContent" class="modal-body noPadding">
  13.         <!-- Breadcrumb -->
  14.         <div data-e2e-info-field="programBreadcrumb" ng-if="item.breadcrumbList && item.breadcrumbList.length > 0">
  15.             <h2 class="infoListTitle">{{ "program.info.program.label" | lwcI18n }}</h2>
  16.             <div class="infoItem clearfix">
  17.                 <div class="breadcrumbSection clearfix">
  18.                     <ul class="breadcrumbItems pull-left clearfix">
  19.                         <li ng-repeat="breadcrumbData in item.breadcrumbList">
  20.                             <lwc-breadcrumb data-e2e-info-field="lwcBreadcrumb" ng-if="breadcrumbData" crumb="breadcrumbData" on-breadcrumb-click="breadcrumbHandler($event, url, breadcrumbData)" show-ellipsis="showBreadcrumbEllipsis"></lwc-breadcrumb>
  21.                         </li>
  22.                     </ul>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.         <!-- Description -->
  27.         <div data-e2e-info-field="description" ng-hide="hideInfoItem(item.text)">
  28.             <h2 class="infoListTitle">{{ "program.info.description.label" | lwcI18n }}</h2>
  29.             <div class="description-text infoItem clearfix" ng-init="descrLimit=200;">
  30.                 <div ng-bind-html="item.text | ellipses:descrLimit" data-e2e-info-field="descriptionText"></div>
  31.                 <div ng-hide="item.text.length <= 200" class="pull-right">
  32.                     <span pete-more more-text="{{ 'program.info.action.more' | lwcI18n }}" less-text="{{ 'program.info.action.less' | lwcI18n }}" more="moreDescr" on-more="descrLimit=600;" on-less="descrLimit=200;"></span>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.  
  37.         <!-- Notebook Entries -->
  38.         <div data-e2e-info-field="notes" ng-if="!hideInfoItem(item.notebookEntries)">
  39.             <h2 class="infoListTitle"> {{ 'program.info.notes.label' | lwcI18n }}</h2>
  40.             <div class="infoItem clearfix">
  41.                <ul class="notes-list" ng-init="moreNotes=false; notesLimit=2;">
  42.                   <li ng-repeat="note in item.notebookEntries | limitTo:notesLimit" >{{ note }}</li>
  43.                </ul>
  44.               <div ng-hide="item.notebookEntries.length <= 2" class="pull-right">
  45.                 <span pete-more more-text="{{ 'program.info.action.more' | lwcI18n }}" less-text="{{ 'program.info.action.less' | lwcI18n }}" more="moreNotes" on-more="notesLimit=item.notebookEntries.length;" on-less="notesLimit=2;"></span>
  46.               </div>
  47.             </div>
  48.         </div>
  49.  
  50.         <!-- Activities -->
  51.         <div data-e2e-info-field="activities" ng-if="!hideInfoItem(item.activities)">
  52.             <h2 class="infoListTitle">{{ 'program.info.activities.label' | lwcI18n }}</h2>
  53.             <div class="infoItem clearfix">
  54.                <ul class="notes-list" ng-init="moreActivities=false; activitiesLimit=2;">
  55.                   <li ng-repeat="activity in item.activities | limitTo:activitiesLimit">{{ activity }}</li>
  56.                </ul>
  57.               <div ng-hide="item.activities.length <= 2" class="pull-right">
  58.                  <span pete-more more-text="{{ 'program.info.action.more' | lwcI18n }}" less-text="{{ 'program.info.action.less' | lwcI18n }}" more="moreActivities" on-more="activitiesLimit=item.activities.length;" on-less="activitiesLimit=2;"></span>
  59.               </div>
  60.             </div>
  61.         </div>
  62.  
  63.         <!-- Standards -->
  64.         <div data-e2e-info-field="standards" ng-hide="hideInfoItem(item.standards)">
  65.             <h2 class="infoListTitle">{{ "program.info.standards.label" | lwcI18n }}</h2>
  66.             <div class="infoItem clearfix">
  67.                 <!-- TODO: switch to def-list when directive is enhanced
  68.                     we would need to write a repeater that excludes the wrapper markup,
  69.                     since only dt and dd are allowed in the dl.
  70.                     <dl>
  71.                         <dt>{{ standard.id }}</dt>
  72.                         <dd>{{ standard.description }}</dd>
  73.                     </dl>
  74.                 -->
  75.                 <!-- note that scope variables are handled here in the template because this lives inside a modal which has unknown scope -->
  76.                 <ul class="standards-list" ng-init="moreStandards=false; standardsLimit=1;">
  77.                     <li ng-repeat="standard in item.standards | limitTo:standardsLimit">
  78.                         <div class="term">{{ standard.id | standardNumber }}</div>
  79.                         <div class="definition">{{ standard.description }}</div>
  80.                     </li>
  81.                 </ul>
  82.                 <div ng-hide="item.standards.length <= 1" class="pull-right">
  83.                     <span pete-more more-text="{{ 'program.info.action.more' | lwcI18n }}" less-text="{{ 'program.info.action.less' | lwcI18n }}" more="moreStandards" on-more="standardsLimit=item.standards.length;" on-less="standardsLimit=1;"></span>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.  
  88.         <!-- Materials -->
  89.         <div data-e2e-info-field="materials" ng-hide="hideInfoItemFromStudent(item.materials)">
  90.             <h2 class="infoListTitle">{{ "program.info.materials.label" | lwcI18n }}</h2>
  91.             <div class="infoItem">
  92.                 <!-- TODO: if materials is an array, consider iterating and ng-repeating <li>s -->
  93.                 <div ng-bind-html="item.materials.join(', ')" data-e2e-info-field="materialsText"></div>
  94.             </div>
  95.         </div>
  96.  
  97.         <!-- Pacing -->
  98.         <div data-e2e-info-field="pacing" ng-hide="hideInfoItemFromStudent(item.pacing)">
  99.             <h2 class="infoListTitle">{{ "program.info.pace.label" | lwcI18n }}</h2>
  100.             <div class="infoItem">{{ item.pacing }}</div>
  101.         </div>
  102.  
  103.         <!-- Keywords -->
  104.         <div data-e2e-info-field="keywords" ng-hide="hideInfoItem(item.tags)">
  105.             <h2 class="infoListTitle">{{ "program.info.keywords.label" | lwcI18n }}</h2>
  106.             <div class="infoItem" ng-bind-html="item.tags.join(', ')">
  107.                 <!-- TODO: if keywords is an array, consider iterating and ng-repeating <li>s -->
  108.             </div>
  109.         </div>
  110.  
  111.         <!-- Author -->
  112.         <div data-e2e-info-field="author" ng-hide="hideInfoItemFromStudent(item.author)">
  113.             <h2 class="infoListTitle">{{ "program.info.author.label" | lwcI18n }}</h2>
  114.             <div class="infoItem">{{ item.author }}</div>
  115.         </div>
  116.  
  117.         <!-- ISBN -->
  118.         <div data-e2e-info-field="isbn" ng-hide="hideInfoItemFromStudent(item.isbn)">
  119.             <h2 class="infoListTitle">{{ "program.info.isbn.label" | lwcI18n }}</h2>
  120.             <div class="infoItem">{{ item.isbn }}</div>
  121.         </div>
  122.  
  123.         <!-- Levels -->
  124.         <div data-e2e-info-field="levels" ng-hide="hideInfoItemOnLevels()">
  125.             <h2 class="infoListTitle">{{ "program.info.levels.label" | lwcI18n }}</h2>
  126.             <div class="infoItem">
  127.                 {{ levelsArray }}
  128.             </div>
  129.         </div>
  130.  
  131.         <!-- Comprehension Skills -->
  132.         <div data-e2e-info-field="comprehensionSkills" ng-hide="hideInfoItemFromStudent(item.comprehensionSkills)">
  133.             <h2 class="infoListTitle">{{ "program.info.comprehensionSkills.label" | lwcI18n }}</h2>
  134.             <div class="infoItem">{{ item.comprehensionSkills.join(', ') }}</div>
  135.         </div>
  136.  
  137.         <!-- Content Area -->
  138.         <div data-e2e-info-field="contentAreas" ng-hide="hideInfoItemFromStudent(item.contentAreas)">
  139.             <h2 class="infoListTitle">{{ "program.info.contentAreas.label" | lwcI18n }}</h2>
  140.             <div class="infoItem">{{ item.contentAreas.join(', ') }}</div>
  141.         </div>
  142.  
  143.         <!-- Genre -->
  144.         <div data-e2e-info-field="genres" ng-hide="hideInfoItemFromStudent(item.genres)">
  145.             <h2 class="infoListTitle">{{ "program.info.genre.label" | lwcI18n }}</h2>
  146.             <div class="infoItem">{{ item.genres.join(', ') }}</div>
  147.         </div>
  148.  
  149.         <!-- Text Features -->
  150.         <div data-e2e-info-field="textFeatures" ng-hide="hideInfoItemFromStudent(item.textFeatures)">
  151.             <h2 class="infoListTitle">{{ "program.info.textFeatures.label" | lwcI18n }}</h2>
  152.             <div class="infoItem">{{ item.textFeatures.join(', ') }}</div>
  153.         </div>
  154.  
  155.     </div>
  156.     <div class="modal-footer">
  157.         <button ng-click="close()">{{ "program.info.action.close" | lwcI18n }}</button>
  158.     </div>
  159. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top