Arbeitsnachweis: Abo-Stundenkonto nur bei Kunden mit Wartungs-Abo

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/CreateWorksheetModal.jsx

@@ -31,7 +31,7 @@ const initialForm = (workorder, newStatus) => ({
   countsToPlan: false
 })
 
-export default function CreateWorksheetModal({ isOpen, onClose, workorder, onCreate }) {
+export default function CreateWorksheetModal({ isOpen, onClose, workorder, onCreate, aboHoursAllowed = true }) {
   const { user } = useAuth()
 
   const isAcquisition = workorder?.type === 'Akquise'
@@ -109,7 +109,7 @@ export default function CreateWorksheetModal({ isOpen, onClose, workorder, onCre
         endTime: timeToWoms(formData.endTime),
         details: formData.details,
         isComment: formData.isComment,
-        countsToPlan: !formData.isComment && formData.countsToPlan,
+        countsToPlan: aboHoursAllowed && !formData.isComment && formData.countsToPlan,
         employeeShort: user?.prefs?.shortCode || '' // Aus User-Preferences
       }
 
@@ -191,17 +191,19 @@ export default function CreateWorksheetModal({ isOpen, onClose, workorder, onCre
                 </label>
               </div>
 
-              <div className="form-group">
-                <label style={{ display: 'flex', alignItems: 'center', gap: '8px' }} title="Zeit wird vom Stundenguthaben des Wartungs-Abos abgezogen und im Kundenportal angezeigt">
-                  <input
-                    type="checkbox"
-                    checked={formData.countsToPlan && !formData.isComment}
-                    disabled={formData.isComment}
-                    onChange={(e) => handleChange('countsToPlan', e.target.checked)}
-                  />
-                  Vom Abo-Stundenkonto abziehen
-                </label>
-              </div>
+              {aboHoursAllowed && (
+                <div className="form-group">
+                  <label style={{ display: 'flex', alignItems: 'center', gap: '8px' }} title="Zeit wird vom Stundenguthaben des Wartungs-Abos abgezogen und im Kundenportal angezeigt">
+                    <input
+                      type="checkbox"
+                      checked={formData.countsToPlan && !formData.isComment}
+                      disabled={formData.isComment}
+                      onChange={(e) => handleChange('countsToPlan', e.target.checked)}
+                    />
+                    Vom Abo-Stundenkonto abziehen
+                  </label>
+                </div>
+              )}
             </div>
 
             <div className="col col-6">

src/components/TicketCard.jsx

@@ -16,6 +16,7 @@ import Tabs from './ui/Tabs'
 import Badge from './ui/Badge'
 import { StatusPill, UrgentPill } from './ui/StatusPill'
 import { useWorksheets } from '../hooks/useWorksheets'
+import { useCustomerAbo } from '../hooks/useCustomerAbo'
 import { useAuth } from '../context/AuthContext'
 import { databases, DATABASE_ID, COLLECTIONS } from '../lib/appwrite'
 import { canEditWorksheetTimes } from '../lib/ticketForm'
@@ -34,6 +35,11 @@ export default function TicketCard({ ticket, onUpdate }) {
   const [activeTab, setActiveTab] = useState('details')
   const [showCreateWorksheet, setShowCreateWorksheet] = useState(false)
   const [editTimesWorksheet, setEditTimesWorksheet] = useState(null)
+  // Abo-Stundenkonto gibt es nur bei Wartungs-Abo; erst laden, wenn Arbeitsblaetter gebraucht werden
+  const { hoursAllowed: aboHoursAllowed } = useCustomerAbo(
+    ticket.customerId,
+    (expanded && activeTab === 'worksheets') || showCreateWorksheet
+  )
 
   const { worksheets, loading: worksheetsLoading, createWorksheet, updateWorksheet, updateWorksheetTimes, getTotalTime } = useWorksheets(
     expanded ? ticket.woid : null
@@ -139,6 +145,7 @@ export default function TicketCard({ ticket, onUpdate }) {
                   canEditTimes={(ws) => canEditWorksheetTimes(ws, user, employee)}
                   onEditTimes={setEditTimesWorksheet}
                   onTogglePlan={handleTogglePlan}
+                  aboHoursAllowed={aboHoursAllowed}
                 />
               </div>
             )}
@@ -148,7 +155,7 @@ export default function TicketCard({ ticket, onUpdate }) {
         </div>
       )}
 
-      <CreateWorksheetModal isOpen={showCreateWorksheet} onClose={() => setShowCreateWorksheet(false)} workorder={ticket} onCreate={handleCreateWorksheet} />
+      <CreateWorksheetModal isOpen={showCreateWorksheet} onClose={() => setShowCreateWorksheet(false)} workorder={ticket} onCreate={handleCreateWorksheet} aboHoursAllowed={aboHoursAllowed} />
       {editTimesWorksheet && (
         <WorksheetTimesModal
           worksheet={editTimesWorksheet}

src/components/WorksheetList.jsx

@@ -24,7 +24,7 @@ const headerButtonStyle = {
   marginRight: '8px',
 }
 
-export default function WorksheetList({ worksheets, totalTime, loading, onTogglePlan, canEditTimes, onEditTimes }) {
+export default function WorksheetList({ worksheets, totalTime, loading, onTogglePlan, aboHoursAllowed = true, canEditTimes, onEditTimes }) {
   const [expandedWorksheets, setExpandedWorksheets] = useState({})
   if (loading) {
     return (
@@ -177,7 +177,7 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
                           : <><FaPen className="me-1" /> Zeiten bearbeiten</>}
                       </button>
                     )}
-                    {onTogglePlan && !ws.isComment && Number(ws.totalTime) > 0 && (
+                    {onTogglePlan && !ws.isComment && Number(ws.totalTime) > 0 && (aboHoursAllowed || ws.countsToPlan) && (
                       <button
                         type="button"
                         className="btn btn-sm"