관리-도구

편집 파일: edit_course.php

<?php

global $mysqli;
$total_quizs = 0;
$training_ob = $this->load('training_control');
$course_ob   = $this->load('course_control');
$page_count  = 1;

if( isset( $_GET['page_count'] ) && is_numeric( $_GET['page_count'] ) )
{
    $page_count = (int)$_GET['page_count'];
}
$theme='a';
if( isset( $_GET['theme'] ) && in_array($_GET['theme'],['a','b','c','d']) )
{
    $theme = $mysqli->real_escape_string( $_GET['theme'] );
}
$course_setting = $course_ob->getCourseSetting(  $theme );

if( $course_setting )
{
    $cstyle = $course_setting->style;
    $ctext = $course_setting->text;
    
}else{
    $ctext = false;
    $cstyle = false;
    
}

?>
<input type="hidden" id="course_theme" value="<?=$theme?>">
<textarea id="course_setting_text" style="display: none;"><?=$ctext; ?></textarea>
<textarea id="course_setting_style" style="display: none;"><?=$cstyle; ?></textarea>
<div class="container-fluid">
  <div class="row page-titles mb-4">
      <div class="col-md-5 align-self-center">
        <h4 class="text-themecolor" id="commoncontainerid"> <?= w('Course Settings'); ?></h4>
      </div>
      <div class="col-md-7 align-self-center text-right">
        <div class="d-flex justify-content-end align-items-center"><?= w('Edit Course Style'); ?> </div>
      </div>
  </div>
</div>
<div class="container-fluid" id="cfcourse-edit-screen">
<input type="hidden" id="cfcourse-user-ajax"  value="<?php echo  get_option('install_url')."/index.php?page=ajax"; ?>" />

<div class="card">
      <div class="card-body">
          <div class="row">
            <div class="col-md-6">
              <h4 class="text-center">Text</h4>
            </div>
            <div class="col-md-6">
              <h4 class="text-center">Style</h4>
            </div>
          </div>
          <hr />
          <div class="row">
              <div class="col-md-6" style="max-height:400px; overflow:auto">

<div class="mb-3">
                      <label>Lecture</label>
                      <input type="text"  v-model="text.text1"  class="form-control" />
                  </div>

