webpanel/index.html at master · guifibages/webpanel · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Guifibages :: Panell de control</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style type="text/css">
    .affix {
    position: fixed;
      top: 45px;
      left: auto;
      right: auto;
    }
    body {
    	padding-top: 50px;
    }
    form#edit {
      display: none;
    }
    #logoutdiv {
      display: none;
    }
    .admin-only {
      display: none;
    }
    #nochanges {
      display: none
    }
    </style>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Guifibages</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Usuari</a></li>
              <li><a href="#about">Nodes</a></li>
              <li><a href="#contact">Projectes</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
<div  data-spy="affix" data-offset-top="5">

      <div id="logoutdiv" class="nav nav-pills">
        <button id="logout" class="btn btn-danger">Sortir</button>
      </div>

      <div class="admin-only">
      <svg id="adduser" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">

        <path fill="#000000" d="M52.271,70.92c0-8.688,4.788-16.259,11.86-20.228c0.217-1.735,0.145-3.152,0.145-3.152   c2.594,1.429,4.287-4.929,4.287-4.929c3.062-8.838-1.537-8.304-1.537-8.304c1.465-6.616,0-16.283,0-16.283   c-2.029-17.892-33.512-12.248-28.792-6.61C27.048,8.298,30.939,29.51,30.939,29.51l1.945,5.254   c-3.825,2.468-1.171,5.445-1.033,8.886c0.186,5.067,3.308,4.022,3.308,4.022c0.18,8.37,4.341,9.463,4.341,9.463   c0.775,5.26,0,4.803,0,4.803h-3.404c0.162,1.333-0.294,3.573-0.294,3.573c-4.353,1.915-5.284,3.05-9.601,4.917   c-8.345,3.639-18.997,7.529-18.997,7.529C0.583,79.662,0,85.155,0,85.155v8.952h75.456C62.655,94.107,52.271,83.732,52.271,70.92z"></path>
        <path fill="#000000" d="M78.17,49.096c-3.867,0-7.505,1.015-10.651,2.779c-6.677,3.734-11.18,10.867-11.18,19.045   c0,12.056,9.774,21.831,21.831,21.831c9.138,0,16.955-5.608,20.209-13.575C99.424,76.63,100,73.844,100,70.92   C100,58.864,90.226,49.096,78.17,49.096z M94.068,74.456h-12.32v12.183h-7.157V74.456h-12.32V67.39h12.32V55.213h7.157V67.39h12.32   V74.456z"></path>
      </svg>
      </div>
    </div>
    </div>
    <div class="span8" id="main">
      <div id="logindiv">
        <form class="form-inline" id="loginform">
          <fieldset>
            <legend>Accés</legend>
            <input name="username" class="span2" type="text" placeholder="username" id="username">
            <input name="password" class="span2" type="password" placeholder="password" id="password">
            <button type="submit" id="login" class="btn btn-success">Entrar</button>
          </fieldset>
        </form>
      </div>
    </div>
    <div class="span2">
      <div class="admin-only">
        <legend>Editar usuari</legend>
        <select id="userlist" size="20"></select>
      </div>
    </div>

  </div>
</div>


        <div id="notifications"></div>

    </div>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/guifibages.lib.js"></script>
    <script src="js/guifibages.js"></script>
</body>
</html>