summaryrefslogtreecommitdiff
path: root/index.html
blob: ccfc30f8a947479120628a31ad1c67b0cc6a2ec0 (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
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
133
<!DOCTYPE html>
<head>
    <title>Rhizi Prototype </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link href="res/css/style.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="res/img/favicon2.ico" />

    <script src="src/local_config.js"></script>
    <script data-main='src/app.js' src="lib/require.js"></script>

</head>

<body>
  <div id="chromeinputbugworkaround" style="position:fixed; top:0px; left:0px; width:100%">
  <span id="measure-node" class="graph nodetext" style="position: absolute; display: inline; top: -300px; left: 0px;">suicide squade, attack!</span>
  <span id="measure-link" class="graph linklabel" style="position: absolute; display: inline; top: -300px; left: 0px;">those who are about to cry, we kaput you.</span>
  <div class="top-bar">
    <h3 class="doc-title">Server test</h3>
    <div class="user-area">
      <div class="username">
        <div class="profile-circle"></div>
        <span class="profile-initials">UH</span>
        <div class="profile-username">
            <h4 id="username-label">login</h4>
            <form id="username-form" class="set-user-form" style="display: none">
                <input id="username-input" class="set-user-input" style="width: 100px">
            </form>
        </div>
      </div>
      <div class="organization-logo"></div>
    </div>
  </div>
  <div class="search-bar">
      <div class="search-input">
        <input id="search" placeholder="Search for nodes and relationships"/>
      </div>
      <div id="search-suggestion" class="suggestion" style="display: none">
      </div>
      <div class="export">
        <a href="#">Export</a>
      </div>
  </div>
  <div id="intro-task" class="task-alert" style="display:none">
    <h3 class="task-desc">Connect between <span>yourself</span> and the  <span> clubs,</span><span> internship proposals,</span><span> skills,</span><span> and</span><span> scientific interests</span></span> you have:
    </h3>
    <div class="task-close-button">got it</div>
  </div>
  <div class="graph-view">
    <div class="input-container">
      <form>
        <input class="input-bar" id="textanalyser" placeholder="Add nodes and relationships"/>
        <button class="add-button"></button>
      </form>
      <div id="input-suggestion" class="suggestion" style="display: none">
      </div>
    </div>
    <div class="info-container">
      <div class="edge_info" style="display:none">Title: <span id="edgetitle"></span><br/>
          <button id="deleteedge">Delete</button>
      </div>
      <div class="info" style="display:none">
          <form id="editbox">
            <p class="info-card-attr">Name</p><p class="info-card-attr-val"><input id="editformname"></p>
            <label class="info-card-attr">Type</label>
            <select id="edittype" class="select-dropdown">
                <option value="person">Person</option><option value="club">Club</option><option value="skill">Skill</option><option value="interest">Interest</option><option value="third-internship-proposal">Third-internship-proposal</option><option value="internship">Internship</option>
            </select><br/>
            <div id="status">
            <label class="info-card-attr">Status</label><select id="editstatus">
                <option value="waiting">Waiting</option><option value="approved">Approved</option><option value="notapproved">Not Approved</option>
            </select><br/>
            </div>
            <div id="startdate"><label class="info-card-attr">Start date</label><input id="editstartdate"/></br></div>
            <div id="enddate"><label class="info-card-attr">End date:</label><input id="editenddate"/></div>
            <div id="desc"><label>Description</label><input id="editdescription"/></div>
            <div id="url"><p class="info-card-attr">URL</p><p class="info-card-attr-val info-card-url"><input id="editurl"></p></div>
            <hr>
            <button class="btn-regular btn-regular-outline">Save</button>
            <button id="deletenode" class="btn-regular">Delete</button>
          </form>
      </div>
    </div>

    <div class="typeselection" style="display:none">
      <table>
        <tr id="intro"><td>Pick a type with [TAB] key</td></tr>
        <tr id="chosentypelabel"><td>Chosen Type: <span id="chosentypename"/></td></tr>
        <tr id="chosentypedesc"><td></td></tr>
      </table>
    </div>

    <div class="debug-ui">
    <div class="debug-ui-row">
        <div class="debug-ui-left">
            <a class="save-history" href="#">Save history</a>
        </div>
        <div class="debug-ui-right">
            <a id="replay-history" style="display: none" href="#">Replay history</a>
        </div>
    </div>
    <div class="debug-ui-row">
        <div class="debug-ui-left">
            <div class="save">
                <a href="#">Save</a>
            </div>
        </div>
    </div>
    <div class="debug-ui-row">
    <div class="debug-ui-left">
        <div class="local-storage-load">
            <a href="#">Load</a>
        </div>
    </div>
    <div class="debug-ui-right">
        <div class="url-copy">
            <a href="#">Copy to URL</a>
        </div>
    </div>
    </div>
    <div class="debug-ui-row">
        Import <input type="file" class="file-import" />
    </div>
    </div>

  </div>

  <div class="rhizi-logo"><a href="http://www.rhizi.org">
    <img src="res/img/rhizi-logo.png"/></a>
  </div>
  </div>

</body>
</html>