aboutsummaryrefslogtreecommitdiffstats
path: root/app/views/tweets/_tweets_template.html.haml
blob: 54a6eaa90716f9529a3379f97098cb1b35fe0130 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
.status{data: {"v-repeat" => "statuses"}, class: "{{aside?'status-reply':''}}"}
  %template{data: {"v-if" => "allowed"}}
    .status-tweet
      .status-user
        %a{href: user_path("dummy").sub("dummy", "{{user.screen_name}}"), title: "{{user.name | removeInvalidCharacters}} (@{{user.screen_name}})"}<
          %img.twitter-icon{src: "{{user.profile_image_url}}", alt: "@{{user.screen_name}}", data: {"v-on" => "error: failProfileImage"}}
      .status-content
        .status-head
          %span.user<
            %a{href: user_path("dummy").sub("dummy", "{{user.screen_name}}")}<
              %span {{user.name | removeInvalidCharacters}}
              %span @{{user.screen_name}}
          %span.time<
            %a{href: tweet_path("0").sub("0", "{{id_str}}"), title: "このツイートの詳細を見る"}<
              %time{datetime: "{{tweeted_at}}"} {{tweeted_at | toLocaleString}}
            %a.source.aclogicon.aclogicon-twitter{href: "https://twitter.com/{{user.screen_name}}/status/{{id_str}}", title: "Twitter で見る"}
        .status-text {{{text | removeInvalidCharacters | formatText}}}
        .status-foot
          %span.source {{{source | removeInvalidCharacters | formatSource}}}
          %ul
            %li<
              %a.aclogicon.aclogicon-fav{href: "https://twitter.com/intent/favorite?tweet_id={{id_str}}", title: "お気に入り登録", data: {"v-on" => "click: openIntent"}}
            %li<
              %a.aclogicon.aclogicon-retweet{href: "https://twitter.com/intent/retweet?tweet_id={{id_str}}", title: "リツイート", data: {"v-on" => "click: openIntent"}}
            %li<
              %a.aclogicon.aclogicon-reply{href: "https://twitter.com/intent/tweet?in_reply_to={{id_str}}", title: "返信", data: {"v-on" => "click: openIntent"}}
    .status-responses
      %template{data: {"v-if" => "favorites_count > 0"}}
        %dl
          %dt
            %a.expand-responses-button{href: "#", title: "すべて見る", data: {"v-on" => "click: toggleExpandFavorites(this, $event)"}}<
              %span> {{favorites_count}}
              Favs
          %dd{data: {"v-class" => "collapsed: !expandFavorites"}}
            %ul{class: "status-responses-favorites"}
              %li{data: {"v-if" => "loading"}}
                %img.loading-image{src: image_path("loading.gif")}
              %li{data: {"v-repeat" => "favorites"}}<
                %template{data: {"v-if" => "allowed"}}
                  %a{href: user_path("dummy").sub("dummy", "{{screen_name}}"), title: "{{name | removeInvalidCharacters}} (@{{screen_name}})"}<
                    %img.twitter-icon{src: "{{profile_image_url}}", alt: "@{{screen_name}}", data: {"v-on" => "error: failProfileImage"}}
                %template{data: {"v-if" => "!allowed"}}
                  %img{src: image_path("profile_image_protected.png"), alt: "protected user"}
      %template{data: {"v-if" => "retweets_count > 0"}}
        %dl
          %dt
            %a.expand-responses-button{href: "#", title: "すべて見る", data: {"v-on" => "click: toggleExpandRetweets(this, $event)"}}<
              %span> {{retweets_count}}
              RTs
          %dd{data: {"v-class" => "collapsed: !expandRetweets"}}
            %ul{class: "status-responses-retweets"}
              %li{data: {"v-if" => "loading"}}
                %img.loading-image{src: image_path("loading.gif")}
              %li{data: {"v-repeat" => "retweets"}}<
                %template{data: {"v-if" => "allowed"}}
                  %a{href: user_path("dummy").sub("dummy", "{{screen_name}}"), title: "{{name | removeInvalidCharacters}} (@{{screen_name}})"}<
                    %img.twitter-icon{src: "{{profile_image_url}}", alt: "@{{screen_name}}", data: {"v-on" => "error: failProfileImage"}}
                %template{data: {"v-if" => "!allowed"}}
                  %img{src: image_path("profile_image_protected.png"), alt: "protected user"}
  %template{data: {"v-if" => "!allowed"}}
    .status-tweet
      .status-user
        %img{src: image_path("profile_image_protected.png"), alt: "protected user"}
      .status-content
        .status-head
          %span.time
            %time{datetime: "{{tweeted_at}}"} {{tweeted_at | toLocaleString}}
            .source.aclogicon.aclogicon-twitter
        .status-text.protected ユーザーはツイートを非公開にしています
        .status-foot
.loading-box{data: {"v-if" => "loading"}}
  %img.loading-image{src: image_path("loading.gif")}