Updated styling for 'Assessment Builder' page

This commit is contained in:
Ruben Ramirez 2025-04-04 15:49:23 -05:00
parent ce976909c0
commit 67b1cd8e24
2 changed files with 19 additions and 19 deletions

View file

@ -20,12 +20,12 @@ if ( ! is_user_logged_in() || ! current_user_can( 'manage_options' ) ) {
get_header(); ?>
<div id="primary" class="content-area quiztech-assessment-builder-area">
<div id="primary" class="content-area quiztech-content-area quiztech-assessment-builder-area">
<main id="main" class="site-main">
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
<?php the_title( '<h1 class="entry-title quiztech-page-title">', '</h1>' ); ?>
</header><!-- .entry-header -->
<div class="entry-content">
@ -33,8 +33,8 @@ get_header(); ?>
<div id="assessment-builder-container" style="display: flex; gap: 20px;">
<!-- Left Pane: Question Library -->
<div id="assessment-builder-library" style="flex: 1; border: 1px solid #ccc; padding: 15px;">
<h2><?php esc_html_e( 'Question Library', 'quiztech' ); ?></h2>
<div id="assessment-builder-library" class="quiztech-widget-like" style="flex: 1; border: 1px solid #ccc; padding: 15px;">
<h2 class="quiztech-section-title"><?php esc_html_e( 'Question Library', 'quiztech' ); ?></h2>
<p><?php esc_html_e( 'Search/filter controls will go here.', 'quiztech' ); ?></p>
<div id="library-questions-list">
<?php esc_html_e( 'Questions will be loaded here via AJAX.', 'quiztech' ); ?>
@ -46,19 +46,19 @@ get_header(); ?>
-->
</div>
<hr>
<h3><?php esc_html_e( 'Create New Question', 'quiztech' ); ?></h3>
<h3 class="quiztech-section-title"><?php esc_html_e( 'Create New Question', 'quiztech' ); ?></h3>
<p><?php esc_html_e( 'Form for creating a new question will go here.', 'quiztech' ); ?></p>
</div>
<!-- Right Pane: Current Assessment -->
<div id="assessment-builder-current" style="flex: 2; border: 1px solid #ccc; padding: 15px;">
<h2><?php esc_html_e( 'Current Assessment', 'quiztech' ); ?></h2>
<div id="assessment-builder-current" class="quiztech-widget-like" style="flex: 2; border: 1px solid #ccc; padding: 15px;">
<h2 class="quiztech-section-title"><?php esc_html_e( 'Current Assessment', 'quiztech' ); ?></h2>
<p>
<label for="assessment-title"><?php esc_html_e( 'Assessment Title:', 'quiztech' ); ?></label><br>
<input type="text" id="assessment-title" name="assessment_title" style="width: 100%;">
<label class="quiztech-label" for="assessment-title"><?php esc_html_e( 'Assessment Title:', 'quiztech' ); ?></label><br>
<input class="quiztech-input" type="text" id="assessment-title" name="assessment_title" style="width: 100%;">
</p>
<div id="current-assessment-questions">
<h3><?php esc_html_e( 'Selected Questions', 'quiztech' ); ?></h3>
<h3 class="quiztech-section-title"><?php esc_html_e( 'Selected Questions', 'quiztech' ); ?></h3>
<?php esc_html_e( 'Questions added from the library will appear here.', 'quiztech' ); ?>
<!-- Example Selected Question Item Structure (for planning)
<div class="selected-question-item" data-question-id="123">
@ -73,9 +73,9 @@ get_header(); ?>
<span id="assessment-total-cost">0</span> <?php esc_html_e( 'credits', 'quiztech' ); ?>
</div>
<p>
<button id="save-assessment-button" class="button button-primary"><?php esc_html_e( 'Save Assessment', 'quiztech' ); ?></button>
<button id="save-assessment-button" class="quiztech-button quiztech-button-primary"><?php esc_html_e( 'Save Assessment', 'quiztech' ); ?></button>
<span class="spinner" style="float: none; vertical-align: middle;"></span>
<span id="save-status" style="margin-left: 10px;"></span>
<span id="save-status" class="quiztech-status-message" style="margin-left: 10px;"></span>
</p>
</div>

View file

@ -41,21 +41,21 @@ if ( ! $job_id ) {
get_header(); ?>
<div id="primary" class="content-area">
<div id="primary" class="content-area quiztech-content-area">
<main id="main" class="site-main">
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
<?php the_title( '<h1 class="entry-title quiztech-page-title">', '</h1>' ); ?>
</header><!-- .entry-header -->
<div class="entry-content">
<?php if ( $error_message ) : ?>
<div class="notice notice-error"><p><?php echo esc_html( $error_message ); ?></p></div>
<p><a href="<?php echo esc_url( get_post_type_archive_link('job') ?: home_url('/manage-jobs/') ); ?>"><?php esc_html_e('&laquo; Back to Jobs', 'quiztech'); ?></a></p> <?php // Link back to job list ?>
<div class="notice notice-error quiztech-notice"><p><?php echo esc_html( $error_message ); ?></p></div>
<p><a class="quiztech-link" href="<?php echo esc_url( get_post_type_archive_link('job') ?: home_url('/manage-jobs/') ); ?>"><?php esc_html_e('&laquo; Back to Jobs', 'quiztech'); ?></a></p> <?php // Link back to job list ?>
<?php elseif ( $job_post ) : ?>
<h2><?php printf( esc_html__( 'Results for Job: %s', 'quiztech' ), esc_html( get_the_title( $job_post ) ) ); ?></h2>
<h2 class="quiztech-section-title"><?php printf( esc_html__( 'Results for Job: %s', 'quiztech' ), esc_html( get_the_title( $job_post ) ) ); ?></h2>
<?php
$args = array(
@ -77,7 +77,7 @@ get_header(); ?>
?>
<?php if ( $evaluations_query->have_posts() ) : ?>
<table class="wp-list-table widefat fixed striped">
<table class="quiztech-table wp-list-table widefat fixed striped">
<thead>
<tr>
<th><?php esc_html_e( 'Applicant Email', 'quiztech' ); ?></th>
@ -104,7 +104,7 @@ get_header(); ?>
<td><?php echo esc_html( get_the_date() ); ?></td>
<td>
<?php if ( $edit_link ) : ?>
<a href="<?php echo esc_url( $edit_link ); ?>" target="_blank"><?php esc_html_e( 'View Details', 'quiztech' ); ?></a>
<a class="quiztech-link" href="<?php echo esc_url( $edit_link ); ?>" target="_blank"><?php esc_html_e( 'View Details', 'quiztech' ); ?></a>
<?php endif; ?>
</td>
</tr>