hack.chat-desktop/index.html at master · raf924/hack.chat-desktop · 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
<!doctype html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Chatron</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->
    <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
    <link rel="import" href="bower_components/app-layout/app-layout.html">
    <link href="bower_components/paper-spinner/paper-spinner.html" rel="import">
    <link href="bower_components/neon-animation/neon-animations.html" rel="import">
    <link href="bower_components/neon-animation/web-animations.html" rel="import">
    <link href="bower_components/neon-animation/animations/scale-up-animation.html" rel="import">
    <link href="bower_components/neon-animation/animations/fade-out-animation.html" rel="import">
    <link href="bower_components/iron-icons/iron-icons.html" rel="import">
    <link rel="import" href="bower_components/paper-icon-button/paper-icon-button.html">
    <link rel="import" href="bower_components/paper-menu-button/paper-menu-button.html">
    <link rel="import" href="bower_components/paper-dialog/paper-dialog.html">
    <link rel="import" href="bower_components/paper-input/paper-input.html">
    <link rel="import" href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
    <link rel="import" href="bower_components/paper-button/paper-button.html">
    <link rel="import" href="bower_components/paper-toast/paper-toast.html">
    <link rel="import" href="bower_components/paper-toast/paper-toast.html">
    <link rel="import" href="bower_components/polymer/lib/mixins/property-effects.html">
    <script src="vendor/titlebar.js"></script>
    <link href="static/elements/ui-collapse-item.html" rel="import">
    <link href="static/elements/ui-channel-tabs.html" rel="import">
    <link href="static/elements/ui-favourites.html" rel="import">
    <link href="static/elements/ui-loader.html" rel="import">
    <link href="static/elements/ui-toolbar.html" rel="import">
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->
<app-drawer-layout>
    <app-drawer id="sidemenu" slot="drawer" swipe-open opened>
        <paper-icon-button icon="add" id="addChannel"></paper-icon-button>
        <!--<select id="serviceChoice" title="Service"></select>-->
        <paper-listbox>
            <ui-collapse-item>
                <span slot="title">Open Channels</iron-icon></span>
                <ui-channels slot="collapsible" id="menu-channels"></ui-channels>
            </ui-collapse-item>
            <ui-collapse-item>
                <span slot="title">Favourites</iron-icon></span>
                <ui-favourites slot="collapsible" id="menu-favourites"></ui-favourites>
            </ui-collapse-item>
        </paper-listbox>
    </app-drawer>
    <app-header-layout>
        <app-header slot="header">
            <app-toolbar id="app-bar">
                <paper-icon-button id="sidemenu-collapse" icon="menu" drawer-toggle></paper-icon-button>
                <span id="channelTitle" main-title class="title"></span>
                <ui-toolbar id="toolbar"></ui-toolbar>
                <paper-menu-button horizontal-align="right">
                    <paper-icon-button id="menu" icon="more-vert" class="right dropdown-trigger"></paper-icon-button>
                    <paper-listbox id="menu-items" slot="dropdown-content">
                    </paper-listbox>
                </paper-menu-button>
            </app-toolbar>
        </app-header>
        <main>
            <ui-loader active id="waitIndicator"></ui-loader>
            <div id="channels">
            </div>
            <div id="chatBox-wrapper" hidden>
                <form id="chatInputForm">
                    <paper-textarea no-label-float id="chatBox" label="Type your message here" rows="2"
                                    max-rows="2"></paper-textarea>
                </form>
            </div>
        </main>
    </app-header-layout>
</app-drawer-layout>

<paper-dialog id="newChannelDialog" with-backdrop>
    <h2>New Channel</h2>
    <form is="iron-form" id="newChannelForm">
        <paper-input required="true" label="Channel Name" name="channelName" id="channelName"></paper-input>
        <paper-dropdown-menu required="true" name="service" label="Services">
            <paper-listbox required="true" id="serviceChoice" class="dropdown-content">

            </paper-listbox>
        </paper-dropdown-menu>
    </form>
    <div class="buttons">
        <paper-button dialog-dismiss>Cancel</paper-button>
        <paper-button dialog-confirm>Connect</paper-button>
    </div>
</paper-dialog>

<paper-toast id="alert">
    <paper-button id="alertAction">Cancel</paper-button>
</paper-toast>
<script src="bundle.js"></script>
<script src="cordova.js"></script>
</body>
</html>