Pulse-Plus/index.html at master · TerryRPatterson/Pulse-Plus · 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!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">
    <link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.0/normalize.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/materialize.css" type="text/css" media="screen,projection" />
    <link rel="stylesheet" href="./css/styles.css" />
    <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
    <title>Pulse Plus</title>
</head>

<body>
    <header>
        <nav class="topnav">
            <ul>
                <li><i class="fab fa-github"></i> Pulse<span>Plus</span></li>
            </ul>
        </nav>
        <nav class="bottomnav">
            <ul>
                <li class="logo"><i class="fab fa-github"></i> Pulse<span>Plus</span></li>
                <li>
                    <a href="#issues" class="issues_icon">
                        <i class="large material-icons">priority_high</i>
                    </a>
                </li>
                <li>
                    <a href="#pulls" class="pulls_icon">
                        <i class="fas fa-code-branch"></i>
                    </a>
                </li>
                <li>
                    <a href="#slack" class="feed_icon">
                        <i class="large material-icons">chat</i>
                    </a>
                </li>
                <li>
                    <a href="#!" class="update_icon">
                        <i class="large material-icons">sync</i>
                    </a>
                </li>
                <li>
                    <a href="#!" class="settings_icon">
                        <i class="large material-icons">settings</i>
                    </a>
                </li>
            </ul>
        </nav>
    </header>
    <main>
        <div class="issues" id="issues">
            <ul class="list issueList">

            </ul>
        </div>
        <div class="pulls hidden" id="pulls">
            <ul class="list pullsList">
                <li>
                    <div class="card ghfeed indigo">
                        <div class="card-content white-text">
                            <span class="card-title">Pull Request #1</span>
                            <p>Lorem ipsum foo bar</p>
                        </div>
                        <div class="card-action">
                            <a href="#">Open on GitHub</a>
                            <a href="#" class="open_modal">Inspect</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="lightbox modal modalhide">
            <div class="card">
                <a href="#" class="close_modal">
                    <i class="far fa-times-circle"></i>
                </a>
                <div class="card-content">
                    <h3 id="modal-title">Issue #23</h3>
                    <h6 id="modal-desc">Need to make sure Time parameter works properly in slack api call function #23</h6>
                </div>
                <div class="card-tabs commentthread" >
                    <ul class="" id="commentthread">
                    </ul>
                </div>
                <form class="card-content grey lighten-4" id="GitForm">
                        <button class="btn ghcomment waves-effect waves-light" id="ghcomment" type="submit" name="action">
                            <i class="fab fa-github"></i> Comment
                        </button>
                        <div class="inputwrap">
                            <input placeholder="Comment" id="gh_msg" type="text" class="validate">
                        </div>
                        <div class="bottombtns">
                            <button class="btn ghopen waves-effect waves-light" id="ghopen" type="submit" name="action">
                                Open on GitHub
                            </button>
                            <button class="btn ghcloseissue waves-effect waves-light" id="ghcloseissue" type="submit" name="action">
                                Close Issue
                            </button>
                        </div>
                </form>
            </div>
        </div>
        <div class="feed hidden" id="feedContainer">
            <ul class="feedList" id="feed">
            </ul>
        </div>
    </main>
    <footer>
        <div class="input-field col s6 messaging hidden">
            <form id="slackPost">
                <input placeholder="Message" id="slack_msg" type="text" class="validate">
                <label for="slack_msg">Post to Slack</label>
                <button class="btn slack waves-effect waves-light" id="slack" type="submit" name="action">
                    <i class="fab fa-slack-hash"></i> Post to <span>Slack</span>
                </button>
            </form>
        </div>
    </footer>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="./js/materialize.js"></script>
    <script src="./js/bootstrap.js"></script>
    <script src="./js/page_function.js"></script>
    <script src="./js/main.js"></script>

</body>
</html>