From 275b2eef9b470ef8af6620115ab956aa8a1055f6 Mon Sep 17 00:00:00 2001 From: Timothy Patterson Date: Thu, 27 Feb 2025 11:28:54 +0000 Subject: [PATCH] add pagination --- config/settings.py | 1 + ...ootradeshowpage_tradeshow_city_and_more.py | 417 ++++++++++++++++++ international_online_offer/models.py | 33 +- .../sass/components/article-list-item.scss | 21 + .../static/svg/icon-planning-status.svg | 29 ++ .../templates/eyb/includes/list_item.html | 28 ++ .../templates/eyb/trade_shows.html | 16 +- .../templatetags/eyb_tags.py | 6 + package-lock.json | 16 +- package.json | 2 +- .../dist/expand_your_business_styles.css | 2 +- .../dist/expand_your_business_styles.css.map | 2 +- .../dist/great_design_system_scripts.js | 2 +- .../dist/great_design_system_scripts.js.map | 2 +- .../dist/great_design_system_styles.css | 2 +- .../dist/great_design_system_styles.css.map | 2 +- 16 files changed, 559 insertions(+), 22 deletions(-) create mode 100644 international_online_offer/migrations/0069_alter_iootradeshowpage_tradeshow_city_and_more.py create mode 100644 international_online_offer/static/svg/icon-planning-status.svg create mode 100644 international_online_offer/templates/eyb/includes/list_item.html diff --git a/config/settings.py b/config/settings.py index 9838449249..ec1a4f335c 100644 --- a/config/settings.py +++ b/config/settings.py @@ -153,6 +153,7 @@ ROOT_DIR / 'node_modules' / '@uktrade' / 'great-design-system' / 'dist' / 'components' / 'cta_banner', ROOT_DIR / 'node_modules' / '@uktrade' / 'great-design-system' / 'dist' / 'components' / 'action_link', ROOT_DIR / 'node_modules' / '@uktrade' / 'great-design-system' / 'dist' / 'components' / 'responsive_image', + ROOT_DIR / 'node_modules' / '@uktrade' / 'great-design-system' / 'dist' / 'components' / 'pagination', ROOT_DIR / 'node_modules' / '@uktrade' diff --git a/international_online_offer/migrations/0069_alter_iootradeshowpage_tradeshow_city_and_more.py b/international_online_offer/migrations/0069_alter_iootradeshowpage_tradeshow_city_and_more.py new file mode 100644 index 0000000000..e9f212344f --- /dev/null +++ b/international_online_offer/migrations/0069_alter_iootradeshowpage_tradeshow_city_and_more.py @@ -0,0 +1,417 @@ +# Generated by Django 4.2.19 on 2025-02-24 14:45 + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('international_online_offer', '0068_iootradeshowpage_dbt_sectors_and_more'), + ] + + operations = [ + migrations.AlterField( + model_name='iootradeshowpage', + name='tradeshow_city', + field=models.CharField( + blank=True, + choices=[ + ('ABERDEENSHIRE', 'Aberdeenshire'), + ('ABERDEEN_CITY', 'Aberdeen City'), + ('ADUR', 'Adur'), + ('ALLERDALE', 'Allerdale'), + ('AMBER_VALLEY', 'Amber Valley'), + ('ANGUS', 'Angus'), + ('ANTRIM_AND_NEWTOWNABBEY', 'Antrim and Newtownabbey'), + ('ARDS_AND_NORTH_DOWN', 'Ards and North Down'), + ('ARGYLL_AND_BUTE', 'Argyll and Bute'), + ('ARMAGH_CITY', 'Armagh City'), + ('ARUN', 'Arun'), + ('ASHFIELD', 'Ashfield'), + ('ASHFORD', 'Ashford'), + ('BABERGH', 'Babergh'), + ('BARKING_AND_DAGENHAM', 'Barking and Dagenham'), + ('BARNET', 'Barnet'), + ('BARNSLEY', 'Barnsley'), + ('BARROW-IN-FURNESS', 'Barrow-in-Furness'), + ('BASILDON', 'Basildon'), + ('BASINGSTOKE_AND_DEANE', 'Basingstoke and Deane'), + ('BASSETLAW', 'Bassetlaw'), + ('BATH_AND_NORTH_EAST_SOMERSET', 'Bath and North East Somerset'), + ('BEDFORD', 'Bedford'), + ('BELFAST', 'Belfast'), + ('BEXLEY', 'Bexley'), + ('BIRMINGHAM', 'Birmingham'), + ('BLABY', 'Blaby'), + ('BLACKBURN_WITH_DARWEN', 'Blackburn with Darwen'), + ('BLACKPOOL', 'Blackpool'), + ('BLAENAU_GWENT', 'Blaenau Gwent'), + ('BOLSOVER', 'Bolsover'), + ('BOLTON', 'Bolton'), + ('BOSTON', 'Boston'), + ('BOURNEMOUTH', 'Bournemouth'), + ('BRACKNELL_FOREST', 'Bracknell Forest'), + ('BRADFORD', 'Bradford'), + ('BRAINTREE', 'Braintree'), + ('BRECKLAND', 'Breckland'), + ('BRENT', 'Brent'), + ('BRENTWOOD', 'Brentwood'), + ('BRIDGEND', 'Bridgend'), + ('BRIGHTON_AND_HOVE', 'Brighton and Hove'), + ('BRISTOL', 'Bristol'), + ('BROADLAND', 'Broadland'), + ('BROMLEY', 'Bromley'), + ('BROMSGROVE', 'Bromsgrove'), + ('BROXBOURNE', 'Broxbourne'), + ('BROXTOWE', 'Broxtowe'), + ('BUCKINGHAMSHIRE', 'Buckinghamshire'), + ('BUCKINGHAMSHIRE', 'Buckinghamshire'), + ('BURNLEY', 'Burnley'), + ('BURY', 'Bury'), + ('CAERPHILLY', 'Caerphilly'), + ('CALDERDALE', 'Calderdale'), + ('CAMBRIDGE', 'Cambridge'), + ('CAMDEN', 'Camden'), + ('CANNOCK_CHASE', 'Cannock Chase'), + ('CANTERBURY', 'Canterbury'), + ('CARDIFF', 'Cardiff'), + ('CARLISLE', 'Carlisle'), + ('CARMARTHENSHIRE', 'Carmarthenshire'), + ('CASTLE_POINT', 'Castle Point'), + ('CAUSEWAY_COAST_AND_GLENS', 'Causeway Coast and Glens'), + ('CENTRAL_BEDFORDSHIRE', 'Central Bedfordshire'), + ('CEREDIGION', 'Ceredigion'), + ('CHARNWOOD', 'Charnwood'), + ('CHELMSFORD', 'Chelmsford'), + ('CHELTENHAM', 'Cheltenham'), + ('CHERWELL', 'Cherwell'), + ('CHESHIRE_EAST', 'Cheshire East'), + ('CHESHIRE_WEST_AND_CHESTER', 'Cheshire West and Chester'), + ('CHESTERFIELD', 'Chesterfield'), + ('CHICHESTER', 'Chichester'), + ('CHORLEY', 'Chorley'), + ('CITY_OF_EDINBURGH', 'City of Edinburgh'), + ('CLACKMANNANSHIRE', 'Clackmannanshire'), + ('COLCHESTER', 'Colchester'), + ('CONWY', 'Conwy'), + ('COPELAND', 'Copeland'), + ('CORNWALL', 'Cornwall'), + ('COTSWOLD', 'Cotswold'), + ('COUNTY_DURHAM', 'County Durham'), + ('COVENTRY', 'Coventry'), + ('CRAVEN', 'Craven'), + ('CRAWLEY', 'Crawley'), + ('CROYDON', 'Croydon'), + ('DACORUM', 'Dacorum'), + ('DARLINGTON', 'Darlington'), + ('DARTFORD', 'Dartford'), + ('DENBIGHSHIRE', 'Denbighshire'), + ('DERBY', 'Derby'), + ('DERBYSHIRE_DALES', 'Derbyshire Dales'), + ('DERRY_CITY_AND_STRABANE', 'Derry City and Strabane'), + ('DONCASTER', 'Doncaster'), + ('DORSET', 'Dorset'), + ('DOVER', 'Dover'), + ('DUDLEY', 'Dudley'), + ('DUMFRIES_AND_GALLOWAY', 'Dumfries and Galloway'), + ('DUNDEE_CITY', 'Dundee City'), + ('EALING', 'Ealing'), + ('EASTBOURNE', 'Eastbourne'), + ('EASTLEIGH', 'Eastleigh'), + ('EAST_AYRSHIRE', 'East Ayrshire'), + ('EAST_CAMBRIDGESHIRE', 'East Cambridgeshire'), + ('EAST_DEVON', 'East Devon'), + ('EAST_DUNBARTONSHIRE', 'East Dunbartonshire'), + ('EAST_HAMPSHIRE', 'East Hampshire'), + ('EAST_HERTFORDSHIRE', 'East Hertfordshire'), + ('EAST_LINDSEY', 'East Lindsey'), + ('EAST_LOTHIAN', 'East Lothian'), + ('EAST_RENFREWSHIRE', 'East Renfrewshire'), + ('EAST_RIDING_OF_YORKSHIRE', 'East Riding of Yorkshire'), + ('EAST_STAFFORDSHIRE', 'East Staffordshire'), + ('EAST_SUFFOLK', 'East Suffolk'), + ('EDEN', 'Eden'), + ('ELMBRIDGE', 'Elmbridge'), + ('ENFIELD', 'Enfield'), + ('EPPING_FOREST', 'Epping Forest'), + ('EPSOM_AND_EWELL', 'Epsom and Ewell'), + ('EREWASH', 'Erewash'), + ('EXETER', 'Exeter'), + ('FALKIRK', 'Falkirk'), + ('FAREHAM', 'Fareham'), + ('FENLAND', 'Fenland'), + ('FERMANAGH_AND_OMAGH', 'Fermanagh and Omagh'), + ('FIFE', 'Fife'), + ('FLINTSHIRE', 'Flintshire'), + ('FOLKESTONE_AND_HYTHE', 'Folkestone and Hythe'), + ('FOREST_OF_DEAN', 'Forest of Dean'), + ('FYLDE', 'Fylde'), + ('GATESHEAD', 'Gateshead'), + ('GEDLING', 'Gedling'), + ('GLASGOW_CITY', 'Glasgow City'), + ('GLOUCESTER', 'Gloucester'), + ('GOSPORT', 'Gosport'), + ('GRAVESHAM', 'Gravesham'), + ('GREAT_YARMOUTH', 'Great Yarmouth'), + ('GREENWICH', 'Greenwich'), + ('GUILDFORD', 'Guildford'), + ('GWYNEDD', 'Gwynedd'), + ('HACKNEY', 'Hackney'), + ('HALTON', 'Halton'), + ('HAMBLETON', 'Hambleton'), + ('HAMMERSMITH_AND_FULHAM', 'Hammersmith and Fulham'), + ('HARBOROUGH', 'Harborough'), + ('HARINGEY', 'Haringey'), + ('HARLOW', 'Harlow'), + ('HARROGATE', 'Harrogate'), + ('HARROW', 'Harrow'), + ('HART', 'Hart'), + ('HARTLEPOOL', 'Hartlepool'), + ('HASTINGS', 'Hastings'), + ('HAVANT', 'Havant'), + ('HAVERING', 'Havering'), + ('HEREFORDSHIRE', 'Herefordshire'), + ('HERTSMERE', 'Hertsmere'), + ('HIGHLAND', 'Highland'), + ('HIGH_PEAK', 'High Peak'), + ('HILLINGDON', 'Hillingdon'), + ('HINCKLEY_AND_BOSWORTH', 'Hinckley and Bosworth'), + ('HORSHAM', 'Horsham'), + ('HOUNSLOW', 'Hounslow'), + ('HULL', 'Hull'), + ('HUNTINGDONSHIRE', 'Huntingdonshire'), + ('HYNDBURN', 'Hyndburn'), + ('INVERCLYDE', 'Inverclyde'), + ('IPSWICH', 'Ipswich'), + ('ISLES_OF_SCILLY', 'Isles of Scilly'), + ('ISLE_OF_ANGLESEY', 'Isle of Anglesey'), + ('ISLE_OF_WIGHT', 'Isle of Wight'), + ('ISLINGTON', 'Islington'), + ('KENSINGTON_AND_CHELSEA', 'Kensington and Chelsea'), + ('KINGSTON_UPON_THAMES', 'Kingston upon Thames'), + ('KINGS_LYNN_AND_WEST_NORFOLK', "King's Lynn and West Norfolk"), + ('KIRKLEES', 'Kirklees'), + ('KNOWSLEY', 'Knowsley'), + ('LAMBETH', 'Lambeth'), + ('LANCASTER', 'Lancaster'), + ('LEEDS', 'Leeds'), + ('LEICESTER', 'Leicester'), + ('LEWES', 'Lewes'), + ('LEWISHAM', 'Lewisham'), + ('LICHFIELD', 'Lichfield'), + ('LINCOLN', 'Lincoln'), + ('LISBURN_AND_CASTLEREAGH', 'Lisburn and Castlereagh'), + ('LIVERPOOL', 'Liverpool'), + ('LUTON', 'Luton'), + ('MAIDSTONE', 'Maidstone'), + ('MALDON', 'Maldon'), + ('MALVERN_HILLS', 'Malvern Hills'), + ('MANCHESTER', 'Manchester'), + ('MANSFIELD', 'Mansfield'), + ('MEDWAY', 'Medway'), + ('MELTON', 'Melton'), + ('MENDIP', 'Mendip'), + ('MERTHYR_TYDFIL', 'Merthyr Tydfil'), + ('MERTON', 'Merton'), + ('MIDDLESBROUGH', 'Middlesbrough'), + ('MIDLOTHIAN', 'Midlothian'), + ('MID_AND_EAST_ANTRIM', 'Mid and East Antrim'), + ('MID_DEVON', 'Mid Devon'), + ('MID_SUFFOLK', 'Mid Suffolk'), + ('MID_SUSSEX', 'Mid Sussex'), + ('MID_ULSTER', 'Mid Ulster'), + ('MILTON_KEYNES', 'Milton Keynes'), + ('MOLE_VALLEY', 'Mole Valley'), + ('MONMOUTHSHIRE', 'Monmouthshire'), + ('MORAY', 'Moray'), + ('NA_H-EILEANAN_SIAR', 'Na h-Eileanan Siar'), + ('NEATH_PORT_TALBOT', 'Neath Port Talbot'), + ('NEWARK_AND_SHERWOOD', 'Newark and Sherwood'), + ('NEWCASTLE-UNDER-LYME', 'Newcastle-under-Lyme'), + ('NEWCASTLE_UPON_TYNE', 'Newcastle upon Tyne'), + ('NEWHAM', 'Newham'), + ('NEWPORT', 'Newport'), + ('NEWRY', 'Newry'), + ('NEW_FOREST', 'New Forest'), + ('NORTHUMBERLAND', 'Northumberland'), + ('NORTH_AYRSHIRE', 'North Ayrshire'), + ('NORTH_DEVON', 'North Devon'), + ('NORTH_EAST_DERBYSHIRE', 'North East Derbyshire'), + ('NORTH_EAST_LINCOLNSHIRE', 'North East Lincolnshire'), + ('NORTH_HERTFORDSHIRE', 'North Hertfordshire'), + ('NORTH_KESTEVEN', 'North Kesteven'), + ('NORTH_LANARKSHIRE', 'North Lanarkshire'), + ('NORTH_LINCOLNSHIRE', 'North Lincolnshire'), + ('NORTH_NORFOLK', 'North Norfolk'), + ('NORTH_SOMERSET', 'North Somerset'), + ('NORTH_TYNESIDE', 'North Tyneside'), + ('NORTH_WARWICKSHIRE', 'North Warwickshire'), + ('NORTH_WEST_LEICESTERSHIRE', 'North West Leicestershire'), + ('NORWICH', 'Norwich'), + ('NOTTINGHAM', 'Nottingham'), + ('NUNEATON_AND_BEDWORTH', 'Nuneaton and Bedworth'), + ('OADBY_AND_WIGSTON', 'Oadby and Wigston'), + ('OLDHAM', 'Oldham'), + ('ORKNEY_ISLANDS', 'Orkney Islands'), + ('OXFORD', 'Oxford'), + ('PEMBROKESHIRE', 'Pembrokeshire'), + ('PENDLE', 'Pendle'), + ('PERTH_AND_KINROSS', 'Perth and Kinross'), + ('PETERBOROUGH', 'Peterborough'), + ('PLYMOUTH', 'Plymouth'), + ('PORTSMOUTH', 'Portsmouth'), + ('POWYS', 'Powys'), + ('PRESTON', 'Preston'), + ('READING', 'Reading'), + ('REDBRIDGE', 'Redbridge'), + ('REDCAR_AND_CLEVELAND', 'Redcar and Cleveland'), + ('REDDITCH', 'Redditch'), + ('REIGATE_AND_BANSTEAD', 'Reigate and Banstead'), + ('RENFREWSHIRE', 'Renfrewshire'), + ('RHONDDA_CYNON_TAF', 'Rhondda Cynon Taf'), + ('RIBBLE_VALLEY', 'Ribble Valley'), + ('RICHMONDSHIRE', 'Richmondshire'), + ('RICHMOND_UPON_THAMES', 'Richmond upon Thames'), + ('ROCHDALE', 'Rochdale'), + ('ROCHFORD', 'Rochford'), + ('ROSSENDALE', 'Rossendale'), + ('ROTHER', 'Rother'), + ('ROTHERHAM', 'Rotherham'), + ('RUGBY', 'Rugby'), + ('RUNNYMEDE', 'Runnymede'), + ('RUSHCLIFFE', 'Rushcliffe'), + ('RUSHMOOR', 'Rushmoor'), + ('RUTLAND', 'Rutland'), + ('RYEDALE', 'Ryedale'), + ('SALFORD', 'Salford'), + ('SANDWELL', 'Sandwell'), + ('SCARBOROUGH', 'Scarborough'), + ('SCOTTISH_BORDERS', 'Scottish Borders'), + ('SEDGEMOOR', 'Sedgemoor'), + ('SEFTON', 'Sefton'), + ('SELBY', 'Selby'), + ('SEVENOAKS', 'Sevenoaks'), + ('SHEFFIELD', 'Sheffield'), + ('SHETLAND_ISLANDS', 'Shetland Islands'), + ('SHROPSHIRE', 'Shropshire'), + ('SLOUGH', 'Slough'), + ('SOLIHULL', 'Solihull'), + ('SOMERSET_WEST_AND_TAUNTON', 'Somerset West and Taunton'), + ('SOUTHAMPTON', 'Southampton'), + ('SOUTHEND-ON-SEA', 'Southend-on-Sea'), + ('SOUTHWARK', 'Southwark'), + ('SOUTH_AYRSHIRE', 'South Ayrshire'), + ('SOUTH_CAMBRIDGESHIRE', 'South Cambridgeshire'), + ('SOUTH_DERBYSHIRE', 'South Derbyshire'), + ('SOUTH_GLOUCESTERSHIRE', 'South Gloucestershire'), + ('SOUTH_HAMS', 'South Hams'), + ('SOUTH_HOLLAND', 'South Holland'), + ('SOUTH_KESTEVEN', 'South Kesteven'), + ('SOUTH_LAKELAND', 'South Lakeland'), + ('SOUTH_LANARKSHIRE', 'South Lanarkshire'), + ('SOUTH_NORFOLK', 'South Norfolk'), + ('SOUTH_OXFORDSHIRE', 'South Oxfordshire'), + ('SOUTH_RIBBLE', 'South Ribble'), + ('SOUTH_SOMERSET', 'South Somerset'), + ('SOUTH_STAFFORDSHIRE', 'South Staffordshire'), + ('SOUTH_TYNESIDE', 'South Tyneside'), + ('SPELTHORNE', 'Spelthorne'), + ('STAFFORD', 'Stafford'), + ('STAFFORDSHIRE_MOORLANDS', 'Staffordshire Moorlands'), + ('STEVENAGE', 'Stevenage'), + ('STIRLING', 'Stirling'), + ('STOCKPORT', 'Stockport'), + ('STOCKTON-ON-TEES', 'Stockton-on-Tees'), + ('STOKE-ON-TRENT', 'Stoke-on-Trent'), + ('STRATFORD-ON-AVON', 'Stratford-on-Avon'), + ('STROUD', 'Stroud'), + ('ST_ALBANS', 'St Albans'), + ('ST_HELENS', 'St. Helens'), + ('SUNDERLAND', 'Sunderland'), + ('SURREY_HEATH', 'Surrey Heath'), + ('SUTTON', 'Sutton'), + ('SWALE', 'Swale'), + ('SWANSEA', 'Swansea'), + ('SWINDON', 'Swindon'), + ('TAMESIDE', 'Tameside'), + ('TAMWORTH', 'Tamworth'), + ('TANDRIDGE', 'Tandridge'), + ('TEIGNBRIDGE', 'Teignbridge'), + ('TELFORD_AND_WREKIN', 'Telford and Wrekin'), + ('TENDRING', 'Tendring'), + ('TEST_VALLEY', 'Test Valley'), + ('TEWKESBURY', 'Tewkesbury'), + ('THANET', 'Thanet'), + ('THREE_RIVERS', 'Three Rivers'), + ('THURROCK', 'Thurrock'), + ('TONBRIDGE_AND_MALLING', 'Tonbridge and Malling'), + ('TORBAY', 'Torbay'), + ('TORFAEN', 'Torfaen'), + ('TORRIDGE', 'Torridge'), + ('TOWER_HAMLETS', 'Tower Hamlets'), + ('TRAFFORD', 'Trafford'), + ('TUNBRIDGE_WELLS', 'Tunbridge Wells'), + ('UTTLESFORD', 'Uttlesford'), + ('VALE_OF_GLAMORGAN', 'Vale of Glamorgan'), + ('VALE_OF_WHITE_HORSE', 'Vale of White Horse'), + ('WAKEFIELD', 'Wakefield'), + ('WALSALL', 'Walsall'), + ('WALTHAM_FOREST', 'Waltham Forest'), + ('WANDSWORTH', 'Wandsworth'), + ('WARRINGTON', 'Warrington'), + ('WARWICK', 'Warwick'), + ('WATFORD', 'Watford'), + ('WAVERLEY', 'Waverley'), + ('WEALDEN', 'Wealden'), + ('WELWYN_HATFIELD', 'Welwyn Hatfield'), + ('WESTMINSTER', 'Westminster'), + ('WEST_BERKSHIRE', 'West Berkshire'), + ('WEST_DEVON', 'West Devon'), + ('WEST_DUNBARTONSHIRE', 'West Dunbartonshire'), + ('WEST_LANCASHIRE', 'West Lancashire'), + ('WEST_LINDSEY', 'West Lindsey'), + ('WEST_LOTHIAN', 'West Lothian'), + ('WEST_OXFORDSHIRE', 'West Oxfordshire'), + ('WEST_SUFFOLK', 'West Suffolk'), + ('WIGAN', 'Wigan'), + ('WILTSHIRE', 'Wiltshire'), + ('WINCHESTER', 'Winchester'), + ('WINDSOR_AND_MAIDENHEAD', 'Windsor and Maidenhead'), + ('WIRRAL', 'Wirral'), + ('WOKING', 'Woking'), + ('WOKINGHAM', 'Wokingham'), + ('WOLVERHAMPTON', 'Wolverhampton'), + ('WORCESTER', 'Worcester'), + ('WORTHING', 'Worthing'), + ('WREXHAM', 'Wrexham'), + ('WYCHAVON', 'Wychavon'), + ('WYRE', 'Wyre'), + ('WYRE_FOREST', 'Wyre Forest'), + ('YORK', 'York'), + ], + null=True, + ), + ), + migrations.AlterField( + model_name='iootradeshowpage', + name='tradeshow_region', + field=models.CharField( + blank=True, + choices=[ + ('EAST_MIDLANDS', 'East Midlands, England'), + ('EAST_OF_ENGLAND', 'East of England'), + ('LONDON', 'London'), + ('NORTHERN_IRELAND', 'Northern Ireland'), + ('NORTH_EAST', 'North East England'), + ('NORTH_WEST', 'North West England'), + ('SCOTLAND', 'Scotland'), + ('SOUTH_EAST', 'South East England'), + ('SOUTH_WEST', 'South West England'), + ('WALES', 'Wales'), + ('WEST_MIDLANDS', 'West Midlands, England'), + ('YORKSHIRE_AND_THE_HUMBER', 'Yorkshire and the Humber, England'), + ], + null=True, + ), + ), + ] diff --git a/international_online_offer/models.py b/international_online_offer/models.py index d1387dc060..1a70a234df 100644 --- a/international_online_offer/models.py +++ b/international_online_offer/models.py @@ -1,5 +1,6 @@ from django import forms from django.contrib.postgres.fields import ArrayField +from django.core.paginator import Paginator from django.db import models from django.http import HttpResponseRedirect from django.shortcuts import redirect, render @@ -405,6 +406,10 @@ def get_context(self, request, *args, **kwargs): IOOTradeShowPage.objects.live().filter(dbt_sectors__contains=[triage_data.sector]) ) + paginator = Paginator(all_tradeshows, 20) + page = request.GET.get('page', 1) + paginated_tradeshows = paginator.get_page(page) + breadcrumbs = [ {'name': 'Home', 'url': '/international/'}, { @@ -414,7 +419,8 @@ def get_context(self, request, *args, **kwargs): ] context.update( triage_data=triage_data, - all_tradeshows=all_tradeshows, + paginated_tradeshows=paginated_tradeshows, + num_pages=paginator.num_pages, breadcrumbs=breadcrumbs, ) self.set_ga360_payload( @@ -459,10 +465,10 @@ class IOOTradeShowPage(BaseContentPage): blank=True, ) tradeshow_locale = models.CharField(blank=True, null=True) - tradeshow_city = models.TextField( + tradeshow_city = models.CharField( choices=region_sector_helpers.generate_location_choices(include_regions=False), blank=True, null=True ) - tradeshow_region = models.TextField( + tradeshow_region = models.CharField( choices=region_sector_helpers.generate_location_choices(include_cities=False), blank=True, null=True ) tradeshow_link = models.URLField(blank=True, max_length=255, null=True) @@ -489,6 +495,27 @@ class IOOTradeShowPage(BaseContentPage): FieldPanel('tags'), ] + @property + def location_display(self): + output = '' + + if self.tradeshow_locale: + output += self.tradeshow_locale + + if self.tradeshow_city or self.tradeshow_region: + output += ', ' + + if self.tradeshow_city: + output += self.get_tradeshow_city_display() + + if self.tradeshow_region: + output += ', ' + + if self.tradeshow_region: + output += self.get_tradeshow_region_display() + + return output + class EYBArticlesPage(BaseContentPage): parent_page_types = ['international_online_offer.EYBGuidePage', 'international_online_offer.EYBArticlesPage'] diff --git a/international_online_offer/sass/components/article-list-item.scss b/international_online_offer/sass/components/article-list-item.scss index d5f53cbd9a..595b1ffad7 100644 --- a/international_online_offer/sass/components/article-list-item.scss +++ b/international_online_offer/sass/components/article-list-item.scss @@ -123,3 +123,24 @@ } } + +.listitem{ + &-logo { + width: 60px; + height: 60px; + background-position: top; + background-repeat: no-repeat; + background-size: cover; + } + &-title-link { + text-decoration: none !important; + + &::after { + content: '\f35d'; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + position: static; + padding-left: 5px; + } + } +} diff --git a/international_online_offer/static/svg/icon-planning-status.svg b/international_online_offer/static/svg/icon-planning-status.svg new file mode 100644 index 0000000000..c055757066 --- /dev/null +++ b/international_online_offer/static/svg/icon-planning-status.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/international_online_offer/templates/eyb/includes/list_item.html b/international_online_offer/templates/eyb/includes/list_item.html new file mode 100644 index 0000000000..c0ea3cac64 --- /dev/null +++ b/international_online_offer/templates/eyb/includes/list_item.html @@ -0,0 +1,28 @@ +{% load static %} +
+
+ {% if icon %} + + {% endif %} +
+
+ +

