External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-16 10:40:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

Implement main menu redesign

Browse Source
This commit is contained in:
Joe Fiorini
2015-04-15 14:25:02 -04:00
parent ea51113e1b
commit 91fe2b5444
25 changed files with 448 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
awx/ui/static/fonts/ubuntu-r-webfont.woff Normal file
View File

Binary file not shown.

BIN
awx/ui/static/fonts/ubuntu.woff2 Normal file
View File

Binary file not shown.

18
awx/ui/static/img/CloudSync.svg Normal file
View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="51px" height="29px" viewBox="0 0 51 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>CloudSync</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="CloudSync" sketch:type="MSArtboardGroup">
<path d="M29.344125,27.55 L9.10313571,27.55 C4.27926429,27.54275 0.368292857,23.6495 0.368292857,18.85 C0.368292857,15.02925 2.84179286,11.79575 6.27700714,10.62125 C6.74329286,7.888 9.13300714,5.8 12.0174214,5.8 C12.9580071,5.8 13.8432214,6.02475 14.6286214,6.41625 C16.4456786,2.639 20.31585,0.02175 24.8096786,0.02175 C31.0469786,0.02175 36.1025357,5.046 36.1025357,11.25925 C36.1025357,11.37525 36.0886929,11.484 36.0857786,11.6 C39.1906971,11.610197 41.8794511,13.3737002 43.2018303,15.95 L29.1391812,15.95 C29.1392024,15.9427528 29.1392143,15.9355028 29.1392143,15.92825 L27.6820714,15.92825 C27.6820714,15.9355035 27.6820561,15.9427535 27.6820253,15.95 L22.5857143,15.95 L22.5857143,21.0032488 C22.5845001,21.0032496 22.5832858,21.00325 22.5820714,21.00325 C19.7697857,21.00325 17.4820714,18.72675 17.4820714,15.92825 C17.4820714,13.12975 19.7697857,10.85325 22.5820714,10.85325 L22.5820714,13.53575 L28.0653,10.382 L22.5820714,7.22825 L22.5820714,9.40325 C18.9603429,9.40325 16.0249286,12.325 16.0249286,15.92825 C16.0249286,19.5315 18.9603429,22.45325 22.5820714,22.45325 C22.5832858,22.45325 22.5845001,22.4532497 22.5857143,22.453249 L22.5857143,27.55 L29.344125,27.55 Z" id="CloudSync-cloud" fill="#000000" sketch:type="MSShapeGroup"></path>
<g id="CloudSync-server" sketch:type="MSLayerGroup" transform="translate(24.000000, 17.000000)">
<path d="M22.2642857,4.75 C22.867854,4.75 23.3571429,4.26310967 23.3571429,3.6625 C23.3571429,3.06189033 22.867854,2.575 22.2642857,2.575 C21.6607174,2.575 21.1714286,3.06189033 21.1714286,3.6625 C21.1714286,4.26310967 21.6607174,4.75 22.2642857,4.75 Z M0.0428571429,0.4 L25.5428571,0.4 L25.5428571,9.1 L0.0428571429,9.1 L0.0428571429,0.4 Z" id="CloudSync-server-enclosure" fill="#000000" sketch:type="MSShapeGroup"></path>
<rect id="CloudSync-server-light3" fill="#27AB45" sketch:type="MSShapeGroup" x="1.5" y="1.85" width="1.45714286" height="1.45"></rect>
<rect id="CloudSync-server-light2" fill="#E54242" sketch:type="MSShapeGroup" x="3.68571429" y="1.85" width="1.45714286" height="1.45"></rect>
<rect id="CloudSync-server-light1" fill="#27AB45" sketch:type="MSShapeGroup" x="5.87142857" y="1.85" width="1.45714286" height="1.45"></rect>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

12
awx/ui/static/img/Credentials.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="52px" viewBox="0 0 40 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>Credentials</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Credentials" sketch:type="MSArtboardGroup" fill="#000000">
<path d="M9,13 C9,6.94 13.936,2 20.002,2 C26.067,2 31,6.94 31,13 L31,25 L9,25 L9,13 L9,13 Z M33,25 L33,13 C33,5.82 27.18,0 20.002,0 C12.822,0 7,5.82 7,13 L7,25 L0,25 L0,52 L40,52 L40,25 L33,25 L33,25 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 882 B

