[WIP] New Design. (#151)

* Update create.tmpl.php

* Update goto.tmpl.php

* Update main.tmpl.php

* Create navigation.tmpl.php

* Update vote.js

* Add files via upload

* Update vote.css

* Update main.css

* Update list.css

* Update create.css

* Update main.tmpl.php

* Add files via upload

* Update main.tmpl.php

* Update main.css

* Moved polltype to right cloumn

* Remove Header "Basic information"

* Switch to scss

* Fix for public URL

* relative path to svg

* Fix poll link

* Some tidy and switch to scss

* Cosmetics

Added empty content and some removed some tags

* quick fix for small lines

* Date fix

* remove footer

* Adding avatars

Added avatars zu participants and removed breadcrump if user is not logged in

* Syntax error

* Avatar fix for public polls

* limit width of avatar cell

* Tidy and changed classes

* Fix breadcrump

* Update

* Switch to SCSS

For some reason the create.scss cannot be compiled, so I renamed the file.

* Switch to SCSS and changed classes

* fix

* Fix for total count

* Change of vote table layout

* Updated screenshots

* Css change

* Changed toggle image

* Fix for wrong display of votes

* Change in toggle presentation

* Remove unneeded navigation bar and use proper links to images

Signed-off-by: Morris Jobke <hey@morrisjobke.de>

* Polish public poll page

Signed-off-by: Morris Jobke <hey@morrisjobke.de>

* Fix total row in date polls

* Added padding back to comment

1 files changed, 31 insertions, 20 deletions

diff --git a/templates/create.tmpl.php b/templates/create.tmpl.php
index beb8d93e..f7a9160b 100644
--- a/templates/create.tmpl.php
+++ b/templates/create.tmpl.php
@@ -1,6 +1,8 @@
 <?php
+    use \OCP\User;
+
     \OCP\Util::addStyle('polls', 'main');
-    \OCP\Util::addStyle('polls', 'create');
+    \OCP\Util::addStyle('polls', 'createpoll');
     \OCP\Util::addStyle('polls', 'jquery.datetimepicker');
     \OCP\Util::addScript('polls', 'create_edit');
     \OCP\Util::addScript('polls', 'jquery.datetimepicker.full.min');
@@ -36,8 +38,27 @@
 ?>
 
 <div id="app">
-    <div id="app-content">
+	<div id="app-content">
         <div id="app-content-wrapper">
+			<div id="controls">
+                <div id="breadcrump">
+                    <div class="crumb svg" data-dir="/">
+                        <a href="<?php p($urlGenerator->linkToRoute('polls.page.index')); ?>">
+                            <img class="svg" src="<?php print_unescaped(OCP\image_path("core", "places/home.svg")); ?>" alt="Home">
+                        </a>
+                    </div>
+                    <div class="crumb svg last">
+                        <span>
+                        <?php if($isUpdate): ?>
+                            <?php p($l->t('Edit poll') . ' ' . $poll->getTitle()); ?>
+                        <?php else: ?>
+                          <?php p($l->t('Create new poll')); ?>
+                        <?php endif; ?>
+                        </span>
+                    </div>
+                </div>
+			</div>
+		
 <?php if($isUpdate): ?>
 <form name="finish_poll" action="<?php p($urlGenerator->linkToRoute('polls.page.update_poll')); ?>" method="POST">
     <input type="hidden" name="pollId" value="<?php p($poll->getId()); ?>" />
@@ -49,18 +70,10 @@
     <input type="hidden" name="userId" id="userId" value="<?php p($userId); ?>" />
 
     <header class="row">
-        <div class="col-100">
-            <?php if($isUpdate): ?>
-                <h1><?php p($l->t('Edit poll') . ' ' . $poll->getTitle()); ?></h1>
-            <?php else: ?>
-                <h1><?php p($l->t('Create new poll')); ?></h1>
-            <?php endif; ?>
-        </div>
     </header>
     
     <div class="new_poll row">
         <div class="col-50">
-            <h2><?php p($l->t('Basic information')); ?></h2>
             <label for="pollTitle" class="input_title"><?php p($l->t('Title')); ?></label>
             <input type="text" class="input_field" id="pollTitle" name="pollTitle" value="<?php if(isset($title)) p($title); ?>" />
             <label for="pollDesc" class="input_title"><?php p($l->t('Description')); ?></label>
@@ -95,15 +108,6 @@
 
             <input type="hidden" name="accessValues" id="accessValues" value="<?php if($isUpdate && $access === 'select') p($accessTypes) ?>" />
 
-            <label class="input_title"><?php p($l->t('Type')); ?></label>
-
-            <input type="radio" name="pollType" id="event" value="event" class="radio" <?php if(!$isUpdate || $poll->getType() == '0') print_unescaped('checked'); ?> />
-            <label for="event"><?php p($l->t('Event schedule')); ?></label>
-
-            <!-- TODO texts to db -->
-            <input type="radio" name="pollType" id="text" value="text" class="radio" <?php if($isUpdate && $poll->getType() == '1') print_unescaped('checked'); ?>>
-            <label for="text"><?php p($l->t('Text based')); ?></label>
-
             <input id="isAnonymous" name="isAnonymous" type="checkbox" class="checkbox" <?php $isAnonymous ? print_unescaped('value="true" checked') : print_unescaped('value="false"'); ?> />
             <label for="isAnonymous" class="input_title"><?php p($l->t('Anonymous')) ?></label>
 
@@ -119,7 +123,14 @@
             </div>
         </div>
         <div class="col-50">
-            <h2><?php p($l->t('Choices')); ?></h2>
+
+            <input type="radio" name="pollType" id="event" value="event" class="radio" <?php if(!$isUpdate || $poll->getType() == '0') print_unescaped('checked'); ?> />
+            <label for="event"><?php p($l->t('Event schedule')); ?></label>
+
+            <!-- TODO texts to db -->
+            <input type="radio" name="pollType" id="text" value="text" class="radio" <?php if($isUpdate && $poll->getType() == '1') print_unescaped('checked'); ?>>
+            <label for="text"><?php p($l->t('Text based')); ?></label>
+
             <div id="date-select-container" <?php if($isUpdate && $poll->getType() == '1') print_unescaped('style="display:none;"'); ?> >
                 <label for="datetimepicker" class="input_title"><?php p($l->t('Dates')); ?></label>
                 <input id="datetimepicker" type="text" />