From a7408bd65966ef556c76c5677c44a7bf27f0ae0c Mon Sep 17 00:00:00 2001 From: Sven Slootweg Date: Mon, 30 Apr 2012 01:42:15 +0200 Subject: [PATCH] Added files to frontend --- frontend/css/cvm.css | 262 ++++++++++++++++++++++++++++ frontend/images/button_restart.png | Bin 0 -> 2059 bytes frontend/images/button_start.png | Bin 0 -> 1039 bytes frontend/images/button_stop.png | Bin 0 -> 298 bytes frontend/images/icon_alerts.png | Bin 0 -> 410 bytes frontend/images/icon_api.png | Bin 0 -> 420 bytes frontend/images/icon_backup.png | Bin 0 -> 315 bytes frontend/images/icon_ip.png | Bin 0 -> 256 bytes frontend/images/icon_overview.png | Bin 0 -> 357 bytes frontend/images/icon_reinstall.png | Bin 0 -> 447 bytes frontend/images/icon_statistics.png | Bin 0 -> 279 bytes frontend/images/icon_webshell.png | Bin 0 -> 232 bytes frontend/images/loading.gif | Bin 0 -> 493 bytes frontend/images/logo.png | Bin 0 -> 5164 bytes frontend/interface.php | 25 +++ frontend/js/cvm.js | 17 ++ frontend/templates/main.tpl | 118 +++++++++++++ 17 files changed, 422 insertions(+) create mode 100644 frontend/css/cvm.css create mode 100644 frontend/images/button_restart.png create mode 100644 frontend/images/button_start.png create mode 100644 frontend/images/button_stop.png create mode 100644 frontend/images/icon_alerts.png create mode 100644 frontend/images/icon_api.png create mode 100644 frontend/images/icon_backup.png create mode 100644 frontend/images/icon_ip.png create mode 100644 frontend/images/icon_overview.png create mode 100644 frontend/images/icon_reinstall.png create mode 100644 frontend/images/icon_statistics.png create mode 100644 frontend/images/icon_webshell.png create mode 100644 frontend/images/loading.gif create mode 100644 frontend/images/logo.png create mode 100644 frontend/interface.php create mode 100644 frontend/js/cvm.js create mode 100644 frontend/templates/main.tpl diff --git a/frontend/css/cvm.css b/frontend/css/cvm.css new file mode 100644 index 0000000..61d6b5c --- /dev/null +++ b/frontend/css/cvm.css @@ -0,0 +1,262 @@ +html, body +{ + font-family: 'Open Sans', sans-serif; + background-color: #E4EAEA; +} + +h1, h2, h3, h4, h5 +{ + margin: 0px; + color: #343352; +} + +h1 +{ + margin-bottom: 7px; +} + +h2 +{ + margin-bottom: 9px; +} + +h3 +{ + font-size: 20px; +} + +p +{ + margin: 5px 0px; +} + +table +{ + +} + +th +{ + text-align: left; +} + +table.vpsinfo td +{ + padding: 2px 13px; +} + +.clear +{ + clear: both; +} + +.wrapper +{ + width: 900px; + margin: 0px auto; +} + +.header +{ + font-size: 40px; + font-weight: bold; +} + +.main +{ + position: relative; + background-color: #F1F1F1; + padding: 9px 13px; + border: 2px solid #817F9D; + padding-left: 225px; + min-height: 400px; +} + +.sidebar +{ + position: absolute; + top: 16px; + left: 8px; + width: 200px; + background-color: #DCDCDC; +} + +.sidebar a.button +{ + display: block; + padding: 5px 8px; + text-decoration: none; + color: #343352; + font-size: 18px; + font-weight: bold; + padding-left: 30px; + background-repeat: no-repeat; + background-position: 8px 10px; +} + +.sidebar a.button:hover +{ + background-color: #CDCCDE; +} + +#button_overview +{ + background-image: url(../images/icon_overview.png); +} + +#button_statistics +{ + background-image: url(../images/icon_statistics.png); +} + +#button_webshell +{ + background-image: url(../images/icon_webshell.png); +} + +#button_ip +{ + background-image: url(../images/icon_ip.png); +} + +#button_reinstall +{ + background-image: url(../images/icon_reinstall.png); +} + +#button_backup +{ + background-image: url(../images/icon_backup.png); +} + +#button_api +{ + background-image: url(../images/icon_api.png); +} + +#button_alerts +{ + background-image: url(../images/icon_alerts.png); +} + +.quota-item +{ + float: left; + width: 203px; + margin-right: 23px; + margin-bottom: 10px; +} + +.quota-bar +{ + position: relative; + border: 1px solid #343352; + width: 100%; + height: 18px; +} + +.quota-bar-inner +{ + background-color: #12005E; + height: 100%; +} + +.quota-bar-label +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + font-size: 13px; + font-weight: bold; + color: white; + padding-left: 5px; + text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -webkit-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -moz-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -o-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -ms-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; +} + +.quota-item.wide +{ + width: 316px; +} + +.quota-item.last +{ + margin-right: 0px; +} + +.quota +{ + margin-bottom: 19px; +} + +.infobox +{ + border: 1px solid #B0B0B0; + background-color: #EDEDED; + padding: 6px 9px; +} + +.controlbox +{ + margin-bottom: 23px; +} + +.controlbutton +{ + border: 2px solid #343352; + font-size: 24px; + color: #343352; + text-align: center; + font-weight: bold; + float: left; + text-decoration: none; + padding: 9px; + margin-right: 12px; + width: 189px; +} + +.controlbutton.last +{ + margin-right: 0px; +} + +.controlbutton img +{ + display: block; + margin: 0px auto; +} + +.controlbutton:hover +{ + background-color: #CDD0E1; +} + +.controlbutton.disabled, .constrolbutton.disabled:hover +{ + border: 2px solid #737379; + background-color: #9B9B9B; + cursor: default; +} + +.online +{ + color: #078812; + font-weight: bold; +} + +.offline +{ + color: #A7101C; + font-weight: bold; +} + +.suspended +{ + color: #5B5F6B; + font-weight: bold; +} diff --git a/frontend/images/button_restart.png b/frontend/images/button_restart.png new file mode 100644 index 0000000000000000000000000000000000000000..03ffe2dbf341042d68cd20cd81419c99743bee95 GIT binary patch literal 2059 zcmV+m2=w=fP)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01ejw01ejxLMWSf00007bV*G`2iyb< z3=|f{9`x)000)anL_t(|+U;9?a8%V5|DF4G0~?4+qA~^|FtLRYqGdmD7CHq}n{nDv z*d$x0ew1NUEbUBdXNtvk%3z&BajK)Xv=v+NqqI{Nc2gpw)e$lZ4J3Ovk~AN-Q7Y9< z8^cGG=3_VSp8i3YYItw6-@8Neo5>$}@4R#0{k?O~J?GrBz!au1g(>_WgR(i8+wHZD zj9{k4qKYnD8yXV*ot?gOmmC2O$9k(!18yd+0l@{(LIBqqjY&X1GrF0mm5ARQ9@Y+K zi|L0>{&-R7-80*R5rR10YuJuZ1yojg3vAQXlK_7s7oMAe-GhU}_w@F@JeqX^+-|Qe8rA(^+>*dB9RxnCK)r(T zJ_~h*NHBCRQAEW6FCox!fUDxRO2QjftLABL_MOfe0dBX~7LDi!0NfOZcrO9ZDrmc< z^qq`Te{pnF|2h-jN1(-VJkqTzZDm`V@577};Pra76YuJK0j!xs^dyLXv|xc{x6kL( zlYKF#)3X{(+W=HdBH9v(&Zus0fAK#Vb%KS{D;@)3UCgD)^h9KAMtxh`AA?<8T`BF| z;c(B}pItcn>CuSoBLb=c2oupcnk8Bu4tMX%m<2eUbzcVaOJ?!}I-|gMOX)w538&{; zTKfeS*aKj84E8rj8TfVD30StwQ=)Y0j4}9!Lh+ZP<*q3wh=b$dv=Ppd&?;J6 zeg8^Cub50gDe-WO$qy=~n=?Im0Fbib9ieHf0K8`+as`zBSXwQ>>GUiCQyTz_!EIeJ z*MvfWgV~G$?DjPdLE;F2X(lm3wUqutX|VuevDswu0OOHtPaXh5p$5s|2h6`HZ%)e+ zSh}=!9)mq5w|j<1wQae|;iU{b4dAc|1uLCS&yti05CZp`eSKp7ZfB=2lEXp{D^?Ex zP{yw(zMZNMAg81D1b}%4Pc#RE{^i*$+PECGI{>=U;NHy)o@H=-m_RRG#2T|crqqVF z-fB2|;hM#ysNrU%<{7??;-6*xYlC|Tcrt-!Yz+1qsCxF3lQ&%gN~tfJC>~IBRb#g8 zy{PESFB#mGqMDB*V|XYoA0W)CI)p|kcSf^KKvPrG7=SIQ*%3e0-X7?WivR|kCTb2L zN02hGmw=;5#{2!#Z2I=Nb^*8BTMVGYcxhL}|CvgDpDt(`ZvqgvA7Y42vHX^}c$?FT%n~2u z0a{uDe*UplX(6=NV)G=!UQMrpQEI=PHVRUX~rMDno2#~UI zh}bywW$>@0Y9CZ(K>+_Yl-ARJ z@R<^PKA*0b9-LsR+ge%zr&6j15UADAv;>ESFfweZ%Reg!bc3-m7`$Om5{Z&AoQ~SR z0;n{Kt%LH0#hGYU$OVKsGi1UhEp$3NZpS48QvwwD82}?DG3Hjc+iSa|36Rp?2cqAa zteg4Ki2n0SfqRTeg(h+0HqiG2^}kC<9=RAy%Pjw61hc1(lWAJ3jcJBdIEq+wHYoGkei` zO|$p`d_HzzfL>luuHBbxOHM*vVh+c8D`8*{CU2Ai&esrM0MV{sueKOaCEo? z)EWle1K_GS$|A2a#ynCs4rOE;G{UM?t1Rcv74HPcY?zve(*TYVsDp`5kfQTni_~RI zxEf5K8@H^IxGO?HU~q8wYpFI%Cfh4aPJ7+=K)e-Z4HTIJ6Y%(qqSKqkkIaw@0>+m_ z?M(#ig3&R0W}>!!Ft2S51zt&)&Xk&^`}(^7F{^mVZ>&}>#QF0?k)gROFz?c=dVNdq zPsh_tYIDuobVA|5Om(7V;1?sS%ajuL5@;QOvLw}n3G|}Q>iJM8 z(4DhnDD}i;brqo15Wxkeg#a%CF#QuEIsvB?cz~EB1ho+HvHA10P`1t?v-+#C3)|?a pQ!|P*&B_zoRi-e7DNG^T_%C7+@a2xVPw4;v002ovPDHLkV1hI5!&d+R literal 0 HcmV?d00001 diff --git a/frontend/images/button_start.png b/frontend/images/button_start.png new file mode 100644 index 0000000000000000000000000000000000000000..b631414417b4d86172278167cb45bef0a00f81a7 GIT binary patch literal 1039 zcmV+q1n~QbP)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01ejw01ejxLMWSf00007bV*G`2iyb< z3={{iuGAg?00WOnL_t(|+U=Q7Y!p=-$G^Xst`;#uYe_^eB-RLN6gqDPIB3#{7YxSk zj(akC%q!tLzp8%bU!Pjfc)nHyn~=zGK6_#%a*sEkWN5>0E2s+?0nkL z%$?zISd~pck+n>G^y-w85F+@Ji~@>i1p3(!=E&Af-Roo&u=st*s>-Ax%!3^r;m4&D zP~b5J?`dv!(z+ge2LQ(M4?j|Ky)!Oa)vpxp5-v1!2~B(RWf=u5)^3GzKP{(r`|8H0P`fXd zQ@j0m<+Y-m+U?srze4T)$S}-pG788N=)=Gx>bhhycIN-%rvKjjw>ePMvSaC`<2%k7kcK_(;H@B8wIlZ~zpH-M5iP4z# z@SWRRTw`#rof`f!e{NEVLkDlL078Ezv+~gR__6;g`QRoGEcauiI`1cwUth1ru?rK4qpp%Z^RE;lEc)0lzR1v8{N@ zOzBgdoBXe#|Th$Q2U>sKi*n93={D#|;c7+Ad7%91E zGCBOCSL$V@1l$JkZp(VHCh^rx0`3xM@Sfuw92@)UPOajrD+CbeB&oSwiA4MgJj`+g zOp-#;dMCJgMB%>+@wL-0lP_Zh&=-NMa^TnVLpRZ&L4yW9;yx6GIER~3Qyl;R002ov JPDHLkV1kA3=+giI literal 0 HcmV?d00001 diff --git a/frontend/images/button_stop.png b/frontend/images/button_stop.png new file mode 100644 index 0000000000000000000000000000000000000000..8ace279ae06cb405e8bd2287334e96319dce69d7 GIT binary patch literal 298 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|*pj^6T^Rm@ z;DWu&Cj&(|3p^r=f!eQwFr$;k>O}H9yX7V%GN6ZjG7h9r#RZ1x~6Ff z$z}%bF)`dE^!rUt`R2{{-~QD}=rnkf?;f~6@3Vow4c{)e6?u#w8C4kU9d>p;zUZx~ zz;jl#G0{(N;fGIe|Nh)3@Zk5{xwFE5Gi{i8f5RD;cMnrO{g|w!HT#>*`z<>p7w@NLwaRI+)+^UFzmq-D%_VE{ zeYSg+)!&-G|JkEv7jw01i?ikE`0UrVJXI>wKW|O+%L6bP0l+XkKDR7|7 literal 0 HcmV?d00001 diff --git a/frontend/images/icon_api.png b/frontend/images/icon_api.png new file mode 100644 index 0000000000000000000000000000000000000000..61fcf18ed367993cc6b4c93b414439a1e47b4215 GIT binary patch literal 420 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|*pj^6T^Rm@ z;DWu&Cj&(|3p^r=f!eQwFr$;k>`dwwn5K^8I~yVDIySbAK)W*C$GCc)RWOje8GwL@hnTu=I?c*W1pD=M7RT z87&scH~tJN;raV3XOk35`uU}jJ(m_*N<@?^NuT}C%P{5P!A;NJF|O$e=XsUtaiF4Uo-U3d7N_rCP~#_87= zzDQhjh1JL8E0fuJ9y|Sj90u-5_ERM#B;FYq7|cmXNa(OEF1s5W6uW`ND_UV=XF20W pPEIwpZr&8}BMvWxJ>DoXFeJYgyQp!kLKJ8XgQu&X%Q~loCICC`P7VM7 literal 0 HcmV?d00001 diff --git a/frontend/images/icon_overview.png b/frontend/images/icon_overview.png new file mode 100644 index 0000000000000000000000000000000000000000..293bf1d6ca08e455944fa33cd47173a7a101eb9b GIT binary patch literal 357 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|*pj^6T^Rm@ z;DWu&Cj&(|3p^r=85sDEfH31!Z9ZwBAbW|YuPgf<7EW<4m4B*gATuRPTq8=H^K)}k z^GX<;i&7IyQd1PlGfOfQ+&z5*!W;R-fr<`zx;TbdoL)M4BVUt&h%3ME52YWh>gGaW z;*U-oDSz?kj=sXnXNwkR|F-4xJ@RyFf-=jgxwrORpL}~ybVrDoXz{P`(~sC*^P~o* zIxx>^Fu%Zj%gVTAo}~ldmIJBBT-fidG5*J{aINS8pG?FxVGE{vR?V{_vchBBs-h}i zy-;Ab%bC3C9FLb7@9nD$EDm!SRxEEwVRe{auzfyL36lf!V+nT7lToFLQ+GFSu|D-t tWKZcct>@_vSZz|)E_o*YH}~(kcrjmZy@PZ3F97|*;OXk;vd$@?2>>4Cfj0mE literal 0 HcmV?d00001 diff --git a/frontend/images/icon_reinstall.png b/frontend/images/icon_reinstall.png new file mode 100644 index 0000000000000000000000000000000000000000..97335a686702ad22cd8ce409760c690791069696 GIT binary patch literal 447 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|*pj^6T^Rm@ z;DWu&Cj&(|3p^r=85sDEfH31!Z9ZwBAbW|YuPgf<7EW;mp|~&g3xPtCC9V-A&iT2y zsd*&~&PAz-C8;S2<(VZJ3hti10pX2&;y|mUJY5_^EKaYTZ0mQ}L7>&1N07D4r8{4M zgLgM8t37Lx_eSvr9hWW?OIqnY;EoVUa5*fc$T~^-2(Qoi+VWz43tRhLwLz z3zolSe&FKr{y>=TCNYx{Dia z9`*itW9sq7|0%t%Ti!@__neh7-*7DS+K#*#Z?r5UCZv?zSaqx7a`U`nh3`wF{N$nz zOh4c%^WExl(Ie&fCGiL10*Ws)y<>Jxkl(@D!LVdQOz}6Zlyef=3hP59Uny|5m~1+> kl~eO)z2^U~#=5!pF9+l;2)jKw9T=1hp00i_>zopr0Nv`afB*mh literal 0 HcmV?d00001 diff --git a/frontend/images/icon_statistics.png b/frontend/images/icon_statistics.png new file mode 100644 index 0000000000000000000000000000000000000000..fe13c4ae616e06e75312f33c30eda36ca23c5e3a GIT binary patch literal 279 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|*pj^6T^Rm@ z;DWu&Cj&(|3p^r=85sDEfH31!Z9ZwBAbW|YuPgf<7EW;<-dATOe*uLgOI#yLobz*Y zQ}ap~oQqNuOHxx5$}>wc6x=<11Hv2m#DR*6JY5_^EKVmUC@{^CU^jd;DLF+!2*~>D z{wQjWq=^Tl(A$raiAh+PZ!4!i_^&o5*Y_Ll4nS;|5bN=JahAF z2}ubFi5VKDjNE#Y3mHqM2fb-ZOkm(PWNg(>$b8J?6xey4At+cy`0xaFhNe>j3J>gf RRDs4Zc)I$ztaD0e0s!<^K+XUF literal 0 HcmV?d00001 diff --git a/frontend/images/loading.gif b/frontend/images/loading.gif new file mode 100644 index 0000000000000000000000000000000000000000..ef371f130a4b9070f0bdff151ce8aa3493bcaef4 GIT binary patch literal 493 zcmZ?wbhEHbbYO5`XkcV8F%J6w|G(mYZa>$MU}whwS0gU~=v0UwQg1|Kd4YZgp?Ix92y1+ar%@&pMaAI<@T`_wi3Y z*T3~X|8?&BKYkvr_9KfvcKB#bKeOyJXRp`tE33YCoz2>QXPtQf&|#P+#}H@oJ~j@n z_CwMiB}|k$Po-XbCS$fZIK8yeHLX8d&1BY}rrnq3|LpNwef`b0-@N^&pMTl)x9|LJ zZiIy*K(FY4y%I>k!tevV&ws4=ZvOr<^TWy literal 0 HcmV?d00001 diff --git a/frontend/images/logo.png b/frontend/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..c309d8eff474fae7483dd33e8762888483455553 GIT binary patch literal 5164 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 I3>=a6Kd+s;Y5)KL literal 0 HcmV?d00001 diff --git a/frontend/interface.php b/frontend/interface.php new file mode 100644 index 0000000..83030f9 --- /dev/null +++ b/frontend/interface.php @@ -0,0 +1,25 @@ +Load("main"); +$template_main->Localize($locale->strings); +$template_main->Compile(array( + 'server-location' => $sContainer->sNode->sPhysicalLocation, + 'operating-system' => $sContainer->sTemplate->sName, + 'guaranteed-ram' => "{$sContainer->sGuaranteedRam}MB", + 'burstable-ram' => "{$sContainer->sBurstableRam}MB", + 'disk-space' => "{$sContainer->sDiskSpace}MB", + 'total-traffic-limit' => "{$sContainer->sTotalTrafficLimit} bytes", + 'bandwidth-limit' => "100mbit", +)); +$template_main->Output(); + +?> diff --git a/frontend/js/cvm.js b/frontend/js/cvm.js new file mode 100644 index 0000000..be19542 --- /dev/null +++ b/frontend/js/cvm.js @@ -0,0 +1,17 @@ +var command_running = false; + +$(function(){ + $('.button-loader').click(function(){ + if(command_running === false) + { + $('.button-loader').addClass('disabled').click(function(event){ + event.preventDefault(); + event.stopPropagation(); + return false; + }); + + $(this).children('.button-icon').addClass('running')[0].src = "images/loading.gif"; + command_running = true; + } + }); +}); diff --git a/frontend/templates/main.tpl b/frontend/templates/main.tpl new file mode 100644 index 0000000..5394855 --- /dev/null +++ b/frontend/templates/main.tpl @@ -0,0 +1,118 @@ + + + + CVM + + + + + + +
+
+ +
+
+
+ Overview + Statistics + Reinstall + Backups + WebShell + IP Allocation + Alerts + API +
+

Overview

+ + +
+
+

Disk space

+
+
+
55/100GB
+
+
+
+

RAM

+
+
+
241/1024MB
+
+
+
+

Traffic

+
+
+
80/1000GB
+
+
+
+
+ +
+ + + Start VPS + + + + Restart VPS + + + + Stop VPS + +
+
+ +
+

VPS configuration

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
StatusRunning Stopped Suspended
Server location<%?server-location>
Operating system<%?operating-system>
IPv4 Addresses98.142.213.226, 204.12.235.84
IPv6 Addresses2607:f7a0:1:1::24:6
Guaranteed RAM<%?guaranteed-ram>
Burstable RAM<%?burstable-ram>
Disk space<%?disk-space>
Traffic<%?total-traffic-limit>
Bandwidth<%?bandwidth-limit>
+
+
+
+ +