16
awx/ui/static/img/JobTemplates.svg Normal file
View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="29px" height="29px" viewBox="0 0 29 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>JobTemplates</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="JobTemplates" sketch:type="MSArtboardGroup" fill="#000000">
<path d="M23.2965136,6.29411366 C23.2965136,7.17095232 22.5851162,7.88234973 21.7082776,7.88234973 C20.8314389,7.88234973 20.1200415,7.17095232 20.1200415,6.29411366 C20.1200415,5.417275 20.8314389,4.7058776 21.7082776,4.7058776 C22.5851162,4.7058776 23.2965136,5.417275 23.2965136,6.29411366 L23.2965136,6.29411366 Z M17,24.6582635 L11.3847431,27.9338301 C11.3020225,27.9834624 11.2193019,28.0000066 11.1200371,28.0000066 C10.9876841,28.0000066 10.8553311,27.9503742 10.7395222,27.8511094 L9.68069819,26.7922854 C9.54834518,26.6433883 9.4987128,26.4448587 9.54834518,26.2628734 L10.9545959,21.6966947 L6.30569655,17.0477954 L1.73951786,18.454046 C1.68988548,18.4705902 1.6402531,18.4705902 1.59062073,18.4705902 C1.45826772,18.4705902 1.30937059,18.4209578 1.21010584,18.321693 L0.151281794,17.262869 C-0.0141594633,17.0808836 -0.0472477147,16.8161776 0.0685611651,16.6176481 L3.77444532,10.2647038 C3.87371007,10.1158067 4.03915133,10.0165419 4.20459259,9.99999781 L10.4748162,9.6691153 C11.4674638,8.49448238 12.4435672,7.40257008 13.3865823,6.44301079 C17.5226138,2.3235235 20.6825418,0.999993443 26.4398975,0.999993443 C26.7376918,0.999993443 27.0023978,1.2316112 27.0023978,1.52940547 C27.0023978,7.02205519 25.4803382,10.678307 21.5593804,14.6158089 C20.7703547,15.3912307 19.8918394,16.1890249 18.951429,16.9999934 L17,16.9999934 L17,24.6582635 Z" id="Type-something-2" sketch:type="MSShapeGroup"></path>
<g id="Fill-78-+-Fill-79" sketch:type="MSLayerGroup" transform="translate(18.000000, 18.000000)">
<path d="M3.56995498,0 L3.56995498,3 L6.40510975,3 L3.56995498,0" id="Fill-78" sketch:type="MSShapeGroup"></path>
<path d="M3.21697821,3.3770625 L3.21697821,0 L0.380405869,0 L0.380405869,9 L6.58230692,9 L6.58230692,3.3770625 L3.21697821,3.3770625" id="Fill-79" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

13
awx/ui/static/img/Jobs.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="30px" height="29px" viewBox="0 0 30 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>Jobs</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Jobs" sketch:type="MSArtboardGroup" fill="#000000">
<path d="M24.2941158,6.29410711 C24.2941158,7.17094577 23.5827184,7.88234317 22.7058798,7.88234317 C21.8290411,7.88234317 21.1176437,7.17094577 21.1176437,6.29410711 C21.1176437,5.41726844 21.8290411,4.70587104 22.7058798,4.70587104 C23.5827184,4.70587104 24.2941158,5.41726844 24.2941158,6.29410711 L24.2941158,6.29410711 Z M16.9976022,25.2415903 L12.3823454,27.9338235 C12.2996247,27.9834559 12.2169041,28 12.1176393,28 C11.9852863,28 11.8529333,27.9503676 11.7371245,27.8511029 L10.6783004,26.7922788 C10.5459474,26.6433817 10.496315,26.4448522 10.5459474,26.2628668 L11.9521981,21.6966881 L7.30329877,17.0477888 L2.73712008,18.4540395 C2.68748771,18.4705836 2.63785533,18.4705836 2.58822295,18.4705836 C2.45586995,18.4705836 2.30697282,18.4209512 2.20770806,18.3216865 L1.14888402,17.2628624 C0.983442761,17.080877 0.95035451,16.816171 1.06616339,16.6176415 L4.77204754,10.2646973 C4.8713123,10.1158001 5.03675355,10.0165354 5.20219481,9.99999126 L11.4724184,9.66910874 C12.465066,8.49447582 13.4411694,7.40256353 14.3841846,6.44300424 C18.520216,2.32351694 21.680144,0.999986887 27.4374997,0.999986887 C27.735294,0.999986887 28,1.23160465 28,1.52939891 C28,6.73477073 26.6329911,10.2908166 23.152646,13.9999869 L16.9976022,13.9999869 L16.9976022,25.2415903 Z" id="Type-something-2" sketch:type="MSShapeGroup"></path>
<path d="M27.635122,17.3785366 L22.0595122,25.617561 L18.7785366,21.9404878 L20.2565854,20.4760976 L21.9639024,22.4702439 L26.1160976,16.0234146 L27.635122,17.3785366 Z" id="✓" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

