mongockup/index.html at master · peterpay/mongockup · 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
<html>
	<head>
	<meta charset="utf-8">
    <title>Organize your backups in just seconds</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
				background-image:url('img/background.jpg');
				background-repeat:no-repeat;
				background-size:100% 100%;
      }
      .sidebar-nav {
        padding: 9px 0;
      }

      .left
      {
      	background-color:#3a87ad;
      }


    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

    <!--[if lt IE 9]>
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

	</head>

	<body>
	<div class="navbar">
  		<div class="navbar-inner">
    		<div class="container">
    			<a class="brand" href="#">
					Mongockup
					<img src="img/beta_icon.gif" />
					</a>
		    </div>
  		</div>
	</div>
	<div class="container-fluid">
  		<div class="row-fluid">
   			<div class="span3" id="left">
                <div class="well">
       					 <h2>Start</h2>
			        	 <p>User crendentials:</p>
			        	 <div class="controls">
									<label>Server</label>
								    <input type="text"  class="input-medium span2" placeholder="localhost" required/>
									<label>Username</label>
								    <input type="text"  class="input-medium span2" placeholder="Username" required/>
									<label>Password</label>
								    <input type="password"  class="input-medium span2" placeholder="Password" required />
						 		 </div>
						 <br/>
						 <br/>

			        	 <p>
			        		<a class="btn-primary btn-large disabled" href="#" onclick="credentialsCheck(); return false;">
			       				  <i class="icon-lock icon-white"></i>
			     	 				Connect
					      	</a>
	 			      	 </p>
			 		 </div>

		    </div>
   			<div class="span8 visible-tablet visible-desktop" id="right">
			  <div class="hero-unit">
       			 <h1>Mongockup</h1>
			        <p>The simplest way to backup and restore your mongodb database(s)</p>
			        <p><video controls width="100%" height="320px" style="background-color:#d3d3d3"></video>
        			<p><a class="btn btn-primary btn-large">Help &raquo;</a></p>
			  </div>
	   	    </div>
  		</div>
	</div>

	<div class="modal" id="myModal" style="display:none">
	  <div class="modal-header">
	    <a class="close" data-dismiss="modal">×</a>
	    <h3>Connecting to your server</h3>
	  </div>
	  <div class="modal-body">
	    <p>Processing your login</p>
			<p><img src="img/ajax-loader.gif" /></p>
	  </div>
	  <div class="modal-footer">
	    <a href="#" class="btn">Cancel</a>
	  </div>
	</div>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
	<script src="js/bootstrap-modal.js"></script>
	<script type="text/javascript">

	function credentialsCheck()
	{
			$('#myModal').modal('show');
			location.href="manage.html";
	}

		$(document).ready(function()
		{
			$(".collapse").collapse({
				  toggle: false
			});

		}
		);


	</script>
	</body>
</html>