From fbd07607de561191409b5531cc9ae623cd9305ee Mon Sep 17 00:00:00 2001 From: Taka Date: Wed, 30 Sep 2020 07:21:40 +0000 Subject: [PATCH] Added menu icons. --- vasl_templates/webapp/static/css/main.css | 5 ++--- .../static/images/menu/analyze-vsav.png | Bin 0 -> 1042 bytes .../webapp/static/images/menu/help.png | Bin 0 -> 1026 bytes .../webapp/static/images/menu/lfa.png | Bin 0 -> 767 bytes .../webapp/static/images/menu/new.png | Bin 0 -> 654 bytes .../webapp/static/images/menu/open.png | Bin 0 -> 776 bytes .../webapp/static/images/menu/save.png | Bin 0 -> 832 bytes .../webapp/static/images/menu/settings.png | Bin 0 -> 777 bytes .../static/images/menu/template-pack.png | Bin 0 -> 309 bytes .../webapp/static/images/menu/update-vsav.png | Bin 0 -> 823 bytes vasl_templates/webapp/static/main.js | 19 +++++++++--------- 11 files changed, 12 insertions(+), 12 deletions(-) create mode 100644 vasl_templates/webapp/static/images/menu/analyze-vsav.png create mode 100644 vasl_templates/webapp/static/images/menu/help.png create mode 100644 vasl_templates/webapp/static/images/menu/lfa.png create mode 100644 vasl_templates/webapp/static/images/menu/new.png create mode 100644 vasl_templates/webapp/static/images/menu/open.png create mode 100644 vasl_templates/webapp/static/images/menu/save.png create mode 100644 vasl_templates/webapp/static/images/menu/settings.png create mode 100644 vasl_templates/webapp/static/images/menu/template-pack.png create mode 100644 vasl_templates/webapp/static/images/menu/update-vsav.png diff --git a/vasl_templates/webapp/static/css/main.css b/vasl_templates/webapp/static/css/main.css index cf584ee..f52ace3 100644 --- a/vasl_templates/webapp/static/css/main.css +++ b/vasl_templates/webapp/static/css/main.css @@ -14,9 +14,8 @@ label { height: 1.25em ; margin-top: -3px ; } #menu { position: absolute ; top: 15px ; right: 8px ; z-index: 1 ; } #menu input[type='image'] { height: 30px ; } -.PopMenu-Item { width: 12em ; } -.PopMenu-Item a { padding: 5px 10px 5px 10px ; } -.PopMenu-Icon { display: none ; } +.PopMenu-Item { width: 14em ; } +.PopMenu-Item a { padding: 5px 10px 5px 30px ; } #alt-webapp-base-url { position: absolute ; top: 30px ; right: 110px ; font-size: 80% ; font-style: italic ; color: #cc0000 ; diff --git a/vasl_templates/webapp/static/images/menu/analyze-vsav.png b/vasl_templates/webapp/static/images/menu/analyze-vsav.png new file mode 100644 index 0000000000000000000000000000000000000000..2768f498fb8c7b4f4f623cf74dee43734cfc0ebd GIT binary patch literal 1042 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 literal 0 HcmV?d00001 diff --git a/vasl_templates/webapp/static/images/menu/save.png b/vasl_templates/webapp/static/images/menu/save.png new file mode 100644 index 0000000000000000000000000000000000000000..972a8e6c859c325788e704b205bb19b988de97d8 GIT binary patch literal 832 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9F5M?jcysy3fAP>{XE z)7O>#38x&JtoiPDN#) zI2TCVIlrK?C^J2ygkcT;87rVDA6T>~H4&s#p(HammBI8oKPOOz6C@LypH@=6B>MaiiQU;j71 zhADH-&&^HED`EI{X4-zB7#m1gNM=b+D#MC*m(&>;n7BP%978O6r%tlY7j_hB-M{g= zfchp`{Z3(PfxrL(R~s%BEv_mqt_d0wS7@w!skv~0<0JnIP7{q}g#=wV932DXW()ke zRgwGt%pLEIW}PfWM>Lx;n!Pvi!`+AOb`z7a|7CJotUU04Ka=X|1KkhyEDxFa^yqHiSG~VZ zDA%7|oZ?|66U6Z;l8vjQV$Iew*Qa+(p7QSc`b0{b=U`NOao>)+i|%GI zb#ZCT+Ph`}hsKPUzSd(u1uu3uga(E#x|=I!yQBGgU)pBRjS)*iv=Y~*{(r8RfBl-~ znUIyb*IsP1Qf5_-oayrL+uGSS)&IC&+w{xdQ|ED>q_XhpyAKZ^i?=z>JT!B22Upjm z;DoeYGfWp8*9<>Y`RS+4<7qvH63Koh6JyW0vcENNUmJHTVvQgRW9F<)d$u?%7Gru4 zGwuA1XA;Iol{B856u*`muv6qa+w|La?aafbMa)=Tw9e>kf`LL`@*|67mtTIWdu)8a mPG-YyX+c-Pi}(IL%YS({t2XG(ib7yQVeoYIb6Mw<&;$ULgIRC@ literal 0 HcmV?d00001 diff --git a/vasl_templates/webapp/static/images/menu/settings.png b/vasl_templates/webapp/static/images/menu/settings.png new file mode 100644 index 0000000000000000000000000000000000000000..8f4eeb7611d8f7e47350bf4f6b4b196c657cf34d GIT binary patch literal 777 zcmV+k1NQuhP)Te z3L;=)DTG#wz=lLz5I4GDg~WsfD^MaJAQ}}!6L~6IHY9G4l^Xm3wHpNj2{up)iIfJ1 z5-3`<4=d2|o`KOy|K6zj z-rgQ=)YU1gDt!Y(I~?;ikwjsB);~CDHlMqCaBzUdMR$OEH5d&BoXO9}+UhE{0|D|T z7Zq8UR;z`_v;6Mf-HvM%fj|V&Xf$Pa_dCkV%8;3P%8;9T8j(m8{tZ7WD=U$%PlwOv zV@87!(=#&){+|fA6g=$io#h@xlgWh8j}X-SRY^-vgCt2j!o}c|$K9pe^f|ExT#1V| zYl-5S--Ksn1@5IKc$SwD`}I??+pJb1774Es3q8G0<^BDA9=ZXca0E#@9p*pH!?)&r zJv}w`vb>_Ao-w(`T4LkpVFmZ#QI9MLO7={k!ZkEBAQp>ZYkLd2Bprxw$?YDQ`uJf+ zuh)Oe&d#YJdn6h`b@de_CnsZUZ0s-s`i+i`A}=ow))MQXk+a**U#Ks=SSE3@deQ~0 z0)^A*gxBkZjz_8%(N3H8&aT-y{_f;G7z|=zVL|Bu0u~n+Lli}Yczk>uLj!%KM~yT` zv~#4y<+v=ZODsFb1Y<@9E>~6k?YMYcDeRYZ2|VSXdWS@Lh0d<~JB8*#X116iZEPSV zH5CH)tl>>VE9qpXbBo0ya{Ql;RT2w_!!C_RbIIXwz~yoU`TL7mSy{MVTZ>l{6WH9` zq@Ixdem~M$iv z85w1@Nm}o8@YLfVk1vJ?RUDCrRLpUL<6=+P&z&^RzXcconJh2WhKU{;00000NkvXX Hu0mjflC)gi literal 0 HcmV?d00001 diff --git a/vasl_templates/webapp/static/images/menu/template-pack.png b/vasl_templates/webapp/static/images/menu/template-pack.png new file mode 100644 index 0000000000000000000000000000000000000000..f348604335b132b090582a42ecbf7a89bf66a0ac GIT binary patch literal 309 zcmV-50m}Y~P)ZrE5Jmq+P|#5938Kh#h+IHpS#F`>3ige-L2`;&S#FR;Lu0uo$`L4NKv0Y;Z!o(~ z;CFv_=IM=KW+-}m=-$RfZP0$>jS&iFIGd_P^3QlczN-J7O?0obiq zP^z*5q9}Ukd7hhqvB6(9yY&jpYy!3)Z#W(+Jv1i|fb;cdwt*F}d4I*}RB4;V29EPv z$2R{O48wpd%g}Wlf*{Z~wg@3igEUR`D-rS3X7&kFn>o1wV*j^5N)%sR00000NkvXX Hu0mjf?el?M literal 0 HcmV?d00001 diff --git a/vasl_templates/webapp/static/images/menu/update-vsav.png b/vasl_templates/webapp/static/images/menu/update-vsav.png new file mode 100644 index 0000000000000000000000000000000000000000..e4cdd6e5277dbe52ab26a4856c32abc840932916 GIT binary patch literal 823 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>{XE z)7O>#38x&J9M_q1(zC!qt`Q}Ur6n2pMGPy~o$&w)@st3CTvCgZi!uvJGV}8oggF(J zf#O^sap(Mk%A(Blj1q=5{Aa9yqI_V{qSQo?QiYPt+*AhB@BExV8BUN)aDG}zd16s2 zLu|o+kaBLY;hDwBIf+1}MGV^yZ0QFIbAW`y6N~aP^U@g(NIz=_im^lVmlh?bGJO5t z{2HdrIX^cyHLrx>+nH(mfnsbRWg(d*IjIaQ-d$2>U|?eMba4!^=q;V(pB)@1aJ0U1 z=i0SVTQi)_tPT*^7<6~Xq@>ctO$o8bS|6Nil|ER*T&T-xUdJq2xY*T2V7hNl{VEQn zTU)ZcrE7AR2HrCHelAAbGx@eS|DCgE<`^44_j`2kue;q`zmN7Vfi7ErJx^4dyss+p zNlj_?y(K}vCG1RFzT3HdyB92>&*Yewx6a7=+moATCw9+v?fEVz=<1S`!th##nYq1V zkw*NyIq#VDjQb%8 z0wna0UNh0^vT&TU#V!B2dlQS6RJU~CL96!SbvI)>FCS!HB-AY}=s3rD7Srs#H!K)+ z7f-)`cPHb9-#@+vDldx2F7%uAr0lQs>Q0TNK`+bF+->K_?Kxhg_{w-yS8-GEwx>1K zDl^{Nc-$?2#{PSKps@Gf%Xjw(7FuMljONZg6Ma0w^5ms?I zb%)}yLw_v&-1YxCpwC;fi8S;Q{fV$vVa{7>a; ap6TbVvJ#S)D)|pg9}J$ZelF{r5}E*x-A+XS literal 0 HcmV?d00001 diff --git a/vasl_templates/webapp/static/main.js b/vasl_templates/webapp/static/main.js index 602366d..7c528db 100644 --- a/vasl_templates/webapp/static/main.js +++ b/vasl_templates/webapp/static/main.js @@ -49,19 +49,20 @@ $(document).ready( function () { // initialize the menu var $menu = $("#menu input") ; + var imagesDir = gImagesBaseUrl + "/menu" ; $menu.popmenu( { - new_scenario: { label: "New scenario", action: function() { on_new_scenario() ; } }, - load_scenario: { label: "Load scenario", action: on_load_scenario }, - save_scenario: { label: "Save scenario", action: on_save_scenario }, + new_scenario: { label: "New scenario", icon: imagesDir+"/new.png", action: on_new_scenario }, + load_scenario: { label: "Load scenario", icon: imagesDir+"/open.png", action: on_load_scenario }, + save_scenario: { label: "Save scenario", icon: imagesDir+"/save.png", action: on_save_scenario }, separator: { type: "separator" }, - analyze_vsav: { label: "Analyze VASL scenario", action: on_analyze_vsav }, - update_vsav: { label: "Update VASL scenario", action: on_update_vsav }, - analyze_vlog: { label: "Analyze log files", action: on_analyze_vlog }, + analyze_vsav: { label: "Analyze VASL scenario", icon: imagesDir+"/analyze-vsav.png", action: on_analyze_vsav }, + update_vsav: { label: "Update VASL scenario", icon: imagesDir+"/update-vsav.png", action: on_update_vsav }, + analyze_vlog: { label: "Analyze log files", icon: imagesDir+"/lfa.png", action: on_analyze_vlog }, separator2: { type: "separator" }, - template_pack: { label: "Load template pack", action: on_template_pack }, - user_settings: { label: "Settings", action: user_settings }, + template_pack: { label: "Load template pack", icon: imagesDir+"/template-pack.png", action: on_template_pack }, + user_settings: { label: "Settings", icon: imagesDir+"/settings.png", action: user_settings }, separator3: { type: "separator" }, - show_help: { label: "Help", action: show_help }, + show_help: { label: "Help", icon: imagesDir+"/help.png", action: show_help }, } ) ; // nb: we only show the popmenu on left click (not the normal right-click) $menu.off( "contextmenu" ) ;