12
awx/ui/static/img/PortalMode.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="52px" height="46px" viewBox="0 0 52 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>PortalMode</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="PortalMode" sketch:type="MSArtboardGroup" fill="#000000">
<path d="M52,36 L52,0 L0,0 L0,36 L25,36 L25,44 L18,44 L18,46 L34,46 L34,44 L27,44 L27,36 L52,36" id="Fill-99" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 787 B

13
awx/ui/static/img/Projects.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="50px" height="48px" viewBox="0 0 50 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>Projects</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Projects" sketch:type="MSArtboardGroup" fill="#000000">
<path d="M11,5 L37.0087557,5 C38.1084896,5 39,5.89811611 39,7.00199958 L39,45.9980004 C39,47.1036743 38.1001025,48 37.0087557,48 L11,48 L11,5 Z M29.5,25.5 C31.1568542,25.5 32.5,24.1568542 32.5,22.5 C32.5,20.8431458 31.1568542,19.5 29.5,19.5 C27.8431458,19.5 26.5,20.8431458 26.5,22.5 C26.5,24.1568542 27.8431458,25.5 29.5,25.5 Z M20,21.5 C21.6568542,21.5 23,20.1568542 23,18.5 C23,16.8431458 21.6568542,15.5 20,15.5 C18.3431458,15.5 17,16.8431458 17,18.5 C17,20.1568542 18.3431458,21.5 20,21.5 Z M20,39.5 C21.6568542,39.5 23,38.1568542 23,36.5 C23,34.8431458 21.6568542,33.5 20,33.5 C18.3431458,33.5 17,34.8431458 17,36.5 C17,38.1568542 18.3431458,39.5 20,39.5 Z M21,32.1115082 C21.6818613,32.2662308 22.3049134,32.5757914 22.830236,33.00127 L22.8276367,32.9968262 L25.5143157,32.7615076 C27.1632636,32.6170809 28.5065958,31.1651021 28.5148124,29.5021793 L28.5276962,26.894684 C26.5098107,26.4502486 25,24.6514419 25,22.5 C25,20.0147186 27.0147186,18 29.5,18 C31.9852814,18 34,20.0147186 34,22.5 C34,24.6376647 32.5094641,26.427196 30.5110069,26.8859796 L30.5110069,26.8859796 L30.5064583,28.9993706 C30.5028915,30.6565724 29.3608955,32.707252 27.9492244,33.5837365 L24.4439087,35.7601318 L24.4377001,35.7495172 C24.4786728,35.9935757 24.5,36.2442972 24.5,36.5 C24.5,38.9852814 22.4852814,41 20,41 C17.5147186,41 15.5,38.9852814 15.5,36.5 C15.5,34.3584126 16.9960113,32.5662374 19,32.1115082 L19,22.8884918 C16.9960113,22.4337626 15.5,20.6415874 15.5,18.5 C15.5,16.0147186 17.5147186,14 20,14 C22.4852814,14 24.5,16.0147186 24.5,18.5 C24.5,20.6415874 23.0039887,22.4337626 21,22.8884918 L21,32.1115082 Z" id="Rectangle-26" sketch:type="MSShapeGroup"></path>
<path d="M41,5.00526988 C41,3.89778991 40.1050211,3 39.0029953,3 L15,3 L15,1 L41.0087557,1 C42.1084896,1 43,1.89811611 43,3.00199958 L43,41.9980004 C43,43.1036743 42.1052949,44 41,44 L41,44 L41,5.00526988 Z" id="Rectangle-27" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

