Move break time settings into admin area.
This commit is contained in:
Jens Luedicke
343
templates/admin_work_policies.html
Normal file
343
templates/admin_work_policies.html
Normal file
@@ -0,0 +1,343 @@
|
||||
{% extends "layout.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<h2>Company Work Policies</h2>
|
||||
<p class="description">Configure company-wide work policies and break time requirements. These settings apply to all employees and ensure compliance with local labor laws.</p>
|
||||
|
||||
<!-- Regional Presets Section -->
|
||||
<div class="section">
|
||||
<h3>Regional Presets</h3>
|
||||
<p class="section-description">
|
||||
Apply predefined work policies based on your country's labor laws. These presets ensure compliance with local regulations.
|
||||
</p>
|
||||
|
||||
<form method="POST" class="preset-form">
|
||||
<input type="hidden" name="action" value="apply_preset">
|
||||
|
||||
<div class="preset-grid">
|
||||
{% for preset in regional_presets %}
|
||||
<div class="preset-card {% if work_config.region.value == preset.code %}active{% endif %}">
|
||||
<div class="preset-header">
|
||||
<h4>{{ preset.name }}</h4>
|
||||
<input type="radio" name="region_preset" value="{{ preset.code }}"
|
||||
{% if work_config.region.value == preset.code %}checked{% endif %}>
|
||||
</div>
|
||||
<div class="preset-details">
|
||||
{{ preset.description }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Apply Selected Preset</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Manual Configuration Section -->
|
||||
<div class="section">
|
||||
<h3>Custom Configuration</h3>
|
||||
<p class="section-description">
|
||||
Manually configure work policies for custom requirements. Note: Ensure compliance with local labor laws.
|
||||
</p>
|
||||
|
||||
<form method="POST" class="config-form">
|
||||
<div class="form-group">
|
||||
<label for="work_hours_per_day">Standard Work Hours Per Day:</label>
|
||||
<input type="number"
|
||||
id="work_hours_per_day"
|
||||
name="work_hours_per_day"
|
||||
value="{{ work_config.work_hours_per_day }}"
|
||||
min="1"
|
||||
max="24"
|
||||
step="0.5"
|
||||
required>
|
||||
<small>Standard number of work hours per day for full-time employees</small>
|
||||
</div>
|
||||
|
||||
<div class="form-section">
|
||||
<h4>Primary Break Requirements</h4>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="mandatory_break_minutes">Mandatory Break Duration (minutes):</label>
|
||||
<input type="number"
|
||||
id="mandatory_break_minutes"
|
||||
name="mandatory_break_minutes"
|
||||
value="{{ work_config.mandatory_break_minutes }}"
|
||||
min="0"
|
||||
max="240"
|
||||
required>
|
||||
<small>Required break time in minutes (set to 0 to disable)</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="break_threshold_hours">Break Threshold (hours):</label>
|
||||
<input type="number"
|
||||
id="break_threshold_hours"
|
||||
name="break_threshold_hours"
|
||||
value="{{ work_config.break_threshold_hours }}"
|
||||
min="0"
|
||||
max="24"
|
||||
step="0.5"
|
||||
required>
|
||||
<small>Work hours after which a break becomes mandatory</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-section">
|
||||
<h4>Additional Break Requirements</h4>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="additional_break_minutes">Additional Break Duration (minutes):</label>
|
||||
<input type="number"
|
||||
id="additional_break_minutes"
|
||||
name="additional_break_minutes"
|
||||
value="{{ work_config.additional_break_minutes }}"
|
||||
min="0"
|
||||
max="240"
|
||||
required>
|
||||
<small>Additional break time for extended work sessions (set to 0 to disable)</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="additional_break_threshold_hours">Additional Break Threshold (hours):</label>
|
||||
<input type="number"
|
||||
id="additional_break_threshold_hours"
|
||||
name="additional_break_threshold_hours"
|
||||
value="{{ work_config.additional_break_threshold_hours }}"
|
||||
min="0"
|
||||
max="24"
|
||||
step="0.5"
|
||||
required>
|
||||
<small>Work hours after which an additional break becomes necessary</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="current-config">
|
||||
<h4>Current Configuration Summary</h4>
|
||||
<div class="config-summary">
|
||||
<strong>Region:</strong> {{ work_config.region_name }}<br>
|
||||
<strong>Work Day:</strong> {{ work_config.work_hours_per_day }} hours<br>
|
||||
<strong>Break Policy:</strong>
|
||||
{% if work_config.mandatory_break_minutes > 0 %}
|
||||
{{ work_config.mandatory_break_minutes }} minutes after {{ work_config.break_threshold_hours }} hours
|
||||
{% else %}
|
||||
No mandatory breaks
|
||||
{% endif %}
|
||||
<br>
|
||||
<strong>Additional Break:</strong>
|
||||
{% if work_config.additional_break_minutes > 0 %}
|
||||
{{ work_config.additional_break_minutes }} minutes after {{ work_config.additional_break_threshold_hours }} hours
|
||||
{% else %}
|
||||
No additional breaks
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Save Custom Configuration</button>
|
||||
<a href="{{ url_for('admin_company') }}" class="btn btn-secondary">Back to Company Settings</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.description {
|
||||
color: #666;
|
||||
margin-bottom: 2rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.section {
|
||||
background: #f8f9fa;
|
||||
padding: 2rem;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.section h3 {
|
||||
margin-top: 0;
|
||||
color: #333;
|
||||
border-bottom: 2px solid #007bff;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.section-description {
|
||||
color: #666;
|
||||
font-style: italic;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.preset-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.preset-card {
|
||||
background: white;
|
||||
border: 2px solid #e9ecef;
|
||||
border-radius: 8px;
|
||||
padding: 1rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.preset-card:hover {
|
||||
border-color: #007bff;
|
||||
box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
|
||||
}
|
||||
|
||||
.preset-card.active {
|
||||
border-color: #007bff;
|
||||
background: #e7f3ff;
|
||||
}
|
||||
|
||||
.preset-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.preset-header h4 {
|
||||
margin: 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.preset-details {
|
||||
color: #666;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
background: white;
|
||||
padding: 1.5rem;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 1.5rem;
|
||||
border-left: 4px solid #28a745;
|
||||
}
|
||||
|
||||
.form-section h4 {
|
||||
margin-top: 0;
|
||||
color: #28a745;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.form-group input {
|
||||
width: 100%;
|
||||
padding: 0.75rem;
|
||||
border: 2px solid #e9ecef;
|
||||
border-radius: 6px;
|
||||
font-size: 1rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-group input:focus {
|
||||
outline: none;
|
||||
border-color: #007bff;
|
||||
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
|
||||
}
|
||||
|
||||
.form-group small {
|
||||
display: block;
|
||||
margin-top: 0.5rem;
|
||||
color: #666;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.current-config {
|
||||
background: #fff3cd;
|
||||
padding: 1rem;
|
||||
border-radius: 6px;
|
||||
border-left: 4px solid #ffc107;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.current-config h4 {
|
||||
margin-top: 0;
|
||||
color: #856404;
|
||||
}
|
||||
|
||||
.config-summary {
|
||||
font-family: monospace;
|
||||
background: white;
|
||||
padding: 1rem;
|
||||
border-radius: 4px;
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 0.75rem 1.5rem;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
font-size: 1rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #007bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background: #6c757d;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background: #545b62;
|
||||
}
|
||||
|
||||
/* Make preset cards clickable */
|
||||
.preset-card {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.preset-card input[type="radio"] {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Make preset cards clickable
|
||||
document.querySelectorAll('.preset-card').forEach(card => {
|
||||
card.addEventListener('click', function() {
|
||||
const radio = this.querySelector('input[type="radio"]');
|
||||
radio.checked = true;
|
||||
|
||||
// Update active state
|
||||
document.querySelectorAll('.preset-card').forEach(c => c.classList.remove('active'));
|
||||
this.classList.add('active');
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
@@ -2,49 +2,49 @@
|
||||
|
||||
{% block content %}
|
||||
<div class="config-container">
|
||||
<h1>Work Configuration</h1>
|
||||
<h1>User Preferences</h1>
|
||||
<p class="description">Configure your personal display preferences and time tracking settings.</p>
|
||||
|
||||
<!-- Company Policies (Read-only) -->
|
||||
{% if company_config %}
|
||||
<div class="info-section">
|
||||
<h3>Company Work Policies <span class="read-only">(Read-only)</span></h3>
|
||||
<p class="section-description">
|
||||
These policies are set by your administrator and apply to all employees.
|
||||
{% if g.user.role == Role.ADMIN %}
|
||||
<a href="{{ url_for('admin_work_policies') }}">Click here to modify these settings</a>.
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
<div class="policy-info">
|
||||
<div class="policy-item">
|
||||
<strong>Region:</strong> {{ company_config.region_name }}
|
||||
</div>
|
||||
<div class="policy-item">
|
||||
<strong>Standard Work Day:</strong> {{ company_config.work_hours_per_day }} hours
|
||||
</div>
|
||||
<div class="policy-item">
|
||||
<strong>Break Policy:</strong>
|
||||
{% if company_config.mandatory_break_minutes > 0 %}
|
||||
{{ company_config.mandatory_break_minutes }} minutes after {{ company_config.break_threshold_hours }} hours
|
||||
{% else %}
|
||||
No mandatory breaks
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="policy-item">
|
||||
<strong>Additional Break:</strong>
|
||||
{% if company_config.additional_break_minutes > 0 %}
|
||||
{{ company_config.additional_break_minutes }} minutes after {{ company_config.additional_break_threshold_hours }} hours
|
||||
{% else %}
|
||||
No additional breaks
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- User Preferences Form -->
|
||||
<form method="POST" action="{{ url_for('config') }}" class="config-form">
|
||||
<div class="form-group">
|
||||
<label for="work_hours_per_day">Work Hours Per Day:</label>
|
||||
<input type="number" id="work_hours_per_day" name="work_hours_per_day"
|
||||
value="{{ config.work_hours_per_day }}" step="0.5" min="0.5" max="24" required>
|
||||
<small>Standard number of work hours in a day</small>
|
||||
</div>
|
||||
|
||||
<div class="form-section">
|
||||
<h3>Primary Break</h3>
|
||||
<div class="form-group">
|
||||
<label for="mandatory_break_minutes">Mandatory Break Duration (minutes):</label>
|
||||
<input type="number" id="mandatory_break_minutes" name="mandatory_break_minutes"
|
||||
value="{{ config.mandatory_break_minutes }}" step="1" min="0" max="240" required>
|
||||
<small>Required break time in minutes</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="break_threshold_hours">Break Threshold (hours):</label>
|
||||
<input type="number" id="break_threshold_hours" name="break_threshold_hours"
|
||||
value="{{ config.break_threshold_hours }}" step="0.5" min="0" max="24" required>
|
||||
<small>Work hours after which a break becomes mandatory</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-section">
|
||||
<h3>Additional Break</h3>
|
||||
<div class="form-group">
|
||||
<label for="additional_break_minutes">Additional Break Duration (minutes):</label>
|
||||
<input type="number" id="additional_break_minutes" name="additional_break_minutes"
|
||||
value="{{ config.additional_break_minutes }}" step="1" min="0" max="240" required>
|
||||
<small>Duration of additional break in minutes</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="additional_break_threshold_hours">Additional Break Threshold (hours):</label>
|
||||
<input type="number" id="additional_break_threshold_hours" name="additional_break_threshold_hours"
|
||||
value="{{ config.additional_break_threshold_hours }}" step="0.5" min="0" max="24" required>
|
||||
<small>Work hours after which an additional break becomes necessary</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-section">
|
||||
<h3>Display Format Settings</h3>
|
||||
@@ -56,7 +56,7 @@
|
||||
<label for="date_format">Date Format:</label>
|
||||
<select id="date_format" name="date_format">
|
||||
{% for value, label, example in date_format_options %}
|
||||
<option value="{{ value }}" {% if config.date_format == value %}selected{% endif %}>
|
||||
<option value="{{ value }}" {% if preferences.date_format == value %}selected{% endif %}>
|
||||
{{ label }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
@@ -69,7 +69,7 @@
|
||||
<input type="checkbox"
|
||||
id="time_format_24h"
|
||||
name="time_format_24h"
|
||||
{% if config.time_format_24h %}checked{% endif %}>
|
||||
{% if preferences.time_format_24h %}checked{% endif %}>
|
||||
<label for="time_format_24h">Use 24-hour time format</label>
|
||||
<small>If unchecked, will use 12-hour format with AM/PM</small>
|
||||
</div>
|
||||
@@ -93,7 +93,7 @@
|
||||
<label for="time_rounding_minutes">Time Rounding Interval:</label>
|
||||
<select id="time_rounding_minutes" name="time_rounding_minutes">
|
||||
{% for value, label in rounding_options %}
|
||||
<option value="{{ value }}" {% if config.time_rounding_minutes == value %}selected{% endif %}>
|
||||
<option value="{{ value }}" {% if preferences.time_rounding_minutes == value %}selected{% endif %}>
|
||||
{{ label }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
@@ -106,7 +106,7 @@
|
||||
<input type="checkbox"
|
||||
id="round_to_nearest"
|
||||
name="round_to_nearest"
|
||||
{% if config.round_to_nearest %}checked{% endif %}>
|
||||
{% if preferences.round_to_nearest %}checked{% endif %}>
|
||||
<label for="round_to_nearest">Round to nearest interval</label>
|
||||
<small>If unchecked, will always round up</small>
|
||||
</div>
|
||||
@@ -120,7 +120,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Save Configuration</button>
|
||||
<button type="submit" class="btn btn-primary">Save Preferences</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -240,6 +240,49 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.config-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.description {
|
||||
color: #666;
|
||||
margin-bottom: 2rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.info-section {
|
||||
background: #e8f4fd;
|
||||
padding: 1.5rem;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 2rem;
|
||||
border-left: 4px solid #17a2b8;
|
||||
}
|
||||
|
||||
.info-section h3 {
|
||||
margin-top: 0;
|
||||
color: #0c5460;
|
||||
}
|
||||
|
||||
.read-only {
|
||||
font-size: 0.8rem;
|
||||
color: #6c757d;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.policy-info {
|
||||
background: white;
|
||||
padding: 1rem;
|
||||
border-radius: 6px;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.policy-item {
|
||||
margin-bottom: 0.5rem;
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.section-description {
|
||||
color: #666;
|
||||
font-style: italic;
|
||||
|
||||
@@ -53,6 +53,7 @@
|
||||
<li><a href="{{ url_for('admin_users') }}" data-tooltip="Manage Users"><i class="nav-icon">👥</i><span class="nav-text">Manage Users</span></a></li>
|
||||
<li><a href="{{ url_for('admin_teams') }}" data-tooltip="Manage Teams"><i class="nav-icon">🏭</i><span class="nav-text">Manage Teams</span></a></li>
|
||||
<li><a href="{{ url_for('admin_projects') }}" data-tooltip="Manage Projects"><i class="nav-icon">📝</i><span class="nav-text">Manage Projects</span></a></li>
|
||||
<li><a href="{{ url_for('admin_work_policies') }}" data-tooltip="Work Policies"><i class="nav-icon">⚖️</i><span class="nav-text">Work Policies</span></a></li>
|
||||
<li><a href="{{ url_for('admin_settings') }}" data-tooltip="System Settings"><i class="nav-icon">🔧</i><span class="nav-text">System Settings</span></a></li>
|
||||
{% elif g.user.role in [Role.TEAM_LEADER, Role.SUPERVISOR] %}
|
||||
<li class="nav-divider">{{ g.user.username }}</li>
|
||||
|
||||
Reference in New Issue
Block a user