Advertisement
Guest User

Untitled

a guest
Jan 28th, 2020
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.33 KB | None | 0 0
  1. @extends('layout.mainlayout')
  2. @section('title', 'Rubrics')
  3. @section('content')
  4.  
  5. <!-- able to change curriculum code and skills refresh -->
  6. <!-- tooltip for each skill item ex. description of each skill item -->
  7. <div class="row">
  8. <div class="d-none d-sm-block col-sm-1 col-md-2">
  9. </div>
  10. <!-- middle section of main content -->
  11. <div class="col-12 col-sm-10 col-md-8">
  12.  
  13. <!-- Rubric Builder -->
  14. <h4 class="top-divider mb-3 header-text mx-0" id="RubricBuilder_title"><strong>Select skills for the rubric</strong></h4>
  15.  
  16. <div class="card universal-card-rubric p-0 row">
  17. <div class="card-body">
  18. <!-- load and pop checkboxs for each text type from DB; you should see 11 of them.-->
  19. <!-- <div class="d-flex flex-wrap btn-group-toggle p-0 m-0 justify-content-start" datat-toggle="buttons">
  20. @foreach($text_types as $tt)
  21. <div class="btn-group-toggle px-1 pb-1" data-toggle="buttons">
  22. <label class="btn btn-sm btn-outline-success text-nowrap btn-text-type">
  23. <input type="checkbox" role="button-" name="" value={{$tt->text_type_Id}} class="">{{$tt->text_type_Name}}
  24. </label>
  25. </div>
  26. @endforeach
  27. </div> -->
  28. <form action="/RubricConfirm" method="POST" class="mt-5 mb-0 p-0" id="rubricform">
  29. @csrf
  30. <!-- term-title+Curriculum -->
  31. <div class="card-text m-0">
  32. <div class="row">
  33. <div class="col-8">
  34. <input type="text" class="text-input" id="assessment_name" name="rubric1_name" value="Term 1 Rubric" required />
  35. <span class="bar"></span>
  36. <label class="student-form-label ml-3" for="assessment_name">Title</label>
  37. </div>
  38. <div class="col-4">
  39. <select class="select-input" name="assessed_level" id="select_curriculum_code">
  40. <option value="" disabled selected hidden>Select your option</option>
  41. @foreach($assessed_labels as $al)
  42. <option value={{$al->school_scriibi_level_id}}>{{$al->assessed_level_label}}</option>
  43. @endforeach
  44. </select>
  45. <span class="bar"></span>
  46. <label class="ml-3 student-form-label" for="grade">Assessment Level</label><br />
  47. </div>
  48. </div>
  49.  
  50. <!-- skills cards deck-->
  51. <div class="card-columns p-0 mt-3" >
  52.  
  53. <!-- load cards from skill-categories DB; you should see 7 of them;
  54. each card has icon address, skill-title, skillset-items, color code, ex: #FFD12D -->
  55.  
  56. <!-- content inside each skill card -->
  57. @foreach($traitObjects as $to)
  58. @if (count($to->getSkills()) > 0)
  59. <div class="card border-0 p-0 mt-2 skillset-box skillset-box-<?php echo htmlentities($to->getColor()); ?> mt-1">
  60. <ul class="list-group list-group-flush ">
  61. <li class="text-white m-0 d-flex justify-content-start px-2">
  62. <!-- load icon address-->
  63. <img src="/trait-icon/{{$to->getIcon()}}" alt="ideas" class="align-self-center">
  64. <!-- load trait title -->
  65. <span class="skill-title w-100 pl-0 align-self-center px-2">
  66. <input type="text" name="trait_id" value={{$to->getId()}} hidden />
  67. {{$to->getName()}}
  68. </span>
  69.  
  70. </li>
  71. <?php $skills = $to->getSkills()?>
  72. <div class="list-group-box">
  73. @foreach($skills as $skill)
  74. <li class="list-group-item">
  75. <!-- load each skill item in the skills category;
  76. the number of skills items in the skill category vary -->
  77. <label class="frm_checkbox">
  78. <input type="checkbox" name="rubric1_skills[]" value={{$skill->getId()}} / >
  79. <span class="skill-name">{{$skill->getName()}}</span>
  80. <span class="skill-tooltip">{{$skill->getDefinition()}}</span>
  81. </label>
  82. </li>
  83. @endforeach
  84. </div>
  85. </ul>
  86. </div>
  87. @endif
  88. @endforeach
  89. <!-- end of each skill card -->
  90. </div>
  91. <!-- end of skill cards columns -->
  92. </div>
  93. </div>
  94. <!-- end of form 1 -->
  95.  
  96. <!-- divider between form 1 and 2 -->
  97. <div class="d-none d-sm-block form-break mt-2 mb-0 p-0">
  98. </div>
  99. <div class="card-body pb-0">
  100. <div class="card-text m-0">
  101. <!-- input for rubric name and curriculum code -->
  102. <div class="row mt-4">
  103. <div class="col-8">
  104. <input type="text" class="text-input" id="assessment_name" name="rubric2_name" value="Term 2 Rubric" required />
  105. <span class="bar"></span>
  106. <label class="student-form-label ml-3" for="assessment_name">Title</label>
  107. </div>
  108. <div class="col-4"></div>
  109. </div>
  110.  
  111.  
  112. <!-- skills cards deck-->
  113. <div class="card-columns p-0 mx-0 mt-5" id="check-array2">
  114.  
  115. <!-- load cards from skill-categories DB; you should see 7 of them;
  116. each card has icon address, skill-title, skillset-items, color code, ex: #FFD12D -->
  117.  
  118. <!-- content inside each skill card -->
  119. @foreach($traitObjects as $to)
  120. @if (count($to->getSkills()) > 0)
  121. <div class="card border-0 p-0 mt-2 skillset-box skillset-box-<?php echo htmlentities($to->getColor()); ?> mt-1">
  122. <ul class="list-group list-group-flush ">
  123. <li class="text-white m-0 d-flex justify-content-start px-2">
  124. <!-- load icon address-->
  125. <img src="/trait-icon/{{$to->getIcon()}}" alt="ideas" class="align-self-center">
  126. <!-- load trait title -->
  127. <span class="skill-title w-100 pl-0 align-self-center px-2">
  128. <input type="text" name="trait_id" value={{$to->getId()}} hidden />
  129. {{$to->getName()}}
  130. </span>
  131.  
  132. </li>
  133. <?php $skills = $to->getSkills()?>
  134. <div class="list-group-box">
  135. @foreach($skills as $skill)
  136. <li class="list-group-item">
  137. <!-- load each skill item in the skills category;
  138. the number of skills items in the skill category vary -->
  139. <label class="frm_checkbox">
  140. <input type="checkbox" name="rubric2_skills[]" value={{$skill->getId()}} / >
  141. <span>{{$skill->getName()}}</span>
  142. </label>
  143. </li>
  144. @endforeach
  145. </div>
  146. </ul>
  147. </div>
  148. @endif
  149. @endforeach
  150. <!-- end of each skill card -->
  151.  
  152. </div>
  153. <!-- end of skill cards columns -->
  154. </div>
  155. <!-- clear button for form -->
  156. <div class="d-flex row justify-content-end mt-3 mb-3 mx-0 px-0">
  157. <input class="btn assessment-btn p-3" type="submit" name="button" id="rubric-save" value="Save my Rubric" />
  158. </div>
  159. <div class="col-12 row justify-content-end mx-0 mt-3 mb-3 px-0">
  160. <button class="btn btn-clear" type="reset" name="button-clear2">Clear</button>
  161. </div>
  162. </form>
  163.  
  164. </div>
  165. </div>
  166. <div class="d-none d-sm-block col-sm-1 col-md-2 m-0">
  167. </div>
  168. </div>
  169. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement