diff options
author | neodarz <neodarz@neodarz.net> | 2018-04-20 16:49:20 +0200 |
---|---|---|
committer | neodarz <neodarz@neodarz.net> | 2018-04-20 16:49:20 +0200 |
commit | 4d1782c098a7995ca321bf80c5cfa331a073ef80 (patch) | |
tree | 8e7f8f2d9a0f6f6367e12ca277a605803d1c22b0 | |
parent | 657d293e0213d699c3e3cbf8d482886758864a7b (diff) | |
download | filmManager-4d1782c098a7995ca321bf80c5cfa331a073ef80.zip filmManager-4d1782c098a7995ca321bf80c5cfa331a073ef80.tar.xz |
Add some class for bootstrap
-rw-r--r-- | app/Resources/views/base.html.twig | 25 | ||||
-rw-r--r-- | app/Resources/views/default/index.html.twig | 44 | ||||
-rw-r--r-- | app/Resources/views/film/index.html.twig | 35 |
3 files changed, 36 insertions, 68 deletions
diff --git a/app/Resources/views/base.html.twig b/app/Resources/views/base.html.twig index 8be9516..d3d6184 100644 --- a/app/Resources/views/base.html.twig +++ b/app/Resources/views/base.html.twig @@ -5,21 +5,28 @@ <title>{% block title %}Welcome!{% endblock %}</title> {% block stylesheets %}{% endblock %} <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> + <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> </head> <body> - <nav> - <ul> - <li><a href="/">home</a></li> - <li><a href="/film">films</a></li> - <li><a href="/acteur">acteurs</a></li> + <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <ul class="navbar-nav"> + <li class="nav-item"><a class="nav-link" href="/">home</a></li> + <li class="nav-item"><a class="nav-link" href="/film">films</a></li> + <li class="nav-item"><a class="nav-link" href="/acteur">acteurs</a></li> {% if app.user %} - <li><a href="/logout">logout</a></li> + <li class="nav-item"><a class="nav-link" href="/logout">logout</a></li> {% else %} - <li><a href="/login">login</a></li> - <li><a href="/register">register</a></li> + <li class="nav-item"><a class="nav-link" href="/login">login</a></li> + <li class="nav-item"><a class="nav-link" href="/register">register</a></li> {% endif %} </ul> - {% block body %}{% endblock %} + </nav> + <div class="container"> + {% block body %}{% endblock %} + </div> {% block javascripts %}{% endblock %} </body> </html> diff --git a/app/Resources/views/default/index.html.twig b/app/Resources/views/default/index.html.twig index c720409..f2004b6 100644 --- a/app/Resources/views/default/index.html.twig +++ b/app/Resources/views/default/index.html.twig @@ -1,49 +1,7 @@ {% extends 'base.html.twig' %} {% block body %} - <div id="wrapper"> - <div id="container"> - <div id="welcome"> - <h1><span>Welcome to</span> Symfony {{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION') }}</h1> - </div> - - <div id="status"> - <p> - <svg id="icon-status" width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z" fill="#759E1A"/></svg> - - Your application is now ready. You can start working on it at: - <code>{{ base_dir }}</code> - </p> - </div> - - <div id="next"> - <h2>What's next?</h2> - <p> - <svg id="icon-book" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="-12.5 9 64 64" enable-background="new -12.5 9 64 64" xml:space="preserve"> - <path fill="#AAA" d="M6.8,40.8c2.4,0.8,4.5-0.7,4.9-2.5c0.2-1.2-0.3-2.1-1.3-3.2l-0.8-0.8c-0.4-0.5-0.6-1.3-0.2-1.9 - c0.4-0.5,0.9-0.8,1.8-0.5c1.3,0.4,1.9,1.3,2.9,2.2c-0.4,1.4-0.7,2.9-0.9,4.2l-0.2,1c-0.7,4-1.3,6.2-2.7,7.5 - c-0.3,0.3-0.7,0.5-1.3,0.6c-0.3,0-0.4-0.3-0.4-0.3c0-0.3,0.2-0.3,0.3-0.4c0.2-0.1,0.5-0.3,0.4-0.8c0-0.7-0.6-1.3-1.3-1.3 - c-0.6,0-1.4,0.6-1.4,1.7s1,1.9,2.4,1.8c0.8,0,2.5-0.3,4.2-2.5c2-2.5,2.5-5.4,2.9-7.4l0.5-2.8c0.3,0,0.5,0.1,0.8,0.1 - c2.4,0.1,3.7-1.3,3.7-2.3c0-0.6-0.3-1.2-0.9-1.2c-0.4,0-0.8,0.3-1,0.8c-0.1,0.6,0.8,1.1,0.1,1.5c-0.5,0.3-1.4,0.6-2.7,0.4l0.3-1.3 - c0.5-2.6,1-5.7,3.2-5.8c0.2,0,0.8,0,0.8,0.4c0,0.2,0,0.2-0.2,0.5c-0.2,0.3-0.3,0.4-0.2,0.7c0,0.7,0.5,1.1,1.2,1.1 - c0.9,0,1.2-1,1.2-1.4c0-1.2-1.2-1.8-2.6-1.8c-1.5,0.1-2.8,0.9-3.7,2.1c-1.1,1.3-1.8,2.9-2.3,4.5c-0.9-0.8-1.6-1.8-3.1-2.3 - c-1.1-0.7-2.3-0.5-3.4,0.3c-0.5,0.4-0.8,1-1,1.6c-0.4,1.5,0.4,2.9,0.8,3.4l0.9,1c0.2,0.2,0.6,0.8,0.4,1.5c-0.3,0.8-1.2,1.3-2.1,1 - c-0.4-0.2-1-0.5-0.9-0.9c0.1-0.2,0.2-0.3,0.3-0.5s0.1-0.3,0.1-0.3c0.2-0.6-0.1-1.4-0.7-1.6c-0.6-0.2-1.2,0-1.3,0.8 - C4.3,38.4,4.7,40,6.8,40.8z M46.1,20.9c0-4.2-3.2-7.5-7.1-7.5h-3.8C34.8,10.8,32.7,9,30.2,9L-2.3,9.1c-2.8,0.1-4.9,2.4-4.9,5.4 - L-7,58.6c0,4.8,8.1,13.9,11.6,14.1l34.7-0.1c3.9,0,7-3.4,7-7.6L46.1,20.9z M-0.3,36.4c0-8.6,6.5-15.6,14.5-15.6 - c8,0,14.5,7,14.5,15.6S22.1,52,14.2,52C6.1,52-0.3,45-0.3,36.4z M42.1,65.1c0,1.8-1.5,3.1-3.1,3.1H4.6c-0.7,0-3-1.8-4.5-4.4h30.4 - c2.8,0,5-2.4,5-5.4V17.9h3.7c1.6,0,2.9,1.4,2.9,3.1V65.1L42.1,65.1z"/> - </svg> - - Read the documentation to learn - <a href="https://symfony.com/doc/{{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION')[:3] }}/page_creation.html"> - How to create your first page in Symfony - </a> - </p> - </div> - - </div> - </div> +<p> Welcome in Film Manager. Use the top menu for use this app.</p> {% endblock %} {% block stylesheets %} diff --git a/app/Resources/views/film/index.html.twig b/app/Resources/views/film/index.html.twig index ea3f05e..6ef2be8 100644 --- a/app/Resources/views/film/index.html.twig +++ b/app/Resources/views/film/index.html.twig @@ -1,19 +1,27 @@ {% extends 'base.html.twig' %} {% block body %} - <h1>Films list</h1> - - <table> + <div class="container"> + <div class="row"> + <h1 class="col-sm">Films list</h1> + <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> + <ul class="navbar-nav"> + <li><a class="col-sm btn btn-dark" href="{{ path('film_new') }}">Create a new film</a></li> + </ul> + </nav> + </div> + </div> + <table class="table"> <thead> <tr> - <th>Id</th> - <th>Title</th> - <th>Duration</th> - <th>Type</th> - <th>Genres</th> - <th>Synopsis</th> - <th>Actions</th> - <th>Uploader</th> + <th scope="col">Id</th> + <th scope="col">Title</th> + <th scope="col">Duration</th> + <th scope="col">Type</th> + <th scope="col">Genres</th> + <th scope="col">Synopsis</th> + <th scope="col">Actions</th> + <th scope="col">Uploader</th> </tr> </thead> <tbody> @@ -47,9 +55,4 @@ </tbody> </table> - <ul> - <li> - <a href="{{ path('film_new') }}">Create a new film</a> - </li> - </ul> {% endblock %} |