id: 45
pagetitle: Projekte
longtitle: 'Deine Strickprojekte'
alias: projekte
link_attributes: tshirt
published: 1
isfolder: 1
introtext: ''
richtext: 0
template: 6
menuindex: 4
createdby: 1
createdon: 1692779488
publishedon: 1692779460
publishedby: 1
context_key: justknit
uri: projekte/
properties: null
tvs: {  }

-----

<div class="card shadow-sm mt-2 mb-3">
    <div class="card-body">
        <h3 class="">[[*longtitle]]</h3>
    </div>
</div>
<div class="card shadow-sm">
    <div class="card-body">
        <ul class="list-group menu">
        [[!ProjectGetList?
            &Calcs=`project`
            &projectpage=`[[!GetId? &alias=`projekt`]]`
            &tpl=`jkProjectItem`
        ]]
        [[-@INLINE <li class="list-group-item"><a href="[[+link]]" title="[[+longtitle]]">[[+menutitle]]<i class="bi bi-chevron-right"></i></a><p class="fs-xsmall lh-1 text-muted">[[+description]]</p>[[+wrapper]]</li>]]
        </ul>
        [[-<p class="fs-xsmall lh-1 text-muted" hidden>Wenn weniger als 5 Projekte, dann ein Button um ein neues Projekt anzulegen. </p>]]
    [[!+product.product_name:is=`Premium`:then=`
                    [[!+jk.quantity:lowerthan=`5`:then=`
                        <button id="newPjBtn" type="button" class="btn btn-primary  mb-2" data-bs-toggle="modal" data-bs-target="#newPjModal">[[%justknit.btn_newpj? &namespace=`justknit` &topic=`project`]]</button>
                    `:else=` `]]
        `:else=`
                    <div class="text-center"><img class="mb-4 w-100 lazy"  src="assets/components/justknit/img/bg/workfromhome.png" alt="no Project">
                    <h4 class="card-title">Dieser Bereich steht nur Premium-Nutzern zur Verfügung!</h4>
                    <p class="card-text">Als Premium Nutzer kannst du  exklusiv fünf Projekte anlegen und mit deiner Maschenprobe eine vollständige Anleitung für eine Jacke oder einen Pullover berechnen.<br>
                    Hier geht es zu JustKnit - Premium: </p>
                    <a class="btn btn-primary mb-5" href="[[~[[GetId? &alias=`premium`]]]]#angebot">Zu JustKnit - Premium <i class="bi bi-arrow-right text-white"></i></a>
                    
        
        
                    
                    </div>
        `]]
[[-+jk.quantity]]
    </div>
</div>
[[!ProjectNew?
    &Calcs=`project`
    &projectpage=`[[!GetId? &alias=`projekt`]]`
    &Dims=`wBust,wWaist,wHips,wFrontband,wFront,hCo2hips,hHips2waist,hWaist2armhole,hCo2Armhole,hProject,hNeckFront,hArmhole,hNeckBack, hShoulder, wNeck, wShoulder, wCrossback, wArmhole, hCap, hSleeve, hSleeve2Underarm, wNeckRaglan,wUpperarm, wWrist`
]]
<!-- Modal: Neues Projekt -->      

<div class="modal fade" id="newPjModal" tabindex="-1" aria-labelledby="newPjLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <form id="project-[[*alias]]" class="freecalc needs-validation" novalidate action="[[~[[*id]]]]" method="post">
            <div class="modal-header">
                <h5 class="modal-title">Neues Projekt anlegen</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                    <p>Erstelle ein neues Strickprojekt</p>
 
                    [[-<input type="text" class="form-control inVal "          id="project_title"          name="project_title"         placeholder=[[%justknit.pj_title? &namespace=`justknit` &topic=`project`]]         value="[[+jk.project_title]]">]]
<div class="mb-3 position-relative show">
    <div class="d-flex">
        <label class="form-label" for="title" title="[[!%jk.pjnew_pj_title_label_title]]">[[!%jk.pjnew_pj_title_label_text]]</label>
        <a tabindex="0" role="button"  data-bs-trigger="focus" data-placement="top" class="ms-auto" data-bs-html="true" data-bs-toggle="popovermodal" title="[[!%jk.pjnew_pj_title_pop_title]]" 
        data-bs-content="[[!%jk.pjnew_pj_title_pop_content]]"><i class="bi bi-question-circle"></i></a>
    </div>
    <input type="text" class="form-control inVal shown"  title="[[!%jk.pjnew_pj_title_label_title]]" id="title" name="title" placeholder="[[!%jk.pjnew_pj_title_plchd]]" value="[[+jk.pj_title]]">
    <div id="Dpj_title" class="invalid-tooltip">[[!%jk.pjnew_pj_title_invalid]]</div>
</div>                    
                    [[-<textarea class="form-control mt-2 inVal" id="project_description" name="project_description" placeholder=[[%justknit.pj_description? &namespace=`justknit` &topic=`project`]]  value="[[+jk.project_description]]" rows="5"></textarea>]]
<div class="mb-3 position-relative show">
    <div class="d-flex">
        <label class="form-label" for="description" title="[[!%jk.pjnew_pj_desc_label_title]]">[[!%jk.pjnew_pj_desc_label_text]]</label>
        <a tabindex="0" role="button"  data-bs-trigger="focus" data-placement="top" class="ms-auto" data-bs-html="true" data-bs-toggle="popovermodal" title="[[!%jk.pjnew_pj_desc_pop_title]]" 
        data-bs-content="[[!%jk.pjnew_pj_desc_pop_content]]"><i class="bi bi-question-circle"></i></a>
    </div>
    <textarea class="form-control mt-2 inVal"  title="[[!%jk.pjnew_pj_desc_label_title]]" id="description" name="description" placeholder="[[!%jk.pjnew_pj_desc_plchd]]" value="[[+jk.pj_desc]]" rows="5"></textarea>
    <div id="Dpj_desc" class="invalid-tooltip">[[!%jk.pjnew_pj_desc_invalid]]</div>
</div> 
            </div>
            <div class="modal-footer">
                [[-<button type="button" class="btn btn-primary" data-bs-dismiss="modal">[[%justknit.btn_add? &namespace=`justknit` &topic=`projectc`]]</button>]]
                <input id="newBtn" type="submit" name="newProject" class="btn btn-primary  mb-2" value="[[%justknit.btn_add? &namespace=`justknit` &topic=`project`]]" />
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">[[%justknit.btn_dismiss? &namespace=`justknit` &topic=`project`]]</button>
            </div>
            </form>
        </div>
    </div>
</div>
<!-- END Modal Neues Projekt -->


<!-- Modal: Titel und Beschreibung zum Speichern --> 
<!-- 
            <div class="modal fade" id="titleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title">Titel und Beschreibung</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>
                  <div class="modal-body">
                    <p>Gib einen Titel und eine Beschreibung für deine Berechnung an, damit du sie später wiederfindest. </p>
                    <input type="text" class="form-control inVal "          id="gauge_title"          name="gauge_title"         placeholder="Titel"         value="[[+fi.gauge_title]]">
                    <input type="text" class="form-control mt-2 inVal"      id="gauge_description"    name="gauge_description"   placeholder="Beschreibung"  value="[[+fi.gauge_description]]">    
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <input type="submit" name="addCalc" class="btn btn-primary" value="Save changes" />
                    [[-<button id="sendBtn" type="submit" name="addCalc" class="btn btn-primary" data-bs-dismiss="modal" value="  ">Save changes</button>]]
                  </div>
                </div>
              </div>
            </div>
-->            
<!-- END Titel und Beschreibung zum Speichern -->