Update most of the dashboard to bootstrap 4, with the nav still to go

This commit is contained in:
Kevin MacMartin 2018-04-16 00:45:32 -04:00
parent b2dd276055
commit 664ba48e68
41 changed files with 368 additions and 181 deletions

View file

@ -11,7 +11,6 @@
"Sortable": "~1.6.0",
"simplemde": "~1.11.2",
"SpinKit": "~1.2.5",
"bootstrap-sass": "^3.3.7",
"list.js": "^1.5.0",
"pickadate": "^3.5.6"
}

2
gulpfile.js vendored
View file

@ -58,7 +58,7 @@ const jsDashboard = [
// Javascript libraries for the dashboard
const jsDashboardLibs = [
"bower_components/jquery/dist/jquery.js",
"bower_components/bootstrap-sass/assets/javascripts/bootstrap.js",
"node_modules/bootstrap/dist/js/bootstrap.js",
"bower_components/Sortable/Sortable.js",
"bower_components/pickadate/lib/picker.js",
"bower_components/pickadate/lib/picker.date.js",

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.395 25.473"><g transform="rotate(33.876 82.764 -17.446)" fill="#000001" stroke="#000" stroke-linecap="square"><rect ry="0" y="51.108" x="32.997" height="5.655" width="16.085" stroke-width=".118"/><rect transform="rotate(90)" ry="0" y="-49.077" x="30.086" height="5.646" width="20.947" stroke-width=".134"/></g></svg>

After

Width:  |  Height:  |  Size: 372 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z"/></svg>

After

Width:  |  Height:  |  Size: 759 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M304.793 243.891c33.639-18.537 53.657-54.16 53.657-95.693 0-48.236-26.25-87.626-68.626-104.179C265.138 34.01 240.849 32 209.661 32H24c-8.837 0-16 7.163-16 16v33.049c0 8.837 7.163 16 16 16h33.113v318.53H24c-8.837 0-16 7.163-16 16V464c0 8.837 7.163 16 16 16h195.69c24.203 0 44.834-1.289 66.866-7.584C337.52 457.193 376 410.647 376 350.014c0-52.168-26.573-91.684-71.207-106.123zM142.217 100.809h67.444c16.294 0 27.536 2.019 37.525 6.717 15.828 8.479 24.906 26.502 24.906 49.446 0 35.029-20.32 56.79-53.029 56.79h-76.846V100.809zm112.642 305.475c-10.14 4.056-22.677 4.907-31.409 4.907h-81.233V281.943h84.367c39.645 0 63.057 25.38 63.057 63.057.001 28.425-13.66 52.483-34.782 61.284z"/></svg>

After

Width:  |  Height:  |  Size: 758 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"/></svg>

After

Width:  |  Height:  |  Size: 620 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64V160h160v256zm224 0H288V160h160v256z"/></svg>

After

Width:  |  Height:  |  Size: 240 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M497.941 273.941c18.745-18.745 18.745-49.137 0-67.882l-160-160c-18.745-18.745-49.136-18.746-67.883 0l-256 256c-18.745 18.745-18.745 49.137 0 67.882l96 96A48.004 48.004 0 0 0 144 480h356c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H355.883l142.058-142.059zm-302.627-62.627l137.373 137.373L265.373 416H150.628l-80-80 124.686-124.686z"/></svg>

After

Width:  |  Height:  |  Size: 416 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M569.354 231.631C512.969 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-75.162 0-136-60.827-136-136 0-75.162 60.826-136 136-136 75.162 0 136 60.826 136 136 0 75.162-60.826 136-136 136zm104-136c0 57.438-46.562 104-104 104s-104-46.562-104-104c0-17.708 4.431-34.379 12.236-48.973l-.001.032c0 23.651 19.173 42.823 42.824 42.823s42.824-19.173 42.824-42.823c0-23.651-19.173-42.824-42.824-42.824l-.032.001C253.621 156.431 270.292 152 288 152c57.438 0 104 46.562 104 104z"/></svg>

After

Width:  |  Height:  |  Size: 702 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M496 80V48c0-8.837-7.163-16-16-16H320c-8.837 0-16 7.163-16 16v32c0 8.837 7.163 16 16 16h37.621v128H154.379V96H192c8.837 0 16-7.163 16-16V48c0-8.837-7.163-16-16-16H32c-8.837 0-16 7.163-16 16v32c0 8.837 7.163 16 16 16h37.275v320H32c-8.837 0-16 7.163-16 16v32c0 8.837 7.163 16 16 16h160c8.837 0 16-7.163 16-16v-32c0-8.837-7.163-16-16-16h-37.621V288H357.62v128H320c-8.837 0-16 7.163-16 16v32c0 8.837 7.163 16 16 16h160c8.837 0 16-7.163 16-16v-32c0-8.837-7.163-16-16-16h-37.275V96H480c8.837 0 16-7.163 16-16z"/></svg>

After

Width:  |  Height:  |  Size: 583 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M204.758 416h-33.849l62.092-320h40.725a16 16 0 0 0 15.704-12.937l6.242-32C297.599 41.184 290.034 32 279.968 32H120.235a16 16 0 0 0-15.704 12.937l-6.242 32C96.362 86.816 103.927 96 113.993 96h33.846l-62.09 320H46.278a16 16 0 0 0-15.704 12.935l-6.245 32C22.402 470.815 29.967 480 40.034 480h158.479a16 16 0 0 0 15.704-12.935l6.245-32c1.927-9.88-5.638-19.065-15.704-19.065z"/></svg>

After

Width:  |  Height:  |  Size: 450 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M3.263 139.527c0-7.477 3.917-11.572 11.573-11.572h15.131V88.078c0-5.163.534-10.503.534-10.503h-.356s-1.779 2.67-2.848 3.738c-4.451 4.273-10.504 4.451-15.666-1.068l-5.518-6.231c-5.342-5.341-4.984-11.216.534-16.379l21.72-19.938C32.815 33.602 36.732 32 42.785 32H54.89c7.656 0 11.749 3.916 11.749 11.572v84.384h15.488c7.655 0 11.572 4.094 11.572 11.572v8.901c0 7.477-3.917 11.572-11.572 11.572H14.836c-7.656 0-11.573-4.095-11.573-11.572v-8.902zM2.211 304.591c0-47.278 50.955-56.383 50.955-69.165 0-7.18-5.954-8.755-9.28-8.755-3.153 0-6.479 1.051-9.455 3.852-5.079 4.903-10.507 7.004-16.111 2.451l-8.579-6.829c-5.779-4.553-7.18-9.805-2.803-15.409C13.592 201.981 26.025 192 47.387 192c19.437 0 44.476 10.506 44.476 39.573 0 38.347-46.753 46.402-48.679 56.909h39.049c7.529 0 11.557 4.027 11.557 11.382v8.755c0 7.354-4.028 11.382-11.557 11.382h-67.94c-7.005 0-12.083-4.028-12.083-11.382v-4.028zM5.654 454.61l5.603-9.28c3.853-6.654 9.105-7.004 15.584-3.152 4.903 2.101 9.63 3.152 14.359 3.152 10.155 0 14.358-3.502 14.358-8.23 0-6.654-5.604-9.106-15.934-9.106h-4.728c-5.954 0-9.28-2.101-12.258-7.88l-1.05-1.926c-2.451-4.728-1.226-9.806 2.801-14.884l5.604-7.004c6.829-8.405 12.257-13.483 12.257-13.483v-.35s-4.203 1.051-12.608 1.051H16.685c-7.53 0-11.383-4.028-11.383-11.382v-8.755c0-7.53 3.853-11.382 11.383-11.382h58.484c7.529 0 11.382 4.027 11.382 11.382v3.327c0 5.778-1.401 9.806-5.079 14.183l-17.509 20.137c19.611 5.078 28.716 20.487 28.716 34.845 0 21.363-14.358 44.126-48.503 44.126-16.636 0-28.192-4.728-35.896-9.455-5.779-4.202-6.304-9.805-2.626-15.934zM144 132h352c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H144c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h352c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H144c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h352c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H144c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M96 96c0 26.51-21.49 48-48 48S0 122.51 0 96s21.49-48 48-48 48 21.49 48 48zM48 208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm0 160c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm96-236h352c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H144c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h352c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H144c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h352c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H144c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/></svg>

After

Width:  |  Height:  |  Size: 652 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M424 318.2c13.3 0 24-10.7 24-24v-76.4c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v76.4c0 13.3 10.7 24 24 24h400z"/></svg>

After

Width:  |  Height:  |  Size: 194 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"/></svg>

After

Width:  |  Height:  |  Size: 491 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z"/></svg>

After

Width:  |  Height:  |  Size: 829 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"/></svg>

After

Width:  |  Height:  |  Size: 451 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.333 512"><path d="M500.333 0h-47.411c-6.853 0-12.314 5.729-11.986 12.574l3.966 82.759C399.416 41.899 331.672 8 256.001 8 119.34 8 7.899 119.526 8 256.187 8.101 393.068 119.096 504 256 504c63.926 0 122.202-24.187 166.178-63.908 5.113-4.618 5.354-12.561.482-17.433l-33.971-33.971c-4.466-4.466-11.64-4.717-16.38-.543C341.308 415.448 300.606 432 256 432c-97.267 0-176-78.716-176-176 0-97.267 78.716-176 176-176 60.892 0 114.506 30.858 146.099 77.8l-101.525-4.865c-6.845-.328-12.574 5.133-12.574 11.986v47.411c0 6.627 5.373 12 12 12h200.333c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12z"/></svg>

After

Width:  |  Height:  |  Size: 651 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>

After

Width:  |  Height:  |  Size: 336 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M496 288H16c-8.837 0-16-7.163-16-16v-32c0-8.837 7.163-16 16-16h480c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16zm-214.666 16c27.258 12.937 46.524 28.683 46.524 56.243 0 33.108-28.977 53.676-75.621 53.676-32.325 0-76.874-12.08-76.874-44.271V368c0-8.837-7.164-16-16-16H113.75c-8.836 0-16 7.163-16 16v19.204c0 66.845 77.717 101.82 154.487 101.82 88.578 0 162.013-45.438 162.013-134.424 0-19.815-3.618-36.417-10.143-50.6H281.334zm-30.952-96c-32.422-13.505-56.836-28.946-56.836-59.683 0-33.92 30.901-47.406 64.962-47.406 42.647 0 64.962 16.593 64.962 32.985V136c0 8.837 7.164 16 16 16h45.613c8.836 0 16-7.163 16-16v-30.318c0-52.438-71.725-79.875-142.575-79.875-85.203 0-150.726 40.972-150.726 125.646 0 22.71 4.665 41.176 12.777 56.547h129.823z"/></svg>

After

Width:  |  Height:  |  Size: 823 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64v-96h160v96zm0-160H64v-96h160v96zm224 160H288v-96h160v96zm0-160H288v-96h160v96z"/></svg>

After

Width:  |  Height:  |  Size: 283 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"/></svg>

After

Width:  |  Height:  |  Size: 619 B

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -4,7 +4,7 @@ jQuery.fn.reverse = [].reverse;
// show the confirmation modal and run the supplied command if confirm is pressed
function askConfirmation(message, command, cancelCommand) {
const $confirmationModal = $("#confirmation-modal"),
$heading = $confirmationModal.find(".panel-heading"),
$heading = $confirmationModal.find(".card-header"),
$cancelButton = $confirmationModal.find(".btn.cancel-button"),
$confirmButton = $confirmationModal.find(".btn.confirm-button"),
fadeTime = 250;
@ -452,7 +452,7 @@ function editItemInit() {
const contentChanged = function() {
changes = true;
$submit.removeClass("disabled");
$submit.removeClass("no-input");
};
$(".edit-button.delete.image").on("click", function(e) {

View file

@ -10,6 +10,18 @@
font-style: normal;
}
@font-face {
font-family: "OpenSans-SemiBold";
src: url("/fonts/OpenSans-SemiBold.eot");
src: url("/fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),
url("/fonts/OpenSans-SemiBold.woff") format("woff"),
url("/fonts/OpenSans-SemiBold.woff2") format("woff2"),
url("/fonts/OpenSans-SemiBold.ttf") format("truetype"),
url("/fonts/OpenSans-SemiBold.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OpenSans-Bold";
src: url("/fonts/OpenSans-Bold.eot");
@ -32,6 +44,11 @@
font-family: "OpenSans-Regular", Arial, Helvetica, sans-serif;
}
@mixin font-sans-semibold {
@include normalize-font;
font-family: "OpenSans-SemiBold", Arial, Helvetica, sans-serif;
}
@mixin font-sans-bold {
@include normalize-font;
font-family: "OpenSans-Bold", Arial, Helvetica, sans-serif;

View file

@ -1,5 +1,5 @@
// Libraries
@import "bootstrap-sass/assets/stylesheets/_bootstrap.scss";
@import "bootstrap/scss/bootstrap.scss";
@import "pickadate/lib/themes/default";
@import "pickadate/lib/themes/default.date";
@import "simplemde/dist/simplemde.min";
@ -12,11 +12,15 @@
$c-text: #111; // text
$c-text-light: #fff; // light text
$c-input-bg: #fff; // white
$c-dashboard-error: #a80000;
$c-dashboard-dark: #3e6087;
$c-dashboard-light: #f1f1f1;
$c-dashboard-edit: #87823e;
$c-dashboard-delete: #87483e;
// Sizes
$navbar-height: 50px;
//
// Main Dashboard Styles
//
@ -36,7 +40,7 @@ body {
border: 0;
background-color: $c-dashboard-dark;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
margin-bottom: 0px;
}
@ -50,7 +54,7 @@ body {
font-weight: bold;
white-space: nowrap;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
font-size: 12px;
}
}
@ -117,15 +121,16 @@ body {
}
}
.panel-default {
.card {
margin-top: 20px;
margin-bottom: 20px;
.panel-body {
.card-body {
padding: 15px;
background-color: lighten($c-dashboard-light, 1%);
&.dashboard {
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
padding: 0px;
}
}
@ -134,7 +139,7 @@ body {
margin-bottom: 10px;
width: 100%;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
margin: 3px 3px 0px 3px;
width: calc(100% - 6px);
}
@ -151,13 +156,15 @@ body {
}
}
> .panel-heading {
> .card-header {
position: relative;
padding: 9px 15px;
border-top: 1px solid darken($c-dashboard-dark, 5%);
border-right: 1px solid darken($c-dashboard-dark, 5%);
border-left: 1px solid darken($c-dashboard-dark, 5%);
background-color: $c-dashboard-dark;
color: $c-dashboard-light;
font-size: 14px;
font-weight: bold;
.dashboard-heading {
@ -181,12 +188,33 @@ body {
}
}
.form-control:focus {
border-color: $c-dashboard-dark;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px fade-out($c-dashboard-dark, 0.4);
.card-body .form-group {
margin-bottom: 15px;
label {
@include font-sans-semibold;
font-size: 14px;
@include media-breakpoint-up(md) {
text-align: right;
}
}
.panel-body .form-group .checkbox {
.form-control {
font-size: 14px;
transition: border-color 150ms, box-shadow 150ms;
&:focus {
border-color: $c-dashboard-dark;
box-shadow: inset 0 1px 1px fade-out(#000, 0.925), 0 0 8px fade-out($c-dashboard-dark, 0.4);
}
}
&.has-error .form-control {
border-color: $c-dashboard-error;
}
.checkbox {
position: relative;
display: inline-block;
min-height: 0px;
@ -219,7 +247,7 @@ body {
display: block;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC4zOTUgMjUuNDczIj48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMy44NzYgODIuNzY0IC0xNy40NDYpIiBmaWxsPSIjMDAwMDAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjxyZWN0IHJ5PSIwIiB5PSI1MS4xMDgiIHg9IjMyLjk5NyIgaGVpZ2h0PSI1LjY1NSIgd2lkdGg9IjE2LjA4NSIgc3Ryb2tlLXdpZHRoPSIuMTE4Ii8+PHJlY3QgdHJhbnNmb3JtPSJyb3RhdGUoOTApIiByeT0iMCIgeT0iLTQ5LjA3NyIgeD0iMzAuMDg2IiBoZWlnaHQ9IjUuNjQ2IiB3aWR0aD0iMjAuOTQ3IiBzdHJva2Utd2lkdGg9Ii4xMzQiLz48L2c+PC9zdmc+");
background-image: url("/img/dashboard/checkmark.svg");
background-position: center center;
background-size: 65% auto;
background-repeat: no-repeat;
@ -241,9 +269,17 @@ body {
}
}
.text-muted {
font-size: 10px;
text-transform: uppercase;
}
}
.btn {
border-color: darken($c-dashboard-dark, 5%);
background-color: $c-dashboard-dark;
color: $c-text-light;
font-size: 14px;
transition: background-color 100ms;
&:hover { background-color: darken($c-dashboard-dark, 5%); }
&:focus { background-color: lighten($c-dashboard-dark, 5%); }
@ -253,6 +289,10 @@ body {
margin-bottom: 3px;
}
&.btn-warning, &.btn-danger {
&:hover, &:focus, &:active { color: $c-text-light !important; }
}
&.btn-warning {
border-color: darken($c-dashboard-edit, 10%);
background-color: $c-dashboard-edit;
@ -267,7 +307,7 @@ body {
&:focus { background-color: lighten($c-dashboard-delete, 5%); }
}
&.btn-default {
&.btn-secondary {
border-color: darken($c-dashboard-light, 10%);
background-color: $c-dashboard-light;
color: $c-text;
@ -280,7 +320,7 @@ body {
}
.view-table-container {
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
padding: 10px 5px;
}
@ -291,7 +331,7 @@ body {
border-bottom: 1px solid #666;
}
@media (max-width: $screen-md-max) {
@include media-breakpoint-down(lg) {
tr {
&.heading-row {
display: none;
@ -326,7 +366,7 @@ body {
}
}
@media (min-width: $screen-lg-min) {
@include media-breakpoint-up(xl) {
> tbody > tr > td { padding: 20px 8px; }
> tbody > tr:last-child > td { padding-bottom: 0px; }
.mobile-heading { display: none; }
@ -364,16 +404,16 @@ body {
padding-top: 4px;
padding-bottom: 4px;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
margin: 3px;
}
@media (min-width: $screen-sm-min) {
@include media-breakpoint-up(md) {
display: flex;
}
&.sortable {
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
padding-left: 50px;
}
}
@ -384,11 +424,11 @@ body {
padding-left: 0px;
font-family: "Lucida Console", Monaco, monospace;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
text-align: center;
}
@media (min-width: $screen-sm-min) {
@include media-breakpoint-up(md) {
overflow: hidden;
flex-grow: 1;
white-space: nowrap;
@ -401,7 +441,7 @@ body {
transition: opacity 100ms;
cursor: grab;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
position: absolute;
top: 50%;
left: 20px;
@ -443,12 +483,12 @@ body {
}
.spacer {
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
display: block;
font-size: 0;
}
@media (min-width: $screen-sm-min) {
@include media-breakpoint-up(md) {
display: inline-block;
}
}
@ -457,26 +497,26 @@ body {
.button-column {
padding-right: 0px;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
padding-bottom: 5px;
padding-left: 0px;
text-align: center;
}
@media (min-width: $screen-sm-min) {
@include media-breakpoint-up(md) {
padding-left: 5px;
flex-shrink: 0;
text-align: right;
}
.btn {
margin: 3px;
margin: 5px 3px;
min-width: 70px;
height: 26px;
padding-top: 1px;
padding-bottom: 2px;
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
min-width: 33%;
}
}
@ -510,7 +550,7 @@ body {
}
.picker__select--year, .picker__select--month, .picker__month, .picker__day, .picker__weekday, .picker__footer {
@media (max-width: $screen-xs-max) {
@include media-breakpoint-down(sm) {
font-size: 16px;
}
}
@ -591,8 +631,10 @@ body {
.submit-button {
float: right;
transition: opacity 150ms;
&.disabled {
&.no-input {
opacity: 0.65;
pointer-events: none;
}
}
@ -600,7 +642,7 @@ body {
.back-button, .submit-button {
margin: 25px 15px 15px 15px;
@media (max-width: ($screen-sm - 1)) {
@include media-breakpoint-down(sm) {
float: none;
width: calc(100% - 30px);
&:first-child { margin: 25px 15px 5px 15px; }
@ -646,21 +688,30 @@ body {
display: table-cell;
vertical-align: middle;
text-align: center;
.panel { margin: 0px; }
.card {
margin: 0px;
}
.btn {
margin: 20px 15px;
display: inline-block;
&:not(:last-child) {
margin-bottom: 0px;
}
}
}
&#alert-modal {
.modal-container {
.panel { position: relative; }
.card {
position: relative;
}
.message {
min-height: 50px;
padding: 15px 106px 10px 20px;
padding: 15px 75px 15px 20px;
text-align: left;
}
@ -673,3 +724,101 @@ body {
}
}
}
.fa {
position: relative;
vertical-align: bottom;
&:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 100%;
height: 100%;
background-position: center center;
background-size: 10px auto;
background-repeat: no-repeat;
}
&.fa-arrows-alt:after {
background-image: url("/img/dashboard/fa/arrows-alt.svg");
}
&.fa-bold:after {
background-image: url("/img/dashboard/fa/bold.svg");
}
&.fa-code:after {
background-image: url("/img/dashboard/fa/code.svg");
}
&.fa-columns:after {
background-image: url("/img/dashboard/fa/columns.svg");
}
&.fa-eraser:after {
background-image: url("/img/dashboard/fa/eraser.svg");
}
&.fa-eye:after {
background-image: url("/img/dashboard/fa/eye.svg");
}
&.fa-header:after {
background-image: url("/img/dashboard/fa/header.svg");
}
&.fa-italic:after {
background-image: url("/img/dashboard/fa/italic.svg");
}
&.fa-link:after {
background-image: url("/img/dashboard/fa/link.svg");
}
&.fa-list-ol:after {
background-image: url("/img/dashboard/fa/list-ol.svg");
}
&.fa-list-ul:after {
background-image: url("/img/dashboard/fa/list-ul.svg");
}
&.fa-minus:after {
background-image: url("/img/dashboard/fa/minus.svg");
}
&.fa-picture-o:after {
background-image: url("/img/dashboard/fa/picture-o.svg");
}
&.fa-question-circle:after {
background-image: url("/img/dashboard/fa/question-circle.svg");
}
&.fa-quote-left:after {
background-image: url("/img/dashboard/fa/quote-left.svg");
}
&.fa-repeat:after {
background-image: url("/img/dashboard/fa/repeat.svg");
}
&.fa-star:after {
background-image: url("/img/dashboard/fa/star.svg");
}
&.fa-strikethrough:after {
background-image: url("/img/dashboard/fa/strikethrough.svg");
}
&.fa-table:after {
background-image: url("/img/dashboard/fa/table.svg");
}
&.fa-undo:after {
background-image: url("/img/dashboard/fa/undo.svg");
}
}

View file

@ -2,13 +2,13 @@
<div class="contact-page-component">
<div class="container">
<div class="row">
<div class="col col-md-8 offset-md-2">
<div class="col-12 col-md-8 offset-md-2">
<h1>Contact</h1>
</div>
</div>
<div class="row">
<div class="col col-md-8 offset-md-2">
<div class="col-12 col-md-8 offset-md-2">
<div id="contact-form">
<form action="#" method="POST" accept-charset="UTF-8" @submit.prevent="submit">
<input type="text" v-model="form.name" name="name" placeholder="Name" />

View file

@ -3,44 +3,44 @@
@section('page-content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">Login</div>
<div class="col-12 col-lg-8 offset-lg-2">
<div class="card">
<div class="card-header">Login</div>
<div class="panel-body">
<form class="form-horizontal" role="form" method="POST" action="{{ url('/login') }}">
<div class="card-body">
<form role="form" method="POST" action="{{ url('/login') }}">
{!! csrf_field() !!}
<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">E-Mail Address</label>
<div class="form-group row {{ $errors->has('email') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">E-Mail Address</label>
<div class="col-md-6">
<input type="email" class="form-control" name="email" value="{{ old('email') }}" />
<div class="col-12 col-md-6">
<input class="form-control" type="email" name="email" value="{{ old('email') }}" />
@if ($errors->has('email'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">Password</label>
<div class="form-group row {{ $errors->has('password') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">Password</label>
<div class="col-md-6">
<input type="password" class="form-control" name="password" />
<div class="col-12 col-md-6">
<input class="form-control" type="password" name="password" />
@if ($errors->has('password'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-md-offset-4">
<div class="form-group row">
<div class="col-12 col-md-6 offset-md-4">
<label class="checkbox">
<input type="checkbox" class="styled" id="remember" name="remember" />
<span></span>
@ -49,8 +49,8 @@
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-md-offset-4">
<div class="form-group row">
<div class="col-12 col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary vertical-margin">
Login
</button>

View file

@ -3,36 +3,36 @@
@section('page-content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">Reset Password</div>
<div class="col-12 col-lg-8 offset-lg-2">
<div class="card">
<div class="card-header">Reset Password</div>
<div class="panel-body">
<div class="card-body">
@if (session('status'))
<div class="alert alert-success">
{{ session('status') }}
</div>
@endif
<form class="form-horizontal" role="form" method="POST" action="{{ url('/password/email') }}">
<form role="form" method="POST" action="{{ url('/password/email') }}">
{!! csrf_field() !!}
<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">E-Mail Address</label>
<div class="form-group row {{ $errors->has('email') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">E-Mail Address</label>
<div class="col-md-6">
<input type="email" class="form-control" name="email" value="{{ old('email') }}" />
<div class="col-12 col-md-6">
<input class="form-control" type="email" name="email" value="{{ old('email') }}" />
@if ($errors->has('email'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-md-offset-4">
<div class="form-group row">
<div class="col-12 col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
Send Password Reset Link
</button>

View file

@ -3,59 +3,60 @@
@section('page-content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">Reset Password</div>
<div class="col-12 col-lg-8 offset-lg-2">
<div class="card">
<div class="card-header">Reset Password</div>
<div class="panel-body">
<form class="form-horizontal" role="form" method="POST" action="{{ url('/password/reset') }}">
<div class="card-body">
<form role="form" method="POST" action="{{ url('/password/reset') }}">
{!! csrf_field() !!}
<input type="hidden" name="token" value="{{ $token }}" />
<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">E-Mail Address</label>
<div class="form-group row {{ $errors->has('email') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">E-Mail Address</label>
<div class="col-md-6">
<input type="email" class="form-control" name="email" value="{{ $email or old('email') }}" />
<div class="col-12 col-md-6">
<input class="form-control" type="email" name="email" value="{{ $email or old('email') }}" />
@if ($errors->has('email'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">Password</label>
<div class="form-group row {{ $errors->has('password') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">Password</label>
<div class="col-md-6">
<input type="password" class="form-control" name="password" />
<div class="col-12 col-md-6">
<input class="form-control" type="password" name="password" />
@if ($errors->has('password'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">Confirm Password</label>
<div class="col-md-6">
<input type="password" class="form-control" name="password_confirmation" />
<div class="form-group row {{ $errors->has('password_confirmation') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">Confirm Password</label>
<div class="col-12 col-md-6">
<input class="form-control" type="password" name="password_confirmation" />
@if ($errors->has('password_confirmation'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('password_confirmation') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-md-offset-4">
<div class="form-group row">
<div class="col-12 col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
Reset Password
</button>

View file

@ -3,72 +3,72 @@
@section('page-content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">Register</div>
<div class="col-12 col-lg-8 offset-lg-2">
<div class="card">
<div class="card-header">Register</div>
<div class="panel-body">
<form class="form-horizontal" role="form" method="POST" action="{{ url('/register') }}">
<div class="card-body">
<form role="form" method="POST" action="{{ url('/register') }}">
{!! csrf_field() !!}
<div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">Name</label>
<div class="form-group row {{ $errors->has('name') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">Name</label>
<div class="col-md-6">
<input type="text" class="form-control" name="name" value="{{ old('name') }}" />
<div class="col-12 col-md-6">
<input class="form-control" type="text" name="name" value="{{ old('name') }}" />
@if ($errors->has('name'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('name') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">E-Mail Address</label>
<div class="form-group row {{ $errors->has('email') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">E-Mail Address</label>
<div class="col-md-6">
<input type="email" class="form-control" name="email" value="{{ old('email') }}" />
<div class="col-12 col-md-6">
<input class="form-control" type="email" name="email" value="{{ old('email') }}" />
@if ($errors->has('email'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">Password</label>
<div class="form-group row {{ $errors->has('password') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">Password</label>
<div class="col-md-6">
<input type="password" class="form-control" name="password" />
<div class="col-12 col-md-6">
<input class="form-control" type="password" name="password" />
@if ($errors->has('password'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
<label class="col-md-4 control-label">Confirm Password</label>
<div class="form-group row {{ $errors->has('password_confirmation') ? 'has-error' : '' }}">
<label class="col-12 col-md-4 col-form-label">Confirm Password</label>
<div class="col-md-6">
<input type="password" class="form-control" name="password_confirmation" />
<div class="col-12 col-md-6">
<input class="form-control" type="password" name="password_confirmation" />
@if ($errors->has('password_confirmation'))
<span class="help-block">
<span class="text-muted">
<strong>{{ $errors->first('password_confirmation') }}</strong>
</span>
@endif
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-md-offset-4">
<div class="form-group row">
<div class="col-12 col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
Register
</button>

View file

@ -3,9 +3,9 @@
@section('page-content')
<div class="container spark-screen">
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<div class="col-12">
<div class="card">
<div class="card-header">
{{ $heading }}
<div class="dashboard-heading">
@ -13,7 +13,7 @@
</div>
</div>
<div class="panel-body dashboard">
<div class="card-body dashboard">
@yield('dashboard-body')
</div>
</div>
@ -25,9 +25,9 @@
<div class="modal-container">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-heading"></div>
<div class="col-12 col-md-6 offset-md-3 col-lg-4 offset-lg-4">
<div class="card">
<div class="card-header"></div>
<button type="button" class="cancel-button btn btn-primary">Cancel</button>
<button type="button" class="confirm-button btn btn-danger">Confirm</button>
</div>
@ -41,9 +41,9 @@
<div class="modal-container">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-heading">ALERT</div>
<div class="col-12 col-md-6 offset-md-3 col-lg-4 offset-lg-4">
<div class="card">
<div class="card-header">ALERT</div>
<div class="message"></div>
<button type="button" class="accept-button btn btn-primary">OK</button>
</div>

View file

@ -4,7 +4,7 @@
@if(!empty($help_text))
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<div class="col-12">
<div class="help-text">
{!! $help_text !!}
</div>
@ -24,11 +24,11 @@
@if($column['type'] == 'hidden')
<input class="text-input" type="hidden" name="{{ $column['name'] }}" id="{{ $column['name'] }}" value="{{ $value }}" />
@elseif($column['type'] != 'display' || $id != 'new')
<div class="col-xs-12 col-md-2">
<div class="col-12 col-md-2">
<label for="{{ $column['name'] }}">{{ empty($column['label']) ? ucfirst($column['name']) : $column['label'] }}:</label>
</div>
<div class="col-xs-12 col-md-10">
<div class="col-12 col-md-10">
@if($column['type'] == 'text')
<input class="text-input" type="text" name="{{ $column['name'] }}" id="{{ $column['name'] }}" value="{{ $value }}" />
@elseif($column['type'] == 'date')
@ -86,8 +86,8 @@
@endforeach
<div class="row">
<button id="back" type="button" class="back-button btn btn-default">Back</button>
<button id="submit" type="button" class="submit-button btn btn-primary disabled">{{ $id == 'new' ? 'Create' : 'Update' }} {{ $heading }} Item</button>
<button id="back" type="button" class="back-button btn btn-secondary">Back</button>
<button id="submit" type="button" class="submit-button btn btn-primary no-input">{{ $id == 'new' ? 'Create' : 'Update' }} {{ $heading }} Item</button>
</div>
</div>
</form>

View file

@ -2,11 +2,11 @@
@section('dashboard-heading')
@if($export && count($rows) > 0)
<a href="/dashboard/export/{{ $model }}"><button type="button" class="btn btn-default">Export</button></a>
<a href="/dashboard/export/{{ $model }}"><button type="button" class="btn btn-secondary">Export</button></a>
@endif
@if($create)
<button type="button" class="new-button btn btn-default">New</button>
<button type="button" class="new-button btn btn-secondary">New</button>
@endif
@endsection
@ -49,7 +49,7 @@
<div class="button-column">
@if(isset($button) && is_array($button))
<button type="button" class="action-button btn btn-default" data-confirmation="{{ $button[1] }}" data-success="{{ $button[2] }}" data-error="{{ $button[3] }}" data-url="{{ $button[4] }}">{{ $button[0] }}</button>
<button type="button" class="action-button btn btn-secondary" data-confirmation="{{ $button[1] }}" data-success="{{ $button[2] }}" data-error="{{ $button[3] }}" data-url="{{ $button[4] }}">{{ $button[0] }}</button>
@endif
<button type="button" class="edit-button btn btn-warning">Edit</button>

View file

@ -2,7 +2,7 @@
@section('dashboard-heading')
@if(count($rows) > 0)
<a href="/dashboard/export/{{ $model }}"><button type="button" class="btn btn-default">Export</button></a>
<a href="/dashboard/export/{{ $model }}"><button type="button" class="btn btn-secondary">Export</button></a>
@endif
@endsection