[+]: added "inc_plan.twig"

app/controllers/index.controller.php

@@ -5,6 +5,6 @@
// home
$app->get(
  '/', function () use ($app) {
    $app->render('tpl_index.twig');
    $app->render('tpl_index.twig', array('page_template' => 'tpl_index', 'page_id' => 1));
  }
)->name('home');

app/controllers/ticket.controller.php

@@ -9,16 +9,23 @@
    $data = array();
    $data['tickets'] = $tickets->getAll();

    $app->render('tpl_buy_overview.twig', array('data' => $data));
    $app->render('tpl_buy_overview.twig', array('page_template' => 'tpl_buy_overview', 'data' => $data));
  }
)->name('tickets');

$app->get(
  '/tickets', function () use ($app) {
    $app->render('tpl_tickets.twig');
    $app->render('tpl_tickets.twig', array('page_template' => 'tpl_tickets'));
  }
)->name('tickets');


$app->get(
  '/tickets/:plan+', function ($plan) use ($app) {
    $app->render('tpl_tickets.twig', array('page_template' => 'tpl_tickets', 'plan' => $plan));
  }
)->name('ticket_plan');

// POST routes

// buy
@@ -43,7 +50,7 @@
    try {
      R::store($tickets);
      R::commit();
      $app->flash('success', 'Nice to hear from you!');
      $app->flash('success', 'Deine Bestellung wurde gespeichert!');
    }
    catch (Exception $e) {
      R::rollback();

app/views/inc_plan.twig

@@ -0,0 +1,152 @@
{% if plan %}
  <div class="row">
    <div class="my_planWrapper col-xs-12 col-sm-offset-4 col-sm-8">
      <div class="row">
        <div class="col-xs-3 my_planHeader my_plan1">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">05,00 €</div>
          <div class="my_planDuration">(ohne Spende)</div>
          <input name="plan[1]" value="{% if plan[0] == 1 %}{{ plan[1] }}{% endif %}" />
        </div>
        <div class="col-xs-3 my_planHeader my_plan2">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">10,00 €</div>
          <div class="my_planDuration">(Spende: 5,00 €)</div>
          <input name="plan[2]" value="{% if plan[0] == 2 %}{{ plan[1] }}{% endif %}" />
        </div>
        <div class="col-xs-3 my_planHeader my_plan3">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">12,50 €</div>
          <div class="my_planDuration">(ohne Spende)</div>
          <input name="plan[3]" value="{% if plan[0] == 3 %}{{ plan[1] }}{% endif %}" />
        </div>
        <div class="col-xs-3 my_planHeader my_plan4">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">17,50 €</div>
          <div class="my_planDuration">(Spende: 5,00 €)</div>
          <input name="plan[4]" value="{% if plan[0] == 4 %}{{ plan[1] }}{% endif %}" />
        </div>
      </div>
    </div>
  </div>
{% else %}
  <div class="row">
    <div class="my_planWrapper col-xs-12 col-sm-offset-4 col-sm-8">
      <div class="row">
        <div class="col-xs-3 my_planHeader my_plan1">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">05,00 €</div>
          <div class="my_planDuration">(ohne Spende)</div>
          <a href="/tickets/1/1" type="button" class="btn btn-default">Kaufen</a>
        </div>
        <div class="col-xs-3 my_planHeader my_plan2">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">10,00 €</div>
          <div class="my_planDuration">(Spende: 5,00 €)</div>
          <a href="/tickets/2/1" type="button" class="btn btn-default">Kaufen</a>
        </div>
        <div class="col-xs-3 my_planHeader my_plan3">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">12,50 €</div>
          <div class="my_planDuration">(ohne Spende)</div>
          <a href="/tickets/3/2" type="button" class="btn btn-default">Kaufen</a>
        </div>
        <div class="col-xs-3 my_planHeader my_plan4">
          <div class="my_planTitle"></div>
          <div class="my_planPrice">17,50 €</div>
          <div class="my_planDuration">(Spende: 5,00 €)</div>
          <a href="/tickets/4/1" type="button" class="btn btn-default">Kaufen</a>
        </div>
      </div>
    </div>
  </div>
{% endif %}

<div class="row my_featureRow">
  <div class="col-xs-12 col-sm-4 my_feature">
    08.11.2014 (Ticket für eine Person)
  </div>
  <div class="col-xs-12 col-sm-8 my_feature">
    <div class="row">
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan1">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan2">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan3">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan4">
        <i class="fa fa-check my_check"></i>
      </div>
    </div>
  </div>
</div>
<div class="row my_featureRow">
  <div class="col-xs-12 col-sm-4 my_feature">
    09.11.2014 (Ticket für eine Person)
  </div>
  <div class="col-xs-12 col-sm-8 my_feature">
    <div class="row">
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan1">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan2">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan3">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan4">
        <i class="fa fa-check my_check"></i>
      </div>
    </div>
  </div>
</div>
<div class="row my_featureRow">
  <div class="col-xs-12 col-sm-4 my_feature">
    Spende (5,00 €)
  </div>
  <div class="col-xs-12 col-sm-8 my_feature">
    <div class="row">
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan1">
        <i class="fa"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan2">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan3">
        <i class="fa"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan4">
        <i class="fa fa-check my_check"></i>
      </div>
    </div>
  </div>
</div>
<div class="row my_featureRow">
  <div class="col-xs-12 col-sm-4 my_feature">
    Tasse + kostenfrei Kaffee und Tee
  </div>
  <div class="col-xs-12 col-sm-8 my_feature">
    <div class="row">
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan1">
        <i class="fa"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan2">
        <i class="fa"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan3">
        <i class="fa fa-check my_check"></i>
      </div>
      <div class="col-xs-3 col-sm-3 my_planFeature my_plan4">
        <i class="fa fa-check my_check"></i>
      </div>
    </div>
  </div>
</div>

<h4 class="text-center">
  Die Tickets beinhaltet einen kostenfreien Zugang zu der Ausstellung des LVR Rheinischen Industriemuseums.
</h4>

app/views/tpl_base.twig

@@ -10,7 +10,7 @@
<head>
{% block head %}

  <titl></title>
  <title></title>

  {% block head_meta %}
    <meta charset="utf-8">
@@ -20,8 +20,8 @@

  {# CSS #}
  {% block head_css %}
    <link rel="stylesheet" href="vendor/bower/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="css-min/app.css">
    <link rel="stylesheet" href="/vendor/bower/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/css-min/app.css">
  {% endblock %}

  {% flush %}
@@ -31,11 +31,11 @@
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="vendor/bower/jquery/dist/jquery.min.js"><\/script>')</script>

    <script src="js-min/plugins.js"></script>
    <script src="js-min/app.js"></script>
    <script src="/js-min/plugins.js"></script>
    <script src="/js-min/app.js"></script>

    <!-- only for example-images -->
    <script src="vendor/bower/bootstrap-sass/docs-assets/js/holder.js"></script>
    <script src="/vendor/bower/bootstrap-sass/docs-assets/js/holder.js"></script>

    <!-- load web-fonts -->
    <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
@@ -55,7 +55,7 @@

  {% flush %}

  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
{% endblock %}
</head>
<body id="page{{ page_id }}" class="{{ page_template }}">
@@ -69,7 +69,7 @@
      <div class="row">
        <div class="col-sm-12 clearfix">
          <h1>
            <a href="./index.html" title="OpenRheinRuhr">OpenRheinRuhr</a>
            <a href="/" title="OpenRheinRuhr">OpenRheinRuhr</a>
          </h1>

          <p class="lead">
@@ -78,14 +78,44 @@

          <h2>8. und 9. November 2014, Oberhausen</h2>
        </div>
        <div class="col-sm-12">
          <a class="btn btn-lg btn-primary" href="#section6" role="button">Tickets »</a>
        </div>

        {% if page_template == 'tpl_index' %}
          <div class="col-sm-12">
            <a class="btn btn-lg btn-primary" href="#section6" role="button">Tickets »</a>
          </div>
        {% endif %}

      </div>

    </div>
  </header>

  <!-- Fixed navbar -->
  <div class="navbar navbar-custom navbar-inverse navbar-static-top affix-top main-navbar">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav nav-justified">
          <li {% if page_template == 'tpl_index' %}class="active"{% endif %}><a href="{% if page_template != 'tpl_index' %}/index.php{% endif %}#section1"><strong>Home</strong></a></li>
          <li {% if page_template == 'tpl_concept' %}class="active"{% endif %}><a href="{% if page_template != 'tpl_index' %}/index.php{% endif %}#section2">Konzept</a></li>
          <li {% if page_template == 'tpl_news' %}class="active"{% endif %}><a href="{% if page_template != 'tpl_index' %}/index.php{% endif %}#section3">News</a></li>
          <li {% if page_template == 'tpl_location' %}class="active"{% endif %}><a href="{% if page_template != 'tpl_index' %}/index.php{% endif %}#section4">Location</a></li>
          <li {% if page_template == 'tpl_tickets' %}class="active"{% endif %}><a href="{% if page_template != 'tpl_index' %}/index.php{% endif %}#section6">Tickets</a></li>
          <li {% if page_template == 'tpl_contact' %}class="active"{% endif %}><a href="{% if page_template != 'tpl_index' %}/index.php{% endif %}#section5">Kontakt</a></li>
        </ul>
      </div>
      <!--/.nav-collapse -->
    </div>
    <!--/.container -->
  </div>
  <!--/.navbar -->

  {% block content %}{% endblock %}

</div>