aboutsummaryrefslogtreecommitdiffstats
path: root/app/views/tweets/_tweets_template.html.haml
blob: 2a9910b5c8f9738ba8fb4b354ed04f5399b72a9d (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
.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
      %dl{data: {"v-if" => "favorites_count > 0"}}
        %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"}}<
              %a{data: {"v-if" => "allowed"}, 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"}}
              %img{data: {"v-if" => "!allowed"}, src: image_path("profile_image_protected.png"), alt: "protected user"}
      %dl{data: {"v-if" => "retweets_count > 0"}}
        %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"}}<
              %a{data: {"v-if" => "allowed"}, 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"}}
              %img{data: {"v-if" => "!allowed"}, 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")}