AXE-WEB/block-dev-tool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added the logic of wrapper + responsiveness controllers.

Browse Source
This commit is contained in:
Roman Axelrod
2022-07-19 18:43:16 +03:00
parent a7e51803cf
commit 9173efe9c9
24 changed files with 535 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/head.hbs
+5 -3
View File
@@ -2,8 +2,10 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{#if config.cssUrl }}<link rel="stylesheet" href="{{ config.cssUrl }}">
{{/if}}<link rel="stylesheet" href="styles/page--main.css">
<link rel="stylesheet" href="styles/{{ config.blockName }}.min.css">
{{#if config.cssUrl }}
<link rel="stylesheet" href="{{ config.cssUrl }}">
{{/if}}
<link rel="stylesheet" href="/styles/page--view.css">{{# if config.blockName}}
<link rel="stylesheet" href="/styles/{{ config.blockName }}.min.css">{{/if}}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
</head>
layouts/partials/scripts.hbs
+3 -4
View File
@@ -1,5 +1,4 @@
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script src="scripts/page--toolbar.js"></script>{{#if config.jsUrl }}
<script src="{{ config.jsUrl }}"></script>{{/if}}
<script src="scripts/{{ config.blockName }}.min.js"></script>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>{{#if config.jsUrl }}
<script src="{{ config.jsUrl }}"></script>{{/if}}{{#if config.blockName }}
<script src="/scripts/{{ config.blockName }}.min.js"></script>{{/if}}
layouts/partials/toolbar.hbs
+13
View File
@@ -1,7 +1,20 @@
<header class="page_toolbar">
<div class="page_toolbar__responsive_mode">
<input type="radio" value="desktop" id="responsive_mode__desktop" name="responsive_mode" checked="checked"/>
<label for="responsive_mode__desktop">Desktop</label>
<input type="radio" value="tablet" id="responsive_mode__tablet" name="responsive_mode"/>
<label for="responsive_mode__tablet">Tablet</label>
<input type="radio" value="mobile" id="responsive_mode__mobile" name="responsive_mode"/>
<label for="responsive_mode__mobile">Mobile</label>
</div>
<div class="page_toolbar__data_options">
<label for="data-options">Data Options: </label>
<select name="data" id="data-options">
{{#each config.dataFiles }}
<option value="{{ name }}" {{#if active }}selected="selected"{{/if}}>{{ name }}</option>