diff options
Diffstat (limited to 'app/assets/javascripts/templates/tutorials')
4 files changed, 47 insertions, 0 deletions
diff --git a/app/assets/javascripts/templates/tutorials/new.jst.ejs b/app/assets/javascripts/templates/tutorials/new.jst.ejs new file mode 100644 index 00000000..965a62f1 --- /dev/null +++ b/app/assets/javascripts/templates/tutorials/new.jst.ejs @@ -0,0 +1,23 @@ +<h1>Share a tutorial link</h1> +<hr /> +<form id="new-tutorial" name='tutorial' class='form-horizontal'> + <div id="url-group" class="form-group"> + <label for="tutorial_url">Tutorial URL</label> + <input class="form-control" id="tutorial_url" name="url" type="text" value="<%= url %>" placeholder="http://www.cakeside.com/" autofocus> + </div> + <div class="form-group"> + <label for="tags">Tags</label> + <input type="text" id="tutorial_tags" name="tags" value="" class="form-control" autocomplete="off" /> + <p class="help-block"> Note: help people find this tutorial by adding some keyword tags </p> + </div> + <button id='save-button' type="submit" class="btn btn-primary">Save</button> + <a href="#tutorials" class="btn btn-secondary">Cancel</a> +</form> +<div id="preview-panel" class="thumbnail"> + <img class="embed-thumb" src="<%= image_url %>" /> + <div class="caption"> + <h3 class="tutorial-heading"><%= heading %></h3> + <p id="tag-list"></p> + <p class="tutorial-description"><%= description %></p> + </div> +</div> diff --git a/app/assets/javascripts/templates/tutorials/no_tutorials.jst.ejs b/app/assets/javascripts/templates/tutorials/no_tutorials.jst.ejs new file mode 100644 index 00000000..ab9705b1 --- /dev/null +++ b/app/assets/javascripts/templates/tutorials/no_tutorials.jst.ejs @@ -0,0 +1 @@ +<p>You have no tutorials. <a href="#tutorials/new">Get Started</a></p> diff --git a/app/assets/javascripts/templates/tutorials/show.jst.ejs b/app/assets/javascripts/templates/tutorials/show.jst.ejs new file mode 100644 index 00000000..7dcbea00 --- /dev/null +++ b/app/assets/javascripts/templates/tutorials/show.jst.ejs @@ -0,0 +1,16 @@ +<div class="row"> + <div class="col"> + <h3><a href="#tutorials/<%= id %>"><%= heading %></a> <small><%= displayDate(created_at) %></small></h3> + <a href="#tutorials/<%= id %>"> + <img src="<%= image_url %>" /> + </a> + <p> + <% _.each(tags, function(tag) { %> + <a href="/tt/<%= tag.name %>"> + <span class="label"><%= tag.name %></span> + </a> + <% }); %> + </p> + <p><%= description %></p> + </div> +</div> diff --git a/app/assets/javascripts/templates/tutorials/tutorial.jst.ejs b/app/assets/javascripts/templates/tutorials/tutorial.jst.ejs new file mode 100644 index 00000000..255344d7 --- /dev/null +++ b/app/assets/javascripts/templates/tutorials/tutorial.jst.ejs @@ -0,0 +1,7 @@ +<a href="#tutorials/<%= id %>" class="float-left"> + <img class="media-object" data-src="<%= image_url %>" alt="64x64" style="width: 64px; height: 64px;" src="<%= image_url %>"> +</a> +<div class="media-body"> + <h4 class="media-heading"><%= heading %></h4> + <%= description %> +</div> |