12
awx/ui/static/img/Setup.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="28px" height="26px" viewBox="0 0 28 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>Setup</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Setup" sketch:type="MSArtboardGroup" fill="#000000">
<path d="M27.2374467,21.8644068 L21.7059693,16.7312349 L22.4438821,16.0435835 L21.7064908,15.3607748 L19.4948386,17.4140436 L15.8063178,13.9903148 L20.2379662,9.87409201 C20.8282964,10.0677966 21.4452228,10.1646489 22.0783154,10.1646489 C23.5390176,10.1646489 24.9126304,9.63680387 25.9457082,8.6779661 C27.5399127,7.19612591 27.9920472,4.99757869 27.0976865,3.07021792 L26.793656,2.41646489 L24.4166905,4.62469734 L22.5028108,4.64891041 L22.5283639,2.95399516 L24.9517424,0.702179177 L24.2472052,0.421307506 C23.5562268,0.140435835 22.822486,0 22.0668425,0 C20.6056189,0 19.2325275,0.527845036 18.2004927,1.48668281 C16.6881627,2.89104116 16.2021311,4.94430993 16.9176196,6.79418886 L12.4875357,10.905569 L6.21814565,5.08474576 L6.95605839,4.40193705 L2.90144951,0.634382567 L0.686668304,2.68765133 L4.74388465,6.45520581 L5.4807544,5.77239709 L11.7501445,11.5932203 L7.31953908,15.7046005 C6.72764441,15.5108959 6.1081106,15.409201 5.472932,15.409201 C4.01222982,15.409201 2.63913848,15.937046 1.60658214,16.8958838 C0.00924876288,18.377724 -0.442364264,20.5859564 0.456689845,22.5133172 L0.761763311,23.1670702 L3.18462027,20.9152542 L5.00932464,20.8910412 L4.98324998,22.6682809 L2.60628442,24.8765133 L3.31238608,25.157385 C4.00127847,25.433414 4.7318903,25.5738499 5.48492635,25.5738499 C6.94562853,25.5738499 8.31819837,25.0460048 9.35075472,24.0871671 C10.8604773,22.6876513 11.3470303,20.6392252 10.6362352,18.7893462 L15.0689266,14.6731235 L18.7574473,18.0968523 L16.5442306,20.1549637 L17.2816218,20.8377724 L18.0190131,20.1549637 L23.5494474,25.2881356 C24.0422584,25.748184 24.6972538,26 25.393447,26 C26.0896403,26 26.7446357,25.748184 27.2379682,25.2881356 C28.2543582,24.3438257 28.2538367,22.8087167 27.2374467,21.8644068" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

18
awx/ui/static/img/Signout.svg Normal file
View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="32px" height="27px" viewBox="0 0 32 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>Signout</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Signout" sketch:type="MSArtboardGroup" fill="#000000">
<g sketch:type="MSLayerGroup">
<path d="M11.5049411,0.451390117 L11.5049411,3.18809297 L28.288752,3.18809297 L28.288752,23.6988855 L11.5000003,23.6988855 L11.5000003,26.4481905 L31.008,26.4481905 L31.008,0.448190476 L11.5049411,0.451390117 Z" id="Signout-entrance" sketch:type="MSShapeGroup"></path>
<g id="Signout-arrow" transform="translate(0.000000, 5.000000)" sketch:type="MSShapeGroup">
<path d="M8,6.0000003 L23.6792324,6 L23.6792324,9.78266615 L8,9.78266645 L8,6.0000003 Z" id="Signout-arrow-line"></path>
<polygon id="Signout-arrowhead" transform="translate(4.500000, 8.000000) rotate(-90.000000) translate(-4.500000, -8.000000) " points="4.5 4 12 12 -3 12 "></polygon>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

15
awx/ui/static/img/Teams.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

31
awx/ui/static/img/TowerLogo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 97 KiB

13
awx/ui/static/img/Users.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="54px" height="43px" viewBox="0 0 54 43" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>Users</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Random" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Users" sketch:type="MSArtboardGroup" transform="translate(0.000000, 0.940000)" fill="#000000">
<path d="M35.696,32.1 C33.502,31.18 28.291,29.38 25.086,28.44 C24.813,28.35 24.77,28.34 24.77,27.2 C24.77,26.26 25.157,25.31 25.534,24.51 C25.942,23.64 26.426,22.18 26.6,20.87 C27.086,20.3 27.748,19.19 28.174,17.07 C28.547,15.2 28.373,14.52 28.125,13.88 C28.1,13.81 28.073,13.75 28.053,13.68 C27.959,13.24 28.088,10.96 28.409,9.19 C28.629,7.98 28.352,5.4 26.682,3.27 C25.627,1.92 23.61,0.26 19.924,0.03 L17.903,0.04 C14.28,0.26 12.26,1.92 11.205,3.27 C9.536,5.4 9.258,7.98 9.479,9.19 C9.801,10.96 9.928,13.24 9.836,13.67 C9.817,13.75 9.789,13.81 9.762,13.88 C9.516,14.52 9.34,15.2 9.715,17.07 C10.139,19.19 10.801,20.3 11.289,20.87 C11.461,22.18 11.946,23.64 12.356,24.51 C12.655,25.15 12.795,26.02 12.795,27.24 C12.795,28.38 12.752,28.39 12.496,28.47 C9.182,29.45 3.907,31.36 1.94,32.22 C0.381,32.89 0,34.09 0,35.17 L0,40.17 C0,40.88 0.42,42.09 1.94,42.09 L16.707,42.09 L18.801,42.09 L19.166,42.09 L21.291,42.09 L36.061,42.09 C37.578,42.09 38,40.88 38,40.17 L38,35.17 C38,34.09 37.252,32.76 35.696,32.1" id="Users-silhouette" sketch:type="MSShapeGroup"></path>
<path d="M49.979,20.03 L44,20.03 L44,26.01 L42,26.01 L42,20.03 L36.021,20.03 L36.021,18.03 L42,18.03 L42,12.05 L44,12.05 L44,18.03 L49.979,18.03 L49.979,20.03 L49.979,20.03 Z M43,8.03 C36.924,8.03 32,12.95 32,19.03 C32,25.11 36.924,30.03 43,30.03 C49.075,30.03 54,25.11 54,19.03 C54,12.95 49.075,8.03 43,8.03 L43,8.03 Z" id="Users-plus" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

