File: /home/imensosw/.trash/editor.inc.html
<div class="main__content-wrapper">
<div class="row">
<input type="hidden" id="id" value="<%= id %>"></input>
<input type="hidden" id="hiddenproducttype" value="<%= producttype %>"/>
<div class="col-sm-12">
<div class="main__content-head mb-4 d-flex align-items-center justify-content-between">
<h1><%= heading %></h1>
<div class="actions__header">
<% if(qa_approved=="true" && publish!="true"){%>
<button id="publishassessmentbutton" class="btn btn-primary" name="">Publish</button>
<button id="downloadassessmentbaselinebutton" style="display: none" data-id="Baseline" class="btn btn-primary" name="">Download Baseline</button>
<button id="downloadassessmentpetbutton" style="display: none" data-id="PET" class="btn btn-primary" name="">Download PET</button>
<button id="downloadassessmentcertbutton" style="display: none" data-id="Cert" class="btn btn-primary" name="">Download Cert/Badge Test</button>
<% } else if(qa_approved=="true" && publish=="true") { %>
<button id="downloadassessmentbaselinebutton" data-id="Baseline" class="btn btn-primary" name="">Download Baseline</button>
<button id="downloadassessmentpetbutton" data-id="PET" class="btn btn-primary" name="">Download PET</button>
<button id="downloadassessmentcertbutton" data-id="Cert" class="btn btn-primary" name="">Download Cert/Badge Test</button>
<a href="javascript:;" data-id="<%= id %>" style="display: none" class="btn btn-bordered" id="assessmentinnerqalink">Approve</a>
<% }else
{ %>
<a href="javascript:;" data-id="<%= id %>" class="btn btn-bordered" id="assessmentinnerqalink">Approve</a>
<!-- <button id="downloadassessmentpetbutton" style="display: none" data-id="PET" class="btn btn-primary ml-4" name="">Download PET</button> -->
<% } %>
<a href="javascript:;" id="cancelassessmentbutton" class="btn btn-grey">Cancel</a>
</div>
</div>
</div>
<!-- Nav tabs -->
<div class="col-sm-12 edit_tab">
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link <% if(tab=='details'){ %> active <% } %>" data-toggle="tab" data-name="details" href="#tab_details">Details</a>
</li>
<li class="nav-item">
<a class="nav-link <% if(tab=='instruction'){ %> active <% } %>" data-toggle="tab" data-name="instruction" href="#tab_instruction">Instruction</a>
</li>
<li class="nav-item">
<a class="nav-link <% if(tab=='section'){ %> active <% } %>" data-toggle="tab" data-name="section" href="#tab_section">Section</a>
</li>
<li class="nav-item">
<a class="nav-link <% if(tab=='questions'){ %> active <% } %>" data-toggle="tab" data-name="questions" href="#tab_questions">Questions</a>
</li>
<li class="nav-item">
<a class="nav-link <% if(tab=='history'){ %> active <% } %>" data-toggle="tab" data-name="history" href="#tab_history">History</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane <% if(tab=='details'){ %> active <% }else{ %> fade <% } %>" id="tab_details">
<div class="row">
<div class="col-sm-12 text-right mb-2">
<button id="updateassessmentbutton" class="btn btn-primary ml-4" name="">Save Changes</button>
</div>
<div class="col-sm-12">
<div class="main__content-data mb-5">
<div class="main__content-head">
<div class="mb-2">
<h3 class="mb-0">Assessment Name</h3>
<hr class="mb-4" />
</div>
</div>
<div>
<div class="form-group">
<label>Assessment Name</label>
<input type="text" class="form-control" id="name" value="<%= name %>">
</div>
<div class="form-group">
<label>Assessment Short Name</label>
<input type="text" class="form-control" id="short_name" value="<%= short_name %>">
</div>
<div class="form-group">
<label>Assessment Required Resources</label>
<textarea type="text" class="form-control" id="assessmentreqresources" placeholder=""><%=reqresources%></textarea>
</div>
<div class="form-group">
<label>Assessment Description</label>
<textarea type="text" class="form-control" id="assessmentdescription" placeholder=""><%=description%></textarea>
</div>
<div class="form-group">
<div class="checkbox">
<input type="checkbox" class="mr-1" id="copyrightCheckbox" <% if (cptcopyright == 'true') { %> checked <% } %>>
<label>CPT copyright</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 right-panel">
<!-- <div class=" main__content-data mb-4"> -->
<div class="main__content-data mb-5">
<div class="main__content-head">
<div>
<h3 class="mb-0">Assessment Information</h3>
<hr class="mb-3" />
</div>
</div>
<div class="form-group">
<label>Content Type</label>
<select class="form-control" id="type">
<option value="">select</option>
<%= typeoption %>
</select>
</div>
<div class="form-group">
<label>Product Type</label>
<select class="form-control" id="producttype" disabled>
<option value="">select</option>
<%= productoption %>
</select>
</div>
<div class="form-group">
<label>Status</label>
<select class="form-control" id="status">
<option value="">Select</option>
<%= statusoption %>
</select>
</div>
<div class="form-row">
<div class="col-md-7">
<div class="form-group">
<label>Passing threshold (%)</label>
<input type="number" class="form-control" value="<%= passingthreshold %>" id="passingthreshold" placeholder="" min="1" max="100">
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label>Duration (Min.)</label>
<input type="number" class="form-control" value="<%= testduration %>" id="testduration" min="1">
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-7">
<div class="form-group">
<label>Cool off period</label>
<input type="number" class="form-control" value="<%= cooloffperiod %>" id="cooloffperiod" placeholder="" min="0">
</div>
</div>
<div class="col-md-5">
<div class="form-group">
<label>Max attempts</label>
<input type="number" class="form-control" value="<%= maxattempts %>" id="maxattempts" min="1">
</div>
</div>
</div>
</div><!--/data-->
<!-- <div class="main__content-data mb-4"> -->
<div class="main__content-data mb-5">
<div class="main__content-head">
<div>
<h3 class="mb-0">Advanced</h3>
<hr class="mb-3" />
</div>
</div>
<div class="form-group">
<label>Uri Segment</label>
<input type="text" class="form-control" value="<% if(urisegment==''){ %><%= urisegment %> <% } else { %> <%= name %> <% } %>" id="urisegment">
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Config Object</label>
<textarea type="text" class="form-control" id="configobject" placeholder=""><%= configobject %></textarea>
</div>
</div>
</div>
</div><!--/data-->
<div class="main__content-data mb-5" id="assessmentimages">
<div class="row">
<%=images%>
</div>
</div><!--/data-->
<% if(producttype == "1" || producttype == "3"){ %>
<div class="main__content-data mb-5">
<div class="main__content-head">
<div class="mb-2">
<h3 class="mb-3">Assessments Document</h3>
<hr class="mb-4" />
</div>
</div>
<input type="hidden" value="<%= assessmentdocumentid %>" id="assessmentdocumentid">
<div class="form-group">
<label>Document Heading</label>
<input class="form-control documentheading" value="<%= documentheading %>" id="documentheading" placeholder="Document Heading">
</div>
<div class="media-liabrary media-liabrary-new">
<!-- <div class="image_trash"><i class="fa fa-trash assessmentsimage_delete" <% if(assetid=="" || assetid<1){ %> style="display:none" <% } %> data-id="assessmentsimage" id="deleteImage"></i></div> -->
<input type="file" class="form-control" id="documentpdf" accept=".pdf"/>
</div>
<% if(assessmentdocumentid != "" || assessmentdocumentid != null){ %>
<a href="javascript:;" id="assessmentdocumentview" data-id="<%= assessmentdocumentid %>"><%= documentname%></a>
<% } %>
</div><!--/data-->
<% } %>
<div class="main__content-data mb-5">
<div class="main__content-head">
<div class="mb-2">
<div class="d-flex align-items-center justify-content-between mb-2">
<h3 class="mb-3">Assessment Question Summary</h3>
<div class="d-flex">
<div class="bg-secondary p-2 rounded text-light mr-3">
Total PET/Baseline Questions <span id="assessmentquestionsummarypettotal" class="badge badge-light ml-2"></span>
</div>
<div class="bg-secondary p-2 rounded text-light">
Total Questions <span id="assessmentquestionsummarytotal" class="badge badge-light ml-2"></span>
</div>
</div>
</div>
<hr class="mb-4" />
<div class="d-flex align-content-start flex-wrap" id="assessmentquestionsummary">
</div>
</div>
</div>
</div><!--/data-->
<div class="main__content-data mb-5">
<div class="main__content-head">
<div class="mb-2">
<div class="d-flex align-items-center justify-content-between mb-2">
<h3 class="mb-3">Assessment Domain Summary</h3>
</div>
<hr class="mb-4" />
<div class="d-flex align-content-start flex-wrap" id="assessmentdomainsummary">
</div>
</div>
</div>
</div><!--/data-->
</div>
</div>
</div>
<div class="tab-pane <% if(tab=='instruction'){ %> active <% }else{ %> fade <% } %>" id="tab_instruction">
<div class="row">
<div class="col-sm-12">
<div class="main__content-head">
<!-- <div class=" main__content-data mb-4"> --><!-- Instruction Pages -->
<div class="main__content-data mb-4">
<div class="d-flex align-items-center justify-content-between mb-3">
<h3 class="mb-0">Instruction Pages</h3>
<p class="mb-0"><button href="javascript:;" class="btn btn-sm btn-secondary" id="addinstructionbutton"><i class="fa fa-plus"></i> Add New Instruction</button></p>
</div>
<div class="table-responsive">
<table class="table table-hover mb-3 move_row" id="move_row1">
<thead>
<tr>
<th>Name</th>
<th class="text-right">Actions</th>
</tr>
</thead>
<tbody id="instructresult" class="ui-sortable">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane <% if(tab=='section'){ %> active <% }else{ %> fade <% } %>" id="tab_section">
<div class="row">
<div class="col-sm-12">
<div class="main__content-head">
<!-- <div class="main__content-data"> --><!-- Sections area -->
<div class="main__content-data mb-4">
<div class="d-flex align-items-center justify-content-between mb-2">
<h3 class="mb-0">Sections</h3>
<p class="mb-0"><button class="btn btn-sm btn-secondary" id="addsectionbutton"><i class="fa fa-plus"></i> Add New Section</button></p>
</div>
<div class="table-responsive">
<table class="table table-hover mb-0 move_row" id="move_row2">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="text-right">Actions</th>
</tr>
</thead>
<tbody id="sectionresult" class="ui-sortable">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane <% if(tab=='questions'){ %> active <% }else{ %> fade <% } %>" id="tab_questions">
<div class="row">
<div class="col-sm-12">
<div class="main__content-head">
<div class="main__content-data mb-4">
<input type="text" id="search_question" class="form-control search-icon" placeholder="Search Question By Section or Domain.." aria-label="Text input with dropdown button" style="padding-left: 50px;">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="main__content-head">
<div class="main__content-data mb-4">
<div class="d-flex align-items-center justify-content-between mb-2">
<h3 class="mb-0">Question Summary</h3>
<div class="d-flex">
<div class="bg-secondary p-2 rounded text-light mr-3">
Total PET/Baseline Questions <span id="questionsummarypettotal" class="badge badge-light ml-2"></span>
</div>
<div class="bg-secondary p-2 rounded text-light">
Total Questions <span id="questionsummarytotal" class="badge badge-light ml-2"></span>
</div>
</div>
</div>
<hr />
<div class="d-flex align-content-start flex-wrap" id="questionsummary">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="main__content-head">
<div class="main__content-data mb-4">
<div class="d-flex align-items-center justify-content-between mb-2">
<h3 class="mb-0">Question</h3>
<p class="mb-0"><button class="btn btn-sm btn-secondary" id="addquestionbutton"><i class="fa fa-plus"></i> Add New Question</button></p>
</div>
<div class="table-responsive" id="questionresult">
<!-- <table class="table table-hover mb-0 move_row" id="move_row2">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="text-right">Actions</th>
</tr>
</thead>
<tbody id="questionresult" class="ui-sortable">
</tbody>
</table> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane <% if(tab=='history'){ %> active <% }else{ %> fade <% } %>" id="tab_history">
<div class="row">
<div class="col-sm-12">
<div class="main__content-head">
<div class="main__content-data mb-4">
<div class="d-flex align-items-center justify-content-between mb-2">
<h3 class="mb-0">History</h3>
</div>
<div class="table-responsive">
<table class="table table-hover table-striped">
<thead>
<tr>
<th>Name</th>
<th>Status</th>
<th>Type</th>
<th>Edit By</th>
<th>Date Time</th>
<th>Details</th>
</tr>
</thead>
<tbody id="historyresult">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>