diff options
Diffstat (limited to 'views/projects')
| -rw-r--r-- | views/projects/layouts-modal.ejs | 23 | ||||
| -rw-r--r-- | views/projects/list-projects.ejs | 36 |
2 files changed, 35 insertions, 24 deletions
diff --git a/views/projects/layouts-modal.ejs b/views/projects/layouts-modal.ejs index 24a83b7..6f60d81 100644 --- a/views/projects/layouts-modal.ejs +++ b/views/projects/layouts-modal.ejs @@ -3,14 +3,17 @@ <div class="box"> <div class="templates"> - <h1>Edit Room Layouts</h1> + <h2>Edit Room Layouts</h2> + <div class="templates-list"> + </div> + <form> + <input data-role="create-new-layout" class="button_text" type="submit" value="New Layout"> + </form> </div> <div class="no-templates"> There are no room layouts available. Please <a href="/layout/new">create a new one.</a> </div> - <form> - <input data-role="create-new-layout" class="button_text" type="submit" value="New Layout"> - </form> + </div> </div> @@ -19,7 +22,9 @@ <div class="box"> <div class="templates"> - <h1>Your Projects</h1> + <h2>Your Projects</h2> + <div class="templates-list"> + </div> </div> <div class="no-templates"> </div> @@ -33,8 +38,14 @@ <span class="close">X</span> <div class="box"> - <h2>Choose Room Template</h2> <div class="templates"> + <h2>Select a Room Template</h2> + + <div class="templates-list"> + </div> + <form> + <input data-role="create-new-layout" class="button_text" type="submit" value="or make your own template"> + </form> </div> <div class="no-templates"> There are no room layouts available. Please <a href="/layout/new">create a new one.</a> diff --git a/views/projects/list-projects.ejs b/views/projects/list-projects.ejs index a12f237..c47dee0 100644 --- a/views/projects/list-projects.ejs +++ b/views/projects/list-projects.ejs @@ -4,31 +4,31 @@ [[ projects.forEach(function(project, i) { ]] - <span class="room"> - <span class="images"> - <img src="[[- project.photo ]]"> + [[ if (String(user._id) == String(project.user_id)) { ]] + <a href="/project/[[- project.slug ]]/edit"> + [[ } else { ]] + <a href="/project/[[- project.slug ]]" class="roomName"> + [[ } ]] + + <span class="room" style="background-color: rgb([[- project.color ]]);"> + <span class="mask" style="background-image: url([[- project.photo ]]);"> + </span> + <span class="images" data-mediaCount="[[- Math.min(project.media.length, 4) ]]"> [[ mediaCount = 0 ]] [[ project.media.some(function(media){ ]] [[ if (media.media.type != "image") { return false } ]] - [[ if (++mediaCount > 3) { return true } ]] - <img src="[[- media.media.url ]]"> + [[ if (++mediaCount > 4) { return true } ]] + <div style="background-image:url([[- media.media.url ]])"></div> [[ }) ]] </span> - - <div class="holder"> - [[ if (String(user._id) == String(project.user_id)) { ]] - <a href="/project/[[- project.slug ]]/edit"> - [[- project.name ]]<br> - [[- project.date ]] - </a> - [[ } else { ]] - <a href="/project/[[- project.slug ]]" class="roomName"> - [[- project.name ]]<br> - [[- project.date ]] - [[ } ]] - </div> </span> + <label> + [[- project.name ]]<br> + Created – [[- project.date ]] + </label> + + </a> [[ }) ]] </div> |