2
awx/ui/static/js/app.js
View File

@@ -937,7 +937,7 @@ var tower = angular.module('Tower', [
LoadConfig, Store, ShowSocketHelp, AboutAnsibleHelp, ConfigureTower, CreateCustomInventory) {
var e, html, sock;
var html, e, sock;
function activateTab() {
// Make the correct tab active

28
awx/ui/static/js/main-menu/main-menu.directive.js Normal file
View File

@@ -0,0 +1,28 @@
function getMenuStylePartialUrl(style) {
if (style !== 'default' && style !== 'minimal') {
console.warn('main-menu: "', style, 'is not a valid menu style. Please use "default" or "minimal".');
style = 'default';
}
return '/static/js/main-menu/menu-' + style + '.partial.html';
}
function link(scope, element, attrs) {
scope.$watch(function(scope) {
return scope.$eval(scope.style);
}, function(value) {
scope.menuStylePartialUrl = getMenuStylePartialUrl(value);
});
}
export default function() {
return {
restrict: 'E',
template: '<nav class="Menu Menu--main Menu--fixed-top" ng-include="menuStylePartialUrl"></nav>',
scope: {
style: '&menuStyle'
},
link: link
};
}

7
awx/ui/static/js/main-menu/main.js Normal file
View File

@@ -0,0 +1,7 @@
import mainMenu from './main-menu.directive';
import menuItem from './menu-item.directive';
export default
angular.module('mainMenu', [])
.directive('menuItem', menuItem)
.directive('mainMenu', mainMenu);

34
awx/ui/static/js/main-menu/menu-default.partial.html Normal file
View File

@@ -0,0 +1,34 @@
<a menu-item href="/" title="Home" class="MenuItem MenuItem--logo">
<img id="ansible-brand-logo" class="MenuItem-logo" src="/static/img/TowerLogo.svg">
</a>
<a menu-item href="#/projects" title="Projects" class="MenuItem MenuItem--hoverable">
<img src="/static/img/Projects.svg" class="MenuItem-hover-icon">
Projects
</a>
<a menu-item href="#/inventories" title="Inventories" class="MenuItem MenuItem--hoverable">
<img src="/static/img/CloudSync.svg" class="MenuItem-hover-icon">
Inventories
</a>
<a menu-item href="#/job_templates" title="Job Templates" class="MenuItem MenuItem--hoverable">
<img src="/static/img/JobTemplates.svg" class="MenuItem-hover-icon">
Job Templates
</a>
<a menu-item href="#/jobs" title="Jobs" class="MenuItem MenuItem--hoverable">
<img src="/static/img/Jobs.svg" class="MenuItem-hover-icon">
Jobs
</a>
<a href="#/setup" class="MenuItem MenuItem--right MenuItem--fixed" title="Setup">
<img src="/static/img/Setup.svg" class="MenuItem-icon">
</a>
<a href="#portal" class="MenuItem MenuItem--fixed" title="Setup">
<img src="/static/img/PortalMode.svg" class="MenuItem-icon">
</a>
<a href="#/logout" title="Sign out" class="MenuItem MenuItem--fixed">
<img src="/static/img/Signout.svg" class="MenuItem-icon">
</a>
<a href="#setup" class="MenuItem MenuItem--setup" title="Setup">
Setup
</a>
<a href="#logout" title="Sign out" class="MenuItem MenuItem--fixed">
<img src="/static/img/Signout.svg" class="MenuItem-icon">
</a>

18
awx/ui/static/js/main-menu/menu-item.directive.js Normal file
View File

@@ -0,0 +1,18 @@
export default ['$location', function($location) {
return {
link: function(scope, element, attrs) {
var itemPath = attrs.href.replace(/^#/, '');
scope.$watch(function() {
return $location.path();
}, function(currentPath) {
console.log(itemPath, currentPath);
if (currentPath === itemPath) {
element.addClass('MenuItem--active');
} else {
element.removeClass('MenuItem--active');
}
});
}
};
}];

12
awx/ui/static/js/main-menu/menu-minimal.partial.html Normal file
View File

@@ -0,0 +1,12 @@
<a href="#portal" title="Home" class="MenuItem MenuItem--logo">
<img id="ansible-brand-logo" class="MenuItem-logo" src="/static/img/TowerLogo.svg">
</a>
<a href="#portal" title="Portal" class="MenuItem">
Portal
</a>
<a href="#portal" class="MenuItem MenuItem--right MenuItem--fixed" title="Setup">
<img src="/static/img/PortalMode.svg" class="MenuItem-icon">
</a>
<a href="#logout" title="Sign out" class="MenuItem MenuItem--fixed">
<img src="/static/img/Signout.svg" class="MenuItem-icon">
</a>

100
awx/ui/static/js/shared/menu/menu-item.block.less Normal file
View File

@@ -0,0 +1,100 @@
/** @define MenuItem */
@import (reference) "shared/utilities/icons.less";
.MenuItem {
display: flex;
flex: none;
padding: 2.8rem 0;
min-height: 5.8rem;
min-width: 9.2rem;
&--fixed {
flex: none;
min-width: 0;
margin-right: 0 !important;
}
&--logo {
width: 202px;
}
&--active {
flex-direction: column !important;
justify-content: center !important;
background-color: rgba(255,255,255,0.35);
.MenuItem-hover-icon {
display: flex;
opacity: 1 !important;
height: 22px !important;
}
}
&--hoverable {
transition: background-color 0.3s;
flex-direction: column;
justify-content: center;
.MenuItem-hover-icon {
display: flex;
opacity: 0;
height: 0;
width: auto;
transition: opacity 0.3s ease-out, height 0.2s ease-out;
}
&:hover {
background-color: rgba(255,255,255,0.35);
.MenuItem-hover-icon {
display: flex;
opacity: 1;
height: 22px;
}
}
}
&--context {
// Push this and all following elements to the right
margin-left: auto;
flex-direction: column;
justify-content: center;
.MenuItem {
// Make sure items in this container are aligned to
// the right-hand side (on rtl platforms)
align-self: flex-end;
}
}
&--right {
margin-left: auto;
}
&--setup {
&:before {
.icon(@fa-var-cogs);
padding-right: 0.25rem;
}
}
&--popup {
// Make pseudo button
background: transparent;
border: 0;
padding: 8px 0;
outline: none;
&:after {
.icon(@fa-var-angle-down);
}
}
&-logo {
height: 34px;
width: auto;
}
&-icon {
height: 13px;
width: auto;
}
}

51
awx/ui/static/js/shared/menu/menu.block.less Normal file
View File

@@ -0,0 +1,51 @@
/** @define Menu */
.Menu {
display: flex;
align-items: center;
background-color: white;
&--main {
background-color: white;
padding: 0 1rem;
margin: 0;
.MenuItem {
color: black;
margin-right: 2rem;
padding: 0 1rem;
align-items: center;
&:last-child {
margin-right: 0;
}
}
}
&--popup {
display: block;
position: absolute;
top: 60px;
right: 19px;
width: 160px;
.MenuItem {
padding: 0.5rem;
border: solid 1px #7A7A7A;
border-bottom: none;
text-align: center;
margin-right: 0;
&:last-child {
border-bottom: solid 1px #7A7A7A;
}
}
}
&--fixed-top {
width: 100%;
z-index: 1040;
position: fixed;
right: 0;
left: 0;
top: 0;
}
}

16
awx/ui/static/js/shared/utilities/icons.less Normal file
View File

@@ -0,0 +1,16 @@
@import "components-font-awesome/less/variables.less";
/* not bem */
.icon(@icon-var) {
display: flex;
align-self: center;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: @icon-var;
}

4
awx/ui/static/js/shared/utilities/layer.less Normal file
View File

@@ -0,0 +1,4 @@
.u-layer {
position: relative;
z-index: 10000;
}

11
awx/ui/static/js/tmp.less
View File

@@ -1,11 +0,0 @@
/** @define Component */
.Component {
&-title {
diddy: doo;
}
.diddy {
dah: doody;
}
doo: dah;
}

101
awx/ui/templates/ui/index.html
View File

@@ -28,100 +28,10 @@
</head>
<body>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="ansible-mobile-menu">
<h3>Hello, <span ng-bind="current_user.username"></span></h3>
<a href="#home" id="mobile_home_link" ng-hide="portalMode===true">Home</a></li>
<a href="#organizations" id="mobile_organizations_link" ng-hide="portalMode===true">Organizations</a></li>
<a href="#users" id="mobile_users_link" ng-hide="portalMode===true">Users</a></li>
<a href="#teams" id="mobile_teams_link" ng-hide="portalMode===true">Teams</a></li>
<a href="#credentials" id="mobile_credentials_link" ng-hide="portalMode===true">Credentials</a></li>
<a href="#projects" id="mobile_projects_link" ng-hide="portalMode===true">Projects</a></li>
<a href="#inventories" id="mobile_inventories_link" ng-hide="portalMode===true">Inventories</a></li>
<a href="#job_templates" id="mobile_job_templates_link" ng-hide="portalMode===true">Job Templates</a></li>
<a href="#jobs" id="mobile_jobs_link" ng-hide="portalMode===true">Jobs</a></li>
<main-menu
menu-style="portalMode ? 'minimal' : 'default'">
</main-menu>
<a href="" id="mobile_about" ng-click ="viewAboutTower()" >About Tower</a> </li>
<a href="" id="mobile_view_user" ng-click="viewCurrentUser()" ng-hide="portalMode===true">Account Settings</a></li>
<a href="https://ansibleworks.zendesk.com/anonymous_requests/new" id="mobile_contact_support" target="_blank" ng-hide="portalMode===true">Contact Support</a></li>
<a id="mobile_custom_inv" ng-click="createCustomInv()" ng-show="user_is_superuser" href="" ng-hide="portalMode===true">Inventory Scripts</a></li>
<a id="mobile_configure_tower" ng-click="configureTower()" ng-show="user_is_superuser" href="" ng-hide="portalMode===true">Management Jobs</a></li>
<a id="mobile_munin" target="_blank" ng-show="user_is_superuser" href="/munin" ng-hide="portalMode===true">Monitor Tower</a></li>
<a href="#portal" id="mobile_portal_link" ng-hide="portalMode===true">Portal Mode</a></li>
<a href="" id="mobile_view_license" ng-click="viewLicense()" ng-hide="portalMode===true">View License</a></li>
<a href="" id="mobile_view_leave_portal" ng-click="leavePortal()" ng-show="portalMode===true">Exit Portal</a></li>
<a href="#/logout" id="mobile_logout">Logout</a>
</nav>
<div id="main-menu-container">
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<div id="socket-beacon-div"></div>
<button type="button" class="navbar-toggle toggle-menu menu-right" id="main-menu-toggle-button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#home"><img id="ansible-brand-logo" src="{{ STATIC_URL }}img/ansible_tower_logo_minimalc.png" /></a>
<div id="ansible-list-title"></div> <!-- title to show on list pages when menu collapses. value set in app.js -->
</div>
<div class="navbar-collapse collapse" id="main-navbar-collapse">
<ul class="nav navbar-nav" id="ansible-main-menu">
<!-- <li id="home" class="active"><a href="#home" id="main_home_link" >Home</a></li> -->
<li id="organizations"><a href="#organizations" id="main_organizations_link" ng-hide="portalMode===true">Organizations</a></li>
<li id="users"><a href="#users" id="main_users_link" ng-hide="portalMode===true">Users</a></li>
<li id="teams"><a href="#teams" id="main_teams_link" ng-hide="portalMode===true">Teams</a></li>
<li id="credentials"><a href="#credentials" id="main_credentials_link" ng-hide="portalMode===true">Credentials</a></li>
<li id="projects"><a href="#projects" id="main_projects_link" ng-hide="portalMode===true">Projects</a></li>
<li id="inventories"><a href="#inventories" id="main_inventories_link" ng-hide="portalMode===true">Inventories</a></li>
<li id="job_templates"><a href="#job_templates" id="main_job_templates_link" ng-hide="portalMode===true">Job Templates</a></li>
<li id="jobs"><a href="#jobs" id="main_jobs_link" ng-hide="portalMode===true">Jobs</a></li>
<li id="portal"><a href="#portal" id="main_portal_link" ng-show="portalMode===true">Portal</a></li>
<li class="collapsed-option"><a href="#/login" id="main_login_link" ng-show="!current_user.username">Login</a></li>
<li ng-show="current_user.username" class="collapsed-option">
<a href="" id="account-menu-link">Hello, <span ng-bind="current_user.username"></span> <span class="caret"></span></a>
<ul class="nav navbar-nav" id="account-submenu">
<li><a href="" id="main_about" ng-click ="viewAboutTower()" ng-hide="portalMode===true">About Tower</a> </li>
<li><a id="main_view_user" href="" ng-click="viewCurrentUser()" ng-hide="portalMode===true">Account Settings</a></li>
<li><a id="main_contact_support" target="_blank" href="https://ansibleworks.zendesk.com/anonymous_requests/new" ng-hide="portalMode===true">Contact Support</a></li>
<li> <a id="main_custom_inv" ng-click="createCustomInv()" ng-show="user_is_superuser" href="" ng-hide="portalMode===true">Inventory Scripts</a></li>
<li><a id="main_configure_tower" ng-click="configureTower()" ng-show="user_is_superuser" href="" ng-hide="portalMode===true">Management Jobs</a></li>
<li><a id="main_munin" target="_blank" ng-show="user_is_superuser" href="/munin" ng-hide="portalMode===true">Monitor Tower</a></li>
<li><a href="#portal" id="main_view_portal_link" >Portal Mode</a></li>
<li><a id="main_view_license" href="" ng-click="viewLicense()" ng-hide="portalMode===true">View License</a></li>
<li><a id="main_view_leave_portal" href="" ng-click="leavePortal()" ng-show="portalMode===true">Exit Portal</a></li>
<li class="divider"></li>
<li><a id="main_logout" href="#/logout">Logout</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right" id="account-menu">
<li id="socket-beacon-li"></li>
<li><a href="#/login" id="main_login_link" ng-show="!current_user.username">Login</a></li>
<li class="dropdown" ng-show="current_user.username">
<a href="" id="account-menu-link" class="dropdown-toggle" data-toggle="dropdown">Hello, <span ng-bind="current_user.username"></span> <span class="caret"></span></a>
<ul class="dropdown-menu" id="account-submenu">
<li><a href="" id="main_about" ng-click ="viewAboutTower()" >About Tower</a> </li>
<li><a id="main_view_user" href="" ng-click="viewCurrentUser()" ng-hide="portalMode===true">Account Settings</a></li>
<li><a id="main_contact_support" target="_blank" href="https://ansibleworks.zendesk.com/anonymous_requests/new" ng-hide="portalMode===true">Contact Support</a></li>
<li> <a id="main_custom_inv" ng-click="createCustomInv()" ng-show="user_is_superuser" href="" ng-hide="portalMode===true">Inventory Scripts</a></li>
<li><a id="configure_tower" ng-click="configureTower()" ng-show="user_is_superuser" href="" ng-hide="portalMode===true">Management Jobs</a></li>
<li><a id="main_munin" target="_blank" ng-show="user_is_superuser" href="/munin" ng-hide="portalMode===true">Monitor Tower</a></li>
<li><a href="#portal" id="main_view_portal_link" ng-hide="portalMode===true">Portal Mode</a></li>
<li><a id="main_view_license" href="" ng-click="viewLicense()" ng-hide="portalMode===true">View License</a></li>
<li><a id="main_view_leave_portal" href="" ng-click="leavePortal()" ng-show="portalMode===true">Exit Portal</a></li>
<li class="divider"></li>
<li><a id="main_logout" href="#/logout">Logout</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid" id="#content-container">
<div class="row">
<div class="col-lg-12">
@@ -273,7 +183,7 @@
<div class="error survey_error" ng-show="prompt_for_days_form.days_to_keep.$error.number || prompt_for_days_form.days_to_keep.$error.integer" >Please enter a valid number.</div>
<div class="error survey_error" ng-show="prompt_for_days_form.days_to_keep.$error.awMin">Please enter a non-negative number.</div>
<div class="error survey_error" ng-show="prompt_for_days_form.days_to_keep.$error.awMax">Please enter a number smaller than 9999.</div>
</form>
</form>
</div>
<div id="prompt-for-days-facts" style="display:none">
<form name="prompt_for_days_facts_form" id="prompt_for_days_facts_form">
@@ -323,11 +233,8 @@
</div><!-- container -->
<div class="overlay"></div>
<div class="spinny"><i class="fa fa-cog fa-spin fa-2x"></i> <p>working...</p></div>
</div>
<!--
<div class="navbar navbar-inverse site-footer fade-in">