+ {{ link_title }} +

+ + {% if location %} +

+ + {{ location }} +

+ {% endif %} + {% if description %}

{{ description }}

{% endif %} +
+
diff --git a/international_online_offer/templates/eyb/trade_shows.html b/international_online_offer/templates/eyb/trade_shows.html index 27dbfcac81..d516dc779e 100644 --- a/international_online_offer/templates/eyb/trade_shows.html +++ b/international_online_offer/templates/eyb/trade_shows.html @@ -2,6 +2,7 @@ {% load wagtailcore_tags %} {% load wagtailimages_tags %} {% load sector_filters %} +{% load range_from_1 from eyb_tags %} {% load static %} {% block head_title %}Trade events {{ block.super }}{% endblock %} {% block meta_title %}Trade events {{ block.super }}{% endblock %} @@ -22,14 +23,14 @@

UK events

- {% if all_tradeshows %} + {% if paginated_tradeshows %}
- {% for page in all_tradeshows %} + {% for page in paginated_tradeshows.object_list %} {% if request.user.is_authenticated %} - {% include './includes/article_list_item.html' with rel="noopener noreferrer" target="_blank" url=page.specific.tradeshow_link link_title=page.specific.tradeshow_title link_description=page.specific.tradeshow_subheading %} + {% include './includes/list_item.html' with rel="noopener noreferrer" target="_blank" icon='icon' url=page.specific.tradeshow_link link_title=page.specific.tradeshow_title description=page.specific.tradeshow_subheading location=page.specific.location_display %} {% else %} {% url 'international_online_offer:signup' as signup_url %} - {% include './includes/article_list_item.html' with url=signup_url link_title=page.specific.tradeshow_title link_description=page.specific.tradeshow_subheading %} + {% include './includes/list_item.html' with url=signup_url link_title=page.specific.tradeshow_title link_description=page.specific.tradeshow_subheading %} {% endif %} {% endfor %}
@@ -45,6 +46,13 @@