<div class="mb-3">
                      <label>Overview</label>
                      <input type="text" v-model="text.text2" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Discuss</label>
                      <input type="text" v-model="text.text3" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Notes</label>
                      <input type="text" v-model="text.text4" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Create A Note</label>
                      <input type="text" v-model="text.text5" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Currently There Are No Notes Available</label>
                      <input type="text" v-model="text.text6" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Create A Note</label>
                      <input type="text" v-model="text.text7" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Create Note At</label>
                      <input type="text" v-model="text.text8" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Cancel</label>
                      <input type="text" v-model="text.text9" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Add Note</label>
                      <input type="text" v-model="text.text10" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Comments</label>
                      <input type="text" v-model="text.text11" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Currently There Are No Comments Available</label>
                      <input type="text" v-model="text.text12" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Post</label>
                      <input type="text" v-model="text.text13" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Discussion</label>
                      <input type="text" v-model="text.text14" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Add Comment</label>
                      <input type="text" v-model="text.text15" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Quiz</label>
                      <input type="text" v-model="text.text16" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">About This Lecture</label>
                      <input type="text" v-model="text.text17" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">About This Course</label>
                      <input type="text" v-model="text.text18" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Skill level</label>
                      <input type="text" v-model="text.text19" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Category</label>
                      <input type="text" v-model="text.text20" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Lecture</label>
                      <input type="text" v-model="text.text21" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Quiz</label>
                      <input type="text" v-model="text.text22" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Assignment</label>
                      <input type="text" v-model="text.text23" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Description</label>
                      <input type="text" v-model="text.text24" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label for="">Section</label>
                      <input type="text" v-model="text.text25" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Please start the course for notes</label>
                      <input type="text" v-model="text.text26" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Sorry! Comments are disabled for this content</label>
                      <input type="text" v-model="text.text27" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Course Content</label>
                      <input type="text" v-model="text.text28" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Are You Sure You Want To Submit This Assignment</label>
                      <input type="text" v-model="text.text29" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Submit</label>
                      <input type="text" v-model="text.text30" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Section</label>
                      <input type="text" v-model="text.text31" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Please Confirm</label>
                      <input type="text" v-model="text.text32" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Choose Theme</label>
                      <input type="text" v-model="text.text33" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Dashboard</label>
                      <input type="text" v-model="text.text34" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Section</label>
                      <input type="text" v-model="text.text35" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Logout</label>
                      <input type="text" v-model="text.text36" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Your Progress</label>
                      <input type="text" v-model="text.text36" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Content</label>
                      <input type="text" v-model="text.text37" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Course Content</label>
                      <input type="text" v-model="text.text38" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Read More</label>
                      <input type="text" v-model="text.text39" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Edit</label>
                      <input type="text" v-model="text.text40" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Remove</label>
                      <input type="text" v-model="text.text41" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Mark as completed</label>
                      <input type="text" v-model="text.text42" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Video</label>
                      <input type="text" v-model="text.text43" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Audio</label>
                      <input type="text" v-model="text.text44" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Image</label>
                      <input type="text" v-model="text.text45" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Document</label>
                      <input type="text" v-model="text.text46" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Article</label>
                      <input type="text" v-model="text.text47" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Lesson</label>
                      <input type="text" v-model="text.text48" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Prev</label>
                      <input type="text" v-model="text.text49" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Next</label>
                      <input type="text" v-model="text.text50" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Theater mode</label>
                      <input type="text" v-model="text.text51" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Full screen</label>
                      <input type="text" v-model="text.text52" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Leave a rating</label>
                      <input type="text" v-model="text.text53" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>About This Test</label>
                      <input type="text" v-model="text.text54" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>About This Quiz</label>
                      <input type="text" v-model="text.text55" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>About This Assignment</label>
                      <input type="text" v-model="text.text56" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Intermediate</label>
                      <input type="text" v-model="text.text57" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Beginner</label>
                      <input type="text" v-model="text.text58" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Expert</label>
                      <input type="text" v-model="text.text59" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Instruction Resource Download</label>
                      <input type="text" v-model="text.text60" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Solution Resource Download</label>
                      <input type="text" v-model="text.text61" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Solution Video</label>
                      <input type="text" v-model="text.text62" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Download</label>
                      <input type="text" v-model="text.text63" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Instructions to Solve</label>
                      <input type="text" v-model="text.text64" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Links</label>
                      <input type="text" v-model="text.text65" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Number of questions</label>
                      <input type="text" v-model="text.text66" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Time</label>
                      <input type="text" v-model="text.text67" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>This Assignment has already been submitted</label>
                      <input type="text" v-model="text.text68" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>View Result</label>
                      <input type="text" v-model="text.text69" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Download Certificate</label>
                      <input type="text" v-model="text.text70" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Start Assignment</label>
                      <input type="text" v-model="text.text71" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Time Left</label>
                      <input type="text" v-model="text.text72" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>No Questions Available</label>
                      <input type="text" v-model="text.text73" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Question</label>
                      <input type="text" v-model="text.text74" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Enter Answer</label>
                      <input type="text" v-model="text.text75" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Unlimited</label>
                      <input type="text" v-model="text.text76" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>File</label>
                      <input type="text" v-model="text.text77" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Assignment Details</label>
                      <input type="text" v-model="text.text78" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Read This</label>
                      <input type="text" v-model="text.text79" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Add Summery</label>
                      <input type="text" v-model="text.text80" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Summary</label>
                      <input type="text" v-model="text.text81" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Please Rate Us</label>
                      <input type="text" v-model="text.text82" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Thanks For Watching</label>
                      <input type="text" v-model="text.text83" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Thanks For Rating Us</label>
                      <input type="text" v-model="text.text84" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Next Tutorial</label>
                      <input type="text" v-model="text.text85" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Start Quiz</label>
                      <input type="text" v-model="text.text86" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Play Again</label>
                      <input type="text" v-model="text.text87" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Quiz Details</label>
                      <input type="text" v-model="text.text88" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>of</label>
                      <input type="text" v-model="text.text90" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Start Test</label>
                      <input type="text" v-model="text.text91" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>This Test has already been submitted</label>
                      <input type="text" v-model="text.text92" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Test Details</label>
                      <input type="text" v-model="text.text93" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Complete</label>
                      <input type="text" v-model="text.text94" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Previous Lecture</label>
                      <input type="text" v-model="text.text95" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Complete and Continue</label>
                      <input type="text" v-model="text.text96" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Content</label>
                      <input type="text" v-model="text.text97" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Next Lecture</label>
                      <input type="text" v-model="text.text98" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Previous Lecture</label>
                      <input type="text" v-model="text.text99" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Instruction Video</label>
                      <input type="text" v-model="text.text100" class="form-control" />
                  </div>
                  <div class="mb-3">
                      <label>Mark As Complete</label>
                      <input type="text" v-model="text.text101" class="form-control" />
                  </div>

</div> 
              <div class="col-md-6">
                  <div class="row">
                    <div class="col-md-6">
                      <div class="mb-3">
                          <label>Color</label>
                          <input type="color"  v-model="style.color" class="form-control" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="mb-3">
                          <label>Backgroud Color</label>
                          <input type="color"  v-model="style.backgroundColor"  class="form-control" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="mb-3">
                          <label>Button Backgroud Color</label>
                          <input type="color"  v-model="style.btnbackgroundColor"  class="form-control" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="mb-3">
                          <label>Button Color</label>
                          <input type="color"  v-model="style.btnColor"  class="form-control" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="mb-3">
                          <label>Section Background Color</label>
                          <input type="color"  v-model="style.secbackgroundColor"  class="form-control" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="mb-3">
                          <label>Full Container Background Color</label>
                          <input type="color" v-model="style.fulsecbackgroundColor"   class="form-control" />
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="mb-3">
                          <label>Header Background Color</label>
                          <input type="color" v-model="style.headerbackgroundColor"   class="form-control" />
                      </div>
                    </div>
                  </div>
              </div>
          </div>
          <br /><br />
          <div class="text-left">
            <button class="btn btn-success" v-on:click="saveSetting($event)">Save</button>
            &nbsp;&nbsp;
            <button class="btn btn-primary" v-on:click="resetSetting($event)">Reset Style</button>
          </div>
          <div class="text-left" id="success_text">
            <p class="text-success" v-if="success">Successfully saved the changes</p>
          </div>
          <div class="text-left" id="error_text">
            <p class="text-success" v-if="error">Error! Please refresh the page</p>
          </div>
      </div>
    </div>
</div>