logs/index.html at master · devscollab/logs · GitHub

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="description" content="Portfolio website for the Devs Collab" />
  <meta name="keywords" content="devscollab, devs, collab, portfolio, developers, android, web, digital, opensource" />
  <title>Logs for Devs Collab</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" />
  <link rel="stylesheet" href="css/main.css" />
</head>

<body>
  <nav>
    <div class="nav-wrapper" id="navbar">
      <a href="/" class="brand-logo"> <b id="logo">DEVS COllAB</b> </a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <!-- <li><a href="sass.html">Sass</a></li>
          <li><a href="badges.html">Components</a></li>
          <li><a href="collapsible.html">JavaScript</a></li> -->
      </ul>
    </div>
  </nav>
  <div id="app">
    <div class="main-container ">
      <div class="your-events">
        <p v-if="your_events" @click="your_events = !your_events"><button class="btn deep-purple" id="check-btn">Check
            your Events</button></p>
        <div v-else class="card" id="your-events-card">
          <label for="input">Enter Github Username</label> <input type="text" placeholder="username" id="newUsername">
          <button class="btn center-block deep-purple" @click="changeApiUrl">Check my events</button>
        </div>
      </div>
      <div class="logs container">
        <div v-for="i in list" class="card" id="info-card">
          <div class="actor-info">
            <div class="actor-avatar">
              <a :href="'https://github.com/'+`${i.actor.login}` ">
                <img :src="i.actor.avatar_url" alt="" />
              </a>
            </div>
            <div class="actor-login">{{i.actor.login}}</div>
          </div>
          <div class="content">
            <div class="type">{{ i.type }}</div>
            <div class="repo-info">
              repo:
              <a :href="'https://github.com/'+`${i.repo.name}` ">
                <div class="repo-name">&nbsp; {{ i.repo.name}}</div>
              </a>
            </div>
            <div class="payload">
              <div class="payload-title" v-if="i.type === 'CreateEvent'">
                <!--IF the content type is create event-->
                Title : {{ i.payload.description}}
              </div>
              <div class="payload-title" v-if="i.type === 'PushEvent'">
                <!--IF the content type is push event-->
                Commits :
                <div class="commits" v-for="(commit,id) in i.payload.commits">
                  {{id +1}} : {{commit.message}}
                </div>
              </div>
              <div class="payload-title" v-if="i.type === 'PullRequestEvent'">
                <!--IF the content type is pullrequest event-->
                Action : {{i.payload.action}} <br>
                Message : {{i.payload.pull_request.body}} <br>
                Pull Request Info : Addition {{i.payload.pull_request.additions}} , Deletions
                {{i.payload.pull_request.deletions}} , Changes {{i.payload.pull_request.changed_files}}

              </div>
              <div class="payload-title" v-if="i.type === 'IssueCommentEvent'">
                <!--IF the content type is issuecomment event-->
                Action : {{i.payload.action}} <br>
                <a :href="i.payload.comment.html_url">
                  {{ i.payload.comment.body}}
                </a>

              </div>
              <div class="payload-title" v-if="i.type === 'IssuesEvent'">
                <!--IF the content type is IssuesEvent event-->
                Action : {{i.payload.action}} <br>
                <a :href="i.payload.issue.html_url">
                  {{ i.payload.issue.title}}
                </a>

              </div>
              <div class="payload-title" v-if="i.type === 'WatchEvent'">
                <!--IF the content type is WatchEvent event-->
                Action : {{i.payload.action}}

              </div>
              <div class="payload-title" v-if="i.type === 'ForkEvent'">
                <!--IF the content type is ForkEvent event-->
                Forked to <a :href="i.payload.forkee.html_url">{{i.payload.forkee.full_name}}</a>

              </div>
              <div class="payload-time">Created at : {{ i.created_at.split('T')[0] }}</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<!-- Importing scripts -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script src="js/main.js"></script>

</html>