24 | @{{username}}
25 |
26 | {{/users}}`;
27 |
28 |
29 | function renderUsers(data, $body, $count) {
30 | var htmlOutput = Mustache.render(usersTemplate, data);
31 | $body.html(htmlOutput);
32 | $count.html(data.users.length);
33 | }
34 |
35 |
36 | (function loadFollowers () {
37 | var url = "/" + fsTweet.user.id + "/followers"
38 | $.getJSON(url, function(data){
39 | renderUsers(data, $("#followers"), $("#followersCount"))
40 | })
41 | })();
42 |
43 | (function loadFollowingUsers() {
44 | var url = "/" + fsTweet.user.id + "/following"
45 | $.getJSON(url, function(data){
46 | renderUsers(data, $("#following"), $("#followingCount"))
47 | })
48 | })();
49 |
50 | });
--------------------------------------------------------------------------------
/src/FsTweet.Web/assets/js/tweet.js:
--------------------------------------------------------------------------------
1 | $(function(){
2 | var timeAgo = function () {
3 | return function(val, render) {
4 | return moment(render(val) + "Z").fromNow()
5 | };
6 | }
7 |
8 | var template = `
9 |
10 | @{{tweet.username}} - {{#timeAgo}}{{tweet.time}}{{/timeAgo}}
11 |
13 | `
14 |
15 | window.renderTweet = function($parent, tweet) {
16 | var htmlOutput = Mustache.render(template, {
17 | "tweet" : tweet,
18 | "timeAgo" : timeAgo
19 | });
20 | $parent.prepend(htmlOutput);
21 | };
22 |
23 | $body = $("body");
24 |
25 | $(document).on({
26 | ajaxStart: function() { $body.addClass("loading"); },
27 | ajaxStop: function() { $body.removeClass("loading"); }
28 | });
29 |
30 | });
--------------------------------------------------------------------------------
/src/FsTweet.Web/assets/js/wall.js:
--------------------------------------------------------------------------------
1 | $(function(){
2 | $("#tweetForm").submit(function(event){
3 | var $this = $(this);
4 | var $tweet = $("#tweet");
5 | event.preventDefault();
6 | $this.prop('disabled', true);
7 | $.ajax({
8 | url : "/tweets",
9 | type: "post",
10 | data: JSON.stringify({post : $tweet.val()}),
11 | contentType: "application/json"
12 | }).done(function(){
13 | $this.prop('disabled', false);
14 | $tweet.val('');
15 | }).fail(function(jqXHR, textStatus, errorThrown) {
16 | console.log({jqXHR : jqXHR, textStatus : textStatus, errorThrown: errorThrown})
17 | alert("something went wrong!")
18 | });
19 |
20 | });
21 |
22 | $("textarea[maxlength]").on("propertychange input", function() {
23 | if (this.value.length > this.maxlength) {
24 | this.value = this.value.substring(0, this.maxlength);
25 | }
26 | });
27 |
28 | let client = stream.connect(fsTweet.stream.apiKey, null, fsTweet.stream.appId);
29 | let userFeed = client.feed("user", fsTweet.user.id, fsTweet.user.feedToken);
30 | let timelineFeed = client.feed("timeline", fsTweet.user.id, fsTweet.user.timelineToken);
31 |
32 | userFeed.subscribe(function(data){
33 | renderTweet($("#wall"),data.new[0]);
34 | });
35 | timelineFeed.subscribe(function(data){
36 | renderTweet($("#wall"),data.new[0]);
37 | });
38 |
39 | timelineFeed.get({
40 | limit: 25
41 | }).then(function(body) {
42 | var timelineTweets = body.results
43 | userFeed.get({
44 | limit : 25
45 | }).then(function(body){
46 | var userTweets = body.results
47 | var allTweets = $.merge(timelineTweets, userTweets)
48 | allTweets.sort(function(t1, t2){
49 | return new Date(t2.time) - new Date(t1.time);
50 | })
51 | $(allTweets.reverse()).each(function(index, tweet){
52 | renderTweet($("#wall"), tweet);
53 | });
54 | })
55 | })
56 | });
--------------------------------------------------------------------------------
/src/FsTweet.Web/paket.references:
--------------------------------------------------------------------------------
1 | FSharp.Core
2 | Suave
3 | DotLiquid
4 | Suave.DotLiquid
5 | Suave.Experimental
6 | Chessie
7 | BCrypt.Net-Next
8 | Chiron
9 | stream-net
10 | NodaTime
11 | Logary
12 | group Database
13 | SQLProvider
14 | Npgsql
15 | group Email
16 | Postmark
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/guest/home.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 | {{tweet.tweet}}
12 |
9 |
28 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/master_page.liquid:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | {% block head %}
11 | {% endblock %}
12 |
13 |
14 |
10 |
17 |
19 | FsTweet
18 |
20 | 
21 |
27 |
21 | Communicate with the world in a different way!
22 |23 | Sign up today 24 |
25 | Already a user? Sign in 26 |
15 | {% block content %}
16 | {% endblock %}
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 | {% block scripts %}
28 | {% endblock %}
29 |
30 |
31 |
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/not_found.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 |
9 |
11 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/server_error.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 | {{model}}
10 |
9 |
11 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/user/login.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 | {{model}}
10 |
9 |
30 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/user/profile.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 |
10 |
29 |
11 | {% if model.Error %}
12 |
28 | 13 | {{ model.Error.Value }} 14 |
15 | {% endif %} 16 | 27 |
9 |
50 | {% endblock %}
51 |
52 | {% block scripts %}
53 |
54 |
55 |
68 |
69 |
70 |
71 |
72 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/user/signup.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 |
10 |
49 |
11 | 
12 |
24 |
12 | @{{model.Username}}
13 | {% if model.IsLoggedIn %} 14 | {% unless model.IsSelf %} 15 | {% if model.IsFollowing %} 16 | Following 17 | {% else %} 18 | Follow 19 | {% endif %} 20 | {% endunless %} 21 | Logout 22 | {% endif %} 23 |
25 |
48 |
26 |
37 |
38 |
47 |
39 |
46 |
40 |
41 |
42 |
43 |
44 |
45 |
9 |
27 |
28 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/user/signup_success.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 |
9 |
14 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/user/verification_success.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 | 10 | Hi {{ model }}, Your account has been created. 11 | Check your email to activate the account. 12 |
13 |
9 |
14 | {% endblock %}
--------------------------------------------------------------------------------
/src/FsTweet.Web/views/user/wall.liquid:
--------------------------------------------------------------------------------
1 | {% extends "master_page.liquid" %}
2 |
3 | {% block head %}
4 | 10 | Hi {{ model }}, Your email address has been verified. 11 | Now you can login! 12 |
13 |
9 |
3 |
4 |
5 |
6 |
15 |
16 |
21 |
22 |
23 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
10 |
15 |
27 | {% endblock %}
28 |
29 |
30 | {% block scripts %}
31 |
32 |
33 |
47 |
48 |
49 |
50 | {% endblock %}
--------------------------------------------------------------------------------
/web.config:
--------------------------------------------------------------------------------
1 |
2 |
16 |
26 |
17 |
25 |
18 |
22 |
23 |
24 |