mpa.html

## mpa.html
<!-- ----------- -->
<!--  Index page -->
<!-- ----------- -->
<!DOCTYPE html>
<html>
<head>
  <meta name="layout" content="main"/>
  <parameter name="layout" value="app" />
  <parameter name="fixedWidth" value="true" />
  <asset:stylesheet src="application"/>
  <asset:javascript src="buttons" asset-defer="asset-defer"/>

  <asset:script type="text/javascript">
    $(document).ready(function() {
      $('#projects').DataTable( {
      });
    });
  </asset:script>

</head>

<body>

<g:render template="/crm/secondaryMenuTop" model="${[active: 'projects']}"/>
<div class="row">
  <div class="col-md-12 col-mobile">
    <div class="panel panel-default">
      <div class="panel-body mh500">
        <table id="projects" class="table table-striped table-hover mb0">
          <thead>
          <tr>
            <th>Name</th>
            <th>Beschreibung</th>
          </tr>
          </thead>
          <tbody>
          <g:each in="${projects}" var="project" status="idx">
            <tr>
              <td><b:crmProjectLink project="${project}" class="bold noBubble"/></td>
              <td>${project.description}</td>
            </tr>
          </g:each>
          </tbody>
        </table>

      </div>

      <div class="panel-footer">
        <g:link action="create" params="${[product: params.product]}" class="btn btn-default">Projekt erstellen</g:link>
      </div>
    </div>
  </div>
</div>

</body>
</html>

<!-- ---------- -->
<!--  Show page -->
<!-- ---------- -->
<!DOCTYPE html>
<html>
<head>
  <meta name="layout" content="main"/>
  <parameter name="layout" value="app" />
  <parameter name="fixedWidth" value="true" />
  <asset:stylesheet src="application"/>
</head>

<body>

<g:render template="/crm/secondaryMenuTop" model="${[active: 'project']}"/>
<div class="row">
  <div class="col-md-7 col-mobile">
    <div class="panel panel-default">
      <table class="table table-striped">
        <tbody>
        <vh:labelItem label="Name" valueClass="bold" labelStyle="width: 30%">${project.title}</vh:labelItem>
        <vh:labelItem label="Beschreibung">${project.description}</vh:labelItem>
        </tbody>
      </table>
    </div>
  </div>
  <div class="col-md-5 col-mobile">
    <div>todo</div>
  </div>
</div>

<div class="row">
  <div class="col-lg-12 col-mobile">
    <div class="panel panel-default">
      <div class="panel-body">
        <g:link action="edit" class="btn btn-primary" params="${[product: params.product, projectId: project.id]}">Bearbeiten</g:link>
        <g:link action="index" params="${[product: params.product]}" class="btn btn-link" >Zurück</g:link>
        <g:link action="delete" params="${[product: params.product, projectId: project.id]}" class="btn btn-default pull-right confirm"
                data-confirm="Möchten Sie das Projekt wirklich löschen?"><i class="fa fa-trash-o mr6"></i>Projekt löschen</g:link>
      </div>
    </div>
  </div>
</div>

<div id="remoteModalContainer"></div>

</body>
</html>

<!-- ---------- -->
<!--  Edit page -->
<!-- ---------- -->
<!DOCTYPE html>
<html>
<head>
  <meta name="layout" content="main"/>
  <parameter name="layout" value="app" />
  <parameter name="fixedWidth" value="true" />
  <asset:stylesheet src="application"/>
</head>

<body>

<g:render template="/crm/secondaryMenuTop" model="${[active: 'projects']}"/>
<div class="row">
  <div class="col-md-12">
    <div class="panel panel-default">
      <g:form action="update" method="post" params="${[projectId: project.id, product: params.product]}" class="form-horizontal">
        <div class="panel-body mh500">
          <div class="row">
            <div class="col-lg-6">
              <g:render template="form" model="${[type: 'edit', project: project]}"/>
            </div>
          </div>
        </div>
        <div class="panel-footer">
          <g:submitButton name="Änderungen speichern" class="btn btn-primary"/>
          <g:link action="show" params="${[product: params.product, projectId: project.id]}" class="btn btn-link">Abbrechen</g:link>
        </div>
      </g:form>
    </div>
  </div>
</div>

</body>
</html>

<!-- ------------- -->
<!--  Create page  -->
<!-- ------------- -->
<!DOCTYPE html>
<html>
<head>
  <meta name="layout" content="main"/>
  <parameter name="layout" value="app" />
  <parameter name="fixedWidth" value="true" />
  <asset:stylesheet src="application"/>
</head>

<body>

<g:render template="/crm/secondaryMenuTop" model="${[active: 'project']}"/>
<div class="row">
  <div class="col-md-12">
    <div class="panel panel-default">
      <g:form action="save" params="${[product: params.product]}" method="post" class="form-horizontal">
        <div class="panel-body mh500">
          <div class="row">
            <div class="col-lg-6">
              <g:render template="form" model="${[type: "create"]}"/>
            </div>
          </div>
        </div>
        <div class="panel-footer">
          <g:submitButton name="Projekt erstellen" class="btn btn-primary"/>
          <g:link action="index" params="${[product: params.product]}" class="btn btn-link">Abbrechen</g:link>
        </div>
      </g:form>
    </div>
  </div>
</div>

</body>
</html>

<!-- ------------ -->
<!--  Form widget -->
<!-- ------------ -->
<fh:itemText label="Name" required="${true}" autofocus="${true}" name="title" value="${project?.title}"/>
<fh:itemText label="Beschreibung" name="description" value="${project?.description}"/>