aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/app/views
diff options
context:
space:
mode:
Diffstat (limited to 'app/views')
-rw-r--r--app/views/contact.ejs17
-rw-r--r--app/views/dashboard.ejs154
-rw-r--r--app/views/error.ejs9
-rw-r--r--app/views/faq.ejs115
-rw-r--r--app/views/home.ejs164
-rw-r--r--app/views/index.ejs131
-rw-r--r--app/views/project/newProject.ejs79
-rw-r--r--app/views/project/participants.ejs55
-rw-r--r--app/views/project/post.ejs103
-rw-r--r--app/views/project/project.ejs220
-rw-r--r--app/views/template.ejs18
-rw-r--r--app/views/templates/footer.ejs20
-rw-r--r--app/views/templates/header.ejs16
-rw-r--r--app/views/templates/navbar.ejs73
-rw-r--r--app/views/test.ejs46
-rw-r--r--app/views/users/registerEmail.ejs43
-rw-r--r--app/views/users/signup.ejs86
17 files changed, 1349 insertions, 0 deletions
diff --git a/app/views/contact.ejs b/app/views/contact.ejs
new file mode 100644
index 0000000..72268cb
--- /dev/null
+++ b/app/views/contact.ejs
@@ -0,0 +1,17 @@
+<% include templates/header %>
+</head>
+<body>
+
+ <% include templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+<div class="container" id="wrapper">
+ <h1>Kontakt oss</h1>
+ <h3>Support</h3>
+ <p>Se gjerne igjennom vår <a href="https://divid.no/faq">faq</a> - ofte stilte spørsmål - før dere sender mail på support(at)divid.no.</p>
+ <h3>Business</h3>
+ <p>Ønsker du å kontakte oss for kjøp av annonseplass, forretninger og lignende ta kontakt på hallo(at)divid.no.</p>
+<% include templates/footer %>
+</body>
+</html>
diff --git a/app/views/dashboard.ejs b/app/views/dashboard.ejs
new file mode 100644
index 0000000..f2979b3
--- /dev/null
+++ b/app/views/dashboard.ejs
@@ -0,0 +1,154 @@
+<% include templates/header %>
+
+</head>
+<body>
+ <% include templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row-fluid">
+
+ <div class="smallfullwidth span5">
+ <h1>Prosjekter</h1>
+ <section class="projects">
+ <% if (projects.length === 0) { %>
+ <p>Du har ingen aktive prosjekt. Du kan starte et prosjekt ved å klikke <a href="/project/new">her</a>.</p>
+ <% } else { projects.forEach(function(projects) { %>
+ <section class="project">
+ <div class="row-fluid">
+ <div class="span11">
+ <h1><a href="/project/<%= projects.project.shortURL %>"><strong><%= projects.project.name %></strong></a></h1>
+ <div class="row-fluid">
+ <div class="span8">
+ <small>
+ <% var ppl = 'Meg';
+ participants.forEach(function(participant) {
+ if (String(participant.project) === String(projects.project._id) && String(participant.user._id) !== String(user._id)) {
+ ppl += ', ' + participant.user.name;
+ }
+ }); %>
+ <%- ppl %>
+ </small>
+ </div>
+ <div class="span4">
+ <% s = (pro.project[projects.project._id].user - (pro.project[projects.project._id].total / pro.project[projects.project._id].users)).toFixed(2); %>
+ <small>Oppgjør: <%- s >= 0 ? '<span class="text-success">' + s : '<span class="text-error">' + s %></span> <%= projects.project.currency %></small>
+ </div>
+ </div>
+ </div>
+ <div class="span1">
+ <p class="flip"><a href="/project/<%= projects.project.shortURL %>/post">Før utgift</a></p>
+ </div>
+ </div>
+ </section>
+ <% }); } %>
+ <a href="/project/new" class="btn btn-large btn-block" type="button">+</a>
+ </section>
+ </div><!-- /div.span5 -->
+
+
+
+
+
+
+
+
+ <div class="smallfullwidth span7">
+ <section class="status">
+ <h1>Status total</h1>
+ <canvas id="myChart" width="530" height="200"></canvas>
+ </section>
+ <section class="overview">
+ <h1>Siste aktivitet</h1>
+ <div class="lastactivity">
+ <% posts.forEach(function(post) { %>
+ <div class="row-fluid post-<%= post._id %> activity">
+ <div class="row-fluid">
+ <div class="span1 date">
+ <%
+ var d = new Date(post.when);
+ var month = ['JAN', 'FEB', 'MAR', 'APR', 'MAI', 'JUN', 'JUL', 'AUG', 'SEP', 'OKT', 'NOV', 'DES'];
+ %>
+ <div class="row-fluid"><%= d.getDate() %></div>
+ <div class="row-fluid info"><%= month[d.getMonth()] %></div>
+ <div class="row-fluid"><a href="#details-<%= post._id %>" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">&#9660;</a></div>
+ </div>
+ <div class="span8">
+ <div class="row-fluid">
+ <div class="span2 info text-right smallfullwidth">prosjekt</div>
+ <div class="span10 smallfullwidth"><a href="/project/<%= post.project.shortURL %>"><%= post.project.name %></a></div>
+ </div>
+ <div class="row-fluid">
+ <div class="span2 info text-right smallfullwidth">av</div>
+ <div class="span10 smallfullwidth"><%= post.user.name === undefined ? post.user.email + ' <span class="muted">(ikke registrert)</span>' : post.user.name %></div>
+ </div>
+ <div class="row-fluid">
+ <div class="span2 info text-right smallfullwidth">hva</div>
+ <div class="span10 smallfullwidth"><%= post.what %></div>
+ </div>
+ </div>
+ <div class="span2">
+ <div class="row-fluid text-right">
+ <span class="info">sum</span>
+ <strong><%= post.value %> <%= post.currency %></strong>
+ </div>
+ <div class="row-fluid text-right">
+ <i class="icon-picture"></i>
+ </div>
+ </div>
+ </div>
+ <div class="fluid-row collapse details" id="details-<%= post._id %>">
+ <div class="span7">
+ <div class="row-fluid">
+ <div class="span2 info text-right smallfullwidth">kommentar</div>
+ <div class="span10">
+ <%= post.comment %>
+ </div>
+ </div>
+ </div>
+ <div class="span2">
+ <div class="row-fluid info">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <% }); %>
+ </div>
+ </section>
+ </div><!-- /div.span7 -->
+
+
+ </div><!-- /div.row -->
+ </div><!-- /div.#wrapper -->
+
+
+<% include templates/footer %>
+ <script src="/js/Chart.min.js"></script>
+ <script>
+ var data = {
+ labels : ["January","February","March","April","May","June","July"],
+ datasets : [
+ {
+ fillColor : "rgba(220,220,220,0.5)",
+ strokeColor : "rgba(220,220,220,1)",
+ pointColor : "rgba(220,220,220,1)",
+ pointStrokeColor : "#fff",
+ data : [65,59,90,81,56,55,40]
+ },
+ {
+ fillColor : "rgba(151,187,205,0.5)",
+ strokeColor : "rgba(151,187,205,1)",
+ pointColor : "rgba(151,187,205,1)",
+ pointStrokeColor : "#fff",
+ data : [0,25,10,100,10,25,0]
+ }
+ ]
+ }
+ //var myLine = new Chart(document.getElementById("myChart").getContext("2d")).Line(data);
+ var ctx = $("#myChart").get(0).getContext("2d");
+ var myNewChart = new Chart(ctx).Line(data);
+ </script>
+</body>
+</html>
diff --git a/app/views/error.ejs b/app/views/error.ejs
new file mode 100644
index 0000000..47cc546
--- /dev/null
+++ b/app/views/error.ejs
@@ -0,0 +1,9 @@
+<% include header %>
+
+</head>
+<body>
+ <h1><%= title %></h1>
+ <p><%= text %></p>
+
+
+<% include footer %>
diff --git a/app/views/faq.ejs b/app/views/faq.ejs
new file mode 100644
index 0000000..d3473eb
--- /dev/null
+++ b/app/views/faq.ejs
@@ -0,0 +1,115 @@
+<% include templates/header %>
+</head>
+<body>
+
+ <% include templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+<div class="container" id="wrapper">
+ <h1>Ofte stilte spørsmål</h1>
+
+ <ul class="unstyled">
+ <li><i class="icon-question-sign"></i> <a href="#faq1">Hvor kan jeg få tak i appen?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq2">Hvilke mobiltelefoner støtter Divid?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq3">Hvem eier dataene min?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq4">Hvor sikkert er Divid? Kan uvedkommede få tak i dataene mine?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq5">Kan jeg invitere folk som ikke er registrert?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq6">Savner muligheten til å eksportere prosjektene til excel, pdf eller csv.</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq7">Deltakerene vil ikke betale tilbake det de skylder!</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq8">Jeg delegerte ut administratorroller til andre deltakere, men det er full uenighet og prosjektet blir redigert - ingen vet hvem som skylder hvem hva</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq9">Jeg får ikke varslinger fra Divid</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq10">Jeg har lastet ned gratisversjonen, men vil ikke ha reklame - på app eller nettside?! Hva kan jeg gjøre?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq11">Jeg har alt kjøpt premiumversjonen, men slettet applikasjonen. Må jeg betale på nytt?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq12">Jeg har andre spørsmål enn det som står her. Hvor henvender jeg meg?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq13">Jeg representerer interesser som ønsker å investere eller kjøpe tjenesten Divid. Hvor henvender jeg meg?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq14">jeg vil ikke at mine data skal være lagret på serveren lengre. Kan jeg slette selv eller gjør dere det?</a></li>
+ <li><i class="icon-question-sign"></i> <a href="#faq15">Jeg vil ha tilbake pengene mine</a></li>
+ </ul>
+
+ <p>
+ <strong><a class="disabled" id="faq1">Hvor kan jeg få tak i appen?</a></strong><br>
+ <i class="icon-info-sign"></i> Applikasjonen er tilgjengelig gjennom App Store. Den blir tilgjengelig gjennom Google Play og Windows Mobile Store etterhvert.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq2">Hvilke mobiltelefoner støtter Divid?</a></strong><br>
+ <i class="icon-info-sign"></i> Divid støtter Iphone, Android, Windows mobile og Blackberry
+ </p>
+
+
+ <p>
+ <strong><a class="disabled" id="faq3">Hvem eier dataene min?</a></strong><br>
+ <i class="icon-info-sign"></i> Brukerenes data er brukerenes eie og de skal misbrukes. Personvernet skal opprettholdes i forhold til Norsk lov.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq4">Hvor sikkert er Divid? Kan uvedkommede få tak i dataene mine?</a></strong><br>
+ <i class="icon-info-sign"></i> Veldig.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq5">Kan jeg invitere folk som ikke er registrert?</a></strong><br>
+ <i class="icon-info-sign"></i> Ja, man kan invitere folk når prosjekt opprettes ved å fylle inn mailadressen deres. De får da en mailinvitasjon.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq6">Savner muligheten til å eksportere prosjektene til excel, pdf eller csv.</a></strong><br>
+ <i class="icon-info-sign"></i> Denne funksjonaliteten kommer og mer! Følg oss på Facebook for å få oppdateringer.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq7">Deltakerene vil ikke betale tilbake det de skylder!</a></strong><br>
+ <i class="icon-info-sign"></i> Man velger sine venner selv. Dette er en webtjeneste. Innkreving er et individuelt ansvar og her ligger tjenestens begrensning.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq8">Jeg delegerte ut administratorroller til andre deltakere, men det er full uenighet og prosjektet blir redigert - ingen vet hvem som skylder hvem hva</a></strong><br>
+ <i class="icon-info-sign"></i> Du er prosjektets eier og kan frata de administratorrollene i prosjektets innstillinger.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq9">Jeg får ikke varslinger fra Divid</a></strong><br>
+ <i class="icon-info-sign"></i> Du må sjekke prosjektets innstillinger om den funksjonaliteten er skrudd på. Er ikke det tilfelle, ta kontakt med oss gjennom Facebook likepagen vår eller på mail
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq10">Jeg har lastet ned gratisversjonen, men vil ikke ha reklame - på app eller nettside?! Hva kan jeg gjøre?</a></strong><br>
+ <i class="icon-info-sign"></i> Kjøp premium versjonen av Divid. Da slipper du reklame for alltid og blir prioritert i servicesystemet vårt. Det er bare 35 kroner.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq11">Jeg har alt kjøpt premiumversjonen, men slettet applikasjonen. Må jeg betale på nytt?</a></strong><br>
+ <i class="icon-info-sign"></i> Nei, premium versjonen er til odel og eie. Den følger mailadressen din så det er bare å laste den ned igjen på nytt og logge inn med samme mailadresse.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq12">Jeg har andre spørsmål enn det som står her. Hvor henvender jeg meg?</a></strong><br>
+ <i class="icon-info-sign"></i> Du kan nå oss gjennom Facebook siden vår, forumet eller kontaktsiden. Disse lenkene finner du på toppen av siden.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq13">Jeg representerer interesser som ønsker å investere eller kjøpe tjenesten Divid. Hvor henvender jeg meg?</a></strong><br>
+ <i class="icon-info-sign"></i> Via kontaktsiden på toppen av siden her
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq14">jeg vil ikke at mine data skal være lagret på serveren lengre. Kan jeg slette selv eller gjør dere det?</a></strong><br>
+ <i class="icon-info-sign"></i> Du har muligheten til å slette selv.
+ </p>
+
+ <p>
+ <strong><a class="disabled" id="faq15">Jeg vil ha tilbake pengene mine</a></strong><br>
+ <i class="icon-info-sign"></i> Det må du ta opp med butikken hvor du kjøpte applikasjonen.
+ </p>
+
+
+ <h4>Skulle du ha flere spørsmål sjekk forumet, se forum, Facebook like page eller kontakt oss på support(a)divid.no </h4>
+
+
+</div><!-- /div#wrapper -->
+
+
+ <% include templates/footer %>
+</body>
+</html>
diff --git a/app/views/home.ejs b/app/views/home.ejs
new file mode 100644
index 0000000..70dbb0f
--- /dev/null
+++ b/app/views/home.ejs
@@ -0,0 +1,164 @@
+<% include header %>
+<link rel="stylesheet" href="/css/use.css" />
+<link rel="stylesheet" href="/css/devanim.css">
+</head>
+<body>
+
+ <% include navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+<div class="container" id="wrapper">
+ <div class="row">
+ <!-- content
+ ================================================== -->
+ <div class="span12 content">
+ <div class="container row">
+
+ <!-- Main hero unit for a primary marketing message or call to action -->
+ <div class="span12 showcase row">
+ <div class="span5 pitch">
+ <div class="span12 row">
+ <h1>Samarbeid om utgifter</h1>
+ <p>Divid er en delingstjeneste som regner ut hva folk skylder hverandre</p>
+ <ul class="blue">
+ </li><h3><i class="icon-pencil"></i> Registrer deg gratis</h3></li>
+ </li><h3><i class="icon-play"></i> Opprett prosjekt</h3></li>
+ </li><h3><i class="icon-user"></i> Inviter deltakere</h3></li>
+ </li><h3><i class="icon-barcode"></i> Før inn utgiftene</h3></li>
+ </li><h3><i class="icon-ok"></i> Ta et oppgjør</h3></li>
+ </ul>
+ </div>
+ <div class="span12 row">
+ <p>Perfekt for venner, familie og bekjente</p>
+ <a href="#" class="btn btn-large register">Registrer »</a>
+ </div>
+ </div>
+ <div class="span7 dash">
+ <img src="/img/dashboard.png">
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="span12 content">
+ <div class="container">
+ <!-- Example row of columns -->
+ <div class="row">
+ <div class="span3 infobox" id="first">
+ <img class="infoimg" src="/img/laptop.png">
+ <h4>Bruk mobil eller nettleser</h4>
+ <p>Divid er en webapplikasjon og kan brukes på pc, nettbrett og mobil. Uansett hva du bruker er Divid tilgjengelig.</p>
+ </div>
+ <div class="span3 infobox" id="second">
+ <img class="infoimg" src="/img/addpeople.png">
+ <h4>Inviter de du vil</h4>
+ <p>Inviter deltakere til prosjekt ved å legge til epost-adressen deres eller send dem en link!</p>
+ </div>
+ <div class="span3 infobox" id="third">
+ <img class="infoimg" src="/img/overwatch.png">
+ <h4>Få oversikt</h4>
+ <p>Ikke la delte utgifter gå i glemmeboken. Send påminnelser og få varsel når deltakere betaler.</p>
+ </div>
+ </div>
+ <div id="hva" class="span12 content">
+ <div class="container last">
+ <div class="span12">
+ <h1>Hva kan Divid brukes til</h1>
+ </div>
+ <div class="span2 scenario">
+ <img src="/img/student.png">
+ <h4>Studentkollektiv</h4>
+ <p>Fellesutgifter, fester, bøter, bursdager, øl, mat, strøm</p>
+ </div>
+ <div class="span2 scenario">
+ <img src="/img/fest.png">
+ <h4>Singelliv</h4>
+ <p>Ute på farten, stelle i stand aktiviter med andre, sydentur osv</p>
+ </div>
+ <div class="span2 scenario">
+ <img src="/img/par.png">
+ <h4>Parforhold</h4>
+ <p>I etableringsfasen som ønsker å ha ordnet økonomi fra starten av</p>
+ </div>
+ <div class="span2 scenario">
+ <img src="/img/omsorg.png">
+ <h4>Delt omsorg</h4>
+ <p>Klær, mat, medisiner og aktiviteter. Hvem betaler hva for barnet?</p>
+ <!--<p>klær, mat, reiser, aktiviteter, sport, skolebøker, tannlege, medisiner</p>--!>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="hvor" class="span12 content">
+ <div class="container last">
+ <div class="span6 sectionleft">
+ <h1>Hvordan bruke Divid</h1>
+ </div>
+ <div class="span6 sectionright">
+ <h1>Tilgjengelig via:</h1>
+ </div>
+ <div class="span7 sectionleft">
+ <div class="span5 sectionleft tutorial">
+ <iframe src="http://player.vimeo.com/video/41974181" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+ </div>
+ </div>
+ <div class="span5 sectionright">
+ <a href="https://itunes.apple.com/us/genre/ios-finance/id6015?mt=8"><img src="/img/iph.png" onmouseover="this.src='/img/iphoneA.png'" onmouseout="this.src='/img/iph.png'"></a>
+ <a href="https://play.google.com/store"><img src="/img/android.png" onmouseover="this.src='/img/androidA.png'" onmouseout="this.src='/img/android.png'"></a>
+ <a href="http://www.windowsphone.com/nb-no/store"><img src="/img/win.png" onmouseover="this.src='/img/winA.png'" onmouseout="this.src='/img/win.png'"></a>
+ </div>
+ </div>
+ </div>
+ <div id="hvordan" class="span12 content">
+ <div class="container last">
+ <input type="hidden" id="userId">
+ <div id="account-form-container">
+ <form method="post" id="account-form" class="form-horizontal well span6">
+ <h1></h1>
+ <h1>Registrering</h1>
+ <hr>
+ <fieldset>
+ <div id="name-cg" class="control-group">
+ <label for="name-tf" class="control-label">Name</label>
+ <div class="controls">
+ <input id="name-tf" type="text" name="name" class="input-xlarge">
+ </div>
+ </div>
+ <div id="email-cg" class="control-group">
+ <label for="email-tf" class="control-label">Email</label>
+ <div class="controls">
+ <input id="email-tf" type="text" name="email" class="input-xlarge">
+ </div>
+ </div>
+ <hr>
+ <p id="sub2" class="subheading"></p>
+ <div id="user-cg" class="control-group">
+ <label for="user-tf" class="control-label">Username</label>
+ <div class="controls">
+ <input id="user-tf" type="text" name="username" class="input-xlarge disabled">
+ </div>
+ </div>
+ <div id="pass-cg" class="control-group">
+ <label for="pass-tf" class="control-label">Password</label>
+ <div class="controls">
+ <input id="pass-tf" type="password" name="password" value="" class="input-xlarge">
+ </div>
+ </div>
+ <div class="form-actions cut">
+ <button type="button" id="account-form-btn1" class="btn">Avbryt</button>
+ <button type="submit" id="account-form-btn2" class="btn">Registrer</button>
+ </div>
+ </fieldset>
+ </form>
+ </div>
+ </div>
+ </div><!-- /div.row -->
+ </div><!-- /div#wrapper -->
+ <!--<div id="footer">
+ <div class="container">
+ <p>!!!!!!!!!!!!!!!!!!!!</p>
+ </div>
+ </div>-->
+<% include footer %>
+</body>
+</html>
diff --git a/app/views/index.ejs b/app/views/index.ejs
new file mode 100644
index 0000000..0768773
--- /dev/null
+++ b/app/views/index.ejs
@@ -0,0 +1,131 @@
+<% include templates/header %>
+
+</head>
+<body>
+
+ <% include templates/navbar %>
+ <div class="indexwrapper" id="index1">
+ <div class="container">
+ <div class="row-fluid">
+ <div class="span5">
+ <h1><%= title %></h1>
+ <p>Velkommen til <%= title %></p>
+ <p>Her kommer det <em>kanskje</em> mer senere.</p>
+ <ul class="blue">
+ </li><h3><i class="icon-pencil"></i> Registrer deg gratis</h3></li>
+ </li><h3><i class="icon-play"></i> Opprett prosjekt</h3></li>
+ </li><h3><i class="icon-user"></i> Inviter deltakere</h3></li>
+ </li><h3><i class="icon-barcode"></i> Før inn utgiftene</h3></li>
+ </li><h3><i class="icon-ok"></i> Ta et oppgjør</h3></li>
+ </ul>
+ <p>Perfekt for venner, familie og bekjente!</p>
+ <a href="#register" class="btn btn-large btn-warning">Registrer deg!</a>
+ </div>
+ <div class="span7">
+ <img src="/img/dashboard.png">
+ </div>
+ </div>
+ <div class="row-fluid">
+ <div class="span4 infobox">
+ <img class="infoimg" src="/img/laptop.png">
+ <h4>Bruk mobil eller nettleser</h4>
+ <p>Divid er en webapplikasjon og kan brukes på pc, nettbrett og mobil. Uansett hva du bruker er Divid tilgjengelig.</p>
+ </div>
+ <div class="span4 infobox">
+ <img class="infoimg" src="/img/addpeople.png">
+ <h4>Inviter de du vil</h4>
+ <p>Inviter deltakere til prosjekt ved å legge til epost-adressen deres eller send dem en link!</p>
+ </div>
+ <div class="span4 infobox">
+ <img class="infoimg" src="/img/overwatch.png">
+ <h4>Få oversikt</h4>
+ <p>Ikke la delte utgifter gå i glemmeboken. Send påminnelser og få varsel når deltakere betaler.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="indexwrapper" id="index2">
+ <div class="container">
+ <h1>Hva kan Divid brukes til</h1>
+ <div class="row-fluid">
+ <div class="span3 infobox">
+ <img src="/img/student.png">
+ <h4>Studentkollektiv</h4>
+ <p>Fellesutgifter, fester, bøter, bursdager, øl, mat, strøm</p>
+ </div>
+ <div class="span3 infobox">
+ <img src="/img/fest.png">
+ <h4>Singelliv</h4>
+ <p>Ute på farten, stelle i stand aktiviter med andre, sydentur osv</p>
+ </div>
+ <div class="span3 infobox">
+ <img src="/img/par.png">
+ <h4>Parforhold</h4>
+ <p>I etableringsfasen som ønsker å ha ordnet økonomi fra starten av</p>
+ </div>
+ <div class="span3 infobox">
+ <img src="/img/omsorg.png">
+ <h4>Delt omsorg</h4>
+ <p>Klær, mat, medisiner og aktiviteter. Hvem betaler hva for barnet?</p>
+ <!--<p>klær, mat, reiser, aktiviteter, sport, skolebøker, tannlege, medisiner</p>--!>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="indexwrapper" id="index3">
+ <div class="container">
+ <h1>Hvordan bruke Divid</h1>
+
+ <a href="https://itunes.apple.com/us/genre/ios-finance/id6015?mt=8"><img src="/img/iph.png" onmouseover="this.src='/img/iphoneA.png'" onmouseout="this.src='/img/iph.png'"></a>
+ <a href="https://play.google.com/store"><img src="/img/android.png" onmouseover="this.src='/img/androidA.png'" onmouseout="this.src='/img/android.png'"></a>
+ <a href="http://www.windowsphone.com/nb-no/store"><img src="/img/win.png" onmouseover="this.src='/img/winA.png'" onmouseout="this.src='/img/win.png'"></a>
+ </div>
+ </div>
+
+
+ <div class="indexwrapper" id="index4">
+ <div class="container">
+ <h1>Registrer deg i dag!</h1>
+ <p>Du kan enten bruke <a href="/auth/facebook">Facebook</a> eller <a href="/auth/twitter">Twitter</a>, eller registrere deg med epost under!</p>
+ <div class="control-group">
+ <label class="control-label" for="name">Navn</label>
+ <div class="controls">
+ <input type="text" id="reg_name" name="name" required>
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="email">E-post</label>
+ <div class="controls">
+ <input type="email" id="reg_email" name="email" required>
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="username">Brukernavn</label>
+ <div class="controls">
+ <input type="text" id="reg_username" name="username" required>
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="password">Passord</label>
+ <div class="controls">
+ <input type="password" id="reg_password" name="password" required>
+ </div>
+ </div>
+ <div class="control-group">
+ <div class="form-actions"><a id="register" class="hidden">a</a>
+ <input type="submit" class="btn btn-primary" value="Registrer!">
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+
+
+
+<% include templates/footer %>
+</body>
+</html>
diff --git a/app/views/project/newProject.ejs b/app/views/project/newProject.ejs
new file mode 100644
index 0000000..2101138
--- /dev/null
+++ b/app/views/project/newProject.ejs
@@ -0,0 +1,79 @@
+<% include ../templates/header %>
+
+</head>
+<body>
+ <% include ../templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row-fluid">
+
+
+ <form class="form-horizontal" action="/project/new" method="post">
+ <fieldset>
+
+ <h1><legend><%= title %></legend></h1>
+
+ <div class="control-group">
+ <label class="control-label">Prosjektnavn</label>
+ <div class="controls">
+ <input id="projectname" name="name" placeholder="" type="text" required="" maxlength="25">
+ <p class="help-block">Navnet på prosjektet du vil lage</p>
+ </div>
+ </div>
+
+ <div class="control-group">
+ <label class="control-label">Beskrivelse</label>
+ <div class="controls">
+ <textarea id="description" name="description" class="span6"></textarea>
+ </div>
+ </div>
+
+ <div class="control-group">
+ <label class="control-label">Valuta</label>
+ <div class="controls">
+ <span class="input-small uneditable-input">kr</span>
+ <!-- <input id="currency" name="currency" type="text" placeholder="kr" class="span2" required=""> -->
+ </div>
+ </div>
+
+<!-- <div class="control-group">
+ <label class="control-label">Invite only eller offentlig?</label>
+ <div class="controls">
+ <label class="radio">
+ <input type="radio" name="public" value="Invite only" checked="checked">
+ Invite only
+ </label>
+ <label class="radio">
+ <input type="radio" name="public" value="Offentlig">
+ Offentlig
+ </label>
+ </div>
+ </div>-->
+
+
+ <div class="control-group">
+ <label class="control-label">Double Button</label>
+ <div class="controls">
+ <button type="submit" id="button1id" name="button1id" class="btn btn-primary">Opprett prosjekt</button>
+ <button type="reset" id="button2id" name="button2id" class="btn">Nullstill</button>
+ </div>
+ </div>
+
+ </fieldset>
+ </form>
+
+
+
+
+
+
+
+ </div><!-- /div.row -->
+ </div><!-- /div.#wrapper -->
+
+
+<% include ../templates/footer %>
+</body>
+</html>
diff --git a/app/views/project/participants.ejs b/app/views/project/participants.ejs
new file mode 100644
index 0000000..4341a4f
--- /dev/null
+++ b/app/views/project/participants.ejs
@@ -0,0 +1,55 @@
+<% include ../templates/header %>
+
+</head>
+<body>
+ <% include ../templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row-fluid">
+
+
+ <form class="form-horizontal" method="post">
+ <fieldset>
+
+ <h1><legend><%= title %></legend></h1>
+ <p>Her kan du invitere venner til å delta i prosjektet ditt. Skriv inn eposadressene deres, en på hver linje, i tekstboksen under.</p>
+ <div class="control-group">
+ <label class="control-label">Epostadresser</label>
+ <div class="controls">
+ <textarea id="emails" name="emails" class="span6"></textarea>
+ </div>
+ </div>
+
+ <div class="control-group">
+ <label class="control-label">Beskrivelse</label>
+ <div class="controls">
+ <textarea id="description" name="description" class="span6">Hei! Jeg har oppdaget et nytt og kult program... Bla bla bla. Stian og Erling fixes.</textarea>
+ </div>
+ </div>
+
+ <div class="control-group">
+ <label class="control-label"></label>
+ <div class="controls">
+ <button type="submit" id="button1id" name="button1id" class="btn btn-primary">Inviter</button>
+ <button type="reset" id="button2id" name="button2id" class="btn">Nullstill</button>
+ </div>
+ </div>
+
+ </fieldset>
+ </form>
+
+
+
+
+
+
+
+ </div><!-- /div.row -->
+ </div><!-- /div.#wrapper -->
+
+
+<% include ../templates/footer %>
+</body>
+</html>
diff --git a/app/views/project/post.ejs b/app/views/project/post.ejs
new file mode 100644
index 0000000..5e8f283
--- /dev/null
+++ b/app/views/project/post.ejs
@@ -0,0 +1,103 @@
+<% include ../templates/header %>
+
+</head>
+<body>
+ <% include ../templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row-fluid">
+
+
+ <form class="form-horizontal" method="post">
+ <input type="hidden" name="project" value="<%= project._id %>">
+ <fieldset>
+
+ <h1><legend><%= title %></legend></h1>
+ <div class="control-group">
+ <label for="username" class="control-label">Av</label>
+ <div class="controls">
+ <span class="input-medium uneditable-input"><%= req.user.username %></span>
+ </div>
+ </div>
+ <div class="control-group">
+ <label for="what" class="control-label">Hva <strong class="text-error">*</strong></label>
+ <div class="controls">
+ <input type="text" name="what" id="what" placeholder="Hva ble kjøpt" required maxlength="40">
+ </div>
+ </div>
+ <%
+ // we need to populate the date- and timefield with the current time and date
+ var d = new Date();
+ var n = d.getFullYear() + '-' + ('0' + (d.getMonth()+1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2);
+ var t = d.toLocaleTimeString().slice(0, 5);
+ %>
+ <!-- <%= d %> -->
+ <div class="control-group">
+ <label for="date" class="control-label">Når</label>
+ <div class="controls">
+ <input type="date" name="date" value="<%= n %>" class="input-medium">
+ <input type="time" name="time" value="<%= t %>" class="input-medium">
+ </div>
+ </div>
+ <div class="control-group">
+ <label for="cost" class="control-label">Hvor mye <strong class="text-error">*</strong></label>
+ <div class="controls">
+ <input type="number" name="value" id="value" class="input-small" placeholder="0" required>
+ </div>
+ </div>
+<!-- <div class="control-group">
+ <label for="split_between" class="control-label">Delt på</label>
+ <div class="controls">
+
+ <span class="selectAll">Select all</span>
+ <select name="participants[]" id="participants" multiple="multiple">
+ <option value="5180e11b0074a8b029000001" selected="selected">Dennis</option>
+ <option value="51814b792c94cc5346000001" selected="selected">Kurt</option>
+ </select>
+ </div>
+ </div>
+ <div class="control-group">
+ <label for="file" class="control-label">Kvittering</label>
+ <div class="controls">
+ <input type="file" name="file" id="file">
+ </div>
+ </div>-->
+ <div class="control-group">
+ <label for="comment" class="control-label">Kommentar</label>
+ <div class="controls">
+ <textarea id="comment" name="comment" class="span6"></textarea>
+ </div>
+ </div>
+
+ <div class="control-group">
+ <div class="form-actions">
+ <button type="submit" id="button1id" name="button1id" class="btn btn-primary">Post</button>
+ <button type="reset" id="button2id" name="button2id" class="btn">Nullstill</button>
+ </div>
+ </div>
+
+ </fieldset>
+ </form>
+
+
+
+
+
+
+
+ </div><!-- /div.row -->
+ </div><!-- /div.#wrapper -->
+
+
+<% include ../templates/footer %>
+<!-- <script>
+ $(".selectAll").click(function() {
+ $('#participants').children().attr('selected','selected');
+ //$(this).parent().find('option').attr('selected','selected');
+ });
+</script>-->
+
+</body>
+</html>
diff --git a/app/views/project/project.ejs b/app/views/project/project.ejs
new file mode 100644
index 0000000..7e06dad
--- /dev/null
+++ b/app/views/project/project.ejs
@@ -0,0 +1,220 @@
+<% include ../templates/header %>
+
+</head>
+<body>
+ <% include ../templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row-fluid">
+ <div class="span6 smallfullwidth">
+ <div class="row-fluid">
+ <div class="span2 info text-right">
+ prosjekt
+ </div>
+ <div class="span10">
+ <h1><%= project.name %></h1>
+ </div>
+ </div>
+ <div class="row-fluid">
+ <div class="span2 info text-right">
+ opprettet
+ </div>
+ <div class="span10">
+ <p>
+ <% var d = new Date(project.created); %>
+ <%= d.getFullYear() + '-' + ('0' + (d.getMonth()+1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2) + ' ' + d.toLocaleTimeString().slice(0, 5) %>
+ </p>
+ </div>
+ </div>
+ <div class="row-fluid">
+ <div class="span2 info text-right">
+ deltakere
+ </div>
+ <div class="span10">
+ <% access.forEach(function(participants) { %>
+ <%- participants.user.name %><% if (participants.permissions >= 6) { %> <span class="muted">(<%= participants.permissions === 9 ? 'eier' : 'admin' %>)</span><% } %><br>
+ <% }); %>
+ <small><a href="/project/<%= project.shortURL %>/participants">Legg til flere deltakere</a></small>
+ </div>
+ </div>
+ <div class="row-fluid">
+ <div class="span10 offset2">
+ <a class="btn btn-large" href="/project/<%= project.shortURL %>/post">Før utgift</a>
+ </div>
+ </div>
+ </div><!-- /div.span6 -->
+
+
+
+
+
+
+
+
+ <div class="span6 smallfullwidth" id="accordion">
+ <section class="status">
+ <div class="row-fluid">
+ <div class="span6 smallfullwidth">
+ <h2>Status total</h2>
+ </div>
+ <div class="span6 smallfullwidth">
+ <div class="row-fluid">
+ <table class="table table-bordered table-condensed">
+ <tr>
+ <td class="success"><%= pro.user[req.user._id].total %></td>
+ <td class="error"><%= pro.total %></td>
+ <td><%= pro.user[req.user._id].diff %></td>
+ </tr>
+ </table><a href="#table-info" class="accordion-toggle" data-toggle="collapse"><i class="icon-info-sign"></i></a>
+ </div>
+ </div>
+ </div>
+ <div class="row-fluid accordion-body collapse" id="table-info">
+ <p>Det er til sammen brukt <strong><%= (pro.total).toFixed(2) %></strong> <%= project.currency %>. Deltakerne skal altså betale <strong><%= (pro.each).toFixed(2) %></strong> <%= project.currency %> hver.</p>
+ <% for (var i in pro.user) { %>
+ <%- pro.user[i].name %> har betalt <%= pro.user[i].total %> <%= project.currency %>, og <%- pro.user[i].diff >= 0 ? 'skyldes <span class="text-success">' + pro.user[i].diff : 'skylder <span class="text-error">' + Math.abs(pro.user[i].diff) %></span> <%= project.currency %><br>
+ <% } %>
+ <p><small><a href="#example" data-toggle="collapse" class="accordion-toggle">Eksempel på hvordan oppgjøret kan gjøres</a></small></p>
+ </div>
+ <div class="row-fluid collapse" id="example">
+ <table>
+ <%
+ // FUGLY LAST-MINUTE CODE
+ var i = 1;
+ for (var u in pro.user) {
+ if (pro.user[u].coeff === 0) {
+ if (i === 1) {%>
+ <tr>
+ <td></td>
+ <% for (var p in pro.user) { %>
+ <%- pro.user[p].coeff > 0 ? '<td>' + pro.user[p].name + '</td>' : '' %>
+ <% } %>
+ </tr>
+ <% } %>
+ <tr>
+ <td><%- pro.user[u].name %></td>
+ <% for (var p in pro.user) { %>
+ <%- pro.user[p].coeff > 0 ? '<td>' + (Math.abs(pro.user[u].diff) * pro.user[p].coeff).toFixed(2) + '</td>' : '' %>
+ <% } %>
+ </tr>
+<% i++;
+ }} %>
+ </table>
+
+ </div>
+ <div class="row-fluid accordion-body in collapse" id="chart">
+ <canvas id="myChart" width="450" height="200"></canvas>
+ </div>
+ </section>
+ </div>
+ </div>
+
+
+
+
+
+
+
+
+ <div class="row-fluid">
+ <div class="span12 smallfullwidth">
+ <section class="overview">
+ <h2>Siste aktivitet</h2>
+ <div class="lastactivity" id="lastactivity">
+ <% posts.forEach(function(post) { %>
+ <div class="row-fluid post-<%= post._id %> activity">
+ <div class="row-fluid">
+ <div class="span1 date">
+ <%
+ var d = new Date(post.when);
+ var month = ['JAN', 'FEB', 'MAR', 'APR', 'MAI', 'JUN', 'JUL', 'AUG', 'SEP', 'OKT', 'NOV', 'DES'];
+ %>
+ <div class="row-fluid"><%= d.getDate() %></div>
+ <div class="row-fluid info"><%= month[d.getMonth()] %></div>
+ <div class="row-fluid"><a href="#details-<%= post._id %>" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">&#9660;</a></div>
+ </div>
+ <div class="span6">
+ <div class="row-fluid">
+ <div class="span2 info text-right smallfullwidth">av</div>
+ <div class="span10 smallfullwidth"><%- post.user.name %></div>
+ </div>
+ <div class="row-fluid">
+ <div class="span2 info text-right smallfullwidth">hva</div>
+ <div class="span10 smallfullwidth"><%= post.what %></div>
+ </div>
+ </div>
+ <div class="span2">
+ <div class="row-fluid">
+ &nbsp;
+ </div>
+ </div>
+ <div class="span2">
+ <div class="row-fluid text-right">
+ <span class="info">sum</span>
+ <strong><%= post.value %> <%= post.currency %></strong>
+ </div>
+ <div class="row-fluid text-right">
+ <i class="icon-picture"></i>
+ </div>
+ </div>
+ </div>
+ <div class="fluid-row collapse details" id="details-<%= post._id %>">
+ <div class="span7">
+ <div class="row-fluid">
+ <div class="span2 info text-right smallfullwidth">kommentar</div>
+ <div class="span10">
+ <%= post.comment %>
+ </div>
+ </div>
+ </div>
+ <% if (String(post.user._id) === String(req.user._id) || req.user.permissions >= 6) { %>
+ <div class="span1">
+ <small><a href="/project/<%= project.shortURL %>/edit/<%= post._id %>">[edit]</a></small>
+ </div>
+ <div class="span1">
+ <small><a href="/project/<%= project.shortURL %>/delete/<%= post._id %>">[delete]</a></small>
+ </div>
+ <% } %>
+ </div>
+ </div>
+
+ <% }); %>
+ </div>
+ </section>
+ </div><!-- /div.span7 -->
+
+
+ </div><!-- /div.row -->
+ </div><!-- /div.#wrapper -->
+
+
+<% include ../templates/footer %>
+ <script src="/js/Chart.min.js"></script>
+ <script>
+ var data = {
+ labels : ["January","February","March","April","May","June","July"],
+ datasets : [
+ {
+ fillColor : "rgba(220,220,220,0.5)",
+ strokeColor : "rgba(220,220,220,1)",
+ pointColor : "rgba(220,220,220,1)",
+ pointStrokeColor : "#fff",
+ data : [65,59,90,81,56,55,40]
+ },
+ {
+ fillColor : "rgba(151,187,205,0.5)",
+ strokeColor : "rgba(151,187,205,1)",
+ pointColor : "rgba(151,187,205,1)",
+ pointStrokeColor : "#fff",
+ data : [0,25,10,100,10,25,0]
+ }
+ ]
+ }
+ //var myLine = new Chart(document.getElementById("myChart").getContext("2d")).Line(data);
+ var ctx = $("#myChart").get(0).getContext("2d");
+ var myNewChart = new Chart(ctx).Line(data);
+ </script>
+</body>
+</html>
diff --git a/app/views/template.ejs b/app/views/template.ejs
new file mode 100644
index 0000000..6803c37
--- /dev/null
+++ b/app/views/template.ejs
@@ -0,0 +1,18 @@
+<% include templates/header %>
+
+</head>
+<body>
+ <% include templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row-fluid">
+
+ </div><!-- /div.row -->
+ </div><!-- /div.#wrapper -->
+
+
+<% include templates/footer %>
+</body>
+</html>
diff --git a/app/views/templates/footer.ejs b/app/views/templates/footer.ejs
new file mode 100644
index 0000000..2421d82
--- /dev/null
+++ b/app/views/templates/footer.ejs
@@ -0,0 +1,20 @@
+
+
+
+ <!--
+ Le javascript
+ ==================================================
+ Placed at the end of the document so the pages load faster
+ -->
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="/js/jquery-1.9.0.min.js"><\/script>')</script>
+ <script src="/js/bootstrap.min.js"></script>
+ <script src="/js/retina.js"></script>
+ <script>
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','/js/analytics.js','ga');
+ ga('create', 'UA-39435674-1', 'divid.no');
+ ga('send', 'pageview');
+ </script>
diff --git a/app/views/templates/header.ejs b/app/views/templates/header.ejs
new file mode 100644
index 0000000..815be5c
--- /dev/null
+++ b/app/views/templates/header.ejs
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
+ <title><%= title %></title>
+ <meta name="description" content="" />
+ <meta name="author" content="">
+
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="stylesheet" href="/css/bootstrap.css" />
+ <link rel="stylesheet" href="/css/bootstrap-responsive.css">
+
+ <link rel="stylesheet" href="/css/shame.css" />
+
diff --git a/app/views/templates/navbar.ejs b/app/views/templates/navbar.ejs
new file mode 100644
index 0000000..f72947d
--- /dev/null
+++ b/app/views/templates/navbar.ejs
@@ -0,0 +1,73 @@
+ <!-- Navbar
+ ================================================== -->
+
+ <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="navbar-inner" id="top-navbar">
+ <div class="container">
+ <% if (user === undefined) { %>
+ <div class="row-fluid collapse login-collapse">
+ <div class="span6">
+ <!--<img src="/img/logo_white.png">-->
+ </div>
+ <div class="span6">
+ <form action="/login" method="post" id="login-form" class="form-horizontal">
+ <div class="control-group">
+ <div class="input-prepend">
+ <span class="add-on"><i class="icon-envelope icon-white"></i></span>
+ <input type="email" name="email" id="email" placeholder="E-post" required>
+ </div>
+ </div>
+ <div class="control-group">
+ <div class="input-prepend">
+ <span class="add-on"><i class="icon-lock icon-white"></i></span>
+ <input type="password" id="password" name="password" placeholder="Passord" required>
+ </div>
+ </div>
+ <div class="row-fluid">
+ <div class="span7">
+ <label class="checkbox">
+ <input type="checkbox" name="rememberme"> Remember me
+ </label>
+ </div>
+ <div class="span5">
+ <button type="submit" class="btn btn-inverse btn-small">Logg inn</button>
+ </div>
+ </div>
+ <div class="row-fluid">
+ Eller logg inn med <a href="/auth/facebook">facebook</a> / <a href="/auth/twitter">twitter</a>
+ </div>
+ </form>
+ </div>
+ </div>
+ <% } %>
+ <div class="row-fluid">
+ <a href="/"><img class="logo" src="/img/dividlogo.png"></a>
+ <!--<a class="brand" href="#">Divid</a>--!>
+ <div class="pull-right">
+ <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <div class="login">
+ <% if(user === undefined) { %><a class="login" data-toggle="collapse" data-target=".login-collapse" href="#login">Logg inn</a>
+ <% } else { %>Logget inn som <%= user.username %> <a href="/logout" class="login">Logg ut</a>
+ <% } %>
+ </div>
+ </div>
+ <div class="nav-collapse collapse">
+ <ul class="nav menu">
+ <li><a href="/faq">FAQ</a></li>
+ <li><a href="/contact">Kontakt</a></li>
+ <li><a href="/project/new">Nytt prosjekt</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
diff --git a/app/views/test.ejs b/app/views/test.ejs
new file mode 100644
index 0000000..03a8aee
--- /dev/null
+++ b/app/views/test.ejs
@@ -0,0 +1,46 @@
+<% include templates/header %>
+</head>
+<body>
+
+ <% include templates/navbar %>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row">
+ <!-- docs navbar
+ ================================================== -->
+ <div class="span3 bs-docs-sidebar">
+ <ul class="nav nav-list bs-docs-sidenav affix">
+ <li><a href="#"><i class="icon-chevron-right"></i> Smurfetits</a></li>
+ <li><a href="#"><i class="icon-chevron-right"></i> Gangnam Style</a></li>
+ <li><a href="#tit"><i class="icon-chevron-right"></i> Scheiße</a></li>
+ </ul>
+ </div>
+
+
+ <!-- content
+ ================================================== -->
+ <div class="span9 content">
+ <section class="content">
+ <h1><%= title %></h1>
+ <p>Velkommen til <%= title %></p>
+ <p>Her kommer det <em>kanskje</em> mer senere.</p>
+ </section>
+ <section class="content">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vestibulum, mauris molestie interdum venenatis, sapien diam vestibulum arcu, sit amet ultrices urna sem et ipsum. Pellentesque dapibus tellus tristique augue sollicitudin mollis. Donec consectetur scelerisque lacus sit amet ullamcorper. Maecenas lectus ante, iaculis vitae consequat quis, viverra non lacus. Vestibulum vestibulum lacinia ullamcorper. Nam facilisis blandit turpis sit amet ultricies. Nulla facilisi. Donec non quam risus. Suspendisse venenatis nisl ut dolor imperdiet in eleifend nulla sagittis. Cras facilisis tempus sapien. In dapibus sodales aliquet. Nullam blandit, elit non convallis congue, velit augue facilisis odio, vel blandit turpis purus nec eros. Donec vel ipsum tellus, id lobortis justo. Vivamus ac porta nisi. Suspendisse malesuada convallis velit, non eleifend metus vehicula vitae. Ut pretium, diam nec iaculis gravida, nunc lacus accumsan arcu, et laoreet elit justo nec libero.</p>
+ <p>Integer sit amet lacus lectus, quis laoreet nisl. Pellentesque ut augue odio, eget placerat mauris. Phasellus tortor libero, placerat at interdum id, luctus scelerisque ipsum. Maecenas auctor feugiat aliquam. Nullam eu lorem quis est euismod elementum. Integer sit amet nulla at dui semper pellentesque eget id sem. Sed bibendum nisl id eros ullamcorper ut condimentum justo tempus. Nam eget neque arcu, ac pulvinar justo. Nunc ac justo vel risus ultrices aliquam vel vehicula velit. Nullam faucibus, sapien eget volutpat commodo, erat ipsum congue ante, non facilisis lacus erat non eros. Pellentesque facilisis semper nibh ac tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae magna massa, eu laoreet libero.</p>
+ </section>
+ <section id="tit" class="content">
+ <h2>Would you?</h2>
+ <a href="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/483553_10151560007790395_695693936_n.jpg"><img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/483553_10151560007790395_695693936_n.jpg" class="img-polaroid" /></a>
+ <p>Cras ac erat arcu, condimentum posuere lectus. Suspendisse mollis volutpat ipsum, ac posuere quam rutrum vitae. Nullam dignissim, diam eu posuere blandit, diam nibh congue eros, a posuere magna diam ut metus. Sed vehicula commodo lobortis. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam a purus lorem, non laoreet libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras bibendum, ligula non tristique consequat, erat lacus porttitor orci, eu viverra ipsum nunc nec risus.</p>
+ <p> Donec vitae felis et quam tempor vestibulum vel at diam. Donec felis mauris, euismod vel interdum ac, commodo quis nunc. Nulla nec libero diam, in tempus arcu. Cras justo neque, sodales vel rhoncus nec, placerat ut nunc. Mauris convallis urna non erat varius malesuada. Curabitur eu mauris purus, ut suscipit lorem. Ut convallis varius lacus nec sollicitudin. Fusce egestas ultricies justo, et gravida neque mollis vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
+ </section>
+ </div><!-- /div.span9 -->
+ </div><!-- /div.row -->
+ </div><!-- /div#wrapper -->
+
+<% include templates/footer %>
+</body>
+</html>
diff --git a/app/views/users/registerEmail.ejs b/app/views/users/registerEmail.ejs
new file mode 100644
index 0000000..bdf5b65
--- /dev/null
+++ b/app/views/users/registerEmail.ejs
@@ -0,0 +1,43 @@
+<% include ../templates/header %>
+
+</head>
+<body>
+
+ <!-- Wrapper
+ ================================================== -->
+ <div class="container" id="wrapper">
+ <div class="row-fluid">
+
+ <form class="form-horizontal" method="post">
+ <fieldset>
+
+ <h1><legend><%= title %></legend></h1>
+ <p>Vær vennlig å registrer eposten din</p>
+
+ <div class="control-group">
+ <label class="control-label">Epost-adresse</label>
+ <div class="controls">
+ <div class="input-prepend">
+ <span class="add-on"><i class="icon-envelope"></i></span>
+ <input type="email" name="email" id="email" placeholder="E-post" required>
+ </div>
+ </div>
+ </div>
+ <div class="control-group">
+ <div class="form-actions">
+ <button type="submit" id="buttonSubmit" name="submit" class="btn btn-primary">Registrer</button>
+ <button type="reset" id="buttonReset" name="reset" class="btn">Nullstill</button>
+ </div>
+ </div>
+
+
+ </fieldset>
+ </form>
+
+ </div><!-- /div.row -->
+ </div><!-- /div.#wrapper -->
+
+
+<% include ../templates/footer %>
+</body>
+</html>
diff --git a/app/views/users/signup.ejs b/app/views/users/signup.ejs
new file mode 100644
index 0000000..611c052
--- /dev/null
+++ b/app/views/users/signup.ejs
@@ -0,0 +1,86 @@
+<% include ../templates/header %>
+ <link rel="stylesheet" href="/css/login.css" />
+</head>
+<body>
+
+ <input type="hidden" id="userId">
+ <div id="account-form-container">
+ <form method="post" id="account-form" class="form-horizontal well span6">
+ <h1></h1>
+ <p id="sub1" class="subheading">Please tell us a little about yourself.</p>
+ <hr>
+ <fieldset>
+ <div id="name-cg" class="control-group">
+ <label for="name-tf" class="control-label">Name</label>
+ <div class="controls">
+ <input id="name-tf" type="text" name="name" class="input-xlarge">
+ </div>
+ </div>
+ <div id="email-cg" class="control-group">
+ <label for="email-tf" class="control-label">Email</label>
+ <div class="controls">
+ <% if (invite) { %>
+ <span class="input uneditable-input"><%= email %></span>
+ <% } else { %>
+ <input id="email-tf" type="text" name="email" class="input-xlarge">
+ <% } %>
+ </div>
+ </div>
+ <hr>
+ <p id="sub2" class="subheading"></p>
+ <div id="user-cg" class="control-group">
+ <label for="user-tf" class="control-label">Username</label>
+ <div class="controls">
+ <input id="user-tf" type="text" name="username" class="input-xlarge disabled">
+ </div>
+ </div>
+ <div id="pass-cg" class="control-group">
+ <label for="pass-tf" class="control-label">Password</label>
+ <div class="controls">
+ <input id="pass-tf" type="password" name="password" value="" class="input-xlarge">
+ </div>
+ </div>
+ <div class="form-actions">
+ <button type="button" id="account-form-btn1" class="btn">Cancel</button>
+ <button type="submit" id="account-form-btn2" class="btn">Submit</button>
+ </div>
+ </fieldset>
+ </form>
+ </div>
+ <!-- display form errors in a custom modal window //-->
+ <div class="modal-form-errors modal hide fade">
+ <div class="modal-header">
+ <button data-dismiss="modal" class="close">x</button>
+ <h3>Whoops!</h3>
+ </div>
+ <div class="modal-body">
+ <p class="subheading">It looks like there was a problem.</p>
+ <ul></ul>
+ </div>
+ <div class="modal-footer">
+ <button data-dismiss="modal" class="btn btn-warning">OK</button>
+ </div>
+ </div>
+
+
+
+
+
+ <div class="modal-alert modal hide fade">
+ <div class="modal-header">
+ <button data-dismiss="modal" class="close">x</button>
+ <h3></h3>
+ </div>
+ <div class="modal-body">
+ <p></p>
+ </div>
+ <div class="modal-footer">
+ <button data-dismiss="modal" id="ok" class="btn btn-warning">OK</button>
+ </div>
+ </div>
+ <script src="/js/views/signup.js"></script>
+ <script src="/js/form-validators/accountValidator.js"></script>
+ <script src="/js/controllers/signupController.js"></script>
+
+
+<% include ../templates/footer %>
generated by cgit, for Dennis Eriksen