UK events

{% endif %} + {% if num_pages > 1 %} +
+
+ {% include '_numbered_pagination.html' with currentPage=request.GET.page totalPagesRange=num_pages|range_from_1 %} +
+
+ {% endif %} {% endblock %} {% block feedback_reporter %} diff --git a/international_online_offer/templatetags/eyb_tags.py b/international_online_offer/templatetags/eyb_tags.py index 1306a47d63..bbbc86112e 100644 --- a/international_online_offer/templatetags/eyb_tags.py +++ b/international_online_offer/templatetags/eyb_tags.py @@ -12,3 +12,9 @@ def get_salary_display_classes(context): result['salary_card_class'] = 'govuk-grid-column-one-half' return result + + +# for pagination component - check if tag is elsewhere +@register.filter +def range_from_1(value): + return range(1, value + 1) diff --git a/package-lock.json b/package-lock.json index 91d2c56f41..5ae08a6036 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,7 @@ "dependencies": { "@babel/polyfill": "^7.12.1", "@fortawesome/fontawesome-free": "^5.15.4", - "@uktrade/great-design-system": "1.0.15", + "@uktrade/great-design-system": "1.1.4", "govuk-frontend": "^4.5.0", "great-styles": "github:uktrade/great-styles", "prop-types": "15.7.2", @@ -4336,11 +4336,11 @@ } }, "node_modules/@uktrade/great-design-system": { - "version": "1.0.15", - "resolved": "https://registry.npmjs.org/@uktrade/great-design-system/-/great-design-system-1.0.15.tgz", - "integrity": "sha512-ECyOAOEOksAuareekDSCIf/X7UQHwyXVIY0cmm6ocjxb7EenRKCHURbA4ApOnr+7PoZWcfoAMjOlTrt0ZEhdvQ==", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@uktrade/great-design-system/-/great-design-system-1.1.4.tgz", + "integrity": "sha512-Q3Gv7OwW5wMxN70iwH8Mm2EVtaCABXtcMAI4HmhBTOjXLH2fPHuq7MWg++Cz34bC8VPdtb9pCbV5S7E9AX4tuw==", "dependencies": { - "govuk-frontend": "^5.4.0" + "govuk-frontend": "^5.8.0" }, "engines": { "node": "^20.9.0", @@ -4348,9 +4348,9 @@ } }, "node_modules/@uktrade/great-design-system/node_modules/govuk-frontend": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-5.7.1.tgz", - "integrity": "sha512-jF1cq5rn57kxZmJRprUZhTQ31zaBBK4b5AyeJaPX3Yhg22lk90Mx/dQLvOk/ycV3wM7e0y+s4IPvb2fFaPlCGg==", + "version": "5.8.0", + "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-5.8.0.tgz", + "integrity": "sha512-6l3f/YhDUCWjpmSW3CL95Hg8B+ZLzTf2WYo25ZtCs2Lb8UIzxxxFI8LxG7Ey/z04UuPhUunqFhTwSkQyJ69XbQ==", "engines": { "node": ">= 4.2.0" } diff --git a/package.json b/package.json index 782b70a83a..fe937dfba8 100644 --- a/package.json +++ b/package.json @@ -75,7 +75,7 @@ "dependencies": { "@babel/polyfill": "^7.12.1", "@fortawesome/fontawesome-free": "^5.15.4", - "@uktrade/great-design-system": "1.0.15", + "@uktrade/great-design-system": "1.1.4", "govuk-frontend": "^4.5.0", "great-styles": "github:uktrade/great-styles", "prop-types": "15.7.2", diff --git a/react-components/dist/expand_your_business_styles.css b/react-components/dist/expand_your_business_styles.css index c631f15106..ae306cc8c7 100644 --- a/react-components/dist/expand_your_business_styles.css +++ b/react-components/dist/expand_your_business_styles.css @@ -1,3 +1,3 @@ -.error-text{color:#d4351c;font-weight:700}.eyb-profile-icon{filter:invert(1);width:18px;height:18px;display:inline;margin-right:5px;vertical-align:middle}.prepend-search-icon .autocomplete__wrapper .autocomplete__input{text-indent:32px;background-image:url("../static/svg/icon-search.svg");background-repeat:no-repeat;background-size:18px;background-position:10px 50%}.eyb-home-section{background-color:#eef2f6}.eyb-home-section .eyb-preview-image{background-position:top right;background-repeat:no-repeat;background-size:contain;width:100%;max-width:600px;height:370px;margin-right:auto;margin-left:auto;background-image:url("/static/svg/eyb-preview.svg")}.eyb-guidance-section .eyb-guidance-image{background-position:center;background-repeat:no-repeat;background-size:contain;width:90px;height:90px}.eyb-guidance-section .eyb-planning-image{background-image:url("/static/svg/icon-planning.svg")}.eyb-guidance-section .eyb-banking-image{background-image:url("/static/svg/icon-bank.svg")}.eyb-guidance-section .eyb-visa-image{background-image:url("/static/svg/icon-ukvisa.svg")}.eyb-guidance-section .eyb-funding-image{background-image:url("/static/svg/icon-funding.svg")}.eyb-guidance-section .eyb-tax-image{background-image:url("/static/svg/icon-tax.svg")}.eyb-guidance-section .eyb-hiring-image{background-image:url("/static/svg/icon-hire.svg")}.eyb-insights-section{background-color:#8ce2d0}@media(min-width: 48.0625em){.eyb-insights-section .eyb-map-image-background{background-position:right 68%;background-repeat:no-repeat;background-size:50%;background-image:url("/static/svg/data-map.svg")}}.eyb-insights-section .eyb-insights-image{background-position:center;background-repeat:no-repeat;background-size:contain;width:90px;height:90px;min-width:70px;min-height:70px}.eyb-insights-section .eyb-salary-image{background-image:url("/static/svg/icon-salary.svg")}.eyb-insights-section .eyb-shop-image{background-image:url("/static/svg/icon-shop.svg")}.eyb-connections-section{background-color:#eef2f6}.eyb-connections-section .eyb-connection-image{background-position:center;background-repeat:no-repeat;background-size:contain;min-height:176px;margin-right:auto;margin-left:auto;margin-bottom:15px}.eyb-connections-section .eyb-networking-image{background-image:url("/static/img/networks.png")}.eyb-connections-section .eyb-trade-image{background-image:url("/static/img/trade-events.png")}.eyb-connections-section .eyb-expert-image{background-image:url("/static/img/experts.png")}.eyb-how-it-works-section .eyb-huge-green-text{color:#0d8d98;font-size:60px;font-weight:bold;margin-top:-15px}.eyb-how-it-works-section .eyb-number-forced-width{min-width:33px}.home-image{width:100%}.guide-edit-panel{border:1px solid #7c7c7c}.bci-map__region{width:197px}.bci-map__subregion{width:76px}.bci-table-header{width:33.33%}@media(min-width: 640px){.bci-table-header__region{width:50%}.bci-table-header__stat{width:25%}}.article-lock{background-image:url("/static/images/lock.svg");width:24px;height:30px;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.image-container-lock-overlay{width:100%;height:150px;position:absolute;left:0px;top:0px;margin:0px;background-color:rgba(33,36,39,.7)}@media(max-width: 640px){.image-container-lock-overlay{margin-bottom:15px}}.article-lock-text{margin-top:15px}.article-list-item{margin-bottom:15px;padding:15px;border:1px solid #7c7c7c}.article-list-item a{display:inline-block}.article-list-item .trade-show-link{text-decoration:underline}.article-list-item h3{margin-bottom:15px}@media(min-width: 640px){.article-list-item h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.article-list-item p{margin-bottom:5px}@media(min-width: 640px){.article-list-item p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0px}}.article-list-item .image-container{background-color:#d3d3d3;position:relative;width:100%;height:150px;margin:0px}@media(max-width: 640px){.article-list-item .image-container{margin-bottom:15px}}.article-list-item .inner-header div:first{height:0px}.article-list-item-vertical{margin-bottom:15px;padding:15px}.article-list-item-vertical a{text-decoration:none}.article-list-item-vertical p{margin-bottom:5px;color:#1d70b8}@media(min-width: 640px){.article-list-item-vertical p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0px}}.article-list-item-vertical .image-container{position:relative;width:100%;height:150px}@media(max-width: 640px){.article-list-item-vertical .image-container{margin-bottom:15px}}.article-list-item-vertical .inner-header div:first{height:0px}.salary-rent-component{background-color:#eee}.salary-rent-component .govuk-tabs__list-item{background-color:#fff}.salary-rent-component .govuk-tabs__panel{background-color:#fff}.salary-rent-component .govuk-form-group{margin-bottom:10px}.salary-rent-component .salary-rent-component-body{background-color:#fff}.salary-rent-component .salary-rent-component-body .source-text{margin-top:10px;margin-bottom:0px}.csat-rating{text-align:left;width:100%;margin:auto;padding-top:1em}.csat-rating input[type=radio]{position:fixed;top:0;right:100%}.csat-rating label{padding:.4em;float:left;cursor:pointer}.csat-rating input[type=radio]:checked~input+label{background:none;color:#aaa;position:relative;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='white' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e");background-size:6rem 4rem;height:1rem;width:2.1rem;margin-bottom:5px}.csat-rating input+label{background:#fff;color:orange;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='%23ffdd00' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e");background-size:6rem 4rem;height:1rem;width:2.1rem;margin-bottom:5px}.csat-rating input+label:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}.csat-rating input:checked+label{border-top-right-radius:8px;border-bottom-right-radius:8px}.csat-rating hr{clear:both;border:0}.csat-rating .rating-box-new{margin-left:-10px;display:flex;align-items:left;justify-content:left;flex-wrap:wrap;width:450px;white-space:nowrap}.csat-rating .flex-break{flex-basis:100%;height:0}.csat-rating .rating-star-item{flex:0 1 15%;min-height:50px}.csat-rating .csat-button{margin-top:-50px}@media(max-width: 640px){.csat-rating .csat-button{margin-top:-20px}}.csat-rating #rating1,.csat-rating #rating2,.csat-rating #rating3,.csat-rating #rating4,.csat-rating #rating5{display:none;white-space:nowrap;padding-top:10px;padding-left:24px}.csat-rating input[type=radio]:checked#one~#rating1{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#two~#rating2{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#three~#rating3{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#four~#rating4{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#five~#rating5{display:flex;justify-content:center;z-index:2;margin-left:-10px}.eyb-sector-lookup-second-row{color:#505a5f}.company-autocomplete-wrapper{display:flex;flex-direction:column}.autocomplete-source-display{display:inline} +.error-text{color:#d4351c;font-weight:700}.eyb-profile-icon{filter:invert(1);width:18px;height:18px;display:inline;margin-right:5px;vertical-align:middle}.prepend-search-icon .autocomplete__wrapper .autocomplete__input{text-indent:32px;background-image:url("../static/svg/icon-search.svg");background-repeat:no-repeat;background-size:18px;background-position:10px 50%}.eyb-home-section{background-color:#eef2f6}.eyb-home-section .eyb-preview-image{background-position:top right;background-repeat:no-repeat;background-size:contain;width:100%;max-width:600px;height:370px;margin-right:auto;margin-left:auto;background-image:url("/static/svg/eyb-preview.svg")}.eyb-guidance-section .eyb-guidance-image{background-position:center;background-repeat:no-repeat;background-size:contain;width:90px;height:90px}.eyb-guidance-section .eyb-planning-image{background-image:url("/static/svg/icon-planning.svg")}.eyb-guidance-section .eyb-banking-image{background-image:url("/static/svg/icon-bank.svg")}.eyb-guidance-section .eyb-visa-image{background-image:url("/static/svg/icon-ukvisa.svg")}.eyb-guidance-section .eyb-funding-image{background-image:url("/static/svg/icon-funding.svg")}.eyb-guidance-section .eyb-tax-image{background-image:url("/static/svg/icon-tax.svg")}.eyb-guidance-section .eyb-hiring-image{background-image:url("/static/svg/icon-hire.svg")}.eyb-insights-section{background-color:#8ce2d0}@media(min-width: 48.0625em){.eyb-insights-section .eyb-map-image-background{background-position:right 68%;background-repeat:no-repeat;background-size:50%;background-image:url("/static/svg/data-map.svg")}}.eyb-insights-section .eyb-insights-image{background-position:center;background-repeat:no-repeat;background-size:contain;width:90px;height:90px;min-width:70px;min-height:70px}.eyb-insights-section .eyb-salary-image{background-image:url("/static/svg/icon-salary.svg")}.eyb-insights-section .eyb-shop-image{background-image:url("/static/svg/icon-shop.svg")}.eyb-connections-section{background-color:#eef2f6}.eyb-connections-section .eyb-connection-image{background-position:center;background-repeat:no-repeat;background-size:contain;min-height:176px;margin-right:auto;margin-left:auto;margin-bottom:15px}.eyb-connections-section .eyb-networking-image{background-image:url("/static/img/networks.png")}.eyb-connections-section .eyb-trade-image{background-image:url("/static/img/trade-events.png")}.eyb-connections-section .eyb-expert-image{background-image:url("/static/img/experts.png")}.eyb-how-it-works-section .eyb-huge-green-text{color:#0d8d98;font-size:60px;font-weight:bold;margin-top:-15px}.eyb-how-it-works-section .eyb-number-forced-width{min-width:33px}.home-image{width:100%}.guide-edit-panel{border:1px solid #7c7c7c}.bci-map__region{width:197px}.bci-map__subregion{width:76px}.bci-table-header{width:33.33%}@media(min-width: 640px){.bci-table-header__region{width:50%}.bci-table-header__stat{width:25%}}.article-lock{background-image:url("/static/images/lock.svg");width:24px;height:30px;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.image-container-lock-overlay{width:100%;height:150px;position:absolute;left:0px;top:0px;margin:0px;background-color:rgba(33,36,39,.7)}@media(max-width: 640px){.image-container-lock-overlay{margin-bottom:15px}}.article-lock-text{margin-top:15px}.article-list-item{margin-bottom:15px;padding:15px;border:1px solid #7c7c7c}.article-list-item a{display:inline-block}.article-list-item .trade-show-link{text-decoration:underline}.article-list-item h3{margin-bottom:15px}@media(min-width: 640px){.article-list-item h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.article-list-item p{margin-bottom:5px}@media(min-width: 640px){.article-list-item p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0px}}.article-list-item .image-container{background-color:#d3d3d3;position:relative;width:100%;height:150px;margin:0px}@media(max-width: 640px){.article-list-item .image-container{margin-bottom:15px}}.article-list-item .inner-header div:first{height:0px}.article-list-item-vertical{margin-bottom:15px;padding:15px}.article-list-item-vertical a{text-decoration:none}.article-list-item-vertical p{margin-bottom:5px;color:#1d70b8}@media(min-width: 640px){.article-list-item-vertical p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0px}}.article-list-item-vertical .image-container{position:relative;width:100%;height:150px}@media(max-width: 640px){.article-list-item-vertical .image-container{margin-bottom:15px}}.article-list-item-vertical .inner-header div:first{height:0px}.listitem-logo{width:60px;height:60px;background-position:top;background-repeat:no-repeat;background-size:cover}.listitem-title-link{text-decoration:none !important}.listitem-title-link::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:static;padding-left:5px}.salary-rent-component{background-color:#eee}.salary-rent-component .govuk-tabs__list-item{background-color:#fff}.salary-rent-component .govuk-tabs__panel{background-color:#fff}.salary-rent-component .govuk-form-group{margin-bottom:10px}.salary-rent-component .salary-rent-component-body{background-color:#fff}.salary-rent-component .salary-rent-component-body .source-text{margin-top:10px;margin-bottom:0px}.csat-rating{text-align:left;width:100%;margin:auto;padding-top:1em}.csat-rating input[type=radio]{position:fixed;top:0;right:100%}.csat-rating label{padding:.4em;float:left;cursor:pointer}.csat-rating input[type=radio]:checked~input+label{background:none;color:#aaa;position:relative;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='white' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e");background-size:6rem 4rem;height:1rem;width:2.1rem;margin-bottom:5px}.csat-rating input+label{background:#fff;color:orange;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='%23ffdd00' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e");background-size:6rem 4rem;height:1rem;width:2.1rem;margin-bottom:5px}.csat-rating input+label:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}.csat-rating input:checked+label{border-top-right-radius:8px;border-bottom-right-radius:8px}.csat-rating hr{clear:both;border:0}.csat-rating .rating-box-new{margin-left:-10px;display:flex;align-items:left;justify-content:left;flex-wrap:wrap;width:450px;white-space:nowrap}.csat-rating .flex-break{flex-basis:100%;height:0}.csat-rating .rating-star-item{flex:0 1 15%;min-height:50px}.csat-rating .csat-button{margin-top:-50px}@media(max-width: 640px){.csat-rating .csat-button{margin-top:-20px}}.csat-rating #rating1,.csat-rating #rating2,.csat-rating #rating3,.csat-rating #rating4,.csat-rating #rating5{display:none;white-space:nowrap;padding-top:10px;padding-left:24px}.csat-rating input[type=radio]:checked#one~#rating1{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#two~#rating2{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#three~#rating3{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#four~#rating4{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#five~#rating5{display:flex;justify-content:center;z-index:2;margin-left:-10px}.eyb-sector-lookup-second-row{color:#505a5f}.company-autocomplete-wrapper{display:flex;flex-direction:column}.autocomplete-source-display{display:inline} /*# sourceMappingURL=expand_your_business_styles.css.map*/ \ No newline at end of file diff --git a/react-components/dist/expand_your_business_styles.css.map b/react-components/dist/expand_your_business_styles.css.map index 945b23959d..5db37cde54 100644 --- a/react-components/dist/expand_your_business_styles.css.map +++ b/react-components/dist/expand_your_business_styles.css.map @@ -1 +1 @@ -{"version":3,"file":"expand_your_business_styles.css","mappings":"AAAA,YACI,cACA,gBAGJ,kBACI,iBACA,WACA,YACA,eACA,iBACA,sBAKG,iEACK,iBACA,sDACA,4BACA,qBACA,6BCrBZ,kBACI,wBCGe,CDFf,qCACI,8BACA,4BACA,wBACA,WACA,gBACA,aACA,kBACA,iBACA,oDAKJ,0CACI,2BACA,4BACA,wBACA,WACA,YAEJ,0CACI,sDAEJ,yCACI,kDAEJ,sCACI,oDAEJ,yCACI,qDAEJ,qCACI,iDAEJ,wCACI,kDAIR,sBACI,yBAEA,6BACI,gDACI,8BACA,4BACA,oBACA,kDAIR,0CACI,2BACA,4BACA,wBACA,WACA,YACA,eACA,gBAEJ,wCACI,oDAEJ,sCACI,kDAKR,yBACI,wBCtEe,CDuEf,+CACI,2BACA,4BACA,wBACA,iBACA,kBACA,iBACA,mBAEJ,+CACI,iDAEJ,0CACI,qDAEJ,2CACI,gDAKJ,+CACI,aClFK,CDmFL,eACA,iBACA,iBAGJ,mDACI,eExGR,YACI,WCDJ,kBACI,yBAKI,iBACI,YAGJ,oBACI,WAIR,kBACI,aAEA,yBACI,0BACI,UAGJ,wBACI,WCxBhB,cACI,gDACA,WACA,YACA,4BACA,2BACA,wBACA,kBACA,SACA,QACA,gCAGJ,8BAII,WACA,aACA,kBACA,SACA,QACA,WACA,mCATA,yBADJ,8BAEQ,oBAWR,mBACI,gBAGJ,mBAEI,mBACA,aACA,yBAEA,qBACI,qBAIJ,oCACI,0BAGJ,sBACI,mBAEA,yBAHJ,sBAIQ,gBACA,uBACA,oBACA,qBACA,6BAMR,qBACI,kBACA,yBAFJ,qBAGQ,gBACA,uBACA,oBACA,qBACA,4BACA,mBAIR,oCACI,yBACA,kBAIA,WACA,aACA,WALA,yBAHJ,oCAIQ,oBAOR,2CACI,WAMR,4BAEI,mBACA,aAEA,8BACI,qBAGJ,8BACI,kBACA,cACA,yBAHJ,8BAIQ,gBACA,uBACA,oBACA,qBACA,4BACA,mBAIR,6CACI,kBAIA,WACA,aAJA,yBAFJ,6CAGQ,oBAMR,oDACI,WCzHR,uBACI,qBJQiB,CINjB,8CACI,qBJJM,CIOV,0CACI,qBJRM,CIWV,yCACI,mBAGJ,mDACI,qBJhBM,CIkBN,gEACI,gBACA,kBCpBZ,aACI,gBACA,WACA,YACA,gBAEA,+BACI,eACA,MACA,WAGJ,mBACI,aACA,WACA,eAGJ,mDACI,gBACA,WACA,kBACA,qQACA,0BACA,YACA,aACA,kBAGJ,yBACI,eL9BM,CK+BN,aACA,+QACA,0BACA,YACA,aACA,kBAGJ,uCACI,2BACA,8BAGJ,iCACI,4BACA,+BAGJ,gBACI,WACA,SAGJ,6BACI,kBACA,aACA,iBACA,qBACA,eACA,YACA,mBAGJ,yBACI,gBACA,SAGJ,+BACI,aACA,gBAGJ,0BACI,iBAGJ,yBACI,0BACI,kBAGR,8GAKI,aACA,mBACA,iBACA,kBAGJ,oDACI,aACA,uBACA,UACA,kBAGJ,oDACI,aACA,uBACA,UACA,kBAGJ,sDACI,aACA,uBACA,UACA,kBAGJ,qDACI,aACA,uBACA,UACA,kBAGJ,qDACI,aACA,uBACA,UACA,kBC9HR,8BACI,aNKmB,CONvB,8BACI,aACA,sBAGJ,6BACI,e","sources":["webpack://great-cms/./international_online_offer/sass/utils.scss","webpack://great-cms/./international_online_offer/sass/pages/index.scss","webpack://great-cms/./styles/great/_colors.scss","webpack://great-cms/./international_online_offer/sass/components/service-start.scss","webpack://great-cms/./international_online_offer/sass/components/guide.scss","webpack://great-cms/./international_online_offer/sass/components/article-list-item.scss","webpack://great-cms/./international_online_offer/sass/components/salary-rent.scss","webpack://great-cms/./international_online_offer/sass/components/csat.scss","webpack://great-cms/./international_online_offer/sass/components/sector-lookup.scss","webpack://great-cms/./international_online_offer/sass/components/company-lookup.scss"],"sourcesContent":[".error-text {\n color: #D4351C;\n font-weight: 700;\n}\n\n.eyb-profile-icon {\n filter: invert(1);\n width: 18px;\n height: 18px;\n display: inline;\n margin-right: 5px;\n vertical-align:middle;\n}\n\n.prepend-search-icon {\n .autocomplete__wrapper {\n .autocomplete__input {\n text-indent: 32px;\n background-image: url('../static/svg/icon-search.svg');\n background-repeat: no-repeat;\n background-size: 18px;\n background-position: 10px 50%;\n }\n }\n}\n",".eyb-home-section {\n background-color: $great-light-blue;\n .eyb-preview-image {\n background-position: top right;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n max-width: 600px;\n height: 370px;\n margin-right: auto;\n margin-left: auto;\n background-image: url('/static/svg/eyb-preview.svg')\n }\n}\n\n.eyb-guidance-section {\n .eyb-guidance-image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 90px;\n height: 90px;\n }\n .eyb-planning-image {\n background-image: url('/static/svg/icon-planning.svg')\n }\n .eyb-banking-image {\n background-image: url('/static/svg/icon-bank.svg')\n }\n .eyb-visa-image {\n background-image: url('/static/svg/icon-ukvisa.svg')\n }\n .eyb-funding-image {\n background-image: url('/static/svg/icon-funding.svg')\n }\n .eyb-tax-image {\n background-image: url('/static/svg/icon-tax.svg')\n }\n .eyb-hiring-image {\n background-image: url('/static/svg/icon-hire.svg')\n }\n}\n\n.eyb-insights-section {\n background-color: #8CE2D0;\n\n @media (min-width: 48.0625em) {\n .eyb-map-image-background {\n background-position: right 68%;\n background-repeat: no-repeat;\n background-size: 50%;\n background-image: url('/static/svg/data-map.svg');\n }\n }\n\n .eyb-insights-image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 90px;\n height: 90px;\n min-width: 70px;\n min-height: 70px;\n }\n .eyb-salary-image {\n background-image: url('/static/svg/icon-salary.svg')\n }\n .eyb-shop-image {\n background-image: url('/static/svg/icon-shop.svg')\n }\n\n}\n\n.eyb-connections-section {\n background-color: $great-light-blue;\n .eyb-connection-image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n min-height: 176px;\n margin-right: auto;\n margin-left: auto;\n margin-bottom: 15px;\n }\n .eyb-networking-image {\n background-image: url('/static/img/networks.png')\n }\n .eyb-trade-image {\n background-image: url('/static/img/trade-events.png')\n }\n .eyb-expert-image {\n background-image: url('/static/img/experts.png')\n }\n}\n\n.eyb-how-it-works-section {\n .eyb-huge-green-text {\n color: $great-teal;\n font-size: 60px;\n font-weight: bold;\n margin-top: -15px;\n }\n\n .eyb-number-forced-width {\n min-width: 33px;\n }\n}\n","$great-white: #fff;\n$great-blue: #006ccc;\n$great-dark-blue: #04043f;\n$great-medium-blue: #5e9be8;\n$great-light-blue: #eef2f6;\n$great-darker-grey: #646464;\n$great-text-dark-grey: #505a5f;\n$great-grey: #666;\n$great-light-grey: #7c7c7c;\n$great-lighter-grey: #eee;\n$great-dark-grey: #212427;\n$great-darker-grey: #222;\n$great-yellow: #ffbf47;\n$great-light-yellow: #f1f77a;\n$great-hr-blue: #d6e0e5;\n$great-teal: #0d8d98;\n$great-green: #397e44;\n$great-dbt-green: #004d44;\n$great-purple: #964f99;\n$great-red: #f36565;\n$great-dark-red: #eb0000;\n$great-off-black: #0b0c0c;\n$great-border-grey: #b1b4b6;\n",".home-image {\n width: 100%;\n}",".guide-edit-panel {\n border: 1px solid $great-light-grey;\n}\n\n.bci {\n &-map {\n &__region {\n width: 197px;\n }\n\n &__subregion {\n width: 76px;\n }\n }\n\n &-table-header {\n width: 33.33%;\n\n @media (min-width: $mobile-size) {\n &__region {\n width: 50%;\n }\n\n &__stat {\n width: 25%;\n }\n }\n }\n}\n",".article-lock {\n background-image: url('/static/images/lock.svg');\n width: 24px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n}\n\n.image-container-lock-overlay {\n @media (max-width: 640px) {\n margin-bottom: 15px;\n }\n width: 100%;\n height: 150px;\n position: absolute;\n left: 0px;\n top: 0px;\n margin: 0px;\n background-color: rgba(33, 36, 39, 0.7);\n}\n\n.article-lock-text {\n margin-top: 15px;\n}\n\n.article-list-item {\n\n margin-bottom: 15px;\n padding: 15px;\n border: 1px solid $great-light-grey;\n\n a {\n display: inline-block;\n }\n\n\n .trade-show-link {\n text-decoration: underline;\n }\n\n h3 {\n margin-bottom: 15px;\n\n @media (min-width: 640px) {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n }\n\n\n\n p {\n margin-bottom: 5px;\n @media (min-width: 640px) {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: 0px;\n }\n }\n\n .image-container {\n background-color: #D3D3D3;\n position: relative;\n @media (max-width: 640px) {\n margin-bottom: 15px;\n }\n width: 100%;\n height: 150px;\n margin: 0px;\n }\n\n .inner-header div:first {\n height: 0px;\n }\n\n }\n\n\n.article-list-item-vertical {\n\n margin-bottom: 15px;\n padding: 15px;\n\n a {\n text-decoration: none;\n }\n\n p {\n margin-bottom: 5px;\n color: #1d70b8;\n @media (min-width: 640px) {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: 0px;\n }\n }\n\n .image-container {\n position: relative;\n @media (max-width: 640px) {\n margin-bottom: 15px;\n }\n width: 100%;\n height: 150px;\n }\n\n .inner-header div:first {\n height: 0px;\n }\n\n}\n",".salary-rent-component {\n background-color: $great-lighter-grey;\n\n .govuk-tabs__list-item {\n background-color: $great-white;\n }\n\n .govuk-tabs__panel {\n background-color: $great-white;\n }\n\n .govuk-form-group {\n margin-bottom: 10px;\n }\n\n .salary-rent-component-body {\n background-color: $great-white;\n\n .source-text {\n margin-top: 10px;\n margin-bottom: 0px;\n }\n }\n}\n",".csat-rating {\n text-align: left;\n width: 100%;\n margin: auto;\n padding-top: 1em;\n\n input[type='radio'] {\n position: fixed;\n top: 0;\n right: 100%;\n }\n\n label {\n padding: 0.4em;\n float: left;\n cursor: pointer;\n }\n\n input[type='radio']:checked ~ input + label {\n background: none;\n color: #aaa;\n position: relative;\n background: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='white' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e\");\n background-size: 6rem 4rem;\n height: 1rem;\n width: 2.1rem;\n margin-bottom: 5px;\n }\n\n input + label {\n background: $great-white;\n color: orange;\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='%23ffdd00' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e\");\n background-size: 6rem 4rem;\n height: 1rem;\n width: 2.1rem;\n margin-bottom: 5px;\n }\n\n input + label:first-of-type {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n }\n\n input:checked + label {\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n\n hr {\n clear: both;\n border: 0;\n }\n\n .rating-box-new {\n margin-left: -10px;\n display: flex;\n align-items: left;\n justify-content: left;\n flex-wrap: wrap;\n width: 450px;\n white-space: nowrap;\n }\n\n .flex-break {\n flex-basis: 100%;\n height: 0;\n }\n\n .rating-star-item {\n flex: 0 1 calc(15%);\n min-height: 50px;\n }\n\n .csat-button {\n margin-top: -50px;\n }\n\n @media (max-width: 640px) {\n .csat-button {\n margin-top: -20px;\n }\n }\n #rating1,\n #rating2,\n #rating3,\n #rating4,\n #rating5 {\n display: none;\n white-space: nowrap;\n padding-top: 10px;\n padding-left: 24px;\n }\n\n input[type='radio']:checked#one ~ #rating1 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#two ~ #rating2 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#three ~ #rating3 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#four ~ #rating4 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#five ~ #rating5 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n }\n",".eyb-sector-lookup-second-row {\n color: $great-text-dark-grey;\n}\n",".company-autocomplete-wrapper {\n display: flex;\n flex-direction: column;\n}\n\n.autocomplete-source-display {\n display: inline;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"expand_your_business_styles.css","mappings":"AAAA,YCAA,aACI,gBACA,mBAGJ,gBACI,WACA,YACA,eACA,iBACA,sBACA,kEAKG,gBACK,sDACA,4BACA,qBACA,6BACA,mBCrBZ,wBCImB,sCDFf,6BACI,4BACA,wBACA,WACA,gBACA,aACA,kBACA,iBACA,oDACA,2CAKJ,0BACI,4BACA,wBACA,WACA,YACA,2CAEJ,qDACI,0CAEJ,iDACI,uCAEJ,mDACI,0CAEJ,oDACI,sCAEJ,gDACI,yCAEJ,iDACI,uBAIR,wBACI,8BAEA,gDACI,6BACI,4BACA,oBACA,iDACA,4CAIR,0BACI,4BACA,wBACA,WACA,YACA,eACA,gBACA,yCAEJ,mDACI,uCAEJ,iDACI,0BAKR,wBCrEmB,gDDuEf,0BACI,4BACA,wBACA,iBACA,kBACA,iBACA,mBACA,gDAEJ,gDACI,2CAEJ,oDACI,4CAEJ,+CACI,gDAKJ,aCjFS,eDmFL,iBACA,iBACA,oDAGJ,cACI,aExGR,UACI,mBCDJ,wBACI,kBAKI,WACI,qBAGJ,UACI,mBAIR,YACI,0BAEA,0BACI,SACI,yBAGJ,SACI,gBCxBhB,+CACI,WACA,YACA,4BACA,2BACA,wBACA,kBACA,SACA,QACA,gCACA,+BAGJ,UAII,aACA,kBACA,SACA,QACA,WACA,mCACA,0BATA,8BADJ,kBAEQ,qBAWR,eACI,oBAGJ,kBAEI,aACA,yBACA,sBAEA,oBACI,qCAIJ,yBACI,uBAGJ,kBACI,0BAEA,sBAHJ,eAIQ,uBACA,oBACA,qBACA,4BACA,uBAMR,iBACI,0BACA,qBAFJ,eAGQ,uBACA,oBACA,qBACA,4BACA,kBACA,sCAIR,wBACI,kBACA,WAIA,aACA,WACA,0BALA,oCAHJ,kBAIQ,6CAOR,UACI,6BAMR,kBAEI,aACA,+BAEA,oBACI,+BAGJ,iBACI,cACA,0BACA,8BAHJ,eAIQ,uBACA,oBACA,qBACA,4BACA,kBACA,+CAIR,iBACI,WAIA,aACA,0BAJA,6CAFJ,kBAGQ,sDAMR,UACI,gBAMJ,UACI,YACA,wBACA,4BACA,sBACA,sBAEJ,+BACI,6BAEA,WACI,kCACA,gBACA,gBACA,iBACA,wBC9IZ,qBJSqB,+CINjB,qBJHU,2CIOV,qBJPU,0CIWV,kBACI,oDAGJ,qBJfU,iEIkBN,eACI,kBACA,cCpBZ,eACI,WACA,YACA,gBACA,gCAEA,cACI,MACA,WACA,oBAGJ,YACI,WACA,eACA,oDAGJ,eACI,WACA,kBACA,qQACA,0BACA,YACA,aACA,kBACA,0BAGJ,eL7BU,aK+BN,+QACA,0BACA,YACA,aACA,kBACA,wCAGJ,0BACI,8BACA,kCAGJ,2BACI,+BACA,iBAGJ,UACI,SACA,8BAGJ,iBACI,aACA,iBACA,qBACA,eACA,YACA,mBACA,0BAGJ,eACI,SACA,gCAGJ,YACI,gBACA,2BAGJ,gBACI,0BAGJ,0BACI,gBACI,gHAGR,YAKI,mBACA,iBACA,kBACA,qDAGJ,YACI,uBACA,UACA,kBACA,qDAGJ,YACI,uBACA,UACA,kBACA,uDAGJ,YACI,uBACA,UACA,kBACA,sDAGJ,YACI,uBACA,UACA,kBACA,sDAGJ,YACI,uBACA,UACA,kBACA,+BC9HR,aNMuB,+BONvB,YACI,sBACA,8BAGJ,cACI,C","sources":["webpack://great-cms/./international_online_offer/sass/main.scss","webpack://great-cms/./international_online_offer/sass/utils.scss","webpack://great-cms/./international_online_offer/sass/pages/index.scss","webpack://great-cms/./styles/great/_colors.scss","webpack://great-cms/./international_online_offer/sass/components/service-start.scss","webpack://great-cms/./international_online_offer/sass/components/guide.scss","webpack://great-cms/./international_online_offer/sass/components/article-list-item.scss","webpack://great-cms/./international_online_offer/sass/components/salary-rent.scss","webpack://great-cms/./international_online_offer/sass/components/csat.scss","webpack://great-cms/./international_online_offer/sass/components/sector-lookup.scss","webpack://great-cms/./international_online_offer/sass/components/company-lookup.scss"],"sourcesContent":[".error-text{color:#d4351c;font-weight:700}.eyb-profile-icon{filter:invert(1);width:18px;height:18px;display:inline;margin-right:5px;vertical-align:middle}.prepend-search-icon .autocomplete__wrapper .autocomplete__input{text-indent:32px;background-image:url(\"../static/svg/icon-search.svg\");background-repeat:no-repeat;background-size:18px;background-position:10px 50%}.eyb-home-section{background-color:#eef2f6}.eyb-home-section .eyb-preview-image{background-position:top right;background-repeat:no-repeat;background-size:contain;width:100%;max-width:600px;height:370px;margin-right:auto;margin-left:auto;background-image:url(\"/static/svg/eyb-preview.svg\")}.eyb-guidance-section .eyb-guidance-image{background-position:center;background-repeat:no-repeat;background-size:contain;width:90px;height:90px}.eyb-guidance-section .eyb-planning-image{background-image:url(\"/static/svg/icon-planning.svg\")}.eyb-guidance-section .eyb-banking-image{background-image:url(\"/static/svg/icon-bank.svg\")}.eyb-guidance-section .eyb-visa-image{background-image:url(\"/static/svg/icon-ukvisa.svg\")}.eyb-guidance-section .eyb-funding-image{background-image:url(\"/static/svg/icon-funding.svg\")}.eyb-guidance-section .eyb-tax-image{background-image:url(\"/static/svg/icon-tax.svg\")}.eyb-guidance-section .eyb-hiring-image{background-image:url(\"/static/svg/icon-hire.svg\")}.eyb-insights-section{background-color:#8ce2d0}@media(min-width: 48.0625em){.eyb-insights-section .eyb-map-image-background{background-position:right 68%;background-repeat:no-repeat;background-size:50%;background-image:url(\"/static/svg/data-map.svg\")}}.eyb-insights-section .eyb-insights-image{background-position:center;background-repeat:no-repeat;background-size:contain;width:90px;height:90px;min-width:70px;min-height:70px}.eyb-insights-section .eyb-salary-image{background-image:url(\"/static/svg/icon-salary.svg\")}.eyb-insights-section .eyb-shop-image{background-image:url(\"/static/svg/icon-shop.svg\")}.eyb-connections-section{background-color:#eef2f6}.eyb-connections-section .eyb-connection-image{background-position:center;background-repeat:no-repeat;background-size:contain;min-height:176px;margin-right:auto;margin-left:auto;margin-bottom:15px}.eyb-connections-section .eyb-networking-image{background-image:url(\"/static/img/networks.png\")}.eyb-connections-section .eyb-trade-image{background-image:url(\"/static/img/trade-events.png\")}.eyb-connections-section .eyb-expert-image{background-image:url(\"/static/img/experts.png\")}.eyb-how-it-works-section .eyb-huge-green-text{color:#0d8d98;font-size:60px;font-weight:bold;margin-top:-15px}.eyb-how-it-works-section .eyb-number-forced-width{min-width:33px}.home-image{width:100%}.guide-edit-panel{border:1px solid #7c7c7c}.bci-map__region{width:197px}.bci-map__subregion{width:76px}.bci-table-header{width:33.33%}@media(min-width: 640px){.bci-table-header__region{width:50%}.bci-table-header__stat{width:25%}}.article-lock{background-image:url(\"/static/images/lock.svg\");width:24px;height:30px;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.image-container-lock-overlay{width:100%;height:150px;position:absolute;left:0px;top:0px;margin:0px;background-color:rgba(33,36,39,.7)}@media(max-width: 640px){.image-container-lock-overlay{margin-bottom:15px}}.article-lock-text{margin-top:15px}.article-list-item{margin-bottom:15px;padding:15px;border:1px solid #7c7c7c}.article-list-item a{display:inline-block}.article-list-item .trade-show-link{text-decoration:underline}.article-list-item h3{margin-bottom:15px}@media(min-width: 640px){.article-list-item h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.article-list-item p{margin-bottom:5px}@media(min-width: 640px){.article-list-item p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0px}}.article-list-item .image-container{background-color:#d3d3d3;position:relative;width:100%;height:150px;margin:0px}@media(max-width: 640px){.article-list-item .image-container{margin-bottom:15px}}.article-list-item .inner-header div:first{height:0px}.article-list-item-vertical{margin-bottom:15px;padding:15px}.article-list-item-vertical a{text-decoration:none}.article-list-item-vertical p{margin-bottom:5px;color:#1d70b8}@media(min-width: 640px){.article-list-item-vertical p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0px}}.article-list-item-vertical .image-container{position:relative;width:100%;height:150px}@media(max-width: 640px){.article-list-item-vertical .image-container{margin-bottom:15px}}.article-list-item-vertical .inner-header div:first{height:0px}.listitem-logo{width:60px;height:60px;background-position:top;background-repeat:no-repeat;background-size:cover}.listitem-title-link{text-decoration:none !important}.listitem-title-link::after{content:\"\";font-family:\"Font Awesome 5 Free\";font-weight:900;position:static;padding-left:5px}.salary-rent-component{background-color:#eee}.salary-rent-component .govuk-tabs__list-item{background-color:#fff}.salary-rent-component .govuk-tabs__panel{background-color:#fff}.salary-rent-component .govuk-form-group{margin-bottom:10px}.salary-rent-component .salary-rent-component-body{background-color:#fff}.salary-rent-component .salary-rent-component-body .source-text{margin-top:10px;margin-bottom:0px}.csat-rating{text-align:left;width:100%;margin:auto;padding-top:1em}.csat-rating input[type=radio]{position:fixed;top:0;right:100%}.csat-rating label{padding:.4em;float:left;cursor:pointer}.csat-rating input[type=radio]:checked~input+label{background:none;color:#aaa;position:relative;background:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='white' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e\");background-size:6rem 4rem;height:1rem;width:2.1rem;margin-bottom:5px}.csat-rating input+label{background:#fff;color:orange;background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='%23ffdd00' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e\");background-size:6rem 4rem;height:1rem;width:2.1rem;margin-bottom:5px}.csat-rating input+label:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}.csat-rating input:checked+label{border-top-right-radius:8px;border-bottom-right-radius:8px}.csat-rating hr{clear:both;border:0}.csat-rating .rating-box-new{margin-left:-10px;display:flex;align-items:left;justify-content:left;flex-wrap:wrap;width:450px;white-space:nowrap}.csat-rating .flex-break{flex-basis:100%;height:0}.csat-rating .rating-star-item{flex:0 1 15%;min-height:50px}.csat-rating .csat-button{margin-top:-50px}@media(max-width: 640px){.csat-rating .csat-button{margin-top:-20px}}.csat-rating #rating1,.csat-rating #rating2,.csat-rating #rating3,.csat-rating #rating4,.csat-rating #rating5{display:none;white-space:nowrap;padding-top:10px;padding-left:24px}.csat-rating input[type=radio]:checked#one~#rating1{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#two~#rating2{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#three~#rating3{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#four~#rating4{display:flex;justify-content:center;z-index:2;margin-left:-10px}.csat-rating input[type=radio]:checked#five~#rating5{display:flex;justify-content:center;z-index:2;margin-left:-10px}.eyb-sector-lookup-second-row{color:#505a5f}.company-autocomplete-wrapper{display:flex;flex-direction:column}.autocomplete-source-display{display:inline}",".error-text {\n color: #D4351C;\n font-weight: 700;\n}\n\n.eyb-profile-icon {\n filter: invert(1);\n width: 18px;\n height: 18px;\n display: inline;\n margin-right: 5px;\n vertical-align:middle;\n}\n\n.prepend-search-icon {\n .autocomplete__wrapper {\n .autocomplete__input {\n text-indent: 32px;\n background-image: url('../static/svg/icon-search.svg');\n background-repeat: no-repeat;\n background-size: 18px;\n background-position: 10px 50%;\n }\n }\n}\n",".eyb-home-section {\n background-color: $great-light-blue;\n .eyb-preview-image {\n background-position: top right;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n max-width: 600px;\n height: 370px;\n margin-right: auto;\n margin-left: auto;\n background-image: url('/static/svg/eyb-preview.svg')\n }\n}\n\n.eyb-guidance-section {\n .eyb-guidance-image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 90px;\n height: 90px;\n }\n .eyb-planning-image {\n background-image: url('/static/svg/icon-planning.svg')\n }\n .eyb-banking-image {\n background-image: url('/static/svg/icon-bank.svg')\n }\n .eyb-visa-image {\n background-image: url('/static/svg/icon-ukvisa.svg')\n }\n .eyb-funding-image {\n background-image: url('/static/svg/icon-funding.svg')\n }\n .eyb-tax-image {\n background-image: url('/static/svg/icon-tax.svg')\n }\n .eyb-hiring-image {\n background-image: url('/static/svg/icon-hire.svg')\n }\n}\n\n.eyb-insights-section {\n background-color: #8CE2D0;\n\n @media (min-width: 48.0625em) {\n .eyb-map-image-background {\n background-position: right 68%;\n background-repeat: no-repeat;\n background-size: 50%;\n background-image: url('/static/svg/data-map.svg');\n }\n }\n\n .eyb-insights-image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 90px;\n height: 90px;\n min-width: 70px;\n min-height: 70px;\n }\n .eyb-salary-image {\n background-image: url('/static/svg/icon-salary.svg')\n }\n .eyb-shop-image {\n background-image: url('/static/svg/icon-shop.svg')\n }\n\n}\n\n.eyb-connections-section {\n background-color: $great-light-blue;\n .eyb-connection-image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n min-height: 176px;\n margin-right: auto;\n margin-left: auto;\n margin-bottom: 15px;\n }\n .eyb-networking-image {\n background-image: url('/static/img/networks.png')\n }\n .eyb-trade-image {\n background-image: url('/static/img/trade-events.png')\n }\n .eyb-expert-image {\n background-image: url('/static/img/experts.png')\n }\n}\n\n.eyb-how-it-works-section {\n .eyb-huge-green-text {\n color: $great-teal;\n font-size: 60px;\n font-weight: bold;\n margin-top: -15px;\n }\n\n .eyb-number-forced-width {\n min-width: 33px;\n }\n}\n","$great-white: #fff;\n$great-blue: #006ccc;\n$great-dark-blue: #04043f;\n$great-medium-blue: #5e9be8;\n$great-light-blue: #eef2f6;\n$great-darker-grey: #646464;\n$great-text-dark-grey: #505a5f;\n$great-grey: #666;\n$great-light-grey: #7c7c7c;\n$great-lighter-grey: #eee;\n$great-dark-grey: #212427;\n$great-darker-grey: #222;\n$great-yellow: #ffbf47;\n$great-light-yellow: #f1f77a;\n$great-hr-blue: #d6e0e5;\n$great-teal: #0d8d98;\n$great-green: #397e44;\n$great-dbt-green: #004d44;\n$great-purple: #964f99;\n$great-red: #f36565;\n$great-dark-red: #eb0000;\n$great-off-black: #0b0c0c;\n$great-border-grey: #b1b4b6;\n",".home-image {\n width: 100%;\n}",".guide-edit-panel {\n border: 1px solid $great-light-grey;\n}\n\n.bci {\n &-map {\n &__region {\n width: 197px;\n }\n\n &__subregion {\n width: 76px;\n }\n }\n\n &-table-header {\n width: 33.33%;\n\n @media (min-width: $mobile-size) {\n &__region {\n width: 50%;\n }\n\n &__stat {\n width: 25%;\n }\n }\n }\n}\n",".article-lock {\n background-image: url('/static/images/lock.svg');\n width: 24px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n}\n\n.image-container-lock-overlay {\n @media (max-width: 640px) {\n margin-bottom: 15px;\n }\n width: 100%;\n height: 150px;\n position: absolute;\n left: 0px;\n top: 0px;\n margin: 0px;\n background-color: rgba(33, 36, 39, 0.7);\n}\n\n.article-lock-text {\n margin-top: 15px;\n}\n\n.article-list-item {\n\n margin-bottom: 15px;\n padding: 15px;\n border: 1px solid $great-light-grey;\n\n a {\n display: inline-block;\n }\n\n\n .trade-show-link {\n text-decoration: underline;\n }\n\n h3 {\n margin-bottom: 15px;\n\n @media (min-width: 640px) {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n }\n\n\n\n p {\n margin-bottom: 5px;\n @media (min-width: 640px) {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: 0px;\n }\n }\n\n .image-container {\n background-color: #D3D3D3;\n position: relative;\n @media (max-width: 640px) {\n margin-bottom: 15px;\n }\n width: 100%;\n height: 150px;\n margin: 0px;\n }\n\n .inner-header div:first {\n height: 0px;\n }\n\n }\n\n\n.article-list-item-vertical {\n\n margin-bottom: 15px;\n padding: 15px;\n\n a {\n text-decoration: none;\n }\n\n p {\n margin-bottom: 5px;\n color: #1d70b8;\n @media (min-width: 640px) {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n margin-bottom: 0px;\n }\n }\n\n .image-container {\n position: relative;\n @media (max-width: 640px) {\n margin-bottom: 15px;\n }\n width: 100%;\n height: 150px;\n }\n\n .inner-header div:first {\n height: 0px;\n }\n\n}\n\n.listitem{\n &-logo {\n width: 60px;\n height: 60px;\n background-position: top;\n background-repeat: no-repeat;\n background-size: cover;\n }\n &-title-link {\n text-decoration: none !important;\n \n &::after {\n content: '\\f35d';\n font-family: 'Font Awesome 5 Free';\n font-weight: 900;\n position: static;\n padding-left: 5px;\n }\n }\n}\n",".salary-rent-component {\n background-color: $great-lighter-grey;\n\n .govuk-tabs__list-item {\n background-color: $great-white;\n }\n\n .govuk-tabs__panel {\n background-color: $great-white;\n }\n\n .govuk-form-group {\n margin-bottom: 10px;\n }\n\n .salary-rent-component-body {\n background-color: $great-white;\n\n .source-text {\n margin-top: 10px;\n margin-bottom: 0px;\n }\n }\n}\n",".csat-rating {\n text-align: left;\n width: 100%;\n margin: auto;\n padding-top: 1em;\n\n input[type='radio'] {\n position: fixed;\n top: 0;\n right: 100%;\n }\n\n label {\n padding: 0.4em;\n float: left;\n cursor: pointer;\n }\n\n input[type='radio']:checked ~ input + label {\n background: none;\n color: #aaa;\n position: relative;\n background: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='white' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e\");\n background-size: 6rem 4rem;\n height: 1rem;\n width: 2.1rem;\n margin-bottom: 5px;\n }\n\n input + label {\n background: $great-white;\n color: orange;\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 70 70'%3e%3cpath fill='%23ffdd00' stroke='grey' stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e\");\n background-size: 6rem 4rem;\n height: 1rem;\n width: 2.1rem;\n margin-bottom: 5px;\n }\n\n input + label:first-of-type {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n }\n\n input:checked + label {\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n\n hr {\n clear: both;\n border: 0;\n }\n\n .rating-box-new {\n margin-left: -10px;\n display: flex;\n align-items: left;\n justify-content: left;\n flex-wrap: wrap;\n width: 450px;\n white-space: nowrap;\n }\n\n .flex-break {\n flex-basis: 100%;\n height: 0;\n }\n\n .rating-star-item {\n flex: 0 1 calc(15%);\n min-height: 50px;\n }\n\n .csat-button {\n margin-top: -50px;\n }\n\n @media (max-width: 640px) {\n .csat-button {\n margin-top: -20px;\n }\n }\n #rating1,\n #rating2,\n #rating3,\n #rating4,\n #rating5 {\n display: none;\n white-space: nowrap;\n padding-top: 10px;\n padding-left: 24px;\n }\n\n input[type='radio']:checked#one ~ #rating1 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#two ~ #rating2 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#three ~ #rating3 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#four ~ #rating4 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n\n input[type='radio']:checked#five ~ #rating5 {\n display: flex;\n justify-content: center;\n z-index: 2;\n margin-left: -10px;\n }\n }\n",".eyb-sector-lookup-second-row {\n color: $great-text-dark-grey;\n}\n",".company-autocomplete-wrapper {\n display: flex;\n flex-direction: column;\n}\n\n.autocomplete-source-display {\n display: inline;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/react-components/dist/great_design_system_scripts.js b/react-components/dist/great_design_system_scripts.js index 463d470e11..768cc6fb89 100644 --- a/react-components/dist/great_design_system_scripts.js +++ b/react-components/dist/great_design_system_scripts.js @@ -1,3 +1,3 @@ /*! For license information please see great_design_system_scripts.js.LICENSE.txt */ -var great_design_system_scripts;(()=>{var e={6940:()=>{(()=>{"use strict";function e(e,t){const i=e?e.trim():"";let s,n=null==t?void 0:t.type;switch(n||(["true","false"].includes(i)&&(n="boolean"),i.length>0&&isFinite(Number(i))&&(n="number")),n){case"boolean":s="true"===i;break;case"number":s=Number(i);break;default:s=e}return s}function t(...e){const i={};for(const s of e)for(const e of Object.keys(s)){const n=i[e],o=s[e];r(n)&&r(o)?i[e]=t(n,o):i[e]=o}return i}function i(t,i,s){const n=t.schema.properties[s];if("object"!==(null==n?void 0:n.type))return;const o={[s]:{}};for(const[t,n]of Object.entries(i)){let i=o;const a=t.split(".");for(const[o,l]of a.entries())"object"==typeof i&&(o` from template `