Delete no used components and code (#120)
diff --git a/front-end/package.json b/front-end/package.json
index dc68375..9addb09 100644
--- a/front-end/package.json
+++ b/front-end/package.json
@@ -39,8 +39,6 @@
"codemirror": "5.39.2",
"connect": "3.6.6",
"driver.js": "0.5.2",
- "dropzone": "5.2.0",
- "echarts": "4.1.0",
"element-ui": "2.4.6",
"file-saver": "1.3.8",
"font-awesome": "4.7.0",
@@ -50,7 +48,6 @@
"mockjs": "1.0.1-beta3",
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
- "screenfull": "3.3.3",
"showdown": "1.8.6",
"sortablejs": "1.7.0",
"vue": "2.5.17",
diff --git a/front-end/src/components/Charts/keyboard.vue b/front-end/src/components/Charts/keyboard.vue
deleted file mode 100644
index 857b26a..0000000
--- a/front-end/src/components/Charts/keyboard.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<template>
- <div :class="className" :id="id" :style="{height:height,width:width}"/>
-</template>
-
-<script>
-import echarts from 'echarts'
-import resize from './mixins/resize'
-
-export default {
- mixins: [resize],
- props: {
- className: {
- type: String,
- default: 'chart'
- },
- id: {
- type: String,
- default: 'chart'
- },
- width: {
- type: String,
- default: '200px'
- },
- height: {
- type: String,
- default: '200px'
- }
- },
- data() {
- return {
- chart: null
- }
- },
- mounted() {
- this.initChart()
- },
- beforeDestroy() {
- if (!this.chart) {
- return
- }
- this.chart.dispose()
- this.chart = null
- },
- methods: {
- initChart() {
- this.chart = echarts.init(document.getElementById(this.id))
-
- const xAxisData = []
- const data = []
- const data2 = []
- for (let i = 0; i < 50; i++) {
- xAxisData.push(i)
- data.push((Math.sin(i / 5) * (i / 5 - 10) + i / 6) * 5)
- data2.push((Math.sin(i / 5) * (i / 5 + 10) + i / 6) * 3)
- }
- this.chart.setOption(
- {
- backgroundColor: '#08263a',
- grid: {
- left: '5%',
- right: '5%'
- },
- xAxis: [{
- show: false,
- data: xAxisData
- }, {
- show: false,
- data: xAxisData
- }],
- visualMap: {
- show: false,
- min: 0,
- max: 50,
- dimension: 0,
- inRange: {
- color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055']
- }
- },
- yAxis: {
- axisLine: {
- show: false
- },
- axisLabel: {
- textStyle: {
- color: '#4a657a'
- }
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#08263f'
- }
- },
- axisTick: {
- show: false
- }
- },
- series: [{
- name: 'back',
- type: 'bar',
- data: data2,
- z: 1,
- itemStyle: {
- normal: {
- opacity: 0.4,
- barBorderRadius: 5,
- shadowBlur: 3,
- shadowColor: '#111'
- }
- }
- }, {
- name: 'Simulate Shadow',
- type: 'line',
- data,
- z: 2,
- showSymbol: false,
- animationDelay: 0,
- animationEasing: 'linear',
- animationDuration: 1200,
- lineStyle: {
- normal: {
- color: 'transparent'
- }
- },
- areaStyle: {
- normal: {
- color: '#08263a',
- shadowBlur: 50,
- shadowColor: '#000'
- }
- }
- }, {
- name: 'front',
- type: 'bar',
- data,
- xAxisIndex: 1,
- z: 3,
- itemStyle: {
- normal: {
- barBorderRadius: 5
- }
- }
- }],
- animationEasing: 'elasticOut',
- animationEasingUpdate: 'elasticOut',
- animationDelay(idx) {
- return idx * 20
- },
- animationDelayUpdate(idx) {
- return idx * 20
- }
- })
- }
- }
-}
-</script>
diff --git a/front-end/src/components/Charts/lineMarker.vue b/front-end/src/components/Charts/lineMarker.vue
deleted file mode 100644
index 5d41b02..0000000
--- a/front-end/src/components/Charts/lineMarker.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-<template>
- <div :class="className" :id="id" :style="{height:height,width:width}"/>
-</template>
-
-<script>
-import echarts from 'echarts'
-import resize from './mixins/resize'
-
-export default {
- mixins: [resize],
- props: {
- className: {
- type: String,
- default: 'chart'
- },
- id: {
- type: String,
- default: 'chart'
- },
- width: {
- type: String,
- default: '200px'
- },
- height: {
- type: String,
- default: '200px'
- }
- },
- data() {
- return {
- chart: null
- }
- },
- mounted() {
- this.initChart()
- },
- beforeDestroy() {
- if (!this.chart) {
- return
- }
- this.chart.dispose()
- this.chart = null
- },
- methods: {
- initChart() {
- this.chart = echarts.init(document.getElementById(this.id))
-
- this.chart.setOption({
- backgroundColor: '#394056',
- title: {
- top: 20,
- text: 'Requests',
- textStyle: {
- fontWeight: 'normal',
- fontSize: 16,
- color: '#F1F1F3'
- },
- left: '1%'
- },
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- lineStyle: {
- color: '#57617B'
- }
- }
- },
- legend: {
- top: 20,
- icon: 'rect',
- itemWidth: 14,
- itemHeight: 5,
- itemGap: 13,
- data: ['CMCC', 'CTCC', 'CUCC'],
- right: '4%',
- textStyle: {
- fontSize: 12,
- color: '#F1F1F3'
- }
- },
- grid: {
- top: 100,
- left: '2%',
- right: '2%',
- bottom: '2%',
- containLabel: true
- },
- xAxis: [{
- type: 'category',
- boundaryGap: false,
- axisLine: {
- lineStyle: {
- color: '#57617B'
- }
- },
- data: ['13:00', '13:05', '13:10', '13:15', '13:20', '13:25', '13:30', '13:35', '13:40', '13:45', '13:50', '13:55']
- }],
- yAxis: [{
- type: 'value',
- name: '(%)',
- axisTick: {
- show: false
- },
- axisLine: {
- lineStyle: {
- color: '#57617B'
- }
- },
- axisLabel: {
- margin: 10,
- textStyle: {
- fontSize: 14
- }
- },
- splitLine: {
- lineStyle: {
- color: '#57617B'
- }
- }
- }],
- series: [{
- name: 'CMCC',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 5,
- showSymbol: false,
- lineStyle: {
- normal: {
- width: 1
- }
- },
- areaStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: 'rgba(137, 189, 27, 0.3)'
- }, {
- offset: 0.8,
- color: 'rgba(137, 189, 27, 0)'
- }], false),
- shadowColor: 'rgba(0, 0, 0, 0.1)',
- shadowBlur: 10
- }
- },
- itemStyle: {
- normal: {
- color: 'rgb(137,189,27)',
- borderColor: 'rgba(137,189,2,0.27)',
- borderWidth: 12
-
- }
- },
- data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122]
- }, {
- name: 'CTCC',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 5,
- showSymbol: false,
- lineStyle: {
- normal: {
- width: 1
- }
- },
- areaStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: 'rgba(0, 136, 212, 0.3)'
- }, {
- offset: 0.8,
- color: 'rgba(0, 136, 212, 0)'
- }], false),
- shadowColor: 'rgba(0, 0, 0, 0.1)',
- shadowBlur: 10
- }
- },
- itemStyle: {
- normal: {
- color: 'rgb(0,136,212)',
- borderColor: 'rgba(0,136,212,0.2)',
- borderWidth: 12
-
- }
- },
- data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150]
- }, {
- name: 'CUCC',
- type: 'line',
- smooth: true,
- symbol: 'circle',
- symbolSize: 5,
- showSymbol: false,
- lineStyle: {
- normal: {
- width: 1
- }
- },
- areaStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: 'rgba(219, 50, 51, 0.3)'
- }, {
- offset: 0.8,
- color: 'rgba(219, 50, 51, 0)'
- }], false),
- shadowColor: 'rgba(0, 0, 0, 0.1)',
- shadowBlur: 10
- }
- },
- itemStyle: {
- normal: {
- color: 'rgb(219,50,51)',
- borderColor: 'rgba(219,50,51,0.2)',
- borderWidth: 12
- }
- },
- data: [220, 182, 125, 145, 122, 191, 134, 150, 120, 110, 165, 122]
- }]
- })
- }
- }
-}
-</script>
diff --git a/front-end/src/components/Charts/mixChart.vue b/front-end/src/components/Charts/mixChart.vue
deleted file mode 100644
index a8e271c..0000000
--- a/front-end/src/components/Charts/mixChart.vue
+++ /dev/null
@@ -1,271 +0,0 @@
-<template>
- <div :class="className" :id="id" :style="{height:height,width:width}"/>
-</template>
-
-<script>
-import echarts from 'echarts'
-import resize from './mixins/resize'
-
-export default {
- mixins: [resize],
- props: {
- className: {
- type: String,
- default: 'chart'
- },
- id: {
- type: String,
- default: 'chart'
- },
- width: {
- type: String,
- default: '200px'
- },
- height: {
- type: String,
- default: '200px'
- }
- },
- data() {
- return {
- chart: null
- }
- },
- mounted() {
- this.initChart()
- },
- beforeDestroy() {
- if (!this.chart) {
- return
- }
- this.chart.dispose()
- this.chart = null
- },
- methods: {
- initChart() {
- this.chart = echarts.init(document.getElementById(this.id))
- const xData = (function() {
- const data = []
- for (let i = 1; i < 13; i++) {
- data.push(i + 'month')
- }
- return data
- }())
- this.chart.setOption({
- backgroundColor: '#344b58',
- title: {
- text: 'statistics',
- x: '20',
- top: '20',
- textStyle: {
- color: '#fff',
- fontSize: '22'
- },
- subtextStyle: {
- color: '#90979c',
- fontSize: '16'
- }
- },
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- textStyle: {
- color: '#fff'
- }
- }
- },
- grid: {
- left: '5%',
- right: '5%',
- borderWidth: 0,
- top: 150,
- bottom: 95,
- textStyle: {
- color: '#fff'
- }
- },
- legend: {
- x: '5%',
- top: '10%',
- textStyle: {
- color: '#90979c'
- },
- data: ['female', 'male', 'average']
- },
- calculable: true,
- xAxis: [{
- type: 'category',
- axisLine: {
- lineStyle: {
- color: '#90979c'
- }
- },
- splitLine: {
- show: false
- },
- axisTick: {
- show: false
- },
- splitArea: {
- show: false
- },
- axisLabel: {
- interval: 0
-
- },
- data: xData
- }],
- yAxis: [{
- type: 'value',
- splitLine: {
- show: false
- },
- axisLine: {
- lineStyle: {
- color: '#90979c'
- }
- },
- axisTick: {
- show: false
- },
- axisLabel: {
- interval: 0
- },
- splitArea: {
- show: false
- }
- }],
- dataZoom: [{
- show: true,
- height: 30,
- xAxisIndex: [
- 0
- ],
- bottom: 30,
- start: 10,
- end: 80,
- handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
- handleSize: '110%',
- handleStyle: {
- color: '#d3dee5'
-
- },
- textStyle: {
- color: '#fff' },
- borderColor: '#90979c'
-
- }, {
- type: 'inside',
- show: true,
- height: 15,
- start: 1,
- end: 35
- }],
- series: [{
- name: 'female',
- type: 'bar',
- stack: 'total',
- barMaxWidth: 35,
- barGap: '10%',
- itemStyle: {
- normal: {
- color: 'rgba(255,144,128,1)',
- label: {
- show: true,
- textStyle: {
- color: '#fff'
- },
- position: 'insideTop',
- formatter(p) {
- return p.value > 0 ? p.value : ''
- }
- }
- }
- },
- data: [
- 709,
- 1917,
- 2455,
- 2610,
- 1719,
- 1433,
- 1544,
- 3285,
- 5208,
- 3372,
- 2484,
- 4078
- ]
- },
-
- {
- name: 'male',
- type: 'bar',
- stack: 'total',
- itemStyle: {
- normal: {
- color: 'rgba(0,191,183,1)',
- barBorderRadius: 0,
- label: {
- show: true,
- position: 'top',
- formatter(p) {
- return p.value > 0 ? p.value : ''
- }
- }
- }
- },
- data: [
- 327,
- 1776,
- 507,
- 1200,
- 800,
- 482,
- 204,
- 1390,
- 1001,
- 951,
- 381,
- 220
- ]
- }, {
- name: 'average',
- type: 'line',
- stack: 'total',
- symbolSize: 10,
- symbol: 'circle',
- itemStyle: {
- normal: {
- color: 'rgba(252,230,48,1)',
- barBorderRadius: 0,
- label: {
- show: true,
- position: 'top',
- formatter(p) {
- return p.value > 0 ? p.value : ''
- }
- }
- }
- },
- data: [
- 1036,
- 3693,
- 2962,
- 3810,
- 2519,
- 1915,
- 1748,
- 4675,
- 6209,
- 4323,
- 2865,
- 4298
- ]
- }
- ]
- })
- }
- }
-}
-</script>
diff --git a/front-end/src/components/Charts/mixins/resize.js b/front-end/src/components/Charts/mixins/resize.js
deleted file mode 100644
index c6eabef..0000000
--- a/front-end/src/components/Charts/mixins/resize.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { debounce } from '@/utils'
-
-export default {
- mounted() {
- this.__resizeHandler = debounce(() => {
- if (this.chart) {
- this.chart.resize()
- }
- }, 100)
- window.addEventListener('resize', this.__resizeHandler)
-
- const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
- sidebarElm.addEventListener('transitionend', this.sidebarResizeHandler)
- },
- beforeDestroy() {
- window.removeEventListener('resize', this.__resizeHandler)
-
- const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
- sidebarElm.removeEventListener('transitionend', this.sidebarResizeHandler)
- },
- methods: {
- sidebarResizeHandler(e) {
- if (e.propertyName === 'width') {
- this.__resizeHandler()
- }
- }
- }
-}
diff --git a/front-end/src/components/DragSelect/index.vue b/front-end/src/components/DragSelect/index.vue
deleted file mode 100644
index a08d400..0000000
--- a/front-end/src/components/DragSelect/index.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
- <el-select v-model="selectVal" v-bind="$attrs" class="drag-select" multiple>
- <slot/>
- </el-select>
-</template>
-
-<script>
-import Sortable from 'sortablejs'
-
-export default {
- name: 'DragSelect',
- props: {
- value: {
- type: Array,
- required: true
- }
- },
- computed: {
- selectVal: {
- get() {
- return [...this.value]
- },
- set(val) {
- this.$emit('input', [...val])
- }
- }
- },
- mounted() {
- this.setSort()
- },
- methods: {
- setSort() {
- const el = document.querySelectorAll('.el-select__tags > span')[0]
- this.sortable = Sortable.create(el, {
- ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
- setData: function(dataTransfer) {
- dataTransfer.setData('Text', '')
- // to avoid Firefox bug
- // Detail see : https://github.com/RubaXa/Sortable/issues/1012
- },
- onEnd: evt => {
- const targetRow = this.value.splice(evt.oldIndex, 1)[0]
- this.value.splice(evt.newIndex, 0, targetRow)
- }
- })
- }
- }
-}
-</script>
-
-<style scoped>
-.drag-select >>> .sortable-ghost{
- opacity: .8;
- color: #fff!important;
- background: #42b983!important;
-}
-
-.drag-select >>> .el-tag{
- cursor: pointer;
-}
-</style>
diff --git a/front-end/src/components/Dropzone/index.vue b/front-end/src/components/Dropzone/index.vue
deleted file mode 100644
index 15d811d..0000000
--- a/front-end/src/components/Dropzone/index.vue
+++ /dev/null
@@ -1,297 +0,0 @@
-<template>
- <div :ref="id" :action="url" :id="id" class="dropzone">
- <input type="file" name="file">
- </div>
-</template>
-
-<script>
-import Dropzone from 'dropzone'
-import 'dropzone/dist/dropzone.css'
-// import { getToken } from 'api/qiniu';
-
-Dropzone.autoDiscover = false
-
-export default {
- props: {
- id: {
- type: String,
- required: true
- },
- url: {
- type: String,
- required: true
- },
- clickable: {
- type: Boolean,
- default: true
- },
- defaultMsg: {
- type: String,
- default: '上传图片'
- },
- acceptedFiles: {
- type: String,
- default: ''
- },
- thumbnailHeight: {
- type: Number,
- default: 200
- },
- thumbnailWidth: {
- type: Number,
- default: 200
- },
- showRemoveLink: {
- type: Boolean,
- default: true
- },
- maxFilesize: {
- type: Number,
- default: 2
- },
- maxFiles: {
- type: Number,
- default: 3
- },
- autoProcessQueue: {
- type: Boolean,
- default: true
- },
- useCustomDropzoneOptions: {
- type: Boolean,
- default: false
- },
- defaultImg: {
- default: '',
- type: [String, Array]
- },
- couldPaste: {
- type: Boolean,
- default: false
- }
- },
- data() {
- return {
- dropzone: '',
- initOnce: true
- }
- },
- watch: {
- defaultImg(val) {
- if (val.length === 0) {
- this.initOnce = false
- return
- }
- if (!this.initOnce) return
- this.initImages(val)
- this.initOnce = false
- }
- },
- mounted() {
- const element = document.getElementById(this.id)
- const vm = this
- this.dropzone = new Dropzone(element, {
- clickable: this.clickable,
- thumbnailWidth: this.thumbnailWidth,
- thumbnailHeight: this.thumbnailHeight,
- maxFiles: this.maxFiles,
- maxFilesize: this.maxFilesize,
- dictRemoveFile: 'Remove',
- addRemoveLinks: this.showRemoveLink,
- acceptedFiles: this.acceptedFiles,
- autoProcessQueue: this.autoProcessQueue,
- dictDefaultMessage: '<i style="margin-top: 3em;display: inline-block" class="material-icons">' + this.defaultMsg + '</i><br>Drop files here to upload',
- dictMaxFilesExceeded: '只能一个图',
- previewTemplate: '<div class="dz-preview dz-file-preview"> <div class="dz-image" style="width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px" ><img style="width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px" data-dz-thumbnail /></div> <div class="dz-details"><div class="dz-size"><span data-dz-size></span></div> <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div> <div class="dz-error-message"><span data-dz-errormessage></span></div> <div class="dz-success-mark"> <i class="material-icons">done</i> </div> <div class="dz-error-mark"><i class="material-icons">error</i></div></div>',
- init() {
- const val = vm.defaultImg
- if (!val) return
- if (Array.isArray(val)) {
- if (val.length === 0) return
- val.map((v, i) => {
- const mockFile = { name: 'name' + i, size: 12345, url: v }
- this.options.addedfile.call(this, mockFile)
- this.options.thumbnail.call(this, mockFile, v)
- mockFile.previewElement.classList.add('dz-success')
- mockFile.previewElement.classList.add('dz-complete')
- vm.initOnce = false
- return true
- })
- } else {
- const mockFile = { name: 'name', size: 12345, url: val }
- this.options.addedfile.call(this, mockFile)
- this.options.thumbnail.call(this, mockFile, val)
- mockFile.previewElement.classList.add('dz-success')
- mockFile.previewElement.classList.add('dz-complete')
- vm.initOnce = false
- }
- },
- accept: (file, done) => {
- /* 七牛*/
- // const token = this.$store.getters.token;
- // getToken(token).then(response => {
- // file.token = response.data.qiniu_token;
- // file.key = response.data.qiniu_key;
- // file.url = response.data.qiniu_url;
- // done();
- // })
- done()
- },
- sending: (file, xhr, formData) => {
- // formData.append('token', file.token);
- // formData.append('key', file.key);
- vm.initOnce = false
- }
- })
-
- if (this.couldPaste) {
- document.addEventListener('paste', this.pasteImg)
- }
-
- this.dropzone.on('success', file => {
- vm.$emit('dropzone-success', file, vm.dropzone.element)
- })
- this.dropzone.on('addedfile', file => {
- vm.$emit('dropzone-fileAdded', file)
- })
- this.dropzone.on('removedfile', file => {
- vm.$emit('dropzone-removedFile', file)
- })
- this.dropzone.on('error', (file, error, xhr) => {
- vm.$emit('dropzone-error', file, error, xhr)
- })
- this.dropzone.on('successmultiple', (file, error, xhr) => {
- vm.$emit('dropzone-successmultiple', file, error, xhr)
- })
- },
- destroyed() {
- document.removeEventListener('paste', this.pasteImg)
- this.dropzone.destroy()
- },
- methods: {
- removeAllFiles() {
- this.dropzone.removeAllFiles(true)
- },
- processQueue() {
- this.dropzone.processQueue()
- },
- pasteImg(event) {
- const items = (event.clipboardData || event.originalEvent.clipboardData).items
- if (items[0].kind === 'file') {
- this.dropzone.addFile(items[0].getAsFile())
- }
- },
- initImages(val) {
- if (!val) return
- if (Array.isArray(val)) {
- val.map((v, i) => {
- const mockFile = { name: 'name' + i, size: 12345, url: v }
- this.dropzone.options.addedfile.call(this.dropzone, mockFile)
- this.dropzone.options.thumbnail.call(this.dropzone, mockFile, v)
- mockFile.previewElement.classList.add('dz-success')
- mockFile.previewElement.classList.add('dz-complete')
- return true
- })
- } else {
- const mockFile = { name: 'name', size: 12345, url: val }
- this.dropzone.options.addedfile.call(this.dropzone, mockFile)
- this.dropzone.options.thumbnail.call(this.dropzone, mockFile, val)
- mockFile.previewElement.classList.add('dz-success')
- mockFile.previewElement.classList.add('dz-complete')
- }
- }
-
- }
-}
-</script>
-
-<style scoped>
- .dropzone {
- border: 2px solid #E5E5E5;
- font-family: 'Roboto', sans-serif;
- color: #777;
- transition: background-color .2s linear;
- padding: 5px;
- }
-
- .dropzone:hover {
- background-color: #F6F6F6;
- }
-
- i {
- color: #CCC;
- }
-
- .dropzone .dz-image img {
- width: 100%;
- height: 100%;
- }
-
- .dropzone input[name='file'] {
- display: none;
- }
-
- .dropzone .dz-preview .dz-image {
- border-radius: 0px;
- }
-
- .dropzone .dz-preview:hover .dz-image img {
- transform: none;
- -webkit-filter: none;
- width: 100%;
- height: 100%;
- }
-
- .dropzone .dz-preview .dz-details {
- bottom: 0px;
- top: 0px;
- color: white;
- background-color: rgba(33, 150, 243, 0.8);
- transition: opacity .2s linear;
- text-align: left;
- }
-
- .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
- background-color: transparent;
- }
-
- .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
- border: none;
- }
-
- .dropzone .dz-preview .dz-details .dz-filename:hover span {
- background-color: transparent;
- border: none;
- }
-
- .dropzone .dz-preview .dz-remove {
- position: absolute;
- z-index: 30;
- color: white;
- margin-left: 15px;
- padding: 10px;
- top: inherit;
- bottom: 15px;
- border: 2px white solid;
- text-decoration: none;
- text-transform: uppercase;
- font-size: 0.8rem;
- font-weight: 800;
- letter-spacing: 1.1px;
- opacity: 0;
- }
-
- .dropzone .dz-preview:hover .dz-remove {
- opacity: 1;
- }
-
- .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
- margin-left: -40px;
- margin-top: -50px;
- }
-
- .dropzone .dz-preview .dz-success-mark i, .dropzone .dz-preview .dz-error-mark i {
- color: white;
- font-size: 5rem;
- }
-</style>
diff --git a/front-end/src/components/GithubCorner/index.vue b/front-end/src/components/GithubCorner/index.vue
deleted file mode 100644
index b5da887..0000000
--- a/front-end/src/components/GithubCorner/index.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
- <a href="https://github.com/PanJiaChen/vue-element-admin" target="_blank" class="github-corner" aria-label="View source on Github">
- <svg
- width="80"
- height="80"
- viewBox="0 0 250 250"
- style="fill:#40c9c6; color:#fff;"
- aria-hidden="true">
- <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"/>
- <path
- d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
- fill="currentColor"
- style="transform-origin: 130px 106px;"
- class="octo-arm"/>
- <path
- d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
- fill="currentColor"
- class="octo-body"/>
- </svg>
- </a>
-</template>
-
-<style scoped>
-.github-corner:hover .octo-arm {
- animation: octocat-wave 560ms ease-in-out
-}
-
-@keyframes octocat-wave {
- 0%,
- 100% {
- transform: rotate(0)
- }
- 20%,
- 60% {
- transform: rotate(-25deg)
- }
- 40%,
- 80% {
- transform: rotate(10deg)
- }
-}
-
-@media (max-width:500px) {
- .github-corner:hover .octo-arm {
- animation: none
- }
- .github-corner .octo-arm {
- animation: octocat-wave 560ms ease-in-out
- }
-}
-</style>
diff --git a/front-end/src/components/Screenfull/index.vue b/front-end/src/components/Screenfull/index.vue
deleted file mode 100644
index 4cdcb56..0000000
--- a/front-end/src/components/Screenfull/index.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
- <div>
- <svg
- t="1508738709248"
- class="screenfull-svg"
- viewBox="0 0 1024 1024"
- version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- p-id="2069"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- width="32"
- height="32"
- @click="click">
- <path
- d="M333.493443 428.647617 428.322206 333.832158 262.572184 168.045297 366.707916 64.444754 64.09683 64.444754 63.853283 366.570793 167.283957 262.460644Z"
- p-id="2070"/>
- <path
- d="M854.845439 760.133334 688.61037 593.95864 593.805144 688.764889 759.554142 854.56096 655.44604 958.161503 958.055079 958.161503 958.274066 656.035464Z"
- p-id="2071"/>
- <path
- d="M688.535669 428.550403 854.31025 262.801405 957.935352 366.921787 957.935352 64.34754 655.809313 64.081481 759.919463 167.535691 593.70793 333.731874Z"
- p-id="2072"/>
- <path
- d="M333.590658 594.033341 167.8171 759.804852 64.218604 655.67219 64.218604 958.270996 366.342596 958.502263 262.234493 855.071589 428.421466 688.86108Z"
- p-id="2073"/>
- </svg>
- </div>
-</template>
-
-<script>
-import screenfull from 'screenfull'
-
-export default {
- name: 'Screenfull',
- props: {
- width: {
- type: Number,
- default: 22
- },
- height: {
- type: Number,
- default: 22
- },
- fill: {
- type: String,
- default: '#48576a'
- }
- },
- data() {
- return {
- isFullscreen: false
- }
- },
- methods: {
- click() {
- if (!screenfull.enabled) {
- this.$message({
- message: 'you browser can not work',
- type: 'warning'
- })
- return false
- }
- screenfull.toggle()
- }
- }
-}
-</script>
-
-<style scoped>
-.screenfull-svg {
- display: inline-block;
- cursor: pointer;
- fill: #5a5e66;;
- width: 20px;
- height: 20px;
- vertical-align: 10px;
-}
-</style>
diff --git a/front-end/src/components/Share/dropdownMenu.vue b/front-end/src/components/Share/dropdownMenu.vue
deleted file mode 100644
index f7b1dd2..0000000
--- a/front-end/src/components/Share/dropdownMenu.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
- <div :class="{active:isActive}" class="share-dropdown-menu">
- <div class="share-dropdown-menu-wrapper">
- <span class="share-dropdown-menu-title" @click.self="clickTitle">{{ title }}</span>
- <div v-for="(item,index) of items" :key="index" class="share-dropdown-menu-item">
- <a v-if="item.href" :href="item.href" target="_blank">{{ item.title }}</a>
- <span v-else>{{ item.title }}</span>
- </div>
- </div>
- </div>
-</template>
-
-<script>
-export default {
- props: {
- items: {
- type: Array,
- default: function() {
- return []
- }
- },
- title: {
- type: String,
- default: 'vue'
- }
- },
- data() {
- return {
- isActive: false
- }
- },
- methods: {
- clickTitle() {
- this.isActive = !this.isActive
- }
- }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" >
-$n: 8; //和items.length 相同
-$t: .1s;
-.share-dropdown-menu {
- width: 250px;
- position: relative;
- z-index: 1;
- &-title {
- width: 100%;
- display: block;
- cursor: pointer;
- background: black;
- color: white;
- height: 60px;
- line-height: 60px;
- font-size: 20px;
- text-align: center;
- z-index: 2;
- transform: translate3d(0,0,0);
- }
- &-wrapper {
- position: relative;
- }
- &-item {
- text-align: center;
- position: absolute;
- width: 100%;
- background: #e0e0e0;
- line-height: 60px;
- height: 60px;
- cursor: pointer;
- font-size: 20px;
- opacity: 1;
- transition: transform 0.28s ease;
- &:hover {
- background: black;
- color: white;
- }
- @for $i from 1 through $n {
- &:nth-of-type(#{$i}) {
- z-index: -1;
- transition-delay: $i*$t;
- transform: translate3d(0, -60px, 0);
- }
- }
- }
- &.active {
- .share-dropdown-menu-wrapper {
- z-index: 1;
- }
- .share-dropdown-menu-item {
- @for $i from 1 through $n {
- &:nth-of-type(#{$i}) {
- transition-delay: ($n - $i)*$t;
- transform: translate3d(0, ($i - 1)*60px, 0);
- }
- }
- }
- }
-}
-</style>
diff --git a/front-end/src/components/TextHoverEffect/Mallki.vue b/front-end/src/components/TextHoverEffect/Mallki.vue
deleted file mode 100644
index 4ea29fc..0000000
--- a/front-end/src/components/TextHoverEffect/Mallki.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
- <a :class="className" class="link--mallki" href="#">
- {{ text }}
- <span :data-letters="text"/>
- <span :data-letters="text"/>
- </a>
-</template>
-
-<script>
-export default {
- props: {
- className: {
- type: String,
- default: ''
- },
- text: {
- type: String,
- default: 'vue-element-admin'
- }
- }
-}
-</script>
-
-<style>
-/* Mallki */
-
-.link--mallki {
- font-weight: 800;
- color: #4dd9d5;
- font-family: 'Dosis', sans-serif;
- -webkit-transition: color 0.5s 0.25s;
- transition: color 0.5s 0.25s;
- overflow: hidden;
- position: relative;
- display: inline-block;
- line-height: 1;
- outline: none;
- text-decoration: none;
-}
-
-.link--mallki:hover {
- -webkit-transition: none;
- transition: none;
- color: transparent;
-}
-
-.link--mallki::before {
- content: '';
- width: 100%;
- height: 6px;
- margin: -3px 0 0 0;
- background: #3888fa;
- position: absolute;
- left: 0;
- top: 50%;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- -webkit-transition: -webkit-transform 0.4s;
- transition: transform 0.4s;
- -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
- transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
-}
-
-.link--mallki:hover::before {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
-}
-
-.link--mallki span {
- position: absolute;
- height: 50%;
- width: 100%;
- left: 0;
- top: 0;
- overflow: hidden;
-}
-
-.link--mallki span::before {
- content: attr(data-letters);
- color: red;
- position: absolute;
- left: 0;
- width: 100%;
- color: #3888fa;
- -webkit-transition: -webkit-transform 0.5s;
- transition: transform 0.5s;
-}
-
-.link--mallki span:nth-child(2) {
- top: 50%;
-}
-
-.link--mallki span:first-child::before {
- top: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-
-.link--mallki span:nth-child(2)::before {
- bottom: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
-}
-
-.link--mallki:hover span::before {
- -webkit-transition-delay: 0.3s;
- transition-delay: 0.3s;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
-}
-</style>
diff --git a/front-end/src/components/ThemePicker/index.vue b/front-end/src/components/ThemePicker/index.vue
deleted file mode 100644
index e797d6c..0000000
--- a/front-end/src/components/ThemePicker/index.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
- <el-color-picker
- v-model="theme"
- class="theme-picker"
- popper-class="theme-picker-dropdown"/>
-</template>
-
-<script>
-
-const version = require('element-ui/package.json').version // element-ui version from node_modules
-const ORIGINAL_THEME = '#409EFF' // default color
-
-export default {
- data() {
- return {
- chalk: '', // content of theme-chalk css
- theme: ORIGINAL_THEME
- }
- },
- watch: {
- theme(val, oldVal) {
- if (typeof val !== 'string') return
- const themeCluster = this.getThemeCluster(val.replace('#', ''))
- const originalCluster = this.getThemeCluster(oldVal.replace('#', ''))
- console.log(themeCluster, originalCluster)
- const getHandler = (variable, id) => {
- return () => {
- const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace('#', ''))
- const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster)
-
- let styleTag = document.getElementById(id)
- if (!styleTag) {
- styleTag = document.createElement('style')
- styleTag.setAttribute('id', id)
- document.head.appendChild(styleTag)
- }
- styleTag.innerText = newStyle
- }
- }
-
- const chalkHandler = getHandler('chalk', 'chalk-style')
-
- if (!this.chalk) {
- const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css`
- this.getCSSString(url, chalkHandler, 'chalk')
- } else {
- chalkHandler()
- }
-
- const styles = [].slice.call(document.querySelectorAll('style'))
- .filter(style => {
- const text = style.innerText
- return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text)
- })
- styles.forEach(style => {
- const { innerText } = style
- if (typeof innerText !== 'string') return
- style.innerText = this.updateStyle(innerText, originalCluster, themeCluster)
- })
- this.$message({
- message: '换肤成功',
- type: 'success'
- })
- }
- },
-
- methods: {
- updateStyle(style, oldCluster, newCluster) {
- let newStyle = style
- oldCluster.forEach((color, index) => {
- newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index])
- })
- return newStyle
- },
-
- getCSSString(url, callback, variable) {
- const xhr = new XMLHttpRequest()
- xhr.onreadystatechange = () => {
- if (xhr.readyState === 4 && xhr.status === 200) {
- this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '')
- callback()
- }
- }
- xhr.open('GET', url)
- xhr.send()
- },
-
- getThemeCluster(theme) {
- const tintColor = (color, tint) => {
- let red = parseInt(color.slice(0, 2), 16)
- let green = parseInt(color.slice(2, 4), 16)
- let blue = parseInt(color.slice(4, 6), 16)
-
- if (tint === 0) { // when primary color is in its rgb space
- return [red, green, blue].join(',')
- } else {
- red += Math.round(tint * (255 - red))
- green += Math.round(tint * (255 - green))
- blue += Math.round(tint * (255 - blue))
-
- red = red.toString(16)
- green = green.toString(16)
- blue = blue.toString(16)
-
- return `#${red}${green}${blue}`
- }
- }
-
- const shadeColor = (color, shade) => {
- let red = parseInt(color.slice(0, 2), 16)
- let green = parseInt(color.slice(2, 4), 16)
- let blue = parseInt(color.slice(4, 6), 16)
-
- red = Math.round((1 - shade) * red)
- green = Math.round((1 - shade) * green)
- blue = Math.round((1 - shade) * blue)
-
- red = red.toString(16)
- green = green.toString(16)
- blue = blue.toString(16)
-
- return `#${red}${green}${blue}`
- }
-
- const clusters = [theme]
- for (let i = 0; i <= 9; i++) {
- clusters.push(tintColor(theme, Number((i / 10).toFixed(2))))
- }
- clusters.push(shadeColor(theme, 0.1))
- return clusters
- }
- }
-}
-</script>
-
-<style>
-.theme-picker .el-color-picker__trigger {
- vertical-align: middle;
-}
-
-.theme-picker-dropdown .el-color-dropdown__link-btn {
- display: none;
-}
-</style>
diff --git a/front-end/src/router/index.js b/front-end/src/router/index.js
index 10440b5..7617b5c 100644
--- a/front-end/src/router/index.js
+++ b/front-end/src/router/index.js
@@ -131,13 +131,6 @@
hidden: true
},
{
- path: 'brokers',
- component: () => import('@/views/management/brokers'),
- name: 'Brokers',
- meta: { title: 'Brokers', noCache: true },
- hidden: true
- },
- {
path: 'brokers/:cluster/:broker/broker',
component: () => import('@/views/management/brokers/broker'),
name: 'BrokerInfo',
@@ -165,7 +158,6 @@
},
{
path: 'namespaces/public/default/namespace?tab=topics',
- component: () => import('@/views/management/topics/index'),
name: 'Topics',
meta: { title: 'Topics', noCache: true }
},
@@ -198,13 +190,6 @@
hidden: true
},
{
- path: 'tenantNamespace/:tenant/:namespace',
- component: () => import('@/views/management/topics/index'),
- name: 'TenantNamespace',
- meta: { title: 'Topics', noCache: true },
- hidden: true
- },
- {
path: 'namespaces/:tenant/:namespace/namespace',
component: () => import('@/views/management/namespaces/namespace'),
name: 'NamespacesInfo',
diff --git a/front-end/src/views/layout/components/Navbar.vue b/front-end/src/views/layout/components/Navbar.vue
index c52144a..3010da4 100644
--- a/front-end/src/views/layout/components/Navbar.vue
+++ b/front-end/src/views/layout/components/Navbar.vue
@@ -49,20 +49,16 @@
import Breadcrumb from '@/components/Breadcrumb'
import Hamburger from '@/components/Hamburger'
import ErrorLog from '@/components/ErrorLog'
-import Screenfull from '@/components/Screenfull'
import SizeSelect from '@/components/SizeSelect'
import LangSelect from '@/components/LangSelect'
-import ThemePicker from '@/components/ThemePicker'
export default {
components: {
Breadcrumb,
Hamburger,
ErrorLog,
- Screenfull,
SizeSelect,
- LangSelect,
- ThemePicker
+ LangSelect
},
computed: {
...mapGetters([
diff --git a/front-end/src/views/management/clusters/index.vue b/front-end/src/views/management/clusters/index.vue
index 118a65a..47b416e 100644
--- a/front-end/src/views/management/clusters/index.vue
+++ b/front-end/src/views/management/clusters/index.vue
@@ -80,14 +80,12 @@
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
import jsonEditor from '@/components/JsonEditor'
import { validateEmpty } from '@/utils/validate'
-import ElDragSelect from '@/components/DragSelect' // base on element-ui
export default {
name: 'Clusters',
components: {
Pagination,
- jsonEditor,
- ElDragSelect
+ jsonEditor
},
directives: { waves },
filters: {
diff --git a/front-end/src/views/management/namespaces/index.vue b/front-end/src/views/management/namespaces/index.vue
index ad00189..f0a1ec6 100644
--- a/front-end/src/views/management/namespaces/index.vue
+++ b/front-end/src/views/management/namespaces/index.vue
@@ -86,9 +86,8 @@
import { fetchClusters } from '@/api/clusters'
import waves from '@/directive/waves' // Waves directive
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
-// import jsonEditor from '@/components/JsonEditor'
import { validateEmpty } from '@/utils/validate'
-import ElDragSelect from '@/components/DragSelect' // base on element-ui
+
const defaultForm = {
tenant: '',
otherOptions: ''
@@ -96,8 +95,8 @@
export default {
name: 'Namespaces',
components: {
- Pagination,
- ElDragSelect
+ Pagination
+ // ElDragSelect
},
directives: { waves },
data() {
diff --git a/front-end/src/views/management/namespaces/namespace.vue b/front-end/src/views/management/namespaces/namespace.vue
index 6b334c4..d5a8582 100644
--- a/front-end/src/views/management/namespaces/namespace.vue
+++ b/front-end/src/views/management/namespaces/namespace.vue
@@ -703,7 +703,6 @@
import { fetchBrokerStatsTopics } from '@/api/brokerStats'
import { putTopic, fetchTopicsByPulsarManager } from '@/api/topics'
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
-import ElDragSelect from '@/components/DragSelect' // base on element-ui
import MdInput from '@/components/MDinput'
import { validateEmpty } from '@/utils/validate'
@@ -714,7 +713,6 @@
export default {
name: 'NamespaceInfo',
components: {
- ElDragSelect,
MdInput,
Pagination
},
diff --git a/front-end/src/views/management/subscriptions/index.vue b/front-end/src/views/management/subscriptions/index.vue
deleted file mode 100644
index 4b58996..0000000
--- a/front-end/src/views/management/subscriptions/index.vue
+++ /dev/null
@@ -1,533 +0,0 @@
-<template>
- <div class="app-container">
- <div class="createPost-container">
- <el-form ref="postForm" :model="postForm" class="form-container">
- <div class="createPost-main-container">
- <el-row>
- <el-col :span="12">
- <div class="postInfo-container">
- <el-row>
- <el-col :span="8">
- <el-form-item class="postInfo-container-item">
- <el-select v-model="postForm.tenant" placeholder="select tenant" @change="getNamespacesList(postForm.tenant)">
- <el-option v-for="(item,index) in tenantsListOptions" :key="item+index" :label="item" :value="item"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item class="postInfo-container-item">
- <el-select v-model="postForm.namespace" placeholder="select namespace" @change="getTopicsList(postForm.tenant, postForm.namespace)">
- <el-option v-for="(item,index) in namespacesListOptions" :key="item+index" :label="item" :value="item"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item class="postInfo-container-item">
- <el-select v-model="postForm.topic" placeholder="select topic" @change="getSubscriptionsList(postForm.tenant, postForm.namespace, postForm.topic)">
- <el-option v-for="(item,index) in topicsListOptions" :key="item+index" :label="item" :value="item"/>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- </div>
- </el-col>
- </el-row>
- </div>
- </el-form>
- </div>
- <div class="filter-container">
- <el-input :placeholder="$t('table.subscription')" v-model="listQuery.subscription" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter"/>
- <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">{{ $t('table.search') }}</el-button>
- <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">{{ $t('table.subscription') }}</el-button>
- <el-autocomplete
- v-model="postForm.otherOptions"
- :fetch-suggestions="querySearch"
- class="filter-item inline-input"
- style="margin-left: 10px; width:400px"
- placeholder="select options"
- clearable
- @select="moreListOptionsChange"
- />
- </div>
- <el-row :gutter="8">
- <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 24}" :xl="{span: 24}" style="padding-right:8px;margin-bottom:30px;">
- <el-table
- v-loading="listLoading"
- :key="tableKey"
- :data="list"
- border
- fit
- highlight-current-row
- style="width: 100%;"
- @row-click="getCurrentRow">
- <el-table-column :label="$t('table.tenant')" min-width="100px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.tenant }}</span>
- </template>
- </el-table-column>
- <el-table-column :label="$t('table.namespace')" min-width="100px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.namespace }}</span>
- </template>
- </el-table-column>
- <el-table-column :label="$t('table.topic')" min-width="100px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.topic }}</span>
- </template>
- </el-table-column>
- <el-table-column :label="$t('table.subscription')" min-width="100px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.subscription }}</span>
- </template>
- </el-table-column>
- <el-table-column :label="$t('table.actions')" align="center" width="360" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button v-if="scope.row.status!='deleted'" class="el-button el-button--primary el-button--medium" type="danger" @click="handleDelete(scope.row)">{{ $t('table.unsubscription') }}
- </el-button>
- </template>
- </el-table-column>
- </el-table>
- <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getSubscriptions" />
- </el-col>
- </el-row>
-
- <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
- <el-form ref="temp" :rules="rules" :model="temp" label-position="left" label-width="100px" style="width: 400px; margin-left:50px;">
- <div v-if="dialogStatus==='create'">
- <el-form-item label="messageId" prop="messageId">
- <el-input v-model="temp.messageId"/>
- </el-form-item>
- <el-form-item :label="$t('table.subscription')" prop="subscription">
- <el-input v-model="temp.subscription"/>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='skip'">
- <el-form-item label="count" prop="count">
- <el-input v-model="temp.count"/>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='expire-messages'">
- <el-form-item label="expireTime" prop="expireTime">
- <el-input v-model="temp.expireTime"/>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='expire-messages-all-subscriptions'">
- <el-form-item label="expireTime" prop="expireTime">
- <el-input v-model="temp.expireTime"/>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='reset-cursor'">
- <el-form-item label="messageId" prop="messageId">
- <el-input v-model="temp.messageId"/>
- </el-form-item>
- <el-form-item label="time" prop="time">
- <el-input v-model="temp.time"/>
- </el-form-item>
- </div>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button @click="dialogFormVisible = false">{{ $t('table.cancel') }}</el-button>
- <el-button type="primary" @click="handleOptions()">{{ $t('table.confirm') }}</el-button>
- </div>
- </el-dialog>
- </div>
-</template>
-
-<script>
-import { fetchTenants } from '@/api/tenants'
-import { fetchNamespaces } from '@/api/namespaces'
-import { fetchSubscriptions, putSubscription, deleteSubscription } from '@/api/subscriptions'
-import {
- fetchTopics,
- fetchPersistentPartitonsTopics,
- fetchNonPersistentPartitonsTopics,
- skip,
- expireMessage,
- expireMessagesAllSubscriptions,
- resetPersistentCursor
-} from '@/api/topics'
-// import { parsePulsarSchema } from '@/utils'
-import waves from '@/directive/waves' // Waves directive
-import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
-import jsonEditor from '@/components/JsonEditor'
-import { validateEmpty } from '@/utils/validate'
-const defaultForm = {
- tenant: '',
- namespace: '',
- otherOptions: ''
-}
-
-export default {
- name: 'Topics',
- components: {
- Pagination,
- jsonEditor
- },
- directives: { waves },
- filters: {
- statusFilter(status) {
- const statusMap = {
- published: 'success',
- draft: 'info',
- deleted: 'danger'
- }
- return statusMap[status]
- }
- },
- props: {
- isEdit: {
- type: Boolean,
- default: false
- }
- },
- data() {
- return {
- postForm: Object.assign({}, defaultForm),
- loading: false,
- tenantsListOptions: [],
- namespacesListOptions: [],
- topicsListOptions: [],
- moreListOptions: [],
- tableKey: 0,
- list: null,
- localList: [],
- searchList: [],
- total: 0,
- listLoading: false,
- jsonValue: {},
- tenant: '',
- namespace: '',
- topic: '',
- currentSub: '',
- currentTenant: '',
- currentNamespace: '',
- currentTopic: '',
- listQuery: {
- subscription: '',
- page: 1,
- limit: 10
- },
- temp: {
- messageId: '',
- subscription: '',
- count: 0,
- expireTime: 0,
- time: ''
- },
- dialogFormVisible: false,
- dialogStatus: '',
- textMap: {
- update: 'Edit',
- create: 'Create'
- },
- rules: {
- messageId: [{ required: true, message: 'messageId is required', trigger: 'blur' }],
- subscription: [{ required: true, message: 'subscription is required', trigger: 'blur' }],
- count: [{ required: true, message: 'count is required', trigger: 'blur' }],
- expireTime: [{ required: true, message: 'expireTime is required', trigger: 'blur' }],
- time: [{ required: true, message: 'time is required', trigger: 'blur' }]
- }
- // tempRoute: {}
- }
- },
- computed: {
- },
- created() {
- if (this.isEdit) {
- // const id = this.$route.params && this.$route.params.id
- // this.fetchData(id)
- } else {
- this.postForm = Object.assign({}, defaultForm)
- }
- this.getRemoteTenantsList()
- },
- mounted() {
- this.moreListOptions = this.loadAllOptions()
- },
- methods: {
- getSubscriptions() {
- if (this.localList.length > 0) {
- setTimeout(() => {
- this.localPaging()
- }, 0)
- } else {
- this.listLoading = true
- if (this.tenant.length <= 0 || this.namespace.length <= 0 || this.topic.length <= 0) {
- this.tenant = 'public'
- this.namespace = 'default'
- this.topic = 'test'
- }
- fetchSubscriptions(this.tenant, this.namespace, this.topic, this.listQuery).then(response => {
- for (var i = 0; i < response.data.length; i++) {
- this.localList.push({
- 'tenant': this.tenant,
- 'namespace': this.namespace,
- 'topic': this.topic,
- 'subscription': response.data[i]
- })
- }
- this.total = this.localList.length
- this.list = this.localList.slice((this.listQuery.page - 1) * this.listQuery.limit, this.listQuery.limit * this.listQuery.page)
- // this.localPaging()
- // Just to simulate the time of the request
- setTimeout(() => {
- }, 1.5 * 1000)
- })
- this.listLoading = false
- }
- },
- localPaging() {
- this.listLoading = true
- if (!validateEmpty(this.listQuery.subscription)) {
- this.searchList = []
- for (var i = 0; i < this.localList.length; i++) {
- if (this.localList[i]['subscription'].indexOf(this.listQuery.subscription) !== -1) {
- this.searchList.push(this.localList[i])
- }
- }
- this.total = this.searchList.length
- this.list = this.searchList.slice((this.listQuery.page - 1) * this.listQuery.limit, this.listQuery.limit * this.listQuery.page)
- } else {
- this.total = this.localList.length
- this.list = this.localList.slice((this.listQuery.page - 1) * this.listQuery.limit, this.listQuery.limit * this.listQuery.page)
- }
- this.listLoading = false
- },
- handleFilter() {
- this.getSubscriptions()
- },
- resetTemp() {
- this.temp = {
- subscription: ''
- }
- },
- handleCreate() {
- this.resetTemp()
- this.dialogStatus = 'create'
- this.dialogFormVisible = true
- },
- createData() {
- if (this.tenant.length <= 0 || this.namespace <= 0 || this.topic.length <= 0) {
- this.$notify({
- title: 'error',
- message: 'please select tenant and namespace and topic',
- type: 'success',
- duration: 2000
- })
- return
- }
- putSubscription(
- this.tenant,
- this.namespace,
- this.topic,
- this.temp.subscription
- ).then(() => {
- this.localList = []
- this.getSubscriptions()
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'create success',
- type: 'success',
- duration: 2000
- })
- })
- },
- handleDelete(row) {
- this.temp = Object.assign({}, row) // copy obj
- deleteSubscription(
- this.temp.tenant,
- this.temp.namespace,
- this.temp.topic,
- this.temp.subscription
- ).then(response => {
- this.$notify({
- title: 'success',
- message: 'delete success',
- type: 'success',
- duration: 2000
- })
- this.localList = []
- this.getSubscriptions()
- })
- },
- getRemoteTenantsList() {
- fetchTenants().then(response => {
- if (!response.data) return
- this.tenantsListOptions = response.data
- })
- },
- getNamespacesList(tenant) {
- this.tenant = tenant
- fetchNamespaces(tenant, this.query).then(response => {
- let namespace = []
- for (var i = 0; i < response.data.length; i++) {
- namespace = response.data[i].split('/')
- this.namespacesListOptions.push(namespace.splice(1, namespace.length).join('/'))
- }
- })
- },
- getTopicsList(tenant, namespace) {
- this.tenant = tenant
- this.namespace = namespace
- this.topicsListOptions = []
- fetchPersistentPartitonsTopics(this.tenant, this.namespace).then(response => {
- for (var i = 0; i < response.data.length; i++) {
- this.topicsListOptions.push(response.data[i].split('/' + this.namespace + '/')[1])
- }
- })
- fetchNonPersistentPartitonsTopics(this.tenant, this.namespace).then(response => {
- for (var i = 0; i < response.data.length; i++) {
- this.topicsListOptions.push(response.data[i].split('/' + this.namespace + '/')[1])
- }
- })
- fetchTopics(this.tenant, this.namespace, this.listQuery).then(response => {
- for (var i = 0; i < response.data.length; i++) {
- this.topicsListOptions.push(response.data[i].split('/' + this.namespace + '/')[1])
- }
- })
- },
- getSubscriptionsList(tenant, namespace, topic) {
- this.tenant = tenant
- this.namespace = namespace
- this.topic = topic
- this.localList = []
- this.getSubscriptions()
- },
- moreListOptionsChange(item) {
- if (item.value === 'expire-messages-all-subscriptions') {
- this.dialogStatus = item.value
- this.dialogFormVisible = true
- return
- }
- if (this.currentSub.length <= 0) {
- this.$notify({
- title: 'error',
- message: 'Please select any one namespace in table',
- type: 'error',
- duration: 3000
- })
- this.postForm.otherOptions = ''
- return
- }
- this.dialogStatus = item.value
- this.dialogFormVisible = true
- this.$nextTick(() => {
- this.$refs['temp'].clearValidate()
- })
- },
- querySearch(queryString, cb) {
- var moreListOptions = this.moreListOptions
- var results = moreListOptions.filter(this.createFilterOptions(queryString))
- cb(results)
- },
- createFilterOptions(queryString) {
- return (moreListOptions) => {
- return (moreListOptions.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
- }
- },
- loadAllOptions() {
- return [
- { 'value': 'skip' },
- { 'value': 'expire-messages' },
- { 'value': 'expire-messages-all-subscriptions' },
- { 'value': 'reset-cursor' }
- ]
- },
- getCurrentRow(item) {
- this.currentTenant = item.tenant
- this.currentNamespace = item.namespace
- this.currentTopic = item.topic
- this.currentSub = item.subscription
- },
- handleOptions() {
- this.$refs['temp'].validate((valid) => {
- if (valid) {
- switch (this.dialogStatus) {
- case 'create':
- this.createData()
- break
- case 'skip':
- this.confirmSkip()
- break
- case 'expire-messages':
- this.confirmExpireMessage()
- break
- case 'expire-messages-all-subscriptions':
- this.confirmExpireMessagesAllSubscriptions()
- break
- case 'reset-cursor':
- this.confirmResetCursor()
- break
- }
- }
- })
- },
- confirmSkip() {
- const tenantNamespaceTopic = this.currentTenant + '/' + this.currentNamespace + '/' + this.currentTopic
- skip(tenantNamespaceTopic, this.currentSub, this.temp.count).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Skip success for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmExpireMessage() {
- const tenantNamespaceTopic = this.currentTenant + '/' + this.currentNamespace + '/' + this.currentTopic
- expireMessage(tenantNamespaceTopic, this.currentSub, this.temp.expireTime).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Expire message for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmExpireMessagesAllSubscriptions() {
- const tenantNamespaceTopic = this.tenant + '/' + this.namespace + '/' + this.topic
- expireMessagesAllSubscriptions(tenantNamespaceTopic, this.temp.expireTime).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Expire all message for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmResetCursor() {
- const tenantNamespaceTopic = this.currentTenant + '/' + this.currentNamespace + '/' + this.currentTopic
- resetPersistentCursor(tenantNamespaceTopic, this.currentSub, this.temp.time, this.temp.messageId).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'resetCursor for this topic',
- type: 'success',
- duration: 3000
- })
- })
- }
- }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-@import "src/styles/mixin.scss";
-.createPost-container {
- position: relative;
- .createPost-main-container {
- .postInfo-container {
- position: relative;
- @include clearfix;
- margin-bottom: 10px;
- .postInfo-container-item {
- float: left;
- }
- }
- }
-}
-</style>
diff --git a/front-end/src/views/management/tenants/index.vue b/front-end/src/views/management/tenants/index.vue
index 253a58b..d77a36f 100644
--- a/front-end/src/views/management/tenants/index.vue
+++ b/front-end/src/views/management/tenants/index.vue
@@ -115,7 +115,6 @@
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
import jsonEditor from '@/components/JsonEditor'
import { validateEmpty } from '@/utils/validate'
-import ElDragSelect from '@/components/DragSelect' // base on element-ui
const defaultForm = {
cluster: ''
}
@@ -123,8 +122,7 @@
name: 'Tenants',
components: {
Pagination,
- jsonEditor,
- ElDragSelect
+ jsonEditor
},
directives: { waves },
filters: {
diff --git a/front-end/src/views/management/topics/index.vue b/front-end/src/views/management/topics/index.vue
deleted file mode 100644
index b998a29..0000000
--- a/front-end/src/views/management/topics/index.vue
+++ /dev/null
@@ -1,777 +0,0 @@
-<template>
- <div class="app-container">
- <div class="createPost-container">
- <el-form ref="postForm" :model="postForm" class="form-container">
- <div class="createPost-main-container">
- <el-row>
- <el-col :span="12">
- <div class="postInfo-container">
- <el-row>
- <el-col :span="8">
- <el-form-item class="postInfo-container-item">
- <el-select v-model="postForm.tenant" placeholder="select tenant" @change="getNamespacesList(postForm.tenant)">
- <el-option v-for="(item,index) in tenantsListOptions" :key="item+index" :label="item" :value="item"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item class="postInfo-container-item">
- <el-select v-model="postForm.namespace" placeholder="select namespace" @change="getTopicsList(postForm.tenant, postForm.namespace)">
- <el-option v-for="(item,index) in namespacesListOptions" :key="item+index" :label="item" :value="item"/>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- </div>
- </el-col>
- </el-row>
- </div>
- </el-form>
- </div>
- <div class="filter-container">
- <el-input :placeholder="$t('table.topic')" v-model="listQuery.topic" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter"/>
- <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">{{ $t('table.search') }}</el-button>
- <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">{{ $t('table.add') }}</el-button>
- <el-dropdown class="filter-item" style="margin-left: 10px;" @command="handleCommand">
- <el-button type="primary">
- Schemas<i class="el-icon-arrow-down el-icon--right"/>
- </el-button>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item command="schemas-get">get</el-dropdown-item>
- <el-dropdown-item command="schemas-delete">delete</el-dropdown-item>
- <el-dropdown-item command="schemas-upload">upload</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- <el-autocomplete
- v-model="postForm.otherOptions"
- :fetch-suggestions="querySearch"
- class="filter-item inline-input"
- style="margin-left: 10px; width:400px"
- placeholder="select options"
- clearable
- @select="moreListOptionsChange"
- />
- </div>
- <el-row :gutter="8">
- <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 16}" :xl="{span: 16}" style="padding-right:8px;margin-bottom:30px;">
- <el-table
- v-loading="listLoading"
- :key="tableKey"
- :data="list"
- border
- fit
- highlight-current-row
- style="width: 100%;"
- @row-click="getCurrentRow">
- <el-table-column :label="$t('table.topic')" min-width="100px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.topic }}</span>
- </template>
- </el-table-column>
- <el-table-column :label="$t('table.stats')" align="center" min-width="50px">
- <template slot-scope="scope">
- <span class="link-type" @click="handleGetStats(scope.row)">stats</span>
- </template>
- </el-table-column>
- <el-table-column :label="$t('table.partition')" align="center" min-width="50px">
- <template slot-scope="scope">
- <span>{{ scope.row.isPartition }}</span>
- </template>
- </el-table-column>
- <el-table-column :label="$t('table.actions')" align="center" width="240" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button type="primary" size="mini" @click="handleUpdate(scope.row)">{{ $t('table.edit') }}</el-button>
- <el-button v-if="scope.row.status!='deleted'" size="mini" type="danger" @click="handleDelete(scope.row)">{{ $t('table.delete') }}
- </el-button>
- </template>
- </el-table-column>
- </el-table>
- <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getTopics" />
- </el-col>
- <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 8}" :xl="{span: 8}" style="margin-bottom:30px;">
- <jsonEditor :value="jsonValue"/>
- </el-col>
- </el-row>
-
- <el-dialog :visible.sync="dialogFormVisible">
- <el-form ref="temp" :rules="rules" :model="temp" label-position="left" label-width="70px" style="width: 400px; margin-left:50px;">
- <div v-if="dialogStatus==='create'">
- <el-form-item :label="$t('table.topic')" prop="topic">
- <el-input v-model="temp.topic"/>
- </el-form-item>
- <el-form-item :label="$t('table.partition')" prop="partition">
- <el-input v-model="temp.partitions"/>
- </el-form-item>
- </div>
- <div v-if="dialogStatus==='update'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ temp.topic }}</span>
- </el-form-item>
- <el-form-item :label="$t('table.partition')" prop="partition">
- <el-input v-model="temp.partitions"/>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='grant-permission'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- <el-form-item :label="$t('table.grant')" prop="grant">
- <el-drag-select v-model="temp.actions" style="width:300px;" multiple placeholder="Please select">
- <el-option v-for="item in actionsListOptions" :label="item.label" :value="item.value" :key="item.value" />
- </el-drag-select>
- </el-form-item>
- <el-form-item :label="$t('table.role')" prop="role">
- <el-input v-model="temp.role" style="width:300px;" />
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='revoke-permission'">
- <el-form-item :label="$t('table.namespace')" prop="namespace">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- <el-form-item :label="$t('table.role')" prop="role">
- <el-input v-model="temp.role"/>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='unload'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='terminate'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='compact'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='offload'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- <el-form-item label="Size" prop="thresholdSize">
- <el-input v-model="temp.thresholdSize"/>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='schemas-delete'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- </div>
- <div v-else-if="dialogStatus==='schemas-upload'">
- <el-form-item :label="$t('table.topic')">
- <span>{{ currentTopic }}</span>
- </el-form-item>
- <label class="text-reader">
- <input type="file" @change="loadTextFromFile">
- </label>
- </div>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button @click="dialogFormVisible = false">{{ $t('table.cancel') }}</el-button>
- <el-button type="primary" @click="handleOptions()">{{ $t('table.confirm') }}</el-button>
- </div>
- </el-dialog>
- </div>
-</template>
-
-<script>
-import { fetchTenants } from '@/api/tenants'
-import { fetchNamespaces } from '@/api/namespaces'
-import {
- fetchTopics,
- fetchTopicStats,
- putTopic,
- putTopicByPartition,
- updateTopic,
- getPartitionMetadata,
- fetchPartitionTopicStats,
- fetchPersistentPartitonsTopics,
- fetchNonPersistentPartitonsTopics,
- deletePartitionTopic,
- grantPermissions,
- revokePermissions,
- unload,
- terminate,
- compact,
- compactionStatus,
- offload
-} from '@/api/topics'
-import { schemasGet, schemasDelete, schemasUpload } from '@/api/schemas'
-import { parsePulsarSchema } from '@/utils'
-import waves from '@/directive/waves' // Waves directive
-import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
-import jsonEditor from '@/components/JsonEditor'
-import { validateEmpty } from '@/utils/validate'
-import ElDragSelect from '@/components/DragSelect' // base on element-ui
-const defaultForm = {
- tenant: '',
- namespace: '',
- otherOptions: ''
-}
-
-export default {
- name: 'Topics',
- components: {
- Pagination,
- jsonEditor,
- ElDragSelect
- },
- directives: { waves },
- filters: {
- statusFilter(status) {
- const statusMap = {
- published: 'success',
- draft: 'info',
- deleted: 'danger'
- }
- return statusMap[status]
- }
- },
- props: {
- isEdit: {
- type: Boolean,
- default: false
- }
- },
- data() {
- return {
- postForm: Object.assign({}, defaultForm),
- loading: false,
- tenantsListOptions: [],
- namespacesListOptions: [],
- actionsListOptions: [],
- moreListOptions: [],
- fileList: [],
- tableKey: 0,
- list: null,
- localList: [],
- searchList: [],
- total: 0,
- listLoading: true,
- jsonValue: {},
- tenant: '',
- namespace: '',
- currentTopic: '',
- currentCommand: '',
- isPartitioned: '',
- listQuery: {
- topic: '',
- page: 1,
- limit: 10
- },
- temp: {
- topic: '',
- partitions: 0,
- role: '',
- actions: [],
- thresholdSize: '',
- schemasFilenamePath: '',
- currentJsonFile: ''
- },
- dialogFormVisible: false,
- dialogStatus: '',
- textMap: {
- update: 'Edit',
- create: 'Create'
- },
- rules: {
- topic: [{ required: true, message: 'topic is required', trigger: 'blur' }],
- thresholdSize: [{ required: true, message: 'thresholdSize is required', trigger: 'blur' }]
- }
- // tempRoute: {}
- }
- },
- computed: {
- },
- created() {
- this.getTopics()
- if (this.isEdit) {
- // const id = this.$route.params && this.$route.params.id
- // this.fetchData(id)
- } else {
- this.postForm = Object.assign({}, defaultForm)
- }
- this.getRemoteTenantsList()
- },
- mounted() {
- this.moreListOptions = this.loadAllOptions()
- this.actionsListOptions = [{ value: 'produce', label: 'produce' }, { value: 'consume', label: 'consume' }]
- },
- methods: {
- getTopics() {
- if (this.localList.length > 0) {
- setTimeout(() => {
- this.localPaging()
- }, 0)
- } else {
- this.listLoading = true
- if (this.postForm.tenant.length > 0) {
- this.tenant = this.postForm.tenant
- }
- if (this.postForm.namespace.length > 0) {
- this.namespace = this.postForm.namespace
- }
- if (this.tenant.length <= 0 || this.namespace.length <= 0) {
- this.tenant = 'public'
- this.namespace = 'default'
- }
- fetchPersistentPartitonsTopics(this.tenant, this.namespace).then(response => {
- for (var i = 0; i < response.data.length; i++) {
- this.localList.push({ 'topic': response.data[i], 'isPartition': 'yes', 'partitions': 0 })
- }
- })
- fetchNonPersistentPartitonsTopics(this.tenant, this.namespace).then(response => {
- for (var i = 0; i < response.data.length; i++) {
- this.localList.push({ 'topic': response.data[i], 'isPartition': 'yes', 'partitions': 0 })
- }
- })
- fetchTopics(this.tenant, this.namespace, this.listQuery).then(response => {
- for (var i = 0; i < response.data.length; i++) {
- this.localList.push({ 'topic': response.data[i], 'isPartition': 'no', 'partitions': 0 })
- }
- this.total = this.localList.length
- this.list = this.localList.slice((this.listQuery.page - 1) * this.listQuery.limit, this.listQuery.limit * this.listQuery.page)
- // this.localPaging()
- // Just to simulate the time of the request
- setTimeout(() => {
- this.listLoading = false
- }, 1.5 * 1000)
- })
- }
- },
- localPaging() {
- this.listLoading = true
- if (!validateEmpty(this.listQuery.topic)) {
- this.searchList = []
- for (var i = 0; i < this.localList.length; i++) {
- if (this.localList[i]['topic'].indexOf(this.listQuery.topic) !== -1) {
- this.searchList.push(this.localList[i])
- }
- }
- this.total = this.searchList.length
- this.list = this.searchList.slice((this.listQuery.page - 1) * this.listQuery.limit, this.listQuery.limit * this.listQuery.page)
- } else {
- this.total = this.localList.length
- this.list = this.localList.slice((this.listQuery.page - 1) * this.listQuery.limit, this.listQuery.limit * this.listQuery.page)
- }
- this.listLoading = false
- },
- handleFilter() {
- this.getTopics()
- },
- resetTemp() {
- this.temp = {
- topic: ''
- }
- },
- handleCreate() {
- this.resetTemp()
- this.dialogStatus = 'create'
- this.dialogFormVisible = true
- },
- createTopic() {
- if (this.tenant.length <= 0 || this.namespace <= 0) {
- this.$notify({
- title: 'error',
- message: 'please select tenant and namespace',
- type: 'success',
- duration: 2000
- })
- return
- }
- if (parseInt(this.temp.partitions) > 0) {
- putTopicByPartition(this.tenant, this.namespace, this.temp.topic, parseInt(this.temp.partitions)).then(() => {
- this.localList = []
- this.getTopics()
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'create parition topic success',
- type: 'success',
- duration: 2000
- })
- })
- } else {
- putTopic(this.tenant, this.namespace, this.temp.topic, parseInt(this.temp.partitions)).then(() => {
- this.localList = []
- this.getTopics()
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'create topic success',
- type: 'success',
- duration: 2000
- })
- })
- }
- },
- handleUpdate(row) {
- this.temp = Object.assign({}, row) // copy obj
- this.dialogStatus = 'update'
- this.dialogFormVisible = true
- const tenantNamespaceTopic = parsePulsarSchema(this.temp.topic)
- getPartitionMetadata(tenantNamespaceTopic[1]).then(response => {
- this.temp.partitions = response.data.partitions
- })
- },
- updateData() {
- this.$refs['temp'].validate((valid) => {
- if (valid) {
- const tempData = Object.assign({}, this.temp)
- if (tempData.isPartition !== 'yes') {
- this.$notify({
- title: 'error',
- message: 'this partition no support update',
- type: 'success',
- duration: 2000
- })
- return
- }
- const tenantNamespaceTopic = parsePulsarSchema(tempData.topic)
- updateTopic(tenantNamespaceTopic[1], parseInt(tempData.partitions)).then(() => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'update success',
- type: 'success',
- duration: 2000
- })
- })
- }
- })
- },
- handleDelete(row) {
- this.temp = Object.assign({}, row) // copy obj
- const tenantNamespaceTopic = parsePulsarSchema(this.temp.topic)
- if (this.temp.isPartition !== 'yes') {
- this.$notify({
- title: 'error',
- message: 'non partition no support delete event',
- type: 'success',
- duration: 2000
- })
- return
- }
- deletePartitionTopic(tenantNamespaceTopic[1]).then(response => {
- this.$notify({
- title: 'success',
- message: 'delete success',
- type: 'success',
- duration: 2000
- })
- this.localList = []
- this.getTopics()
- })
- },
- handleGetStats(row) {
- this.temp = Object.assign({}, row) // copy obj
- const tenantNamespaceTopic = parsePulsarSchema(this.temp.topic)
- if (this.temp.isPartition !== 'yes') {
- fetchTopicStats(tenantNamespaceTopic[1]).then(response => {
- this.jsonValue = response.data
- })
- } else {
- fetchPartitionTopicStats(tenantNamespaceTopic[1]).then(response => {
- this.jsonValue = response.data
- })
- }
- },
- getRemoteTenantsList() {
- fetchTenants().then(response => {
- if (!response.data) return
- this.tenantsListOptions = response.data
- })
- },
- getNamespacesList(tenant) {
- this.tenant = tenant
- fetchNamespaces(tenant, this.query).then(response => {
- let namespace = []
- for (var i = 0; i < response.data.length; i++) {
- namespace = response.data[i].split('/')
- // namespace.splice(1, namespace.length).join('/')
- this.namespacesListOptions.push(namespace.splice(1, namespace.length).join('/'))
- }
- })
- },
- getTopicsList(tenant, namespace) {
- this.tenant = tenant
- this.namespace = namespace
- this.localList = []
- this.getTopics()
- },
- moreListOptionsChange(item) {
- if (this.currentTopic.length <= 0) {
- this.$notify({
- title: 'error',
- message: 'Please select any one namespace in table',
- type: 'error',
- duration: 3000
- })
- this.postForm.otherOptions = ''
- return
- }
- this.dialogStatus = item.value
- this.dialogFormVisible = true
- this.$nextTick(() => {
- this.$refs['temp'].clearValidate()
- })
- },
- querySearch(queryString, cb) {
- var moreListOptions = this.moreListOptions
- var results = moreListOptions.filter(this.createFilterOptions(queryString))
- cb(results)
- },
- createFilterOptions(queryString) {
- return (moreListOptions) => {
- return (moreListOptions.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
- }
- },
- loadAllOptions() {
- const options = [
- { 'value': 'unload' },
- // No find document for this interface
- // { 'value': 'clear-backlog' },
- { 'value': 'terminate' },
- { 'value': 'compact' },
- { 'value': 'offload' }
- ]
- if (process.env.USE_TLS) {
- options.push({ 'value': 'grant-permission' })
- options.push({ 'value': 'revoke-permission' })
- }
- return options
- },
- getCurrentRow(item) {
- this.currentTopic = parsePulsarSchema(item.topic)[1]
- this.isPartitioned = item.isPartition
- },
- handleOptions() {
- this.$refs['temp'].validate((valid) => {
- if (valid) {
- switch (this.dialogStatus) {
- case 'create':
- this.createTopic()
- break
- case 'update':
- this.updateData()
- break
- case 'grant-permission':
- this.confirmGrantPermission()
- break
- case 'revoke-permission':
- this.confirmRevokePermissions()
- break
- case 'unload':
- this.confirmUnload()
- break
- case 'terminate':
- this.confirmTerminate()
- break
- case 'compact':
- this.confirmCompact()
- break
- case 'offload':
- this.confirmOffload()
- break
- case 'schemas-upload':
- this.confirmSchemasUpload()
- break
- }
- }
- })
- },
- confirmGrantPermission() {
- grantPermissions(this.currentTopic, this.temp.role, this.temp.actions).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Grant Permissions success',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmRevokePermissions() {
- revokePermissions(this.currentTopic, this.temp.role).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Revoke Permissions success',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmUnload() {
- unload(this.currentTopic).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Unload success for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmTerminate() {
- if (this.isPartitioned === 'yes') {
- this.$notify({
- title: 'warning',
- message: 'Termination of a partitioned topic is not allowed',
- type: 'warning',
- duration: 3000
- })
- return
- }
- terminate(this.currentTopic).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Terminate for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmCompact() {
- if (this.isPartitioned === 'yes') {
- this.$notify({
- title: 'warning',
- message: 'no support in partitioned topic',
- type: 'warning',
- duration: 3000
- })
- return
- }
- compact(this.currentTopic).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Compact for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmOffload() {
- if (this.isPartitioned === 'yes') {
- this.$notify({
- title: 'warning',
- message: 'no support in partitioned topic',
- type: 'warning',
- duration: 3000
- })
- return
- }
- offload(this.currentTopic, this.temp.thresholdSize).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Compact for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmCompactionStatus() {
- const data = this.temp.data
- compactionStatus(this.currentTopic, data).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'compactionStatus for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- confirmSchemasGet() {
- schemasGet(this.currentTopic, 0).then(response => {
- this.$notify({
- title: 'success',
- message: 'Schemas get success for this topic',
- type: 'success',
- duration: 3000
- })
- this.jsonValue = response.data
- })
- },
- confirmSchemasDelete() {
- schemasDelete(this.currentTopic).then(response => {
- this.$notify({
- title: 'success',
- message: 'Schemas delete success for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- loadTextFromFile(ev) {
- const file = ev.target.files[0]
- var reader = new FileReader()
- reader.onload = e => {
- this.temp.currentJsonFile = ''
- this.temp.currentJsonFile = e.target.result
- }
- reader.readAsText(file)
- },
- confirmSchemasUpload() {
- // don't read json file
- this.dialogFormVisible = true
- schemasUpload(this.currentTopic, this.temp.currentJsonFile).then(response => {
- this.dialogFormVisible = false
- this.$notify({
- title: 'success',
- message: 'Schemas upload success for this topic',
- type: 'success',
- duration: 3000
- })
- })
- },
- handleCommand(command) {
- if (this.currentTopic.length <= 0) {
- this.$notify({
- title: 'error',
- message: 'Please select any one topic in table',
- type: 'error',
- duration: 3000
- })
- return
- }
- this.currentCommand = command
- switch (this.currentCommand) {
- case 'schemas-get':
- this.confirmSchemasGet()
- break
- case 'schemas-upload':
- this.dialogFormVisible = true
- this.dialogStatus = 'schemas-upload'
- break
- case 'schemas-delete':
- this.confirmSchemasDelete()
- break
- }
- }
- }
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-@import "src/styles/mixin.scss";
-.createPost-container {
- position: relative;
- .createPost-main-container {
- .postInfo-container {
- position: relative;
- @include clearfix;
- margin-bottom: 10px;
- .postInfo-container-item {
- float: left;
- }
- }
- }
-}
-</style>
diff --git a/old-modules/.env b/old-modules/.env
deleted file mode 100644
index e69de29..0000000
--- a/old-modules/.env
+++ /dev/null
diff --git a/old-modules/.env.development b/old-modules/.env.development
deleted file mode 100644
index dcbe99d..0000000
--- a/old-modules/.env.development
+++ /dev/null
@@ -1 +0,0 @@
-REACT_APP_PULSAR_WEB_URL=http://localhost:8080
diff --git a/old-modules/.env.local b/old-modules/.env.local
deleted file mode 100644
index e69de29..0000000
--- a/old-modules/.env.local
+++ /dev/null
diff --git a/old-modules/package.json b/old-modules/package.json
deleted file mode 100644
index 76ea7c9..0000000
--- a/old-modules/package.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "name": "@pulsar/apache-pulsar-admin-ui",
- "version": "0.0.1",
- "description": "Apache Pulsar Admin UI",
- "author": "Pulsar Contributors",
- "homepage": "https://pulsar.apache.org",
- "copyright": "Copyright 2018",
- "license": "MIT",
- "private": true,
- "repository": {
- "type": "git",
- "url": "git@github.com:coreui/coreui-free-react-admin-template.git"
- },
- "dependencies": {
- "@coreui/coreui": "^2.0.15",
- "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
- "@coreui/icons": "0.3.0",
- "@coreui/react": "^2.0.9",
- "axios": "^0.18.0",
- "bootstrap": "^4.1.3",
- "chart.js": "^2.7.2",
- "classnames": "^2.2.6",
- "core-js": "^2.5.7",
- "datatables.net": "^1.10.19",
- "enzyme": "^3.7.0",
- "enzyme-adapter-react-16": "^1.6.0",
- "flag-icon-css": "^3.2.0",
- "font-awesome": "^4.7.0",
- "http-proxy-middleware": "^0.19.0",
- "jquery": "^3.3.1",
- "node-sass": "^4.9.3",
- "prop-types": "^15.6.2",
- "react": "^16.5.2",
- "react-app-polyfill": "^0.1.3",
- "react-chartjs-2": "^2.7.2",
- "react-dom": "^16.5.2",
- "react-loadable": "^5.5.0",
- "react-router-config": "^4.4.0-beta.1",
- "react-router-dom": "^4.3.1",
- "react-test-renderer": "^16.5.2",
- "reactstrap": "^6.5.0",
- "simple-line-icons": "^2.4.1"
- },
- "devDependencies": {
- "react-scripts": "^2.0.4"
- },
- "scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
- "test:debug": "react-scripts --inspect-brk test --runInBand",
- "eject": "react-scripts eject"
- },
- "bugs": {
- "url": "https://github.com/coreui/coreui-free-react-admin-template/issues"
- },
- "eslintConfig": {
- "extends": "react-app"
- },
- "browserslist": [
- ">0.2%",
- "not dead",
- "not ie <= 9",
- "not op_mini all"
- ]
-}
diff --git a/old-modules/public/assets/.gitkeep b/old-modules/public/assets/.gitkeep
deleted file mode 100644
index e69de29..0000000
--- a/old-modules/public/assets/.gitkeep
+++ /dev/null
diff --git a/old-modules/public/assets/img/favicon.png b/old-modules/public/assets/img/favicon.png
deleted file mode 100644
index ab42c38..0000000
--- a/old-modules/public/assets/img/favicon.png
+++ /dev/null
Binary files differ
diff --git a/old-modules/public/favicon.ico b/old-modules/public/favicon.ico
deleted file mode 100644
index a3d664e..0000000
--- a/old-modules/public/favicon.ico
+++ /dev/null
Binary files differ
diff --git a/old-modules/public/index.html b/old-modules/public/index.html
deleted file mode 100644
index a5bf77a..0000000
--- a/old-modules/public/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="description" content="CoreUI for React - Open Source Bootstrap Admin Template">
- <meta name="author" content="Apache Pulsar Contributors">
- <meta name="keyword" content="PubSub,Messaging,Streaming,EventStore">
- <title>Apache Pulsar Admin UI</title>
- <!--
- manifest.json provides metadata used when your web app is added to the
- homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
- -->
- <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
- <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
- <!--
- Notice the use of %PUBLIC_URL% in the tags above.
- It will be replaced with the URL of the `public` folder during the build.
- Only files inside the `public` folder can be referenced from the HTML.
-
- Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
- work correctly both with client-side routing and a non-root public URL.
- Learn how to configure a non-root public URL by running `npm run build`.
- -->
- </head>
-
- <!-- BODY options, add following classes to body to change options
-
- // Header options
- 1. '.header-fixed' - Fixed Header
-
- // Brand options
- 1. '.brand-minimized' - Minimized brand (Only symbol)
-
- // Sidebar options
- 1. '.sidebar-fixed' - Fixed Sidebar
- 2. '.sidebar-hidden' - Hidden Sidebar
- 3. '.sidebar-off-canvas' - Off Canvas Sidebar
- 4. '.sidebar-minimized' - Minimized Sidebar (Only icons)
- 5. '.sidebar-compact' - Compact Sidebar
-
- // Aside options
- 1. '.aside-menu-fixed' - Fixed Aside Menu
- 2. '.aside-menu-hidden' - Hidden Aside Menu
- 3. '.aside-menu-off-canvas' - Off Canvas Aside Menu
-
- // Breadcrumb options
- 1. '.breadcrumb-fixed' - Fixed Breadcrumb
-
- // Footer options
- 1. '.footer-fixed' - Fixed footer
-
- -->
-
- <body>
- <noscript>
- You need to enable JavaScript to run this app.
- </noscript>
- <div id="root"></div>
- <!--
- This HTML file is a template.
- If you open it directly in the browser, you will see an empty page.
-
- You can add webfonts, meta tags, or analytics to this file.
- The build step will place the bundled scripts into the <body> tag.
-
- To begin the development, run `npm start` or `yarn start`.
- To create a production bundle, use `npm run build` or `yarn build`.
- -->
- </body>
-</html>
diff --git a/old-modules/public/manifest.json b/old-modules/public/manifest.json
deleted file mode 100644
index a6ff7ff..0000000
--- a/old-modules/public/manifest.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
- "short_name": "Pulsar Admin UI",
- "name": "Apache Pulsar Admin UI",
- "icons": [
- {
- "src": "./assets/img/favicon.png",
- "sizes": "100x100",
- "type": "image/png"
- }
- ],
- "start_url": ".",
- "display": "standalone",
- "theme_color": "#000000",
- "background_color": "#ffffff"
-}
diff --git a/old-modules/src/App.js b/old-modules/src/App.js
deleted file mode 100644
index 19336d4..0000000
--- a/old-modules/src/App.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { HashRouter, Route, Switch } from 'react-router-dom';
-import './App.scss';
-
-// Containers
-import { DefaultLayout } from './containers';
-
-// import { renderRoutes } from 'react-router-config';
-
-class App extends Component {
- render() {
- return (
- <HashRouter>
- <Switch>
- <Route path="/" name="Home" component={DefaultLayout} />
- </Switch>
- </HashRouter>
- );
- }
-}
-
-export default App;
diff --git a/old-modules/src/App.scss b/old-modules/src/App.scss
deleted file mode 100644
index 618f719..0000000
--- a/old-modules/src/App.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-//
-
-// Styles
-// CoreUI Icons Set
-@import '~@coreui/icons/css/coreui-icons.css';
-// Import Flag Icons Set
-@import '~flag-icon-css/css/flag-icon.min.css';
-// Import Font Awesome Icons Set
-@import '~font-awesome/css/font-awesome.min.css';
-// Import Simple Line Icons Set
-@import '~simple-line-icons/css/simple-line-icons.css';
-// Import Main styles for this application
-@import './scss/style.scss';
diff --git a/old-modules/src/App.test.js b/old-modules/src/App.test.js
deleted file mode 100644
index 534a4ef..0000000
--- a/old-modules/src/App.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// import React from 'react';
-// import ReactDOM from 'react-dom';
-// import App from './App';
-//
-// jest.mock('react-chartjs-2', () => ({
-// Line: () => null,
-// Polar: () => null,
-// Pie: () => null,
-// Radar: () => null,
-// Bar: () => null,
-// Doughnut: () => null,
-// }));
-
-// it('renders without crashing', () => {
-// const div = document.createElement('div');
-// ReactDOM.render(<App />, div);
-// ReactDOM.unmountComponentAtNode(div);
-// });
-
-it('', () => {})
diff --git a/old-modules/src/_nav.js b/old-modules/src/_nav.js
deleted file mode 100644
index f64e288..0000000
--- a/old-modules/src/_nav.js
+++ /dev/null
@@ -1,131 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export default {
- items: [
- {
- name: 'Dashboard',
- url: '/dashboard',
- icon: 'icon-speedometer',
- badge: {
- variant: 'info',
- text: 'NEW',
- },
- },
- {
- title: true,
- name: 'Management',
- wrapper: { // optional wrapper object
- element: '', // required valid HTML5 element tag
- attributes: {} // optional valid JS object with JS API naming ex: { className: "my-class", style: { fontFamily: "Verdana" }, id: "my-id"}
- },
- class: '' // optional class names space delimited list for title item ex: "text-center"
- },
- {
- name: 'Tenants',
- url: '/management/tenants',
- icon: 'icon-people',
- },
- {
- name: 'Namespaces',
- url: '/management/namespaces',
- icon: 'icon-list',
- },
- {
- divider: true,
- },
- {
- name: 'Connectors',
- url: '/management/connectors',
- icon: 'icon-shuffle',
- },
- {
- name: 'Topics',
- url: '/management/topics',
- icon: 'icon-grid',
- },
- {
- name: 'Functions',
- url: '/management/functions',
- icon: 'icon-graph',
- },
- {
- name: 'SQL',
- url: '/management/sql',
- icon: 'icon-energy',
- },
- {
- title: true,
- name: 'Monitoring',
- wrapper: {
- element: '',
- attributes: {},
- },
- },
- {
- name: 'System Health',
- url: '/monitoring/health',
- icon: 'icon-speedometer',
- },
- {
- name: 'Namespaces',
- url: '/monitoring/namespaces',
- icon: 'icon-layers',
- children: [
- ],
- },
- {
- title: true,
- name: 'Alerts',
- wrapper: {
- element: '',
- attributes: {},
- },
- },
- {
- name: 'Overview',
- url: '/alerts/overview',
- icon: 'icon-bell',
- children: [
- ],
- },
- {
- title: true,
- name: 'Resources',
- wrapper: {
- element: '',
- attributes: {},
- },
- },
- {
- name: 'Documentation',
- url: 'https://pulsar.apache.org',
- icon: 'icon-docs',
- },
- {
- name: 'Slack',
- url: 'https://pulsar.apache.org',
- icon: 'icon-bubble',
- },
- {
- name: 'Github',
- url: 'https://github.com/apache/pulsar',
- icon: 'icon-social-github'
- },
- {
- name: 'Contact Us',
- url: 'http://pulsar.apache.org/en/contact/',
- icon: 'icon-envelope',
- },
- ],
-};
diff --git a/old-modules/src/api/PulsarApi.js b/old-modules/src/api/PulsarApi.js
deleted file mode 100644
index e660788..0000000
--- a/old-modules/src/api/PulsarApi.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const PULSAR_ADMIN_API = `/admin/v2`;
-const axios = require('axios');
-
-class PulsarApi {
-
- constructor() {
- this.apiPath = PULSAR_ADMIN_API;
- axios.defaults.headers.get['Content-Type'] = 'application/json';
- axios.defaults.headers.post['Content-Type'] = 'application/json';
- axios.defaults.headers.put['Content-Type'] = 'application/json';
- }
-
- // tenants
-
- getTenants() {
- return axios.get(`${this.apiPath}/tenants`);
- }
-
- createTenant(tenant, tenantInfo) {
- return axios.put(`${this.apiPath}/tenants/${tenant}`, tenantInfo);
- }
-
- deleteTenant(tenant) {
- return axios.delete(`${this.apiPath}/tenants/${tenant}`);
- }
-
- // Namespaces
-
- getNamespaces(tenant) {
- return axios.get(`${this.apiPath}/namespaces/${tenant}`);
- }
-
- deleteNamespace(fully_qualified_namespace) {
- return axios.delete(`${this.apiPath}/namespaces/${fully_qualified_namespace}`);
- }
-
- createNamespace(tenant, namespace, policies) {
- console.log("Create name space : " + tenant + "/" + namespace);
- return axios.put(`${this.apiPath}/namespaces/${tenant}/${namespace}`, policies);
- }
-
- // Topics
-
- getTopics(tenant, namespace) {
- return axios.get(`${this.apiPath}/persistent/${tenant}/${namespace}`);
- }
-
- getPartitionedTopics(tenant, namespace) {
- return axios.get(`${this.apiPath}/persistent/${tenant}/${namespace}/partitioned`);
- }
-
-}
-
-const API = new PulsarApi();
-
-export default API;
diff --git a/old-modules/src/api/package.json b/old-modules/src/api/package.json
deleted file mode 100644
index 8c9a661..0000000
--- a/old-modules/src/api/package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "name": "PulsarApi",
- "version": "0.0.0",
- "main": "./PulsarApi.js"
-}
diff --git a/old-modules/src/assets/img/brand/logo.svg b/old-modules/src/assets/img/brand/logo.svg
deleted file mode 100644
index bd063c7..0000000
--- a/old-modules/src/assets/img/brand/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 223.44 43.08"><defs><style>.cls-1{fill:#188fff;}.cls-2{fill:#464e56;}</style></defs><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M61,13.73H46.09C42.06,6,37.8,0,32,0c-7.55,0-11.1,6.59-14.53,13l-.3.56H0v3.81H10c3.53,0,4.25,1.19,4.25,1.19-2.77,4.3-6.1,8.55-11.65,8.55H0v4H2.62c10.76,0,15.46-8.73,19.23-15.74C25.31,8.91,27.72,5,32,5c4.44,0,9.11,9.66,13.22,18.19.6,1.24,1.21,2.51,1.83,3.77-15.76.5-23.27,4.19-29.38,7.2-4.47,2.2-8,4.93-13.81,4.93H0v4H3.83c7,0,11.36-2.16,16-4.45,6.43-3.16,13.72-6.74,30.9-6.74h9.93v-4H55.05a3,3,0,0,1-2.47-1C51.6,25,50.64,23,49.7,21L48.4,18.34s.93-1,3.51-1H61Z"/><path class="cls-2" d="M79.83,13.7H69.44v3.74H79.6c4.2,0,6.61,1.91,6.61,5.33,0,3.24-2.66,5.33-6.77,5.33h-10v13h4V31.8h5.93c5.42,0,10.88-2.83,10.88-9.22C90.22,17.18,86.14,13.7,79.83,13.7Z"/><path class="cls-2" d="M113.31,29.57c0,5.31-2.66,8.24-7.48,8.24s-7.6-3.07-7.6-8.43V13.7h-4V29.57c0,7.39,4.4,12,11.49,12S117.28,37,117.28,29.34V13.7h-4Z"/><polygon class="cls-2" points="127.33 13.7 123.36 13.7 123.36 41.14 142.22 41.14 142.22 37.39 127.33 37.39 127.33 13.7"/><path class="cls-2" d="M156.69,25.5c-5.74-1.23-6.79-2.53-6.79-4.74S152,17,155,17a11.12,11.12,0,0,1,7.32,2.76l.4.32L165.08,17l-.37-.3a14.22,14.22,0,0,0-9.61-3.36c-5.32,0-9.18,3.24-9.18,7.79,0,5.06,3.71,6.91,9.27,8.12s6.49,2.44,6.49,4.62c0,2.36-2.22,4-5.41,4-3.37,0-5.9-1-8.74-3.62l-.38-.34-2.49,2.95.36.32a15.91,15.91,0,0,0,11.14,4.36c5.61,0,9.52-3.28,9.52-8C165.69,29.26,163,26.87,156.69,25.5Z"/><path class="cls-2" d="M180.19,13.51l-12.5,27.63h4.14l3.14-7h13.76l3.1,7h4.29l-12.5-27.63Zm-3.61,17,5.29-11.8,5.26,11.8Z"/><path class="cls-2" d="M215.18,30.15c4.29-1,6.82-4,6.82-8.11a7.77,7.77,0,0,0-2.18-5.56,11,11,0,0,0-7.87-2.79H200.08V41.14h4V30.85h6.82l7.67,10.28h4.9Zm-11.14-3V17.44h7.67c4,0,6.28,1.72,6.28,4.8s-2.48,5-6.31,5Z"/></g></g></svg>
\ No newline at end of file
diff --git a/old-modules/src/assets/img/brand/logo.svg.zip b/old-modules/src/assets/img/brand/logo.svg.zip
deleted file mode 100644
index 25a1dba..0000000
--- a/old-modules/src/assets/img/brand/logo.svg.zip
+++ /dev/null
Binary files differ
diff --git a/old-modules/src/assets/img/brand/sygnet.svg b/old-modules/src/assets/img/brand/sygnet.svg
deleted file mode 100644
index cb11651..0000000
--- a/old-modules/src/assets/img/brand/sygnet.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="173.2px" height="200px" viewBox="0 0 173.2 200" enable-background="new 0 0 173.2 200" xml:space="preserve">
-<polygon fill="#61DAFB" points="0,150 0,50 86.6,0 173.2,50 173.2,150 86.6,200 "/>
-<polygon fill="#FFFFFF" points="86.6,133.3 57.7,116.7 57.7,83.3 86.6,66.7 115.5,83.3 144.3,66.7 86.6,33.3 28.9,66.7 28.9,133.3
- 86.6,166.7 144.3,133.3 115.5,116.7 "/>
-<polygon opacity="0.04" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="0,50 86.6,100 86.6,0 "/>
-<polygon opacity="0.04" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="0,150 86.6,200 86.6,100 "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="86.6,100 173.2,150 173.2,50
- "/>
-<polygon fill-opacity="0" points="86.6,100 0,50 0,150 "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="173.2,150 86.6,100 86.6,200
- "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="173.2,50 86.6,0 86.6,100 "/>
-</svg>
diff --git a/old-modules/src/containers/DefaultLayout/DefaultAside.js b/old-modules/src/containers/DefaultLayout/DefaultAside.js
deleted file mode 100644
index ac4daa4..0000000
--- a/old-modules/src/containers/DefaultLayout/DefaultAside.js
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Nav, NavItem, NavLink, Progress, TabContent, TabPane, ListGroup, ListGroupItem } from 'reactstrap';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { AppSwitch } from '@coreui/react'
-
-const propTypes = {
- children: PropTypes.node,
-};
-
-const defaultProps = {};
-
-class DefaultAside extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- activeTab: '1',
- };
- }
-
- toggle(tab) {
- if (this.state.activeTab !== tab) {
- this.setState({
- activeTab: tab,
- });
- }
- }
-
- render() {
-
- // eslint-disable-next-line
- const { children, ...attributes } = this.props;
-
- return (
- <React.Fragment>
- <Nav tabs>
- <NavItem>
- <NavLink className={classNames({ active: this.state.activeTab === '1' })}
- onClick={() => {
- this.toggle('1');
- }}>
- <i className="icon-list"></i>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink className={classNames({ active: this.state.activeTab === '2' })}
- onClick={() => {
- this.toggle('2');
- }}>
- <i className="icon-speech"></i>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink className={classNames({ active: this.state.activeTab === '3' })}
- onClick={() => {
- this.toggle('3');
- }}>
- <i className="icon-settings"></i>
- </NavLink>
- </NavItem>
- </Nav>
- <TabContent activeTab={this.state.activeTab}>
- <TabPane tabId="1">
- </TabPane>
- <TabPane tabId="2" className="p-3">
- </TabPane>
- </TabContent>
- </React.Fragment>
- );
- }
-}
-
-DefaultAside.propTypes = propTypes;
-DefaultAside.defaultProps = defaultProps;
-
-export default DefaultAside;
diff --git a/old-modules/src/containers/DefaultLayout/DefaultFooter.js b/old-modules/src/containers/DefaultLayout/DefaultFooter.js
deleted file mode 100644
index b62e829..0000000
--- a/old-modules/src/containers/DefaultLayout/DefaultFooter.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-const propTypes = {
- children: PropTypes.node,
-};
-
-const defaultProps = {};
-
-class DefaultFooter extends Component {
- render() {
-
- // eslint-disable-next-line
- const { children, ...attributes } = this.props;
-
- return (
- <React.Fragment>
- <span><a href="https://pulsar.apache.org">Apache Pulsar</a> © 2018</span>
- <span className="ml-auto">Powered by <a href="https://coreui.io/react">CoreUI for React</a></span>
- </React.Fragment>
- );
- }
-}
-
-DefaultFooter.propTypes = propTypes;
-DefaultFooter.defaultProps = defaultProps;
-
-export default DefaultFooter;
diff --git a/old-modules/src/containers/DefaultLayout/DefaultHeader.js b/old-modules/src/containers/DefaultLayout/DefaultHeader.js
deleted file mode 100644
index 9b67e37..0000000
--- a/old-modules/src/containers/DefaultLayout/DefaultHeader.js
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem, NavLink } from 'reactstrap';
-import PropTypes from 'prop-types';
-
-import { AppAsideToggler, AppHeaderDropdown, AppNavbarBrand, AppSidebarToggler } from '@coreui/react';
-import logo from '../../assets/img/brand/logo.svg'
-import sygnet from '../../assets/img/brand/sygnet.svg'
-
-const propTypes = {
- children: PropTypes.node,
-};
-
-const defaultProps = {};
-
-class DefaultHeader extends Component {
- render() {
-
- // eslint-disable-next-line
- const { children, ...attributes } = this.props;
-
- return (
- <React.Fragment>
- <AppSidebarToggler className="d-lg-none" display="md" mobile />
- <AppNavbarBrand
- full={{ src: logo, width: 89, height: 25, alt: 'CoreUI Logo' }}
- minimized={{ src: sygnet, width: 30, height: 30, alt: 'CoreUI Logo' }}
- />
- <AppSidebarToggler className="d-md-down-none" display="lg" />
-
- <Nav className="d-md-down-none" navbar>
- <NavItem className="px-3">
- <NavLink href="#/management/clusters">Clusters</NavLink>
- </NavItem>
- <NavItem className="px-3">
- <NavLink href="#/management/users">Users</NavLink>
- </NavItem>
- <NavItem className="px-3">
- <NavLink href="#/management/settings">Settings</NavLink>
- </NavItem>
- </Nav>
- <Nav className="ml-auto" navbar>
- </Nav>
- <AppAsideToggler className="d-md-down-none" />
- {/*<AppAsideToggler className="d-lg-none" mobile />*/}
- </React.Fragment>
- );
- }
-}
-
-DefaultHeader.propTypes = propTypes;
-DefaultHeader.defaultProps = defaultProps;
-
-export default DefaultHeader;
diff --git a/old-modules/src/containers/DefaultLayout/DefaultLayout.js b/old-modules/src/containers/DefaultLayout/DefaultLayout.js
deleted file mode 100644
index e65a662..0000000
--- a/old-modules/src/containers/DefaultLayout/DefaultLayout.js
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Redirect, Route, Switch } from 'react-router-dom';
-import { Container } from 'reactstrap';
-
-import {
- AppAside,
- AppBreadcrumb,
- AppFooter,
- AppHeader,
- AppSidebar,
- AppSidebarFooter,
- AppSidebarForm,
- AppSidebarHeader,
- AppSidebarMinimizer,
- AppSidebarNav,
-} from '@coreui/react';
-// sidebar nav config
-import navigation from '../../_nav';
-// routes config
-import routes from '../../routes';
-import DefaultAside from './DefaultAside';
-import DefaultFooter from './DefaultFooter';
-import DefaultHeader from './DefaultHeader';
-
-class DefaultLayout extends Component {
- render() {
- return (
- <div className="app">
- <AppHeader fixed>
- <DefaultHeader />
- </AppHeader>
- <div className="app-body">
- <AppSidebar fixed display="lg">
- <AppSidebarHeader />
- <AppSidebarForm />
- <AppSidebarNav navConfig={navigation} {...this.props} />
- <AppSidebarFooter />
- <AppSidebarMinimizer />
- </AppSidebar>
- <main className="main">
- <AppBreadcrumb appRoutes={routes}/>
- <Container fluid>
- <Switch>
- {routes.map((route, idx) => {
- return route.component ? (<Route key={idx} path={route.path} exact={route.exact} name={route.name} render={props => (
- <route.component {...props} />
- )} />)
- : (null);
- },
- )}
- <Redirect from="/" to="/dashboard" />
- </Switch>
- </Container>
- </main>
- <AppAside fixed>
- <DefaultAside />
- </AppAside>
- </div>
- <AppFooter>
- <DefaultFooter />
- </AppFooter>
- </div>
- );
- }
-}
-
-export default DefaultLayout;
diff --git a/old-modules/src/containers/DefaultLayout/__tests__/DefaultAside.test.js b/old-modules/src/containers/DefaultLayout/__tests__/DefaultAside.test.js
deleted file mode 100644
index 7746ada..0000000
--- a/old-modules/src/containers/DefaultLayout/__tests__/DefaultAside.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import DefaultAside from '../DefaultAside';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<DefaultAside />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src/containers/DefaultLayout/__tests__/DefaultFooter.test.js b/old-modules/src/containers/DefaultLayout/__tests__/DefaultFooter.test.js
deleted file mode 100644
index b40d6ef..0000000
--- a/old-modules/src/containers/DefaultLayout/__tests__/DefaultFooter.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import DefaultFooter from '../DefaultFooter';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<DefaultFooter />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src/containers/DefaultLayout/__tests__/DefaultHeader.test.js b/old-modules/src/containers/DefaultLayout/__tests__/DefaultHeader.test.js
deleted file mode 100644
index 2867588..0000000
--- a/old-modules/src/containers/DefaultLayout/__tests__/DefaultHeader.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import DefaultHeader from '../DefaultHeader';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<DefaultHeader />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src/containers/DefaultLayout/index.js b/old-modules/src/containers/DefaultLayout/index.js
deleted file mode 100644
index 3cd2a5b..0000000
--- a/old-modules/src/containers/DefaultLayout/index.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import DefaultLayout from './DefaultLayout';
-
-export default DefaultLayout;
diff --git a/old-modules/src/containers/DefaultLayout/package.json b/old-modules/src/containers/DefaultLayout/package.json
deleted file mode 100644
index b88abb0..0000000
--- a/old-modules/src/containers/DefaultLayout/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "DefaultLayout",
- "version": "0.0.0",
- "private": true,
- "main": "./DefaultLayout.js"
-}
diff --git a/old-modules/src/containers/index.js b/old-modules/src/containers/index.js
deleted file mode 100644
index f066afb..0000000
--- a/old-modules/src/containers/index.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import DefaultLayout from './DefaultLayout';
-
-export { DefaultLayout };
diff --git a/old-modules/src/index.css b/old-modules/src/index.css
deleted file mode 100644
index 44adbad..0000000
--- a/old-modules/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
diff --git a/old-modules/src/index.js b/old-modules/src/index.js
deleted file mode 100644
index 536c3d2..0000000
--- a/old-modules/src/index.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import 'react-app-polyfill/ie9'; // For IE 9-11 support
-import 'react-app-polyfill/ie11'; // For IE 11 support
-import './polyfill'
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: http://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/old-modules/src/polyfill.js b/old-modules/src/polyfill.js
deleted file mode 100644
index 08c5a9a..0000000
--- a/old-modules/src/polyfill.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/*
-* required polyfills
-*/
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol'
-// import 'core-js/es6/object'
-// import 'core-js/es6/function'
-// import 'core-js/es6/parse-int'
-// import 'core-js/es6/parse-float'
-// import 'core-js/es6/number'
-// import 'core-js/es6/math'
-// import 'core-js/es6/string'
-// import 'core-js/es6/date'
-import 'core-js/es6/array'
-// import 'core-js/es6/regexp'
-import 'core-js/es6/map'
-// import 'core-js/es6/weak-map'
-import 'core-js/es6/set'
-import 'core-js/es7/object'
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-// import 'core-js/es6/reflect'
-
-/** Evergreen browsers require these. **/
-// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-// import 'core-js/es7/reflect'
-
-// CustomEvent() constructor functionality in IE9, IE10, IE11
-(function () {
-
- if ( typeof window.CustomEvent === "function" ) return false
-
- function CustomEvent ( event, params ) {
- params = params || { bubbles: false, cancelable: false, detail: undefined }
- var evt = document.createEvent( 'CustomEvent' )
- evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail )
- return evt
- }
-
- CustomEvent.prototype = window.Event.prototype
-
- window.CustomEvent = CustomEvent
-})()
diff --git a/old-modules/src/routes.js b/old-modules/src/routes.js
deleted file mode 100644
index eb19935..0000000
--- a/old-modules/src/routes.js
+++ /dev/null
@@ -1,128 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react'
-import Loadable from 'react-loadable'
-
-import DefaultLayout from './containers/DefaultLayout'
-
-function Loading() {
- return <div>Loading...</div>;
-}
-
-// Management Modules
-
-const Clusters = Loadable({
- loader: () => import('./views/Management/Clusters'),
- loading: Loading
-});
-
-const Settings = Loadable({
- loader: () => import('./views/Management/Settings'),
- loading: Loading
-});
-
-const Users = Loadable({
- loader: () => import('./views/Management/Users'),
- loading: Loading
-});
-
-const Tenants = Loadable({
- loader: () => import('./views/Management/Tenants'),
- loading: Loading
-});
-
-const CreateTenant = Loadable({
- loader: () => import('./views/Management/Tenants/CreateTenant'),
- loading: Loading
-});
-
-const Tenant = Loadable({
- loader: () => import('./views/Management/Tenant'),
- loading: Loading
-});
-
-const Namespaces = Loadable({
- loader: () => import('./views/Management/Namespaces'),
- loading: Loading
-});
-
-const CreateNamespace = Loadable({
- loader: () => import('./views/Management/Namespaces/CreateNamespace'),
- loading: Loading
-});
-
-const Namespace = Loadable({
- loader: () => import('./views/Management/Namespace'),
- loading: Loading
-});
-
-const CreateTopic = Loadable({
- loader: () => import('./views/Management/Namespace/CreateTopic'),
- loading: Loading
-});
-
-const Connectors = Loadable({
- loader: () => import('./views/Management/Connectors'),
- loading: Loading
-});
-
-const Topics = Loadable({
- loader: () => import('./views/Management/Topics'),
- loading: Loading
-});
-
-const Functions = Loadable({
- loader: () => import('./views/Management/Functions'),
- loading: Loading
-});
-
-const SQL = Loadable({
- loader: () => import('./views/Management/SQL'),
- loading: Loading
-});
-
-// Monitoring Modules
-
-const Health = Loadable({
- loader: () => import('./views/Monitoring/Health'),
- loading: Loading
-});
-
-const routes = [
- { path: '/', exact: true, name: 'Home', component: DefaultLayout },
- // management modules
- { path: '/management/clusters', name: 'Clusters', component: Clusters },
- { path: '/management/settings', name: 'Settings', component: Settings },
- { path: '/management/users', name: 'Users', component: Users },
- { path: '/management/connectors', name: 'Connectors', component: Connectors },
-
- // tenants
- { path: '/management/tenants/create', name: 'CreateTenant', component: CreateTenant },
- { path: '/management/tenants', name: 'Tenants', component: Tenants },
- { path: '/management/tenant/:tenant/namespaces/create', name: 'CreateNamespace', component: CreateNamespace },
- { path: '/management/tenant/:tenant', name: 'Tenant', component: Tenant },
-
- // namespaces
- { path: '/management/namespaces', name: 'Namespaces', component: Namespaces },
- { path: '/management/namespace/:tenant/:namespace/topics/create', name: 'CreateTopic', component: CreateTopic },
- { path: '/management/namespace/:tenant/:namespace', name: 'Namespace', component: Namespace },
-
- { path: '/management/topics', name: 'Topics', component: Topics },
- { path: '/management/functions', name: 'Functions', component: Functions },
- { path: '/management/sql', name: 'SQL', component: SQL },
- // monitoring modules
- { path: '/monitoring/health', name: 'System Health', component: Health },
-]
-
-export default routes;
diff --git a/old-modules/src/scss/_custom.scss b/old-modules/src/scss/_custom.scss
deleted file mode 100644
index 1aa11cf..0000000
--- a/old-modules/src/scss/_custom.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-//
-
-// Here you can add other styles
diff --git a/old-modules/src/scss/_ie-fix.scss b/old-modules/src/scss/_ie-fix.scss
deleted file mode 100644
index 2acbc7d..0000000
--- a/old-modules/src/scss/_ie-fix.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-//
-
-html body .app.flex-row.align-items-center {
- height: 100vh;
-}
diff --git a/old-modules/src/scss/_variables.scss b/old-modules/src/scss/_variables.scss
deleted file mode 100644
index 8eb0dc0..0000000
--- a/old-modules/src/scss/_variables.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-//
-
-// Variable overrides
diff --git a/old-modules/src/scss/style.scss b/old-modules/src/scss/style.scss
deleted file mode 100644
index d888cb6..0000000
--- a/old-modules/src/scss/style.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-//
-
-// If you want to override variables do it here
-@import "variables";
-
-// Import styles
-@import "~@coreui/coreui/scss/coreui.scss";
-
-// Temp fix for reactstrap
-@import '~@coreui/coreui/scss/_dropdown-menu-right.scss';
-
-// If you want to add something do it here
-@import "custom";
-
-// ie fixes
-@import "ie-fix";
diff --git a/old-modules/src/scss/vendors/.gitkeep b/old-modules/src/scss/vendors/.gitkeep
deleted file mode 100644
index e69de29..0000000
--- a/old-modules/src/scss/vendors/.gitkeep
+++ /dev/null
diff --git a/old-modules/src/scss/vendors/_variables.scss b/old-modules/src/scss/vendors/_variables.scss
deleted file mode 100644
index 6076f4d..0000000
--- a/old-modules/src/scss/vendors/_variables.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-//
-
-// Override Boostrap variables
-@import "../variables";
-@import "~bootstrap/scss/mixins";
-@import "~@coreui/coreui/scss/variables";
diff --git a/old-modules/src/serviceWorker.js b/old-modules/src/serviceWorker.js
deleted file mode 100644
index e0d2e16..0000000
--- a/old-modules/src/serviceWorker.js
+++ /dev/null
@@ -1,140 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// In production, we register a service worker to serve assets from local cache.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on the "N+1" visit to a page, since previously
-// cached resources are updated in the background.
-
-// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
-// This link also includes instructions on opting out of this behavior.
-
-const isLocalhost = Boolean(
- window.location.hostname === 'localhost' ||
- // [::1] is the IPv6 localhost address.
- window.location.hostname === '[::1]' ||
- // 127.0.0.1/8 is considered localhost for IPv4.
- window.location.hostname.match(
- /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
- )
-);
-
-export function register(config) {
- if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
- // The URL constructor is available in all browsers that support SW.
- const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
- if (publicUrl.origin !== window.location.origin) {
- // Our service worker won't work if PUBLIC_URL is on a different origin
- // from what our page is served on. This might happen if a CDN is used to
- // serve assets; see https://github.com/facebook/create-react-app/issues/2374
- return;
- }
-
- window.addEventListener('load', () => {
- const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
- if (isLocalhost) {
- // This is running on localhost. Let's check if a service worker still exists or not.
- checkValidServiceWorker(swUrl, config);
-
- // Add some additional logging to localhost, pointing developers to the
- // service worker/PWA documentation.
- navigator.serviceWorker.ready.then(() => {
- console.log(
- 'This web app is being served cache-first by a service ' +
- 'worker. To learn more, visit https://goo.gl/SC7cgQ'
- );
- });
- } else {
- // Is not local host. Just register service worker
- registerValidSW(swUrl, config);
- }
- });
- }
-}
-
-function registerValidSW(swUrl, config) {
- navigator.serviceWorker
- .register(swUrl)
- .then(registration => {
- registration.onupdatefound = () => {
- const installingWorker = registration.installing;
- installingWorker.onstatechange = () => {
- if (installingWorker.state === 'installed') {
- if (navigator.serviceWorker.controller) {
- // At this point, the old content will have been purged and
- // the fresh content will have been added to the cache.
- // It's the perfect time to display a "New content is
- // available; please refresh." message in your web app.
- console.log('New content is available; please refresh.');
-
- // Execute callback
- if (config.onUpdate) {
- config.onUpdate(registration);
- }
- } else {
- // At this point, everything has been precached.
- // It's the perfect time to display a
- // "Content is cached for offline use." message.
- console.log('Content is cached for offline use.');
-
- // Execute callback
- if (config.onSuccess) {
- config.onSuccess(registration);
- }
- }
- }
- };
- };
- })
- .catch(error => {
- console.error('Error during service worker registration:', error);
- });
-}
-
-function checkValidServiceWorker(swUrl, config) {
- // Check if the service worker can be found. If it can't reload the page.
- fetch(swUrl)
- .then(response => {
- // Ensure service worker exists, and that we really are getting a JS file.
- if (
- response.status === 404 ||
- response.headers.get('content-type').indexOf('javascript') === -1
- ) {
- // No service worker found. Probably a different app. Reload the page.
- navigator.serviceWorker.ready.then(registration => {
- registration.unregister().then(() => {
- window.location.reload();
- });
- });
- } else {
- // Service worker found. Proceed as normal.
- registerValidSW(swUrl, config);
- }
- })
- .catch(() => {
- console.log(
- 'No internet connection found. App is running in offline mode.'
- );
- });
-}
-
-export function unregister() {
- if ('serviceWorker' in navigator) {
- navigator.serviceWorker.ready.then(registration => {
- registration.unregister();
- });
- }
-}
diff --git a/old-modules/src/setupProxy.js b/old-modules/src/setupProxy.js
deleted file mode 100644
index 4f89f16..0000000
--- a/old-modules/src/setupProxy.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const proxy = require('http-proxy-middleware');
-
-module.exports = function(app) {
- app.use(proxy('/admin/v2', { target: 'http://localhost:8080/' }));
-};
diff --git a/old-modules/src/setupTests.js b/old-modules/src/setupTests.js
deleted file mode 100644
index 058d06e..0000000
--- a/old-modules/src/setupTests.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
-configure({ adapter: new Adapter() });
diff --git a/old-modules/src/utils/PulsarUtils.js b/old-modules/src/utils/PulsarUtils.js
deleted file mode 100644
index aff9c5b..0000000
--- a/old-modules/src/utils/PulsarUtils.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class PulsarUtils {
-
- getNamespaceName(fully_qualified_namespace) {
- var namespace_parts = fully_qualified_namespace.split('/');
- return {
- 'tenant': namespace_parts[0],
- 'namespace': namespace_parts.slice(1,namespace_parts.length).join("/"),
- 'fully_qualified_namespace': fully_qualified_namespace
- };
- }
-
- normalizeTopic(topic) {
- return {
- 'name': topic,
- 'is_partitioned': false
- };
- }
-
- normalizeParititonedTopic(topic) {
- return {
- 'name': topic,
- 'is_partitioned': true
- };
- }
-
- normalizeTopics(topics, partitioned_topics) {
- return topics.map(this.normalizeTopic) + partitioned_topics.map(this.normalizeParititonedTopic);
- }
-
- // Urls
-
- getTenantUrl(tenant) {
- return `/management/tenant/${tenant}`;
- }
-
- getNamespaceUrl(tenant, namespace) {
- return `/management/namespace/${tenant}/${namespace}`;
- }
-
- getCreateNamespaceUrl(tenant) {
- return `/management/tenant/${tenant}/namespaces/create`;
- }
-
- getCreateTopicUrl(tenant, namespace) {
- return `/management/namespace/${tenant}/${namespace}/topics/create`;
- }
-
- getTopicUrl(tenant, namespace, topic) {
- return `/management/topic/${tenant}/${namespace}/${topic}`;
- }
-
-}
-
-const PULSAR = new PulsarUtils();
-
-export default PULSAR;
diff --git a/old-modules/src/utils/package.json b/old-modules/src/utils/package.json
deleted file mode 100644
index bf299c6..0000000
--- a/old-modules/src/utils/package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "name": "PulsarUtils",
- "version": "0.0.0",
- "main": "./PulsarUtils.js"
-}
diff --git a/old-modules/src/views/Management/Clusters/Clusters.js b/old-modules/src/views/Management/Clusters/Clusters.js
deleted file mode 100644
index 1431c26..0000000
--- a/old-modules/src/views/Management/Clusters/Clusters.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Clusters extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the list of clusters</h2>
- </div>
- )
- }
-
-}
-
-export default Clusters;
diff --git a/old-modules/src/views/Management/Clusters/package.json b/old-modules/src/views/Management/Clusters/package.json
deleted file mode 100644
index 06e38d4..0000000
--- a/old-modules/src/views/Management/Clusters/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Clusters",
- "version": "0.0.0",
- "private": true,
- "main": "./Clusters.js"
-}
diff --git a/old-modules/src/views/Management/Connectors/Connectors.js b/old-modules/src/views/Management/Connectors/Connectors.js
deleted file mode 100644
index 762b1fe..0000000
--- a/old-modules/src/views/Management/Connectors/Connectors.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Connectors extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the list of connectors</h2>
- </div>
- )
- }
-
-}
-
-export default Connectors;
diff --git a/old-modules/src/views/Management/Connectors/package.json b/old-modules/src/views/Management/Connectors/package.json
deleted file mode 100644
index ed2a124..0000000
--- a/old-modules/src/views/Management/Connectors/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Connectors",
- "version": "0.0.0",
- "private": true,
- "main": "./Connectors.js"
-}
diff --git a/old-modules/src/views/Management/Functions/Functions.js b/old-modules/src/views/Management/Functions/Functions.js
deleted file mode 100644
index 368dcb0..0000000
--- a/old-modules/src/views/Management/Functions/Functions.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Functions extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the list of functions</h2>
- </div>
- )
- }
-
-}
-
-export default Functions;
diff --git a/old-modules/src/views/Management/Functions/package.json b/old-modules/src/views/Management/Functions/package.json
deleted file mode 100644
index 752ec6d..0000000
--- a/old-modules/src/views/Management/Functions/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Functions",
- "version": "0.0.0",
- "private": true,
- "main": "./Functions.js"
-}
diff --git a/old-modules/src/views/Management/Namespace/CreateTopic.js b/old-modules/src/views/Management/Namespace/CreateTopic.js
deleted file mode 100644
index 86fc5cb..0000000
--- a/old-modules/src/views/Management/Namespace/CreateTopic.js
+++ /dev/null
@@ -1,116 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React, { Component } from 'react';
-import { Link, withRouter } from 'react-router-dom'
-import {
- Badge,
- Button,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- Col,
- Collapse,
- Fade,
- Form,
- FormGroup,
- FormText,
- Input,
- Label,
- Row,
- Table
-} from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-import API from '../../../api'
-import PULSAR from '../../../utils'
-
-class CreateTopic extends Component {
-
- constructor(props) {
- super(props);
- this.tenant = this.props.match.params.tenant;
- this.namespace = this.props.match.params.namespace;
- this.state = {
- topic: ''
- };
- this.handleNameChange = this.handleNameChange.bind(this);
- this.handleCreateTopic = this.handleCreateTopic.bind(this);
- }
-
- handleNameChange(event) {
- this.setState({
- topic: event.target.value,
- });
- }
-
- handleCreateTopic(event) {
- event.preventDefault();
- this.props.history.push(PULSAR.getNamespaceUrl(this.tenant, this.namespace));
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <strong>Create Topic for Namespace <Link to={PULSAR.getTenantUrl(this.tenant)}>
- {this.tenant}
- </Link>/<Link to={PULSAR.getNamespaceUrl(this.tenant, this.namespace)}>
- {this.namespace}
- </Link>
- </strong>
- </CardHeader>
- <CardBody>
- <Form onSubmit={this.handleCreateTopic} method="post" className="form-horizontal">
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="name">Name</Label>
- </Col>
- <Col xs="12" md="9">
- <Input
- type="text"
- id="name"
- value={this.state.topic}
- onChange={this.handleNameChange}
- placeholder="Topic name"
- required/>
- <FormText className="help-block">Please enter topic name</FormText>
- </Col>
- </FormGroup>
- <FormGroup>
- <Button type="submit" size="sm" color="primary">
- <i className="fa fa-dot-circle-o"></i> Create
- </Button>
- <Link to={PULSAR.getNamespaceUrl(this.tenant, this.namespace)}>
- <Button type="reset" size="sm" color="danger">
- <i className="fa fa-ban"></i> Cancel
- </Button>
- </Link>
- </FormGroup>
- </Form>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-
-}
-
-export default withRouter(CreateTopic);
diff --git a/old-modules/src/views/Management/Namespace/Namespace.js b/old-modules/src/views/Management/Namespace/Namespace.js
deleted file mode 100644
index 27758df..0000000
--- a/old-modules/src/views/Management/Namespace/Namespace.js
+++ /dev/null
@@ -1,148 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Link, withRouter } from 'react-router-dom'
-import {
- Badge,
- Button,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- Col,
- Collapse,
- Fade,
- Row,
- Table
-} from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-import API from '../../../api'
-import PULSAR from '../../../utils'
-
-class Namespace extends Component {
-
- constructor(props) {
- super(props);
- this.tenant = this.props.match.params.tenant;
- this.namespace = this.props.match.params.namespace;
- this.state = {
- topics_loading: true,
- topics: [],
- partitioned_topics_loading: true,
- partitioned_topics: [],
- };
- }
-
- componentDidMount() {
- this._asyncGetTopicsRequest = API.getTopics(this.tenant, this.namespace).then(
- topics => {
- this._asyncGetTopicsRequest = null;
- this.setState({
- topics_loading: false,
- topics: topics.data,
- partitioned_topics_loading: this.state.partitioned_topics_loading,
- partitioned_topics: this.state.partitioned_topics,
- });
- });
-
- this._asyncGetPartitionedTopicsRequest = API.getPartitionedTopics(this.tenant, this.namespace).then(
- topics => {
- this._asyncGetPartitionedTopicsRequest = null;
- this.setState({
- topics_loading: this.state.topics_loading,
- topics: this.state.topics,
- partitioned_topics_loading: false,
- partitioned_topics: topics.data,
- });
- });
- }
-
- handleDeleteTopic(topic, is_partitioned, event) {
- }
-
- renderTopics() {
- return (
- <Table responsive size="sm">
- <thead>
- <tr>
- <th>Name</th>
- <th>Type</th>
- <th>Actions</th>
- </tr>
- </thead>
- <tbody>
- {PULSAR.normalizeTopics(this.state.topics, this.state.partitioned_topics).map(t => (
- <tr key={t.name}>
- <td>
- <Link to={PULSAR.getTopicUrl(this.tenant, this.namespace, t.name)}>
- {t.name}
- </Link>
- </td>
- {
- t.is_partitioned ? <b>partitioned</b> : <b>non-partitioned</b>
- }
- <td>
- </td>
- <td>
- <Button color="danger">
- <i className="fa fa-trash-o"></i>
- </Button>
- </td>
- </tr>
- ))}
- </tbody>
- </Table>
- )
- }
-
- listTopics() {
- return (
- this.state.topics.length > 0 || this.state.partitioned_topics.length > 0 ? this.renderTopics() : (
- !this.state.topics_loading && !this.state.partitioned_topics_loading && <p className="card-text">No topics in this namespace</p>
- )
- );
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- Namespace <Link to={PULSAR.getTenantUrl(this.tenant)}>
- {this.tenant}
- </Link>/<Link to={PULSAR.getNamespaceUrl(this.tenant, this.namespace)}>
- {this.namespace}
- </Link>
- <div className="card-header-actions">
- <Link to={PULSAR.getCreateTopicUrl(this.tenant, this.namespace)} color="success">
- <i className="fa fa-plus"></i>
- </Link>
- </div>
- </CardHeader>
- <CardBody>
- {this.listTopics()}
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-
-}
-
-export default withRouter(Namespace);
diff --git a/old-modules/src/views/Management/Namespace/package.json b/old-modules/src/views/Management/Namespace/package.json
deleted file mode 100644
index b2df797..0000000
--- a/old-modules/src/views/Management/Namespace/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Namespace",
- "version": "0.0.0",
- "private": true,
- "main": "./Namespace.js"
-}
diff --git a/old-modules/src/views/Management/Namespaces/CreateNamespace.js b/old-modules/src/views/Management/Namespaces/CreateNamespace.js
deleted file mode 100644
index 6b49cbf..0000000
--- a/old-modules/src/views/Management/Namespaces/CreateNamespace.js
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React, { Component } from 'react';
-import { Link, withRouter } from 'react-router-dom'
-import {
- Badge,
- Button,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- Col,
- Collapse,
- Fade,
- Form,
- FormGroup,
- FormText,
- Input,
- Label,
- Row,
- Table
-} from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-import API from '../../../api'
-import PULSAR from '../../../utils'
-
-class CreateNamespace extends Component {
-
- constructor(props) {
- super(props);
- this.tenant = this.props.match.params.tenant;
- this.state = {
- namespace: '',
- policies: {}
- };
- this.handleNameChange = this.handleNameChange.bind(this);
- this.handleCreateNamespace = this.handleCreateNamespace.bind(this);
- }
-
- handleNameChange(event) {
- this.setState({
- namespace: event.target.value,
- policies: this.state.policies,
- });
- }
-
- handleCreateNamespace(event) {
- API.createNamespace(this.tenant, this.state.namespace, this.state.policies).then(
- ignored => {
- this.props.history.push(PULSAR.getTenantUrl(this.tenant));
- }
- )
- .catch(
- error => {
- alert(`Failed to create namespace '${this.tenant}/${this.state.namespace}' : ${error}`);
- }
- );
- event.preventDefault();
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <strong>Create Namespace for Tenant {this.tenant}</strong>
- </CardHeader>
- <CardBody>
- <Form onSubmit={this.handleCreateNamespace} method="post" className="form-horizontal">
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="name">Name</Label>
- </Col>
- <Col xs="12" md="9">
- <Input
- type="text"
- id="name"
- value={this.state.namespace}
- onChange={this.handleNameChange}
- placeholder="Namespace name"
- required/>
- <FormText className="help-block">Please enter namespace name</FormText>
- </Col>
- </FormGroup>
- <FormGroup>
- <Button type="submit" size="sm" color="primary" onClick={this.createTenant}>
- <i className="fa fa-dot-circle-o"></i> Create
- </Button>
- <Link to={PULSAR.getTenantUrl(this.tenant)}>
- <Button type="reset" size="sm" color="danger">
- <i className="fa fa-ban"></i> Cancel
- </Button>
- </Link>
- </FormGroup>
- </Form>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-
-}
-
-export default withRouter(CreateNamespace);
diff --git a/old-modules/src/views/Management/Namespaces/Namespaces.js b/old-modules/src/views/Management/Namespaces/Namespaces.js
deleted file mode 100644
index 4d8970b..0000000
--- a/old-modules/src/views/Management/Namespaces/Namespaces.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Namespaces extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the list of namespaces</h2>
- </div>
- )
- }
-
-}
-
-export default Namespaces;
diff --git a/old-modules/src/views/Management/Namespaces/package.json b/old-modules/src/views/Management/Namespaces/package.json
deleted file mode 100644
index 888783d..0000000
--- a/old-modules/src/views/Management/Namespaces/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Namespaces",
- "version": "0.0.0",
- "private": true,
- "main": "./Namespaces.js"
-}
diff --git a/old-modules/src/views/Management/SQL/SQL.js b/old-modules/src/views/Management/SQL/SQL.js
deleted file mode 100644
index 420f48b..0000000
--- a/old-modules/src/views/Management/SQL/SQL.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class SQL extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the list of SQL</h2>
- </div>
- )
- }
-
-}
-
-export default SQL;
diff --git a/old-modules/src/views/Management/SQL/package.json b/old-modules/src/views/Management/SQL/package.json
deleted file mode 100644
index f203588..0000000
--- a/old-modules/src/views/Management/SQL/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "SQL",
- "version": "0.0.0",
- "private": true,
- "main": "./SQL.js"
-}
diff --git a/old-modules/src/views/Management/Settings/Settings.js b/old-modules/src/views/Management/Settings/Settings.js
deleted file mode 100644
index ae77b70..0000000
--- a/old-modules/src/views/Management/Settings/Settings.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Settings extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is the settings page</h2>
- </div>
- )
- }
-
-}
-
-export default Settings;
diff --git a/old-modules/src/views/Management/Settings/package.json b/old-modules/src/views/Management/Settings/package.json
deleted file mode 100644
index 64e6bc6..0000000
--- a/old-modules/src/views/Management/Settings/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Settings",
- "version": "0.0.0",
- "private": true,
- "main": "./Settings.js"
-}
diff --git a/old-modules/src/views/Management/Tenant/Tenant.js b/old-modules/src/views/Management/Tenant/Tenant.js
deleted file mode 100644
index b78d348..0000000
--- a/old-modules/src/views/Management/Tenant/Tenant.js
+++ /dev/null
@@ -1,139 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Link, withRouter } from 'react-router-dom'
-import {
- Badge,
- Button,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- Col,
- Collapse,
- Fade,
- Row,
- Table
-} from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-import API from '../../../api'
-import PULSAR from '../../../utils'
-
-class Tenant extends Component {
-
- constructor(props) {
- super(props);
- this.tenant = this.props.match.params.tenant;
- this.state = {
- loading: true,
- namespaces: [],
- };
- }
-
- componentDidMount() {
- this.setState({
- loading: true,
- namespaces: [],
- })
- this._asyncRequest = API.getNamespaces(this.tenant).then(
- namespaces => {
- this._asyncRequest = null;
- this.setState({
- loading: false,
- namespaces: namespaces.data,
- });
- });
- }
-
- handleDeleteNamespace(fully_qualified_namespace, event) {
- API.deleteNamespace(fully_qualified_namespace).then(
- ignored => {
- this.props.history.push('/');
- }
- )
- .catch(
- error => {
- alert(`Failed to delete namespace '${fully_qualified_namespace}' : ${error}`);
- }
- );
- event.preventDefault();
- }
-
- renderNamespaces() {
- return (
- <Table responsive size="sm">
- <thead>
- <tr>
- <th>Name</th>
- <th>Actions</th>
- </tr>
- </thead>
- <tbody>
- {this.state.namespaces.map(PULSAR.getNamespaceName).map(ns => (
- <tr key={ns.fully_qualified_namespace}>
- <td>
- <Link to={PULSAR.getTenantUrl(ns.tenant)}>{ns.tenant}</Link>
- <strong>/</strong>
- <Link to={PULSAR.getNamespaceUrl(ns.tenant, ns.namespace)}>{ns.namespace}</Link>
- </td>
- <td>
- <Button color="danger">
- <i className="fa fa-trash-o"></i>
- </Button>
- </td>
- </tr>
- ))}
- </tbody>
- </Table>
- )
- }
-
- listNamespaces() {
- return (
- this.state.namespaces.length > 0 ? this.renderNamespaces() : (
- !this.state.loading && <p className="card-text">No namespaces in this cluster</p>
- )
- );
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- Tenant <Link to={PULSAR.getTenantUrl(this.tenant)}>
- {this.tenant}
- </Link>
- <div className="card-header-actions">
- <Link to={PULSAR.getCreateNamespaceUrl(this.tenant)} color="success">
- <i className="fa fa-plus"></i>
- </Link>
- </div>
- </CardHeader>
- <CardBody>
- {this.listNamespaces()}
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-
-}
-
-export default withRouter(Tenant);
diff --git a/old-modules/src/views/Management/Tenant/package.json b/old-modules/src/views/Management/Tenant/package.json
deleted file mode 100644
index cc37917..0000000
--- a/old-modules/src/views/Management/Tenant/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Tenant",
- "version": "0.0.0",
- "private": true,
- "main": "./Tenant.js"
-}
diff --git a/old-modules/src/views/Management/Tenants/CreateTenant.js b/old-modules/src/views/Management/Tenants/CreateTenant.js
deleted file mode 100644
index 288dc69..0000000
--- a/old-modules/src/views/Management/Tenants/CreateTenant.js
+++ /dev/null
@@ -1,115 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import React, { Component } from 'react';
-import { Link, withRouter } from 'react-router-dom'
-import {
- Badge,
- Button,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- Col,
- Collapse,
- Fade,
- Form,
- FormGroup,
- FormText,
- Input,
- Label,
- Row,
- Table
-} from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-import API from '../../../api'
-
-class CreateTenant extends Component {
-
- constructor(props) {
- super(props)
- this.state = {
- value: ''
- };
- this.handleNameChange = this.handleNameChange.bind(this);
- this.handleCreateTenant = this.handleCreateTenant.bind(this);
- }
-
- handleNameChange(event) {
- this.setState({value: event.target.value});
- }
-
- handleCreateTenant(event) {
- API.createTenant(this.state.value, {}).then(
- ignored => {
- this.props.history.push('/management/tenants');
- }
- )
- .catch(
- error => {
- alert(`Failed to create tenant '${this.state.value}' : ${error}`);
- }
- );
- event.preventDefault();
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <strong>Create Tenant</strong>
- </CardHeader>
- <CardBody>
- <Form onSubmit={this.handleCreateTenant} method="post" className="form-horizontal">
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="name">Name</Label>
- </Col>
- <Col xs="12" md="9">
- <Input
- type="text"
- id="name"
- value={this.state.value}
- onChange={this.handleNameChange}
- placeholder="Tenant name"
- required/>
- <FormText className="help-block">Please enter tenant name</FormText>
- </Col>
- </FormGroup>
- <FormGroup>
- <Button type="submit" size="sm" color="primary" onClick={this.createTenant}>
- <i className="fa fa-dot-circle-o"></i> Create
- </Button>
- <Link to="/management/tenants">
- <Button type="reset" size="sm" color="danger">
- <i className="fa fa-ban"></i> Cancel
- </Button>
- </Link>
- </FormGroup>
- </Form>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-
-}
-
-export default withRouter(CreateTenant);
diff --git a/old-modules/src/views/Management/Tenants/Tenants.js b/old-modules/src/views/Management/Tenants/Tenants.js
deleted file mode 100644
index d2c5283..0000000
--- a/old-modules/src/views/Management/Tenants/Tenants.js
+++ /dev/null
@@ -1,162 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Link } from 'react-router-dom'
-import {
- Badge,
- Button,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- Col,
- Collapse,
- Fade,
- Row,
- Table,
- Alert,
-} from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-import API from '../../../api'
-import PULSAR from '../../../utils'
-
-class Tenants extends Component {
-
- constructor(props) {
- super(props);
-
- this.state = {
- loading: true,
- tenants: [],
- visible: false,
- message: '',
- };
-
- this.onDismiss = this.onDismiss.bind(this);
- this.onDisplay = this.onDisplay.bind(this);
-
- }
-
- onDisplay(message) {
- this.setState({
- visible: true,
- message: message
- })
- }
-
- onDismiss() {
- this.setState({
- visible: false,
- message: ''
- });
- }
-
- componentDidMount() {
- this._asyncRequest = API.getTenants().then(
- tenants => {
- this._asyncRequest = null;
- this.setState({ loading: false, tenants: tenants.data });
- });
- }
-
- handleDeleteTenant(tenant, event) {
- API.deleteTenant(tenant).then(
- ignored => {
- // Avoid Warning: You cannot PUSH the same path using hash history
- this.props.history.push('/');
- this.props.history.push('/management/tenants/');
- }
- )
- .catch(
- error => {
- this.onDisplay(`Failed to delete tenant '${tenant}' : ${error}`)
- }
- );
- event.preventDefault();
- }
-
- renderTenants() {
- return (
- <Table responsive size="sm">
- <thead>
- <tr>
- <th>Name</th>
- <th>Actions</th>
- </tr>
- </thead>
- <tbody>
- {this.state.tenants.map(tenant => (
- <tr key={tenant}>
- <td>
- <Link to={PULSAR.getTenantUrl(tenant)}>
- {tenant}
- </Link>
- </td>
- <td>
- <Button color="danger" onClick={this.handleDeleteTenant.bind(this, tenant)}>
- <i className="fa fa-trash-o"></i>
- </Button>
- </td>
- </tr>
- ))}
- </tbody>
- </Table>
- )
- }
-
- renderAlert() {
- return (
- <Alert color="danger" isOpen={this.state.visible} toggle={this.onDismiss}>
- {this.state.message}
- </Alert>
- )
- }
-
- listTenants() {
- return (
- this.state.tenants.length > 0 ? this.renderTenants() : (
- !this.state.loading && <p class="card-text">No tenants in this cluster</p>
- )
- );
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- Tenants
- <div className="card-header-actions">
- <Link to="/management/tenants/create" color="success">
- <i className="fa fa-plus"></i>
- </Link>
- </div>
- </CardHeader>
- <CardBody>
- {this.renderAlert()}
- {this.listTenants()}
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-
-}
-
-export default Tenants;
diff --git a/old-modules/src/views/Management/Tenants/package.json b/old-modules/src/views/Management/Tenants/package.json
deleted file mode 100644
index 8c9e9ba..0000000
--- a/old-modules/src/views/Management/Tenants/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Tenants",
- "version": "0.0.0",
- "private": true,
- "main": "./Tenants.js"
-}
diff --git a/old-modules/src/views/Management/Topics/Topics.js b/old-modules/src/views/Management/Topics/Topics.js
deleted file mode 100644
index 7028bfd..0000000
--- a/old-modules/src/views/Management/Topics/Topics.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Topics extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the list of topics</h2>
- </div>
- )
- }
-
-}
-
-export default Topics;
diff --git a/old-modules/src/views/Management/Topics/package.json b/old-modules/src/views/Management/Topics/package.json
deleted file mode 100644
index 7ee8886..0000000
--- a/old-modules/src/views/Management/Topics/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Topics",
- "version": "0.0.0",
- "private": true,
- "main": "./Topics.js"
-}
diff --git a/old-modules/src/views/Management/Users/Users.js b/old-modules/src/views/Management/Users/Users.js
deleted file mode 100644
index ed6e187..0000000
--- a/old-modules/src/views/Management/Users/Users.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Users extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the list of users</h2>
- </div>
- )
- }
-
-}
-
-export default Users;
diff --git a/old-modules/src/views/Management/Users/package.json b/old-modules/src/views/Management/Users/package.json
deleted file mode 100644
index 46e3b02..0000000
--- a/old-modules/src/views/Management/Users/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Users",
- "version": "0.0.0",
- "private": true,
- "main": "./Users.js"
-}
diff --git a/old-modules/src/views/Monitoring/Health/Health.js b/old-modules/src/views/Monitoring/Health/Health.js
deleted file mode 100644
index 2c4febb..0000000
--- a/old-modules/src/views/Monitoring/Health/Health.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class SQL extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <h2>This page is to show the system health</h2>
- </div>
- )
- }
-
-}
-
-export default SQL;
diff --git a/old-modules/src/views/Monitoring/Health/package.json b/old-modules/src/views/Monitoring/Health/package.json
deleted file mode 100644
index 8570436..0000000
--- a/old-modules/src/views/Monitoring/Health/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "System Health",
- "version": "0.0.0",
- "private": true,
- "main": "./Health.js"
-}
diff --git a/old-modules/src_example/App.js b/old-modules/src_example/App.js
deleted file mode 100644
index 7d44d15..0000000
--- a/old-modules/src_example/App.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { HashRouter, Route, Switch } from 'react-router-dom';
-import './App.scss';
-
-// Containers
-import { DefaultLayout } from './containers';
-// Pages
-import { Login, Page404, Page500, Register } from './views/Pages';
-
-// import { renderRoutes } from 'react-router-config';
-
-class App extends Component {
- render() {
- return (
- <HashRouter>
- <Switch>
- <Route exact path="/login" name="Login Page" component={Login} />
- <Route exact path="/register" name="Register Page" component={Register} />
- <Route exact path="/404" name="Page 404" component={Page404} />
- <Route exact path="/500" name="Page 500" component={Page500} />
- <Route path="/" name="Home" component={DefaultLayout} />
- </Switch>
- </HashRouter>
- );
- }
-}
-
-export default App;
diff --git a/old-modules/src_example/App.scss b/old-modules/src_example/App.scss
deleted file mode 100644
index 710423a..0000000
--- a/old-modules/src_example/App.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// Styles
-// CoreUI Icons Set
-@import '~@coreui/icons/css/coreui-icons.css';
-// Import Flag Icons Set
-@import '~flag-icon-css/css/flag-icon.min.css';
-// Import Font Awesome Icons Set
-@import '~font-awesome/css/font-awesome.min.css';
-// Import Simple Line Icons Set
-@import '~simple-line-icons/css/simple-line-icons.css';
-// Import Main styles for this application
-@import './scss/style.scss';
diff --git a/old-modules/src_example/App.test.js b/old-modules/src_example/App.test.js
deleted file mode 100644
index 5b130dd..0000000
--- a/old-modules/src_example/App.test.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// import React from 'react';
-// import ReactDOM from 'react-dom';
-// import App from './App';
-//
-// jest.mock('react-chartjs-2', () => ({
-// Line: () => null,
-// Polar: () => null,
-// Pie: () => null,
-// Radar: () => null,
-// Bar: () => null,
-// Doughnut: () => null,
-// }));
-
-// it('renders without crashing', () => {
-// const div = document.createElement('div');
-// ReactDOM.render(<App />, div);
-// ReactDOM.unmountComponentAtNode(div);
-// });
-
-it('', () => {})
diff --git a/old-modules/src_example/_nav.js b/old-modules/src_example/_nav.js
deleted file mode 100644
index 86c347b..0000000
--- a/old-modules/src_example/_nav.js
+++ /dev/null
@@ -1,287 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export default {
- items: [
- {
- name: 'Dashboard',
- url: '/dashboard',
- icon: 'icon-speedometer',
- badge: {
- variant: 'info',
- text: 'NEW',
- },
- },
- {
- title: true,
- name: 'Theme',
- wrapper: { // optional wrapper object
- element: '', // required valid HTML5 element tag
- attributes: {} // optional valid JS object with JS API naming ex: { className: "my-class", style: { fontFamily: "Verdana" }, id: "my-id"}
- },
- class: '' // optional class names space delimited list for title item ex: "text-center"
- },
- {
- name: 'Colors',
- url: '/theme/colors',
- icon: 'icon-drop',
- },
- {
- name: 'Typography',
- url: '/theme/typography',
- icon: 'icon-pencil',
- },
- {
- title: true,
- name: 'Components',
- wrapper: {
- element: '',
- attributes: {},
- },
- },
- {
- name: 'Base',
- url: '/base',
- icon: 'icon-puzzle',
- children: [
- {
- name: 'Breadcrumbs',
- url: '/base/breadcrumbs',
- icon: 'icon-puzzle',
- },
- {
- name: 'Cards',
- url: '/base/cards',
- icon: 'icon-puzzle',
- },
- {
- name: 'Carousels',
- url: '/base/carousels',
- icon: 'icon-puzzle',
- },
- {
- name: 'Collapses',
- url: '/base/collapses',
- icon: 'icon-puzzle',
- },
- {
- name: 'Dropdowns',
- url: '/base/dropdowns',
- icon: 'icon-puzzle',
- },
- {
- name: 'Forms',
- url: '/base/forms',
- icon: 'icon-puzzle',
- },
- {
- name: 'Jumbotrons',
- url: '/base/jumbotrons',
- icon: 'icon-puzzle',
- },
- {
- name: 'List groups',
- url: '/base/list-groups',
- icon: 'icon-puzzle',
- },
- {
- name: 'Navs',
- url: '/base/navs',
- icon: 'icon-puzzle',
- },
- {
- name: 'Paginations',
- url: '/base/paginations',
- icon: 'icon-puzzle',
- },
- {
- name: 'Popovers',
- url: '/base/popovers',
- icon: 'icon-puzzle',
- },
- {
- name: 'Progress Bar',
- url: '/base/progress-bar',
- icon: 'icon-puzzle',
- },
- {
- name: 'Switches',
- url: '/base/switches',
- icon: 'icon-puzzle',
- },
- {
- name: 'Tables',
- url: '/base/tables',
- icon: 'icon-puzzle',
- },
- {
- name: 'Tabs',
- url: '/base/tabs',
- icon: 'icon-puzzle',
- },
- {
- name: 'Tooltips',
- url: '/base/tooltips',
- icon: 'icon-puzzle',
- },
- ],
- },
- {
- name: 'Buttons',
- url: '/buttons',
- icon: 'icon-cursor',
- children: [
- {
- name: 'Buttons',
- url: '/buttons/buttons',
- icon: 'icon-cursor',
- },
- {
- name: 'Button dropdowns',
- url: '/buttons/button-dropdowns',
- icon: 'icon-cursor',
- },
- {
- name: 'Button groups',
- url: '/buttons/button-groups',
- icon: 'icon-cursor',
- },
- {
- name: 'Brand Buttons',
- url: '/buttons/brand-buttons',
- icon: 'icon-cursor',
- },
- ],
- },
- {
- name: 'Charts',
- url: '/charts',
- icon: 'icon-pie-chart',
- },
- {
- name: 'Icons',
- url: '/icons',
- icon: 'icon-star',
- children: [
- {
- name: 'CoreUI Icons',
- url: '/icons/coreui-icons',
- icon: 'icon-star',
- badge: {
- variant: 'info',
- text: 'NEW',
- },
- },
- {
- name: 'Flags',
- url: '/icons/flags',
- icon: 'icon-star',
- },
- {
- name: 'Font Awesome',
- url: '/icons/font-awesome',
- icon: 'icon-star',
- badge: {
- variant: 'secondary',
- text: '4.7',
- },
- },
- {
- name: 'Simple Line Icons',
- url: '/icons/simple-line-icons',
- icon: 'icon-star',
- },
- ],
- },
- {
- name: 'Notifications',
- url: '/notifications',
- icon: 'icon-bell',
- children: [
- {
- name: 'Alerts',
- url: '/notifications/alerts',
- icon: 'icon-bell',
- },
- {
- name: 'Badges',
- url: '/notifications/badges',
- icon: 'icon-bell',
- },
- {
- name: 'Modals',
- url: '/notifications/modals',
- icon: 'icon-bell',
- },
- ],
- },
- {
- name: 'Widgets',
- url: '/widgets',
- icon: 'icon-calculator',
- badge: {
- variant: 'info',
- text: 'NEW',
- },
- },
- {
- divider: true,
- },
- {
- title: true,
- name: 'Extras',
- },
- {
- name: 'Pages',
- url: '/pages',
- icon: 'icon-star',
- children: [
- {
- name: 'Login',
- url: '/login',
- icon: 'icon-star',
- },
- {
- name: 'Register',
- url: '/register',
- icon: 'icon-star',
- },
- {
- name: 'Error 404',
- url: '/404',
- icon: 'icon-star',
- },
- {
- name: 'Error 500',
- url: '/500',
- icon: 'icon-star',
- },
- ],
- },
- {
- name: 'Download CoreUI',
- url: 'http://coreui.io/react/',
- icon: 'icon-cloud-download',
- class: 'mt-auto',
- variant: 'success',
- },
- {
- name: 'Try CoreUI PRO',
- url: 'http://coreui.io/pro/react/',
- icon: 'icon-layers',
- variant: 'danger',
- },
- ],
-};
diff --git a/old-modules/src_example/assets/img/brand/logo.svg b/old-modules/src_example/assets/img/brand/logo.svg
deleted file mode 100644
index 06b1d72..0000000
--- a/old-modules/src_example/assets/img/brand/logo.svg
+++ /dev/null
@@ -1,44 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="707.1px" height="200px" viewBox="0 0 707.1 200" enable-background="new 0 0 707.1 200" xml:space="preserve">
-<polygon fill="#61DAFB" points="0,150 0,50 86.6,0 173.2,50 173.2,150 86.6,200 "/>
-<polygon fill="#FFFFFF" points="86.6,133.3 57.7,116.7 57.7,83.3 86.6,66.7 115.5,83.3 144.3,66.7 86.6,33.3 28.9,66.7 28.9,133.3
- 86.6,166.7 144.3,133.3 115.5,116.7 "/>
-<polygon opacity="0.04" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="0,50 86.6,100 86.6,0 "/>
-<polygon opacity="0.04" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="0,150 86.6,200 86.6,100 "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="86.6,100 173.2,150 173.2,50
- "/>
-<polygon fill-opacity="0" points="86.6,100 0,50 0,150 "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="173.2,150 86.6,100 86.6,200
- "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="173.2,50 86.6,0 86.6,100 "/>
-<g>
- <path fill="#333333" d="M290.4,127.3c1,0,1.8,0.4,2.6,1.1l7.2,7.8c-4,4.9-8.8,8.7-14.6,11.3c-5.8,2.6-12.7,3.9-20.8,3.9
- c-7.2,0-13.8-1.2-19.5-3.7c-5.8-2.5-10.7-5.9-14.8-10.3c-4.1-4.4-7.2-9.7-9.4-15.8c-2.2-6.1-3.3-12.8-3.3-20
- c0-7.3,1.2-14.1,3.6-20.1c2.4-6.1,5.8-11.4,10.3-15.8c4.4-4.4,9.7-7.8,15.8-10.3s12.9-3.7,20.4-3.7c7.2,0,13.6,1.2,19,3.5
- s10.1,5.4,13.9,9.2l-6.1,8.4c-0.4,0.5-0.8,1-1.4,1.4s-1.3,0.6-2.3,0.6s-2.1-0.4-3.2-1.2s-2.5-1.7-4.1-2.6c-1.7-0.9-3.8-1.8-6.3-2.6
- c-2.5-0.8-5.8-1.2-9.7-1.2c-4.6,0-8.8,0.8-12.7,2.4c-3.8,1.6-7.2,3.9-9.9,6.9s-4.9,6.6-6.5,10.8c-1.6,4.3-2.3,9-2.3,14.3
- c0,5.5,0.8,10.4,2.3,14.6c1.6,4.3,3.7,7.9,6.3,10.8c2.7,2.9,5.8,5.2,9.4,6.7c3.6,1.6,7.5,2.3,11.6,2.3c2.5,0,4.7-0.1,6.7-0.4
- c2-0.3,3.8-0.7,5.5-1.3s3.3-1.3,4.8-2.3c1.5-0.9,3-2.1,4.5-3.4c0.4-0.4,0.9-0.7,1.4-1C289.3,127.4,289.9,127.3,290.4,127.3z"/>
- <path fill="#333333" d="M407.5,101.5c0,7.2-1.2,13.8-3.6,19.9s-5.7,11.4-10.1,15.8c-4.3,4.5-9.5,7.9-15.6,10.4s-12.8,3.7-20.2,3.7
- c-7.4,0-14.1-1.2-20.2-3.7s-11.3-6-15.7-10.4c-4.3-4.5-7.7-9.7-10.1-15.8c-2.4-6.1-3.6-12.7-3.6-19.9c0-7.2,1.2-13.8,3.6-19.9
- s5.7-11.4,10.1-15.8c4.3-4.5,9.6-7.9,15.7-10.4s12.8-3.7,20.2-3.7c7.4,0,14.1,1.3,20.2,3.8s11.3,6,15.6,10.4
- c4.3,4.4,7.7,9.7,10.1,15.8C406.3,87.7,407.5,94.3,407.5,101.5z M388.9,101.5c0-5.4-0.7-10.2-2.1-14.4c-1.4-4.3-3.5-7.9-6.1-10.8
- c-2.7-3-5.9-5.2-9.7-6.8c-3.8-1.6-8.1-2.4-12.9-2.4s-9.1,0.8-12.9,2.4s-7.1,3.8-9.8,6.8c-2.7,3-4.7,6.6-6.2,10.8
- c-1.4,4.3-2.2,9.1-2.2,14.4c0,5.4,0.7,10.2,2.2,14.4c1.4,4.3,3.5,7.9,6.2,10.8s5.9,5.2,9.8,6.8c3.8,1.6,8.1,2.4,12.9,2.4
- s9.1-0.8,12.9-2.4c3.8-1.6,7-3.8,9.7-6.8c2.7-2.9,4.7-6.5,6.1-10.8C388.2,111.7,388.9,106.9,388.9,101.5z"/>
- <path fill="#333333" d="M440.6,112.2v38.1h-18.2V52.7h29.8c6.7,0,12.4,0.7,17.1,2.1c4.7,1.4,8.6,3.3,11.7,5.8
- c3,2.5,5.3,5.4,6.7,8.9c1.4,3.4,2.1,7.2,2.1,11.4c0,3.3-0.5,6.4-1.5,9.3s-2.4,5.6-4.2,8c-1.8,2.4-4.1,4.5-6.8,6.3
- c-2.7,1.8-5.7,3.2-9.1,4.3c2.3,1.3,4.3,3.2,5.9,5.6l24.4,36h-16.3c-1.6,0-2.9-0.3-4-0.9c-1.1-0.6-2-1.5-2.8-2.7l-20.5-31.3
- c-0.8-1.2-1.6-2-2.5-2.5s-2.3-0.7-4.1-0.7h-7.7V112.2z M440.6,99.1h11.3c3.4,0,6.4-0.4,8.9-1.3s4.6-2,6.3-3.5
- c1.6-1.5,2.9-3.3,3.7-5.4c0.8-2.1,1.2-4.3,1.2-6.8c0-4.9-1.6-8.8-4.9-11.4c-3.3-2.7-8.2-4-15-4h-11.6v32.4H440.6z"/>
- <path fill="#333333" d="M571.8,52.7v14.4h-43.3v27.1h34.1v14h-34.1v27.6h43.3v14.5h-61.6V52.7H571.8z"/>
- <path fill="#61DAFB" d="M626.8,135.7c3.5,0,6.6-0.6,9.4-1.8c2.8-1.2,5.1-2.8,7-4.9c1.9-2.1,3.4-4.7,4.4-7.7s1.5-6.4,1.5-10.1V52.7
- h18.2v58.5c0,5.8-0.9,11.2-2.8,16.1c-1.9,4.9-4.6,9.2-8.1,12.8c-3.5,3.6-7.8,6.4-12.8,8.4s-10.6,3-16.9,3s-11.9-1-16.9-3
- s-9.2-4.8-12.7-8.4c-3.5-3.6-6.2-7.8-8-12.8c-1.9-4.9-2.8-10.3-2.8-16.1V52.7h18.2v58.4c0,3.7,0.5,7.1,1.5,10.1s2.5,5.6,4.4,7.7
- s4.2,3.8,7,5C620.1,135.1,623.3,135.7,626.8,135.7z"/>
- <path fill="#61DAFB" d="M706.2,150.3H688V52.7h18.2V150.3z"/>
-</g>
-</svg>
diff --git a/old-modules/src_example/assets/img/brand/sygnet.svg b/old-modules/src_example/assets/img/brand/sygnet.svg
deleted file mode 100644
index cb11651..0000000
--- a/old-modules/src_example/assets/img/brand/sygnet.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="173.2px" height="200px" viewBox="0 0 173.2 200" enable-background="new 0 0 173.2 200" xml:space="preserve">
-<polygon fill="#61DAFB" points="0,150 0,50 86.6,0 173.2,50 173.2,150 86.6,200 "/>
-<polygon fill="#FFFFFF" points="86.6,133.3 57.7,116.7 57.7,83.3 86.6,66.7 115.5,83.3 144.3,66.7 86.6,33.3 28.9,66.7 28.9,133.3
- 86.6,166.7 144.3,133.3 115.5,116.7 "/>
-<polygon opacity="0.04" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="0,50 86.6,100 86.6,0 "/>
-<polygon opacity="0.04" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="0,150 86.6,200 86.6,100 "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="86.6,100 173.2,150 173.2,50
- "/>
-<polygon fill-opacity="0" points="86.6,100 0,50 0,150 "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="173.2,150 86.6,100 86.6,200
- "/>
-<polygon opacity="0.08" stroke="#FFFFFF" stroke-miterlimit="10" enable-background="new " points="173.2,50 86.6,0 86.6,100 "/>
-</svg>
diff --git a/old-modules/src_example/containers/DefaultLayout/DefaultAside.js b/old-modules/src_example/containers/DefaultLayout/DefaultAside.js
deleted file mode 100644
index 22a86c1..0000000
--- a/old-modules/src_example/containers/DefaultLayout/DefaultAside.js
+++ /dev/null
@@ -1,332 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Nav, NavItem, NavLink, Progress, TabContent, TabPane, ListGroup, ListGroupItem } from 'reactstrap';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { AppSwitch } from '@coreui/react'
-
-const propTypes = {
- children: PropTypes.node,
-};
-
-const defaultProps = {};
-
-class DefaultAside extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- activeTab: '1',
- };
- }
-
- toggle(tab) {
- if (this.state.activeTab !== tab) {
- this.setState({
- activeTab: tab,
- });
- }
- }
-
- render() {
-
- // eslint-disable-next-line
- const { children, ...attributes } = this.props;
-
- return (
- <React.Fragment>
- <Nav tabs>
- <NavItem>
- <NavLink className={classNames({ active: this.state.activeTab === '1' })}
- onClick={() => {
- this.toggle('1');
- }}>
- <i className="icon-list"></i>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink className={classNames({ active: this.state.activeTab === '2' })}
- onClick={() => {
- this.toggle('2');
- }}>
- <i className="icon-speech"></i>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink className={classNames({ active: this.state.activeTab === '3' })}
- onClick={() => {
- this.toggle('3');
- }}>
- <i className="icon-settings"></i>
- </NavLink>
- </NavItem>
- </Nav>
- <TabContent activeTab={this.state.activeTab}>
- <TabPane tabId="1">
- <ListGroup className="list-group-accent" tag={'div'}>
- <ListGroupItem className="list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Today</ListGroupItem>
- <ListGroupItem action tag="a" href="#" className="list-group-item-accent-warning list-group-item-divider">
- <div className="avatar float-right">
- <img className="img-avatar" src="assets/img/avatars/7.jpg" alt="admin@bootstrapmaster.com"></img>
- </div>
- <div>Meeting with <strong>Lucas</strong> </div>
- <small className="text-muted mr-3">
- <i className="icon-calendar"></i> 1 - 3pm
- </small>
- <small className="text-muted">
- <i className="icon-location-pin"></i> Palo Alto, CA
- </small>
- </ListGroupItem>
- <ListGroupItem action tag="a" href="#" className="list-group-item-accent-info list-group-item-divider">
- <div className="avatar float-right">
- <img className="img-avatar" src="assets/img/avatars/4.jpg" alt="admin@bootstrapmaster.com"></img>
- </div>
- <div>Skype with <strong>Megan</strong></div>
- <small className="text-muted mr-3">
- <i className="icon-calendar"></i> 4 - 5pm
- </small>
- <small className="text-muted">
- <i className="icon-social-skype"></i> On-line
- </small>
- </ListGroupItem>
- <ListGroupItem className="list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Tomorrow</ListGroupItem>
- <ListGroupItem action tag="a" href="#" className="list-group-item-accent-danger list-group-item-divider">
- <div>New UI Project - <strong>deadline</strong></div>
- <small className="text-muted mr-3"><i className="icon-calendar"></i> 10 - 11pm</small>
- <small className="text-muted"><i className="icon-home"></i> creativeLabs HQ</small>
- <div className="avatars-stack mt-2">
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/2.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/3.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/4.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/5.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/6.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- </div>
- </ListGroupItem>
- <ListGroupItem action tag="a" href="#" className="list-group-item-accent-success list-group-item-divider">
- <div><strong>#10 Startups.Garden</strong> Meetup</div>
- <small className="text-muted mr-3"><i className="icon-calendar"></i> 1 - 3pm</small>
- <small className="text-muted"><i className="icon-location-pin"></i> Palo Alto, CA</small>
- </ListGroupItem>
- <ListGroupItem action tag="a" href="#" className="list-group-item-accent-primary list-group-item-divider">
- <div><strong>Team meeting</strong></div>
- <small className="text-muted mr-3"><i className="icon-calendar"></i> 4 - 6pm</small>
- <small className="text-muted"><i className="icon-home"></i> creativeLabs HQ</small>
- <div className="avatars-stack mt-2">
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/2.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/3.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/4.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/5.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/6.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/7.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- <div className="avatar avatar-xs">
- <img src={'assets/img/avatars/8.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </div>
- </div>
- </ListGroupItem>
- </ListGroup>
- </TabPane>
- <TabPane tabId="2" className="p-3">
- <div className="message">
- <div className="py-3 pb-5 mr-3 float-left">
- <div className="avatar">
- <img src={'assets/img/avatars/7.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-success"></span>
- </div>
- </div>
- <div>
- <small className="text-muted">Lukasz Holeczek</small>
- <small className="text-muted float-right mt-1">1:52 PM</small>
- </div>
- <div className="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
- <small className="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt...
- </small>
- </div>
- <hr />
- <div className="message">
- <div className="py-3 pb-5 mr-3 float-left">
- <div className="avatar">
- <img src={'assets/img/avatars/7.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-success"></span>
- </div>
- </div>
- <div>
- <small className="text-muted">Lukasz Holeczek</small>
- <small className="text-muted float-right mt-1">1:52 PM</small>
- </div>
- <div className="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
- <small className="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt...
- </small>
- </div>
- <hr />
- <div className="message">
- <div className="py-3 pb-5 mr-3 float-left">
- <div className="avatar">
- <img src={'assets/img/avatars/7.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-success"></span>
- </div>
- </div>
- <div>
- <small className="text-muted">Lukasz Holeczek</small>
- <small className="text-muted float-right mt-1">1:52 PM</small>
- </div>
- <div className="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
- <small className="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt...
- </small>
- </div>
- <hr />
- <div className="message">
- <div className="py-3 pb-5 mr-3 float-left">
- <div className="avatar">
- <img src={'assets/img/avatars/7.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-success"></span>
- </div>
- </div>
- <div>
- <small className="text-muted">Lukasz Holeczek</small>
- <small className="text-muted float-right mt-1">1:52 PM</small>
- </div>
- <div className="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
- <small className="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt...
- </small>
- </div>
- <hr />
- <div className="message">
- <div className="py-3 pb-5 mr-3 float-left">
- <div className="avatar">
- <img src={'assets/img/avatars/7.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-success"></span>
- </div>
- </div>
- <div>
- <small className="text-muted">Lukasz Holeczek</small>
- <small className="text-muted float-right mt-1">1:52 PM</small>
- </div>
- <div className="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
- <small className="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt...
- </small>
- </div>
- </TabPane>
- <TabPane tabId="3" className="p-3">
- <h6>Settings</h6>
-
- <div className="aside-options">
- <div className="clearfix mt-4">
- <small><b>Option 1</b></small>
- <AppSwitch className={'float-right'} variant={'pill'} label color={'success'} defaultChecked size={'sm'}/>
- </div>
- <div>
- <small className="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua.
- </small>
- </div>
- </div>
-
- <div className="aside-options">
- <div className="clearfix mt-3">
- <small><b>Option 2</b></small>
- <AppSwitch className={'float-right'} variant={'pill'} label color={'success'} size={'sm'}/>
- </div>
- <div>
- <small className="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua.
- </small>
- </div>
- </div>
-
- <div className="aside-options">
- <div className="clearfix mt-3">
- <small><b>Option 3</b></small>
- <AppSwitch className={'float-right'} variant={'pill'} label color={'success'} defaultChecked size={'sm'} disabled/>
- <div>
- <small className="text-muted">Option disabled.</small>
- </div>
- </div>
- </div>
-
- <div className="aside-options">
- <div className="clearfix mt-3">
- <small><b>Option 4</b></small>
- <AppSwitch className={'float-right'} variant={'pill'} label color={'success'} defaultChecked size={'sm'} />
- </div>
- </div>
-
- <hr />
- <h6>System Utilization</h6>
-
- <div className="text-uppercase mb-1 mt-4">
- <small><b>CPU Usage</b></small>
- </div>
- <Progress className="progress-xs" color="info" value="25" />
- <small className="text-muted">348 Processes. 1/4 Cores.</small>
-
- <div className="text-uppercase mb-1 mt-2">
- <small><b>Memory Usage</b></small>
- </div>
- <Progress className="progress-xs" color="warning" value="70" />
- <small className="text-muted">11444GB/16384MB</small>
-
- <div className="text-uppercase mb-1 mt-2">
- <small><b>SSD 1 Usage</b></small>
- </div>
- <Progress className="progress-xs" color="danger" value="95" />
- <small className="text-muted">243GB/256GB</small>
-
- <div className="text-uppercase mb-1 mt-2">
- <small><b>SSD 2 Usage</b></small>
- </div>
- <Progress className="progress-xs" color="success" value="10" />
- <small className="text-muted">25GB/256GB</small>
- </TabPane>
- </TabContent>
- </React.Fragment>
- );
- }
-}
-
-DefaultAside.propTypes = propTypes;
-DefaultAside.defaultProps = defaultProps;
-
-export default DefaultAside;
diff --git a/old-modules/src_example/containers/DefaultLayout/DefaultFooter.js b/old-modules/src_example/containers/DefaultLayout/DefaultFooter.js
deleted file mode 100644
index 3943fa8..0000000
--- a/old-modules/src_example/containers/DefaultLayout/DefaultFooter.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-const propTypes = {
- children: PropTypes.node,
-};
-
-const defaultProps = {};
-
-class DefaultFooter extends Component {
- render() {
-
- // eslint-disable-next-line
- const { children, ...attributes } = this.props;
-
- return (
- <React.Fragment>
- <span><a href="https://coreui.io">CoreUI</a> © 2018 creativeLabs.</span>
- <span className="ml-auto">Powered by <a href="https://coreui.io/react">CoreUI for React</a></span>
- </React.Fragment>
- );
- }
-}
-
-DefaultFooter.propTypes = propTypes;
-DefaultFooter.defaultProps = defaultProps;
-
-export default DefaultFooter;
diff --git a/old-modules/src_example/containers/DefaultLayout/DefaultHeader.js b/old-modules/src_example/containers/DefaultLayout/DefaultHeader.js
deleted file mode 100644
index 945d214..0000000
--- a/old-modules/src_example/containers/DefaultLayout/DefaultHeader.js
+++ /dev/null
@@ -1,97 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem, NavLink } from 'reactstrap';
-import PropTypes from 'prop-types';
-
-import { AppAsideToggler, AppHeaderDropdown, AppNavbarBrand, AppSidebarToggler } from '@coreui/react';
-import logo from '../../assets/img/brand/logo.svg'
-import sygnet from '../../assets/img/brand/sygnet.svg'
-
-const propTypes = {
- children: PropTypes.node,
-};
-
-const defaultProps = {};
-
-class DefaultHeader extends Component {
- render() {
-
- // eslint-disable-next-line
- const { children, ...attributes } = this.props;
-
- return (
- <React.Fragment>
- <AppSidebarToggler className="d-lg-none" display="md" mobile />
- <AppNavbarBrand
- full={{ src: logo, width: 89, height: 25, alt: 'CoreUI Logo' }}
- minimized={{ src: sygnet, width: 30, height: 30, alt: 'CoreUI Logo' }}
- />
- <AppSidebarToggler className="d-md-down-none" display="lg" />
-
- <Nav className="d-md-down-none" navbar>
- <NavItem className="px-3">
- <NavLink href="/">Dashboard</NavLink>
- </NavItem>
- <NavItem className="px-3">
- <NavLink href="#/users">Users</NavLink>
- </NavItem>
- <NavItem className="px-3">
- <NavLink href="#">Settings</NavLink>
- </NavItem>
- </Nav>
- <Nav className="ml-auto" navbar>
- <NavItem className="d-md-down-none">
- <NavLink href="#"><i className="icon-bell"></i><Badge pill color="danger">5</Badge></NavLink>
- </NavItem>
- <NavItem className="d-md-down-none">
- <NavLink href="#"><i className="icon-list"></i></NavLink>
- </NavItem>
- <NavItem className="d-md-down-none">
- <NavLink href="#"><i className="icon-location-pin"></i></NavLink>
- </NavItem>
- <AppHeaderDropdown direction="down">
- <DropdownToggle nav>
- <img src={'assets/img/avatars/6.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- </DropdownToggle>
- <DropdownMenu right style={{ right: 'auto' }}>
- <DropdownItem header tag="div" className="text-center"><strong>Account</strong></DropdownItem>
- <DropdownItem><i className="fa fa-bell-o"></i> Updates<Badge color="info">42</Badge></DropdownItem>
- <DropdownItem><i className="fa fa-envelope-o"></i> Messages<Badge color="success">42</Badge></DropdownItem>
- <DropdownItem><i className="fa fa-tasks"></i> Tasks<Badge color="danger">42</Badge></DropdownItem>
- <DropdownItem><i className="fa fa-comments"></i> Comments<Badge color="warning">42</Badge></DropdownItem>
- <DropdownItem header tag="div" className="text-center"><strong>Settings</strong></DropdownItem>
- <DropdownItem><i className="fa fa-user"></i> Profile</DropdownItem>
- <DropdownItem><i className="fa fa-wrench"></i> Settings</DropdownItem>
- <DropdownItem><i className="fa fa-usd"></i> Payments<Badge color="secondary">42</Badge></DropdownItem>
- <DropdownItem><i className="fa fa-file"></i> Projects<Badge color="primary">42</Badge></DropdownItem>
- <DropdownItem divider />
- <DropdownItem><i className="fa fa-shield"></i> Lock Account</DropdownItem>
- <DropdownItem><i className="fa fa-lock"></i> Logout</DropdownItem>
- </DropdownMenu>
- </AppHeaderDropdown>
- </Nav>
- <AppAsideToggler className="d-md-down-none" />
- {/*<AppAsideToggler className="d-lg-none" mobile />*/}
- </React.Fragment>
- );
- }
-}
-
-DefaultHeader.propTypes = propTypes;
-DefaultHeader.defaultProps = defaultProps;
-
-export default DefaultHeader;
diff --git a/old-modules/src_example/containers/DefaultLayout/DefaultLayout.js b/old-modules/src_example/containers/DefaultLayout/DefaultLayout.js
deleted file mode 100644
index f93286e..0000000
--- a/old-modules/src_example/containers/DefaultLayout/DefaultLayout.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Redirect, Route, Switch } from 'react-router-dom';
-import { Container } from 'reactstrap';
-
-import {
- AppAside,
- AppBreadcrumb,
- AppFooter,
- AppHeader,
- AppSidebar,
- AppSidebarFooter,
- AppSidebarForm,
- AppSidebarHeader,
- AppSidebarMinimizer,
- AppSidebarNav,
-} from '@coreui/react';
-// sidebar nav config
-import navigation from '../../_nav';
-// routes config
-import routes from '../../routes';
-import DefaultAside from './DefaultAside';
-import DefaultFooter from './DefaultFooter';
-import DefaultHeader from './DefaultHeader';
-
-class DefaultLayout extends Component {
- render() {
- return (
- <div className="app">
- <AppHeader fixed>
- <DefaultHeader />
- </AppHeader>
- <div className="app-body">
- <AppSidebar fixed display="lg">
- <AppSidebarHeader />
- <AppSidebarForm />
- <AppSidebarNav navConfig={navigation} {...this.props} />
- <AppSidebarFooter />
- <AppSidebarMinimizer />
- </AppSidebar>
- <main className="main">
- <AppBreadcrumb appRoutes={routes}/>
- <Container fluid>
- <Switch>
- {routes.map((route, idx) => {
- return route.component ? (<Route key={idx} path={route.path} exact={route.exact} name={route.name} render={props => (
- <route.component {...props} />
- )} />)
- : (null);
- },
- )}
- <Redirect from="/" to="/dashboard" />
- </Switch>
- </Container>
- </main>
- <AppAside fixed>
- <DefaultAside />
- </AppAside>
- </div>
- <AppFooter>
- <DefaultFooter />
- </AppFooter>
- </div>
- );
- }
-}
-
-export default DefaultLayout;
diff --git a/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultAside.test.js b/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultAside.test.js
deleted file mode 100644
index 034e0b9..0000000
--- a/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultAside.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import DefaultAside from '../DefaultAside';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<DefaultAside />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultFooter.test.js b/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultFooter.test.js
deleted file mode 100644
index 7287b4a..0000000
--- a/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultFooter.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import DefaultFooter from '../DefaultFooter';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<DefaultFooter />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultHeader.test.js b/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultHeader.test.js
deleted file mode 100644
index 25fd90e..0000000
--- a/old-modules/src_example/containers/DefaultLayout/__tests__/DefaultHeader.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import DefaultHeader from '../DefaultHeader';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<DefaultHeader />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/containers/DefaultLayout/index.js b/old-modules/src_example/containers/DefaultLayout/index.js
deleted file mode 100644
index 83c096e..0000000
--- a/old-modules/src_example/containers/DefaultLayout/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import DefaultLayout from './DefaultLayout';
-
-export default DefaultLayout;
diff --git a/old-modules/src_example/containers/DefaultLayout/package.json b/old-modules/src_example/containers/DefaultLayout/package.json
deleted file mode 100644
index b88abb0..0000000
--- a/old-modules/src_example/containers/DefaultLayout/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "DefaultLayout",
- "version": "0.0.0",
- "private": true,
- "main": "./DefaultLayout.js"
-}
diff --git a/old-modules/src_example/containers/index.js b/old-modules/src_example/containers/index.js
deleted file mode 100644
index ccba37d..0000000
--- a/old-modules/src_example/containers/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import DefaultLayout from './DefaultLayout';
-
-export { DefaultLayout };
diff --git a/old-modules/src_example/index.css b/old-modules/src_example/index.css
deleted file mode 100644
index 838ffb5..0000000
--- a/old-modules/src_example/index.css
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
diff --git a/old-modules/src_example/index.js b/old-modules/src_example/index.js
deleted file mode 100644
index 27c9998..0000000
--- a/old-modules/src_example/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import 'react-app-polyfill/ie9'; // For IE 9-11 support
-import 'react-app-polyfill/ie11'; // For IE 11 support
-import './polyfill'
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: http://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/old-modules/src_example/polyfill.js b/old-modules/src_example/polyfill.js
deleted file mode 100644
index d5ce075..0000000
--- a/old-modules/src_example/polyfill.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/*
-* required polyfills
-*/
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol'
-// import 'core-js/es6/object'
-// import 'core-js/es6/function'
-// import 'core-js/es6/parse-int'
-// import 'core-js/es6/parse-float'
-// import 'core-js/es6/number'
-// import 'core-js/es6/math'
-// import 'core-js/es6/string'
-// import 'core-js/es6/date'
-import 'core-js/es6/array'
-// import 'core-js/es6/regexp'
-import 'core-js/es6/map'
-// import 'core-js/es6/weak-map'
-import 'core-js/es6/set'
-import 'core-js/es7/object'
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-// import 'core-js/es6/reflect'
-
-/** Evergreen browsers require these. **/
-// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-// import 'core-js/es7/reflect'
-
-// CustomEvent() constructor functionality in IE9, IE10, IE11
-(function () {
-
- if ( typeof window.CustomEvent === "function" ) return false
-
- function CustomEvent ( event, params ) {
- params = params || { bubbles: false, cancelable: false, detail: undefined }
- var evt = document.createEvent( 'CustomEvent' )
- evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail )
- return evt
- }
-
- CustomEvent.prototype = window.Event.prototype
-
- window.CustomEvent = CustomEvent
-})()
diff --git a/old-modules/src_example/routes.js b/old-modules/src_example/routes.js
deleted file mode 100644
index f4d2eca..0000000
--- a/old-modules/src_example/routes.js
+++ /dev/null
@@ -1,247 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import Loadable from 'react-loadable'
-
-import DefaultLayout from './containers/DefaultLayout';
-
-function Loading() {
- return <div>Loading...</div>;
-}
-
-const Breadcrumbs = Loadable({
- loader: () => import('./views/Base/Breadcrumbs'),
- loading: Loading,
-});
-
-const Cards = Loadable({
- loader: () => import('./views/Base/Cards'),
- loading: Loading,
-});
-
-const Carousels = Loadable({
- loader: () => import('./views/Base/Carousels'),
- loading: Loading,
-});
-
-const Collapses = Loadable({
- loader: () => import('./views/Base/Collapses'),
- loading: Loading,
-});
-
-const Dropdowns = Loadable({
- loader: () => import('./views/Base/Dropdowns'),
- loading: Loading,
-});
-
-const Forms = Loadable({
- loader: () => import('./views/Base/Forms'),
- loading: Loading,
-});
-
-const Jumbotrons = Loadable({
- loader: () => import('./views/Base/Jumbotrons'),
- loading: Loading,
-});
-
-const ListGroups = Loadable({
- loader: () => import('./views/Base/ListGroups'),
- loading: Loading,
-});
-
-const Navbars = Loadable({
- loader: () => import('./views/Base/Navbars'),
- loading: Loading,
-});
-
-const Navs = Loadable({
- loader: () => import('./views/Base/Navs'),
- loading: Loading,
-});
-
-const Paginations = Loadable({
- loader: () => import('./views/Base/Paginations'),
- loading: Loading,
-});
-
-const Popovers = Loadable({
- loader: () => import('./views/Base/Popovers'),
- loading: Loading,
-});
-
-const ProgressBar = Loadable({
- loader: () => import('./views/Base/ProgressBar'),
- loading: Loading,
-});
-
-const Switches = Loadable({
- loader: () => import('./views/Base/Switches'),
- loading: Loading,
-});
-
-const Tables = Loadable({
- loader: () => import('./views/Base/Tables'),
- loading: Loading,
-});
-
-const Tabs = Loadable({
- loader: () => import('./views/Base/Tabs'),
- loading: Loading,
-});
-
-const Tooltips = Loadable({
- loader: () => import('./views/Base/Tooltips'),
- loading: Loading,
-});
-
-const BrandButtons = Loadable({
- loader: () => import('./views/Buttons/BrandButtons'),
- loading: Loading,
-});
-
-const ButtonDropdowns = Loadable({
- loader: () => import('./views/Buttons/ButtonDropdowns'),
- loading: Loading,
-});
-
-const ButtonGroups = Loadable({
- loader: () => import('./views/Buttons/ButtonGroups'),
- loading: Loading,
-});
-
-const Buttons = Loadable({
- loader: () => import('./views/Buttons/Buttons'),
- loading: Loading,
-});
-
-const Charts = Loadable({
- loader: () => import('./views/Charts'),
- loading: Loading,
-});
-
-const Dashboard = Loadable({
- loader: () => import('./views/Dashboard'),
- loading: Loading,
-});
-
-const CoreUIIcons = Loadable({
- loader: () => import('./views/Icons/CoreUIIcons'),
- loading: Loading,
-});
-
-const Flags = Loadable({
- loader: () => import('./views/Icons/Flags'),
- loading: Loading,
-});
-
-const FontAwesome = Loadable({
- loader: () => import('./views/Icons/FontAwesome'),
- loading: Loading,
-});
-
-const SimpleLineIcons = Loadable({
- loader: () => import('./views/Icons/SimpleLineIcons'),
- loading: Loading,
-});
-
-const Alerts = Loadable({
- loader: () => import('./views/Notifications/Alerts'),
- loading: Loading,
-});
-
-const Badges = Loadable({
- loader: () => import('./views/Notifications/Badges'),
- loading: Loading,
-});
-
-const Modals = Loadable({
- loader: () => import('./views/Notifications/Modals'),
- loading: Loading,
-});
-
-const Colors = Loadable({
- loader: () => import('./views/Theme/Colors'),
- loading: Loading,
-});
-
-const Typography = Loadable({
- loader: () => import('./views/Theme/Typography'),
- loading: Loading,
-});
-
-const Widgets = Loadable({
- loader: () => import('./views/Widgets/Widgets'),
- loading: Loading,
-});
-
-const Users = Loadable({
- loader: () => import('./views/Users/Users'),
- loading: Loading,
-});
-
-const User = Loadable({
- loader: () => import('./views/Users/User'),
- loading: Loading,
-});
-
-
-
-// https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
-const routes = [
- { path: '/', exact: true, name: 'Home', component: DefaultLayout },
- { path: '/dashboard', name: 'Dashboard', component: Dashboard },
- { path: '/theme', exact: true, name: 'Theme', component: Colors },
- { path: '/theme/colors', name: 'Colors', component: Colors },
- { path: '/theme/typography', name: 'Typography', component: Typography },
- { path: '/base', exact: true, name: 'Base', component: Cards },
- { path: '/base/cards', name: 'Cards', component: Cards },
- { path: '/base/forms', name: 'Forms', component: Forms },
- { path: '/base/switches', name: 'Switches', component: Switches },
- { path: '/base/tables', name: 'Tables', component: Tables },
- { path: '/base/tabs', name: 'Tabs', component: Tabs },
- { path: '/base/breadcrumbs', name: 'Breadcrumbs', component: Breadcrumbs },
- { path: '/base/carousels', name: 'Carousel', component: Carousels },
- { path: '/base/collapses', name: 'Collapse', component: Collapses },
- { path: '/base/dropdowns', name: 'Dropdowns', component: Dropdowns },
- { path: '/base/jumbotrons', name: 'Jumbotrons', component: Jumbotrons },
- { path: '/base/list-groups', name: 'List Groups', component: ListGroups },
- { path: '/base/navbars', name: 'Navbars', component: Navbars },
- { path: '/base/navs', name: 'Navs', component: Navs },
- { path: '/base/paginations', name: 'Paginations', component: Paginations },
- { path: '/base/popovers', name: 'Popovers', component: Popovers },
- { path: '/base/progress-bar', name: 'Progress Bar', component: ProgressBar },
- { path: '/base/tooltips', name: 'Tooltips', component: Tooltips },
- { path: '/buttons', exact: true, name: 'Buttons', component: Buttons },
- { path: '/buttons/buttons', name: 'Buttons', component: Buttons },
- { path: '/buttons/button-dropdowns', name: 'Button Dropdowns', component: ButtonDropdowns },
- { path: '/buttons/button-groups', name: 'Button Groups', component: ButtonGroups },
- { path: '/buttons/brand-buttons', name: 'Brand Buttons', component: BrandButtons },
- { path: '/icons', exact: true, name: 'Icons', component: CoreUIIcons },
- { path: '/icons/coreui-icons', name: 'CoreUI Icons', component: CoreUIIcons },
- { path: '/icons/flags', name: 'Flags', component: Flags },
- { path: '/icons/font-awesome', name: 'Font Awesome', component: FontAwesome },
- { path: '/icons/simple-line-icons', name: 'Simple Line Icons', component: SimpleLineIcons },
- { path: '/notifications', exact: true, name: 'Notifications', component: Alerts },
- { path: '/notifications/alerts', name: 'Alerts', component: Alerts },
- { path: '/notifications/badges', name: 'Badges', component: Badges },
- { path: '/notifications/modals', name: 'Modals', component: Modals },
- { path: '/widgets', name: 'Widgets', component: Widgets },
- { path: '/charts', name: 'Charts', component: Charts },
- { path: '/users', exact: true, name: 'Users', component: Users },
- { path: '/users/:id', exact: true, name: 'User Details', component: User },
-];
-
-export default routes;
diff --git a/old-modules/src_example/scss/_custom.scss b/old-modules/src_example/scss/_custom.scss
deleted file mode 100644
index 15d367a..0000000
--- a/old-modules/src_example/scss/_custom.scss
+++ /dev/null
@@ -1 +0,0 @@
-// Here you can add other styles
diff --git a/old-modules/src_example/scss/_ie-fix.scss b/old-modules/src_example/scss/_ie-fix.scss
deleted file mode 100644
index ce6bc77..0000000
--- a/old-modules/src_example/scss/_ie-fix.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-html body .app.flex-row.align-items-center {
- height: 100vh;
-}
diff --git a/old-modules/src_example/scss/_variables.scss b/old-modules/src_example/scss/_variables.scss
deleted file mode 100644
index 3ee3142..0000000
--- a/old-modules/src_example/scss/_variables.scss
+++ /dev/null
@@ -1 +0,0 @@
-// Variable overrides
diff --git a/old-modules/src_example/scss/style.scss b/old-modules/src_example/scss/style.scss
deleted file mode 100644
index 421a2a2..0000000
--- a/old-modules/src_example/scss/style.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// If you want to override variables do it here
-@import "variables";
-
-// Import styles
-@import "~@coreui/coreui/scss/coreui.scss";
-
-// Temp fix for reactstrap
-@import '~@coreui/coreui/scss/_dropdown-menu-right.scss';
-
-// If you want to add something do it here
-@import "custom";
-
-// ie fixes
-@import "ie-fix";
diff --git a/old-modules/src_example/scss/vendors/.gitkeep b/old-modules/src_example/scss/vendors/.gitkeep
deleted file mode 100644
index e69de29..0000000
--- a/old-modules/src_example/scss/vendors/.gitkeep
+++ /dev/null
diff --git a/old-modules/src_example/scss/vendors/_variables.scss b/old-modules/src_example/scss/vendors/_variables.scss
deleted file mode 100644
index 3d8464b..0000000
--- a/old-modules/src_example/scss/vendors/_variables.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-// Override Boostrap variables
-@import "../variables";
-@import "~bootstrap/scss/mixins";
-@import "~@coreui/coreui/scss/variables";
diff --git a/old-modules/src_example/serviceWorker.js b/old-modules/src_example/serviceWorker.js
deleted file mode 100644
index 5b069f3..0000000
--- a/old-modules/src_example/serviceWorker.js
+++ /dev/null
@@ -1,142 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// In production, we register a service worker to serve assets from local cache.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on the "N+1" visit to a page, since previously
-// cached resources are updated in the background.
-
-// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
-// This link also includes instructions on opting out of this behavior.
-
-const isLocalhost = Boolean(
- window.location.hostname === 'localhost' ||
- // [::1] is the IPv6 localhost address.
- window.location.hostname === '[::1]' ||
- // 127.0.0.1/8 is considered localhost for IPv4.
- window.location.hostname.match(
- /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
- )
-);
-
-export function register(config) {
- if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
- // The URL constructor is available in all browsers that support SW.
- const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
- if (publicUrl.origin !== window.location.origin) {
- // Our service worker won't work if PUBLIC_URL is on a different origin
- // from what our page is served on. This might happen if a CDN is used to
- // serve assets; see https://github.com/facebook/create-react-app/issues/2374
- return;
- }
-
- window.addEventListener('load', () => {
- const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
- if (isLocalhost) {
- // This is running on localhost. Let's check if a service worker still exists or not.
- checkValidServiceWorker(swUrl, config);
-
- // Add some additional logging to localhost, pointing developers to the
- // service worker/PWA documentation.
- navigator.serviceWorker.ready.then(() => {
- console.log(
- 'This web app is being served cache-first by a service ' +
- 'worker. To learn more, visit https://goo.gl/SC7cgQ'
- );
- });
- } else {
- // Is not local host. Just register service worker
- registerValidSW(swUrl, config);
- }
- });
- }
-}
-
-function registerValidSW(swUrl, config) {
- navigator.serviceWorker
- .register(swUrl)
- .then(registration => {
- registration.onupdatefound = () => {
- const installingWorker = registration.installing;
- installingWorker.onstatechange = () => {
- if (installingWorker.state === 'installed') {
- if (navigator.serviceWorker.controller) {
- // At this point, the old content will have been purged and
- // the fresh content will have been added to the cache.
- // It's the perfect time to display a "New content is
- // available; please refresh." message in your web app.
- console.log('New content is available; please refresh.');
-
- // Execute callback
- if (config.onUpdate) {
- config.onUpdate(registration);
- }
- } else {
- // At this point, everything has been precached.
- // It's the perfect time to display a
- // "Content is cached for offline use." message.
- console.log('Content is cached for offline use.');
-
- // Execute callback
- if (config.onSuccess) {
- config.onSuccess(registration);
- }
- }
- }
- };
- };
- })
- .catch(error => {
- console.error('Error during service worker registration:', error);
- });
-}
-
-function checkValidServiceWorker(swUrl, config) {
- // Check if the service worker can be found. If it can't reload the page.
- fetch(swUrl)
- .then(response => {
- // Ensure service worker exists, and that we really are getting a JS file.
- if (
- response.status === 404 ||
- response.headers.get('content-type').indexOf('javascript') === -1
- ) {
- // No service worker found. Probably a different app. Reload the page.
- navigator.serviceWorker.ready.then(registration => {
- registration.unregister().then(() => {
- window.location.reload();
- });
- });
- } else {
- // Service worker found. Proceed as normal.
- registerValidSW(swUrl, config);
- }
- })
- .catch(() => {
- console.log(
- 'No internet connection found. App is running in offline mode.'
- );
- });
-}
-
-export function unregister() {
- if ('serviceWorker' in navigator) {
- navigator.serviceWorker.ready.then(registration => {
- registration.unregister();
- });
- }
-}
diff --git a/old-modules/src_example/setupTests.js b/old-modules/src_example/setupTests.js
deleted file mode 100644
index a544742..0000000
--- a/old-modules/src_example/setupTests.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
-configure({ adapter: new Adapter() });
diff --git a/old-modules/src_example/views/Base/Breadcrumbs/Breadcrumbs.js b/old-modules/src_example/views/Base/Breadcrumbs/Breadcrumbs.js
deleted file mode 100644
index 6efe995..0000000
--- a/old-modules/src_example/views/Base/Breadcrumbs/Breadcrumbs.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Breadcrumb, BreadcrumbItem, Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class Breadcrumbs extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Breadcrumbs</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/breadcrumbs/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Breadcrumb>
- <BreadcrumbItem active>Home</BreadcrumbItem>
- </Breadcrumb>
- <Breadcrumb>
- <BreadcrumbItem><a href="#">Home</a></BreadcrumbItem>
- <BreadcrumbItem active>Library</BreadcrumbItem>
- </Breadcrumb>
- <Breadcrumb>
- <BreadcrumbItem><a href="#">Home</a></BreadcrumbItem>
- <BreadcrumbItem><a href="#">Library</a></BreadcrumbItem>
- <BreadcrumbItem active>Data</BreadcrumbItem>
- </Breadcrumb>
- <Breadcrumb tag="nav">
- <BreadcrumbItem tag="a" href="#">Home</BreadcrumbItem>
- <BreadcrumbItem tag="a" href="#">Library</BreadcrumbItem>
- <BreadcrumbItem tag="a" href="#">Data</BreadcrumbItem>
- <BreadcrumbItem active tag="span">Bootstrap</BreadcrumbItem>
- </Breadcrumb>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Breadcrumbs;
diff --git a/old-modules/src_example/views/Base/Breadcrumbs/Breadcrumbs.test.js b/old-modules/src_example/views/Base/Breadcrumbs/Breadcrumbs.test.js
deleted file mode 100644
index a2c4ddc..0000000
--- a/old-modules/src_example/views/Base/Breadcrumbs/Breadcrumbs.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Breadcrumbs from './Breadcrumbs';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Breadcrumbs />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Breadcrumbs/package.json b/old-modules/src_example/views/Base/Breadcrumbs/package.json
deleted file mode 100644
index 10f4aaa..0000000
--- a/old-modules/src_example/views/Base/Breadcrumbs/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Breadcrumbs",
- "version": "0.0.0",
- "private": true,
- "main": "./Breadcrumbs.js"
-}
diff --git a/old-modules/src_example/views/Base/Cards/Cards.js b/old-modules/src_example/views/Base/Cards/Cards.js
deleted file mode 100644
index 7953b83..0000000
--- a/old-modules/src_example/views/Base/Cards/Cards.js
+++ /dev/null
@@ -1,419 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardFooter, CardHeader, Col, Row, Collapse, Fade } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Cards extends Component {
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.toggleFade = this.toggleFade.bind(this);
- this.state = {
- collapse: true,
- fadeIn: true,
- timeout: 300
- };
- }
-
- toggle() {
- this.setState({ collapse: !this.state.collapse });
- }
-
- toggleFade() {
- this.setState((prevState) => { return { fadeIn: !prevState }});
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" sm="6" md="4">
- <Card>
- <CardHeader>
- Card title
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- <CardFooter>Card footer</CardFooter>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card>
- <CardHeader>
- <i className="fa fa-check float-right"></i>Card with icon
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card>
- <CardHeader>
- Card with switch
- <AppSwitch className={'float-right mb-0'} label color={'info'} defaultChecked size={'sm'}/>
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card>
- <CardHeader>
- Card with label
- <Badge color="success" className="float-right">Success</Badge>
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card>
- <CardHeader>
- Card with label
- <Badge pill color="danger" className="float-right">42</Badge>
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" sm="6" md="4">
- <Card className="border-primary">
- <CardHeader>
- Card outline primary
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="border-secondary">
- <CardHeader>
- Card outline secondary
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="border-success">
- <CardHeader>
- Card outline success
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="border-info">
- <CardHeader>
- Card outline info
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="border-warning">
- <CardHeader>
- Card outline warning
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="border-danger">
- <CardHeader>
- Card outline danger
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- </Row>
-
- <Row>
- <Col xs="12" sm="6" md="4">
- <Card className="card-accent-primary">
- <CardHeader>
- Card with accent
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="card-accent-secondary">
- <CardHeader>
- Card with accent
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="card-accent-success">
- <CardHeader>
- Card with accent
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="card-accent-info">
- <CardHeader>
- Card with accent
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="card-accent-warning">
- <CardHeader>
- Card with accent
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="card-accent-danger">
- <CardHeader>
- Card with accent
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-primary text-center">
- <CardBody>
- <blockquote className="card-bodyquote">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
- </blockquote>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-success text-center">
- <CardBody>
- <blockquote className="card-bodyquote">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
- </blockquote>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-info text-center">
- <CardBody>
- <blockquote className="card-bodyquote">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
- </blockquote>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-warning text-center">
- <CardBody>
- <blockquote className="card-bodyquote">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
- </blockquote>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-danger text-center">
- <CardBody>
- <blockquote className="card-bodyquote">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
- </blockquote>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-primary text-center">
- <CardBody>
- <blockquote className="card-bodyquote">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
- </blockquote>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-primary">
- <CardHeader>
- Card title
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-success">
- <CardHeader>
- Card title
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-info">
- <CardHeader>
- Card title
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-warning">
- <CardHeader>
- Card title
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Card className="text-white bg-danger">
- <CardHeader>
- Card title
- </CardHeader>
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6" md="4">
- <Fade timeout={this.state.timeout} in={this.state.fadeIn}>
- <Card>
- <CardHeader>
- Card actions
- <div className="card-header-actions">
- <a href="#" className="card-header-action btn btn-setting"><i className="icon-settings"></i></a>
- <a className="card-header-action btn btn-minimize" data-target="#collapseExample" onClick={this.toggle}><i className="icon-arrow-up"></i></a>
- <a className="card-header-action btn btn-close" onClick={this.toggleFade}><i className="icon-close"></i></a>
- </div>
- </CardHeader>
- <Collapse isOpen={this.state.collapse} id="collapseExample">
- <CardBody>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
- laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
- ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- </CardBody>
- </Collapse>
- </Card>
- </Fade>
- </Col>
-
- </Row>
- </div>
- );
- }
-}
-
-export default Cards;
diff --git a/old-modules/src_example/views/Base/Cards/Cards.test.js b/old-modules/src_example/views/Base/Cards/Cards.test.js
deleted file mode 100644
index bb11b23..0000000
--- a/old-modules/src_example/views/Base/Cards/Cards.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Cards from './Cards';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Cards />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Cards/package.json b/old-modules/src_example/views/Base/Cards/package.json
deleted file mode 100644
index 2c51b3f..0000000
--- a/old-modules/src_example/views/Base/Cards/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Cards",
- "version": "0.0.0",
- "private": true,
- "main": "./Cards.js"
-}
diff --git a/old-modules/src_example/views/Base/Carousels/Carousels.js b/old-modules/src_example/views/Base/Carousels/Carousels.js
deleted file mode 100644
index d57b691..0000000
--- a/old-modules/src_example/views/Base/Carousels/Carousels.js
+++ /dev/null
@@ -1,139 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Carousel, CarouselCaption, CarouselControl, CarouselIndicators, CarouselItem, Col, Row } from 'reactstrap';
-
-const items = [
- {
- src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_1607923e7e2%20text%20%7B%20fill%3A%23555%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1607923e7e2%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22285.9296875%22%20y%3D%22217.75625%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
- altText: 'Slide 1',
- caption: 'Slide 1',
- },
- {
- src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23444%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23666%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
- altText: 'Slide 2',
- caption: 'Slide 2',
- },
- {
- src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23333%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23555%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
- altText: 'Slide 3',
- caption: 'Slide 3',
- },
-];
-
-class Carousels extends Component {
-
- constructor(props) {
- super(props);
- this.state = { activeIndex: 0 };
- this.next = this.next.bind(this);
- this.previous = this.previous.bind(this);
- this.goToIndex = this.goToIndex.bind(this);
- this.onExiting = this.onExiting.bind(this);
- this.onExited = this.onExited.bind(this);
- }
-
- onExiting() {
- this.animating = true;
- }
-
- onExited() {
- this.animating = false;
- }
-
- next() {
- if (this.animating) return;
- const nextIndex = this.state.activeIndex === items.length - 1 ? 0 : this.state.activeIndex + 1;
- this.setState({ activeIndex: nextIndex });
- }
-
- previous() {
- if (this.animating) return;
- const nextIndex = this.state.activeIndex === 0 ? items.length - 1 : this.state.activeIndex - 1;
- this.setState({ activeIndex: nextIndex });
- }
-
- goToIndex(newIndex) {
- if (this.animating) return;
- this.setState({ activeIndex: newIndex });
- }
-
- render() {
- const { activeIndex } = this.state;
-
- const slides = items.map((item) => {
- return (
- <CarouselItem onExiting={this.onExiting} onExited={this.onExited} key={item.src}>
- <img className="d-block w-100" src={item.src} alt={item.altText} />
- </CarouselItem>
- );
- });
-
- const slides2 = items.map((item) => {
- return (
- <CarouselItem
- onExiting={this.onExiting}
- onExited={this.onExited}
- key={item.src}
- >
- <img className="d-block w-100" src={item.src} alt={item.altText} />
- <CarouselCaption captionText={item.caption} captionHeader={item.caption} />
- </CarouselItem>
- );
- });
-
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Carousel</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/carousel/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Carousel activeIndex={activeIndex} next={this.next} previous={this.previous} ride="carousel">
- {slides}
- </Carousel>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Carousel</strong>
- </CardHeader>
- <CardBody>
- <Carousel activeIndex={activeIndex} next={this.next} previous={this.previous}>
- <CarouselIndicators items={items} activeIndex={activeIndex} onClickHandler={this.goToIndex} />
- {slides2}
- <CarouselControl direction="prev" directionText="Previous" onClickHandler={this.previous} />
- <CarouselControl direction="next" directionText="Next" onClickHandler={this.next} />
- </Carousel>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Carousels;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Base/Carousels/Carousels.test.js b/old-modules/src_example/views/Base/Carousels/Carousels.test.js
deleted file mode 100644
index 66797ad..0000000
--- a/old-modules/src_example/views/Base/Carousels/Carousels.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Carousels from './Carousels';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Carousels />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Carousels/package.json b/old-modules/src_example/views/Base/Carousels/package.json
deleted file mode 100644
index 301df3b..0000000
--- a/old-modules/src_example/views/Base/Carousels/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Carousels",
- "version": "0.0.0",
- "private": true,
- "main": "./Carousels.js"
-}
diff --git a/old-modules/src_example/views/Base/Collapses/Collapses.js b/old-modules/src_example/views/Base/Collapses/Collapses.js
deleted file mode 100644
index 40554fa..0000000
--- a/old-modules/src_example/views/Base/Collapses/Collapses.js
+++ /dev/null
@@ -1,247 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Button, Card, CardBody, CardFooter, CardHeader, Col, Collapse, Fade, Row } from 'reactstrap';
-
-class Collapses extends Component {
-
- constructor(props) {
- super(props);
- this.onEntering = this.onEntering.bind(this);
- this.onEntered = this.onEntered.bind(this);
- this.onExiting = this.onExiting.bind(this);
- this.onExited = this.onExited.bind(this);
- this.toggle = this.toggle.bind(this);
- this.toggleAccordion = this.toggleAccordion.bind(this);
- this.toggleCustom = this.toggleCustom.bind(this);
- this.toggleFade = this.toggleFade.bind(this);
- this.state = {
- collapse: false,
- accordion: [true, false, false],
- custom: [true, false],
- status: 'Closed',
- fadeIn: true,
- timeout: 300,
- };
- }
-
- onEntering() {
- this.setState({ status: 'Opening...' });
- }
-
- onEntered() {
- this.setState({ status: 'Opened' });
- }
-
- onExiting() {
- this.setState({ status: 'Closing...' });
- }
-
- onExited() {
- this.setState({ status: 'Closed' });
- }
-
- toggle() {
- this.setState({ collapse: !this.state.collapse });
- }
-
- toggleAccordion(tab) {
-
- const prevState = this.state.accordion;
- const state = prevState.map((x, index) => tab === index ? !x : false);
-
- this.setState({
- accordion: state,
- });
- }
-
- toggleCustom(tab) {
-
- const prevState = this.state.custom;
- const state = prevState.map((x, index) => tab === index ? !x : false);
-
- this.setState({
- custom: state,
- });
- }
-
- toggleFade() {
- this.setState({ fadeIn: !this.state.fadeIn });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Collapse</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/collapse/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <Collapse isOpen={this.state.collapse} onEntering={this.onEntering} onEntered={this.onEntered} onExiting={this.onExiting} onExited={this.onExited}>
- <CardBody>
- <p>
- Anim pariatur cliche reprehenderit,
- enim eiusmod high life accusamus terry richardson ad squid. Nihil
- anim keffiyeh helvetica, craft beer labore wes anderson cred
- nesciunt sapiente ea proident.
- </p>
- <p>
- Donec molestie odio id nisi malesuada, mattis tincidunt velit egestas. Sed non pulvinar risus. Aenean
- elementum eleifend nunc, pellentesque dapibus arcu hendrerit fringilla. Aliquam in nibh massa. Cras
- ultricies lorem non enim volutpat, a eleifend urna placerat. Fusce id luctus urna. In sed leo tellus.
- Mauris tristique leo a nisl feugiat, eget vehicula leo venenatis. Quisque magna metus, luctus quis
- sollicitudin vel, vehicula nec ipsum. Donec rutrum commodo lacus ut condimentum. Integer vel turpis
- purus. Etiam vehicula, nulla non fringilla blandit, massa purus faucibus tellus, a luctus enim orci non
- augue. Aenean ullamcorper nisl urna, non feugiat tortor volutpat in. Vivamus lobortis massa dolor, eget
- faucibus ipsum varius eget. Pellentesque imperdiet, turpis sed sagittis lobortis, leo elit laoreet arcu,
- vehicula sagittis elit leo id nisi.
- </p>
- </CardBody>
- </Collapse>
- <CardFooter>
- <Button color="primary" onClick={this.toggle} style={{ marginBottom: '1rem' }}>Toggle</Button>
- <h5>Current state: {this.state.status}</h5>
- </CardFooter>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Fade</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/fade/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Fade timeout={this.state.timeout} in={this.state.fadeIn} tag="h5" className="mt-3">
- This content will fade in and out as the button is pressed...
- </Fade>
- </CardBody>
- <CardFooter>
- <Button color="primary" onClick={this.toggleFade}>Toggle Fade</Button>
- </CardFooter>
- </Card>
- </Col>
- <Col xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Collapse <small>accordion</small>
- <div className="card-header-actions">
- <Badge>NEW</Badge>
- </div>
- </CardHeader>
- <CardBody>
- <div id="accordion">
- <Card>
- <CardHeader id="headingOne">
- <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(0)} aria-expanded={this.state.accordion[0]} aria-controls="collapseOne">
- <h5 className="m-0 p-0">Collapsible Group Item #1</h5>
- </Button>
- </CardHeader>
- <Collapse isOpen={this.state.accordion[0]} data-parent="#accordion" id="collapseOne" aria-labelledby="headingOne">
- <CardBody>
- 1. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
- cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
- on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
- nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
- beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
- </CardBody>
- </Collapse>
- </Card>
- <Card>
- <CardHeader id="headingTwo">
- <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(1)} aria-expanded={this.state.accordion[1]} aria-controls="collapseTwo">
- <h5 className="m-0 p-0">Collapsible Group Item #2</h5>
- </Button>
- </CardHeader>
- <Collapse isOpen={this.state.accordion[1]} data-parent="#accordion" id="collapseTwo">
- <CardBody>
- 2. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
- cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
- on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
- nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
- beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
- </CardBody>
- </Collapse>
- </Card>
- <Card>
- <CardHeader id="headingThree">
- <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(2)} aria-expanded={this.state.accordion[2]} aria-controls="collapseThree">
- <h5 className="m-0 p-0">Collapsible Group Item #3</h5>
- </Button>
- </CardHeader>
- <Collapse isOpen={this.state.accordion[2]} data-parent="#accordion" id="collapseThree">
- <CardBody>
- 3. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
- cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
- on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
- nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
- beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
- </CardBody>
- </Collapse>
- </Card>
- </div>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Collapse <small>custom accordion</small>
- <div className="card-header-actions">
- <Badge>NEW</Badge>
- </div>
- </CardHeader>
- <CardBody>
- <div id="exampleAccordion" data-children=".item">
- <div className="item">
- <Button className="m-0 p-0" color="link" onClick={() => this.toggleCustom(0)} aria-expanded={this.state.custom[0]} aria-controls="exampleAccordion1">
- Toggle item
- </Button>
- <Collapse isOpen={this.state.custom[0]} data-parent="#exampleAccordion" id="exampleAccordion1">
- <p className="mb-3">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium lorem non vestibulum scelerisque. Proin a vestibulum sem, eget
- tristique massa. Aliquam lacinia rhoncus nibh quis ornare.
- </p>
- </Collapse>
- </div>
- <div className="item">
- <Button className="m-0 p-0" color="link" onClick={() => this.toggleCustom(1)} aria-expanded={this.state.custom[1]} aria-controls="exampleAccordion2">
- Toggle item 2
- </Button>
- <Collapse isOpen={this.state.custom[1]} data-parent="#exampleAccordion" id="exampleAccordion2">
- <p className="mb-3">
- Donec at ipsum dignissim, rutrum turpis scelerisque, tristique lectus. Pellentesque habitant morbi tristique senectus et netus et
- malesuada fames ac turpis egestas. Vivamus nec dui turpis. Orci varius natoque penatibus et magnis dis parturient montes,
- nascetur ridiculus mus.
- </p>
- </Collapse>
- </div>
- </div>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Collapses;
diff --git a/old-modules/src_example/views/Base/Collapses/Collapses.test.js b/old-modules/src_example/views/Base/Collapses/Collapses.test.js
deleted file mode 100644
index 28ac943..0000000
--- a/old-modules/src_example/views/Base/Collapses/Collapses.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Collapses from './Collapses';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Collapses />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Collapses/package.json b/old-modules/src_example/views/Base/Collapses/package.json
deleted file mode 100644
index 5428093..0000000
--- a/old-modules/src_example/views/Base/Collapses/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Collapses",
- "version": "0.0.0",
- "private": true,
- "main": "./Collapses.js"
-}
diff --git a/old-modules/src_example/views/Base/Dropdowns/Dropdowns.js b/old-modules/src_example/views/Base/Dropdowns/Dropdowns.js
deleted file mode 100644
index 48f03d3..0000000
--- a/old-modules/src_example/views/Base/Dropdowns/Dropdowns.js
+++ /dev/null
@@ -1,183 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Col, Dropdown, DropdownItem, DropdownMenu, DropdownToggle, Row, UncontrolledDropdown } from 'reactstrap';
-
-class Dropdowns extends Component {
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- dropdownOpen: new Array(6).fill(false),
- };
- }
-
- toggle(i) {
- const newArray = this.state.dropdownOpen.map((element, index) => {
- return (index === i ? !element : false);
- });
- this.setState({
- dropdownOpen: newArray,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Dropdowns</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/dropdowns/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Dropdown isOpen={this.state.dropdownOpen[0]} toggle={() => {
- this.toggle(0);
- }}>
- <DropdownToggle caret>
- Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Dropdowns</strong>
- <small> alignment</small>
- </CardHeader>
- <CardBody>
- <Dropdown isOpen={this.state.dropdownOpen[1]} toggle={() => {this.toggle(1);}}>
- <DropdownToggle caret>
- This dropdown's menu is right-aligned
- </DropdownToggle>
- <DropdownMenu right style={{right: 'auto'}}>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Dropdowns</strong>
- <small> sizing</small>
- </CardHeader>
- <CardBody>
- <Dropdown isOpen={this.state.dropdownOpen[2]} toggle={() => {this.toggle(2);}} size="lg" className="mb-3">
- <DropdownToggle caret>
- Large Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- <Dropdown isOpen={this.state.dropdownOpen[3]} toggle={() => {this.toggle(3);}} className="mb-3">
- <DropdownToggle caret>
- Normal Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- <Dropdown isOpen={this.state.dropdownOpen[4]} toggle={() => {this.toggle(4);}} size="sm">
- <DropdownToggle caret>
- Small Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Custom Dropdowns</strong>
- </CardHeader>
- <CardBody>
- <Dropdown isOpen={this.state.dropdownOpen[5]} toggle={() => {this.toggle(5);}}>
- <DropdownToggle
- tag="span"
- onClick={() => {this.toggle(5);}}
- data-toggle="dropdown"
- aria-expanded={this.state.dropdownOpen[5]}
- >
- Custom Dropdown Content <strong> * </strong>
- </DropdownToggle>
- <DropdownMenu>
- <div className="dropdown-item" onClick={() => {this.toggle(5);}}>Custom dropdown item 1</div>
- <div className="dropdown-item" onClick={() => {this.toggle(5);}}>Custom dropdown item 2</div>
- <div className="dropdown-item-text" onClick={() => {this.toggle(5);}}>Custom dropdown text 3</div>
- <hr className="my-0 dropdown-item-text" />
- <div onClick={() => {this.toggle(5);}}>Custom dropdown item 4</div>
- </DropdownMenu>
- </Dropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Uncontrolled Dropdown</strong>
- </CardHeader>
- <CardBody>
- <UncontrolledDropdown>
- <DropdownToggle caret>
- Uncontrolled Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </UncontrolledDropdown>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Dropdowns;
diff --git a/old-modules/src_example/views/Base/Dropdowns/Dropdowns.test.js b/old-modules/src_example/views/Base/Dropdowns/Dropdowns.test.js
deleted file mode 100644
index 4f1d885..0000000
--- a/old-modules/src_example/views/Base/Dropdowns/Dropdowns.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Dropdowns from './Dropdowns';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Dropdowns />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Dropdowns/package.json b/old-modules/src_example/views/Base/Dropdowns/package.json
deleted file mode 100644
index 6681a6d..0000000
--- a/old-modules/src_example/views/Base/Dropdowns/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Dropdowns",
- "version": "0.0.0",
- "private": true,
- "main": "./Dropdowns.js"
-}
diff --git a/old-modules/src_example/views/Base/Forms/Forms.js b/old-modules/src_example/views/Base/Forms/Forms.js
deleted file mode 100644
index 43a8680..0000000
--- a/old-modules/src_example/views/Base/Forms/Forms.js
+++ /dev/null
@@ -1,1180 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import {
- Badge,
- Button,
- ButtonDropdown,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- Col,
- Collapse,
- DropdownItem,
- DropdownMenu,
- DropdownToggle,
- Fade,
- Form,
- FormGroup,
- FormText,
- FormFeedback,
- Input,
- InputGroup,
- InputGroupAddon,
- InputGroupText,
- Label,
- Row,
-} from 'reactstrap';
-
-class Forms extends Component {
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.toggleFade = this.toggleFade.bind(this);
- this.state = {
- collapse: true,
- fadeIn: true,
- timeout: 300
- };
- }
-
- toggle() {
- this.setState({ collapse: !this.state.collapse });
- }
-
- toggleFade() {
- this.setState((prevState) => { return { fadeIn: !prevState }});
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" sm="6">
- <Card>
- <CardHeader>
- <strong>Credit Card</strong>
- <small> Form</small>
- </CardHeader>
- <CardBody>
- <Row>
- <Col xs="12">
- <FormGroup>
- <Label htmlFor="name">Name</Label>
- <Input type="text" id="name" placeholder="Enter your name" required />
- </FormGroup>
- </Col>
- </Row>
- <Row>
- <Col xs="12">
- <FormGroup>
- <Label htmlFor="ccnumber">Credit Card Number</Label>
- <Input type="text" id="ccnumber" placeholder="0000 0000 0000 0000" required />
- </FormGroup>
- </Col>
- </Row>
- <Row>
- <Col xs="4">
- <FormGroup>
- <Label htmlFor="ccmonth">Month</Label>
- <Input type="select" name="ccmonth" id="ccmonth">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- <option value="9">9</option>
- <option value="10">10</option>
- <option value="11">11</option>
- <option value="12">12</option>
- </Input>
- </FormGroup>
- </Col>
- <Col xs="4">
- <FormGroup>
- <Label htmlFor="ccyear">Year</Label>
- <Input type="select" name="ccyear" id="ccyear">
- <option>2017</option>
- <option>2018</option>
- <option>2019</option>
- <option>2020</option>
- <option>2021</option>
- <option>2022</option>
- <option>2023</option>
- <option>2024</option>
- <option>2025</option>
- <option>2026</option>
- </Input>
- </FormGroup>
- </Col>
- <Col xs="4">
- <FormGroup>
- <Label htmlFor="cvv">CVV/CVC</Label>
- <Input type="text" id="cvv" placeholder="123" required />
- </FormGroup>
- </Col>
- </Row>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6">
- <Card>
- <CardHeader>
- <strong>Company</strong>
- <small> Form</small>
- </CardHeader>
- <CardBody>
- <FormGroup>
- <Label htmlFor="company">Company</Label>
- <Input type="text" id="company" placeholder="Enter your company name" />
- </FormGroup>
- <FormGroup>
- <Label htmlFor="vat">VAT</Label>
- <Input type="text" id="vat" placeholder="DE1234567890" />
- </FormGroup>
- <FormGroup>
- <Label htmlFor="street">Street</Label>
- <Input type="text" id="street" placeholder="Enter street name" />
- </FormGroup>
- <FormGroup row className="my-0">
- <Col xs="8">
- <FormGroup>
- <Label htmlFor="city">City</Label>
- <Input type="text" id="city" placeholder="Enter your city" />
- </FormGroup>
- </Col>
- <Col xs="4">
- <FormGroup>
- <Label htmlFor="postal-code">Postal Code</Label>
- <Input type="text" id="postal-code" placeholder="Postal Code" />
- </FormGroup>
- </Col>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="country">Country</Label>
- <Input type="text" id="country" placeholder="Country name" />
- </FormGroup>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <strong>Basic Form</strong> Elements
- </CardHeader>
- <CardBody>
- <Form action="" method="post" encType="multipart/form-data" className="form-horizontal">
- <FormGroup row>
- <Col md="3">
- <Label>Static</Label>
- </Col>
- <Col xs="12" md="9">
- <p className="form-control-static">Username</p>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="text-input">Text Input</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="text" id="text-input" name="text-input" placeholder="Text" />
- <FormText color="muted">This is a help text</FormText>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="email-input">Email Input</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="email" id="email-input" name="email-input" placeholder="Enter Email" autoComplete="email"/>
- <FormText className="help-block">Please enter your email</FormText>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="password-input">Password</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="password" id="password-input" name="password-input" placeholder="Password" autoComplete="new-password" />
- <FormText className="help-block">Please enter a complex password</FormText>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="date-input">Date Input <Badge>NEW</Badge></Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="date" id="date-input" name="date-input" placeholder="date" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="disabled-input">Disabled Input</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="text" id="disabled-input" name="disabled-input" placeholder="Disabled" disabled />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="textarea-input">Textarea</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="textarea" name="textarea-input" id="textarea-input" rows="9"
- placeholder="Content..." />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="select">Select</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="select" name="select" id="select">
- <option value="0">Please select</option>
- <option value="1">Option #1</option>
- <option value="2">Option #2</option>
- <option value="3">Option #3</option>
- </Input>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="selectLg">Select Large</Label>
- </Col>
- <Col xs="12" md="9" size="lg">
- <Input type="select" name="selectLg" id="selectLg" bsSize="lg">
- <option value="0">Please select</option>
- <option value="1">Option #1</option>
- <option value="2">Option #2</option>
- <option value="3">Option #3</option>
- </Input>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="selectSm">Select Small</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="select" name="selectSm" id="SelectLm" bsSize="sm">
- <option value="0">Please select</option>
- <option value="1">Option #1</option>
- <option value="2">Option #2</option>
- <option value="3">Option #3</option>
- <option value="4">Option #4</option>
- <option value="5">Option #5</option>
- </Input>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="disabledSelect">Disabled Select</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="select" name="disabledSelect" id="disabledSelect" disabled autoComplete="name">
- <option value="0">Please select</option>
- <option value="1">Option #1</option>
- <option value="2">Option #2</option>
- <option value="3">Option #3</option>
- </Input>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="multiple-select">Multiple select</Label>
- </Col>
- <Col md="9">
- <Input type="select" name="multiple-select" id="multiple-select" multiple>
- <option value="1">Option #1</option>
- <option value="2">Option #2</option>
- <option value="3">Option #3</option>
- <option value="4">Option #4</option>
- <option value="5">Option #5</option>
- <option value="6">Option #6</option>
- <option value="7">Option #7</option>
- <option value="8">Option #8</option>
- <option value="9">Option #9</option>
- <option value="10">Option #10</option>
- </Input>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label>Radios</Label>
- </Col>
- <Col md="9">
- <FormGroup check className="radio">
- <Input className="form-check-input" type="radio" id="radio1" name="radios" value="option1" />
- <Label check className="form-check-label" htmlFor="radio1">Option 1</Label>
- </FormGroup>
- <FormGroup check className="radio">
- <Input className="form-check-input" type="radio" id="radio2" name="radios" value="option2" />
- <Label check className="form-check-label" htmlFor="radio2">Option 2</Label>
- </FormGroup>
- <FormGroup check className="radio">
- <Input className="form-check-input" type="radio" id="radio3" name="radios" value="option3" />
- <Label check className="form-check-label" htmlFor="radio3">Option 3</Label>
- </FormGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label>Inline Radios</Label>
- </Col>
- <Col md="9">
- <FormGroup check inline>
- <Input className="form-check-input" type="radio" id="inline-radio1" name="inline-radios" value="option1" />
- <Label className="form-check-label" check htmlFor="inline-radio1">One</Label>
- </FormGroup>
- <FormGroup check inline>
- <Input className="form-check-input" type="radio" id="inline-radio2" name="inline-radios" value="option2" />
- <Label className="form-check-label" check htmlFor="inline-radio2">Two</Label>
- </FormGroup>
- <FormGroup check inline>
- <Input className="form-check-input" type="radio" id="inline-radio3" name="inline-radios" value="option3" />
- <Label className="form-check-label" check htmlFor="inline-radio3">Three</Label>
- </FormGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3"><Label>Checkboxes</Label></Col>
- <Col md="9">
- <FormGroup check className="checkbox">
- <Input className="form-check-input" type="checkbox" id="checkbox1" name="checkbox1" value="option1" />
- <Label check className="form-check-label" htmlFor="checkbox1">Option 1</Label>
- </FormGroup>
- <FormGroup check className="checkbox">
- <Input className="form-check-input" type="checkbox" id="checkbox2" name="checkbox2" value="option2" />
- <Label check className="form-check-label" htmlFor="checkbox2">Option 2</Label>
- </FormGroup>
- <FormGroup check className="checkbox">
- <Input className="form-check-input" type="checkbox" id="checkbox3" name="checkbox3" value="option3" />
- <Label check className="form-check-label" htmlFor="checkbox3">Option 3</Label>
- </FormGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label>Inline Checkboxes</Label>
- </Col>
- <Col md="9">
- <FormGroup check inline>
- <Input className="form-check-input" type="checkbox" id="inline-checkbox1" name="inline-checkbox1" value="option1" />
- <Label className="form-check-label" check htmlFor="inline-checkbox1">One</Label>
- </FormGroup>
- <FormGroup check inline>
- <Input className="form-check-input" type="checkbox" id="inline-checkbox2" name="inline-checkbox2" value="option2" />
- <Label className="form-check-label" check htmlFor="inline-checkbox2">Two</Label>
- </FormGroup>
- <FormGroup check inline>
- <Input className="form-check-input" type="checkbox" id="inline-checkbox3" name="inline-checkbox3" value="option3" />
- <Label className="form-check-label" check htmlFor="inline-checkbox3">Three</Label>
- </FormGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="file-input">File input</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="file" id="file-input" name="file-input" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="file-multiple-input">Multiple File input</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="file" id="file-multiple-input" name="file-multiple-input" multiple />
- </Col>
- </FormGroup>
- <FormGroup row hidden>
- <Col md="3">
- <Label className="custom-file" htmlFor="custom-file-input">Custom file input</Label>
- </Col>
- <Col xs="12" md="9">
- <Label className="custom-file">
- <Input className="custom-file" type="file" id="custom-file-input" name="file-input" />
- <span className="custom-file-control"></span>
- </Label>
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- <Card>
- <CardHeader>
- <strong>Inline</strong> Form
- </CardHeader>
- <CardBody>
- <Form action="" method="post" inline>
- <FormGroup className="pr-1">
- <Label htmlFor="exampleInputName2" className="pr-1">Name</Label>
- <Input type="text" id="exampleInputName2" placeholder="Jane Doe" required />
- </FormGroup>
- <FormGroup className="pr-1">
- <Label htmlFor="exampleInputEmail2" className="pr-1">Email</Label>
- <Input type="email" id="exampleInputEmail2" placeholder="jane.doe@example.com" required />
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <strong>Horizontal</strong> Form
- </CardHeader>
- <CardBody>
- <Form action="" method="post" className="form-horizontal">
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="hf-email">Email</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="email" id="hf-email" name="hf-email" placeholder="Enter Email..." autoComplete="email" />
- <FormText className="help-block">Please enter your email</FormText>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="3">
- <Label htmlFor="hf-password">Password</Label>
- </Col>
- <Col xs="12" md="9">
- <Input type="password" id="hf-password" name="hf-password" placeholder="Enter Password..." autoComplete="current-password"/>
- <FormText className="help-block">Please enter your password</FormText>
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- <Card>
- <CardHeader>
- <strong>Normal</strong> Form
- </CardHeader>
- <CardBody>
- <Form action="" method="post">
- <FormGroup>
- <Label htmlFor="nf-email">Email</Label>
- <Input type="email" id="nf-email" name="nf-email" placeholder="Enter Email.." autoComplete="email"/>
- <FormText className="help-block">Please enter your email</FormText>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="nf-password">Password</Label>
- <Input type="password" id="nf-password" name="nf-password" placeholder="Enter Password.." autoComplete="current-password"/>
- <FormText className="help-block">Please enter your password</FormText>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- <Card>
- <CardHeader>
- Input <strong>Grid</strong>
- </CardHeader>
- <CardBody>
- <Form action="" method="post" className="form-horizontal">
- <FormGroup row>
- <Col sm="3">
- <Input type="text" placeholder=".col-sm-3" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="4">
- <Input type="text" placeholder=".col-sm-4" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="5">
- <Input type="text" placeholder=".col-sm-5" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="6">
- <Input type="text" placeholder=".col-sm-6" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="7">
- <Input type="text" placeholder=".col-sm-7" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="8">
- <Input type="text" placeholder=".col-sm-8" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="9">
- <Input type="text" placeholder=".col-sm-9" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="10">
- <Input type="text" placeholder=".col-sm-10" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="11">
- <Input type="text" placeholder=".col-sm-11" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col sm="12">
- <Input type="text" placeholder=".col-sm-12" />
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary"><i className="fa fa-user"></i> Login</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- <Card>
- <CardHeader>
- Input <strong>Sizes</strong>
- </CardHeader>
- <CardBody>
- <Form action="" method="post" className="form-horizontal">
- <FormGroup row>
- <Label sm="5" size="sm" htmlFor="input-small">Small Input</Label>
- <Col sm="6">
- <Input bsSize="sm" type="text" id="input-small" name="input-small" className="input-sm" placeholder=".form-control-sm" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Label sm="5" htmlFor="input-normal">Normal Input</Label>
- <Col sm="6">
- <Input type="text" id="input-normal" name="input-normal" placeholder="Normal" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Label sm="5" size="lg" htmlFor="input-large">Large Input</Label>
- <Col sm="6">
- <Input bsSize="lg" type="text" id="input-large" name="input-large" className="input-lg" placeholder=".form-control-lg" />
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" sm="6">
- <Card>
- <CardHeader>
- <strong>Validation feedback</strong> Form
- </CardHeader>
- <CardBody>
- <FormGroup>
- <Label htmlFor="inputIsValid">Input is valid</Label>
- <Input type="text" valid id="inputIsValid" />
- <FormFeedback valid>Cool! Input is valid</FormFeedback>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="inputIsInvalid">Input is invalid</Label>
- <Input type="text" invalid id="inputIsInvalid" />
- <FormFeedback>Houston, we have a problem...</FormFeedback>
- </FormGroup>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="6">
- <Card>
- <CardHeader>
- <strong>Validation feedback</strong> Form
- </CardHeader>
- <CardBody>
- <Form className="was-validated">
- <FormGroup>
- <Label htmlFor="inputSuccess2i">Non-required input</Label>
- <Input type="text" className="form-control-success" id="inputSuccess2i" />
- <FormFeedback valid>Non-required</FormFeedback>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="inputWarning2i">Required input</Label>
- <Input type="text" className="form-control-warning" id="inputWarning2i" required />
- <FormFeedback className="help-block">Please provide a valid information</FormFeedback>
- <FormFeedback valid className="help-block">Input provided</FormFeedback>
- </FormGroup>
- </Form>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" md="4">
- <Card>
- <CardHeader>
- <strong>Icon/Text</strong> Groups
- </CardHeader>
- <CardBody>
- <Form action="" method="post" className="form-horizontal">
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="fa fa-user"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input type="text" id="input1-group1" name="input1-group1" placeholder="Username" />
- </InputGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <Input type="email" id="input2-group1" name="input2-group1" placeholder="Email" />
- <InputGroupAddon addonType="append">
- <InputGroupText>
- <i className="fa fa-envelope-o"></i>
- </InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="fa fa-euro"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input type="text" id="input3-group1" name="input3-group1" placeholder=".." />
- <InputGroupAddon addonType="append">
- <InputGroupText>.00</InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="success"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- </Col>
- <Col xs="12" md="4">
- <Card>
- <CardHeader>
- <strong>Button</strong> Groups
- </CardHeader>
- <CardBody>
- <Form action="" method="post" className="form-horizontal">
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <Button type="button" color="primary"><i className="fa fa-search"></i> Search</Button>
- </InputGroupAddon>
- <Input type="text" id="input1-group2" name="input1-group2" placeholder="Username" />
- </InputGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <Input type="email" id="input2-group2" name="input2-group2" placeholder="Email" />
- <InputGroupAddon addonType="append">
- <Button type="button" color="primary">Submit</Button>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <Button type="button" color="primary"><i className="fa fa-facebook"></i></Button>
- </InputGroupAddon>
- <Input type="text" id="input3-group2" name="input3-group2" placeholder="Search" />
- <InputGroupAddon addonType="append">
- <Button type="button" color="primary"><i className="fa fa-twitter"></i></Button>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="success"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- </Col>
- <Col xs="12" md="4">
- <Card>
- <CardHeader>
- <strong>Dropdowns</strong> Groups
- </CardHeader>
- <CardBody>
- <Form className="form-horizontal">
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <ButtonDropdown isOpen={this.state.first}
- toggle={() => { this.setState({ first: !this.state.first }); }}>
- <DropdownToggle caret color="primary">
- Dropdown
- </DropdownToggle>
- <DropdownMenu className={this.state.first ? 'show' : ''}>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Separated link</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </InputGroupAddon>
- <Input type="text" id="input1-group3" name="input1-group3" placeholder="Username" />
- </InputGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <Input type="email" id="input2-group3" name="input2-group3" placeholder="Email" />
- <InputGroupAddon addonType="append">
- <ButtonDropdown isOpen={this.state.second}
- toggle={() => { this.setState({ second: !this.state.second }); }}>
- <DropdownToggle caret color="primary">
- Dropdown
- </DropdownToggle>
- <DropdownMenu className={this.state.second ? 'show' : ''}>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Separated link</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="12">
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <ButtonDropdown isOpen={this.state.third}
- toggle={() => { this.setState({ third: !this.state.third }); }}>
- {/*<Button id="caret" color="primary">Action</Button>*/}
- <DropdownToggle caret color="primary">Action</DropdownToggle>
- <DropdownMenu className={this.state.third ? 'show' : ''}>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Separated link</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </InputGroupAddon>
- <Input type="text" id="input3-group3" name="input3-group3" placeholder=".." />
- <InputGroupAddon addonType="append">
- <ButtonDropdown isOpen={this.state.fourth}
- toggle={() => { this.setState({ fourth: !this.state.fourth }); }}>
- <DropdownToggle caret color="primary">
- Dropdown
- </DropdownToggle>
- <DropdownMenu className={this.state.fourth ? 'show' : ''}>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Separated link</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="success"><i className="fa fa-dot-circle-o"></i> Submit</Button>
- <Button type="reset" size="sm" color="danger"><i className="fa fa-ban"></i> Reset</Button>
- </CardFooter>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Use the grid for big devices!
- <small><code>.col-lg-*</code> <code>.col-md-*</code> <code>.col-sm-*</code></small>
- </CardHeader>
- <CardBody>
- <Form action="" method="post" className="form-horizontal">
- <FormGroup row>
- <Col md="8">
- <Input type="text" placeholder=".col-md-8" />
- </Col>
- <Col md="4">
- <Input type="text" placeholder=".col-md-4" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="7">
- <Input type="text" placeholder=".col-md-7" />
- </Col>
- <Col md="5">
- <Input type="text" placeholder=".col-md-5" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="6">
- <Input type="text" placeholder=".col-md-6" />
- </Col>
- <Col md="6">
- <Input type="text" placeholder=".col-md-6" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="5">
- <Input type="text" placeholder=".col-md-5" />
- </Col>
- <Col md="7">
- <Input type="text" placeholder=".col-md-7" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col md="4">
- <Input type="text" placeholder=".col-md-4" />
- </Col>
- <Col md="8">
- <Input type="text" placeholder=".col-md-8" />
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary">Action</Button>
- <Button size="sm" color="danger">Action</Button>
- <Button size="sm" color="warning">Action</Button>
- <Button size="sm" color="info">Action</Button>
- <Button size="sm" color="success">Action</Button>
- </CardFooter>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Input Grid for small devices!
- <small><code>.col-*</code></small>
- </CardHeader>
- <CardBody>
- <Form action="" method="post" className="form-horizontal">
- <FormGroup row>
- <Col xs="4">
- <Input type="text" placeholder=".col-4" />
- </Col>
- <Col xs="8">
- <Input type="text" placeholder=".col-8" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col xs="5">
- <Input type="text" placeholder=".col-5" />
- </Col>
- <Col xs="7">
- <Input type="text" placeholder=".col-7" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col xs="6">
- <Input type="text" placeholder=".col-6" />
- </Col>
- <Col xs="6">
- <Input type="text" placeholder=".col-6" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col xs="7">
- <Input type="text" placeholder=".col-5" />
- </Col>
- <Col xs="5">
- <Input type="text" placeholder=".col-5" />
- </Col>
- </FormGroup>
- <FormGroup row>
- <Col xs="8">
- <Input type="text" placeholder=".col-8" />
- </Col>
- <Col xs="4">
- <Input type="text" placeholder=".col-4" />
- </Col>
- </FormGroup>
- </Form>
- </CardBody>
- <CardFooter>
- <Button type="submit" size="sm" color="primary">Action</Button>
- <Button size="sm" color="danger">Action</Button>
- <Button size="sm" color="warning">Action</Button>
- <Button size="sm" color="info">Action</Button>
- <Button size="sm" color="success">Action</Button>
- </CardFooter>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" sm="4">
- <Card>
- <CardHeader>
- Example Form
- </CardHeader>
- <CardBody>
- <Form action="" method="post">
- <FormGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText>Username</InputGroupText>
- </InputGroupAddon>
- <Input type="email" id="username3" name="username3" autoComplete="name"/>
- <InputGroupAddon addonType="append">
- <InputGroupText><i className="fa fa-user"></i></InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </FormGroup>
- <FormGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText>Email</InputGroupText>
- </InputGroupAddon>
- <Input type="email" id="email3" name="email3" autoComplete="username"/>
- <InputGroupAddon addonType="append">
- <InputGroupText><i className="fa fa-envelope"></i></InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </FormGroup>
- <FormGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText>Password</InputGroupText>
- </InputGroupAddon>
- <Input type="password" id="password3" name="password3" autoComplete="current-password"/>
- <InputGroupAddon addonType="append">
- <InputGroupText><i className="fa fa-asterisk"></i></InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </FormGroup>
- <FormGroup className="form-actions">
- <Button type="submit" size="sm" color="primary">Submit</Button>
- </FormGroup>
- </Form>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="4">
- <Card>
- <CardHeader>
- Example Form
- </CardHeader>
- <CardBody>
- <Form action="" method="post">
- <FormGroup>
- <InputGroup>
- <Input type="text" id="username2" name="username2" placeholder="Username" autoComplete="name"/>
- <InputGroupAddon addonType="append">
- <InputGroupText><i className="fa fa-user"></i></InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </FormGroup>
- <FormGroup>
- <InputGroup>
- <Input type="email" id="email2" name="email2" placeholder="Email" autoComplete="username"/>
- <InputGroupAddon addonType="append">
- <InputGroupText><i className="fa fa-envelope"></i></InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </FormGroup>
- <FormGroup>
- <InputGroup>
- <Input type="password" id="password2" name="password2" placeholder="Password" autoComplete="current-password"/>
- <InputGroupAddon addonType="append">
- <InputGroupText><i className="fa fa-asterisk"></i></InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </FormGroup>
- <FormGroup className="form-actions">
- <Button type="submit" size="sm" color="secondary">Submit</Button>
- </FormGroup>
- </Form>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" sm="4">
- <Card>
- <CardHeader>
- Example Form
- </CardHeader>
- <CardBody>
- <Form action="" method="post">
- <FormGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText><i className="fa fa-user"></i></InputGroupText>
- </InputGroupAddon>
- <Input type="text" id="username1" name="username1" placeholder="Username" autoComplete="name"/>
- </InputGroup>
- </FormGroup>
- <FormGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText><i className="fa fa-envelope"></i></InputGroupText>
- </InputGroupAddon>
- <Input type="email" id="email1" name="email1" placeholder="Email" autoComplete="username"/>
- </InputGroup>
- </FormGroup>
- <FormGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend">
- <InputGroupText><i className="fa fa-asterisk"></i></InputGroupText>
- </InputGroupAddon>
- <Input type="password" id="password1" name="password1" placeholder="Password" autoComplete="current-password"/>
- </InputGroup>
- </FormGroup>
- <FormGroup className="form-actions">
- <Button type="submit" size="sm" color="success">Submit</Button>
- </FormGroup>
- </Form>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12">
- <Fade timeout={this.state.timeout} in={this.state.fadeIn}>
- <Card>
- <CardHeader>
- <i className="fa fa-edit"></i>Form Elements
- <div className="card-header-actions">
- <Button color="link" className="card-header-action btn-setting"><i className="icon-settings"></i></Button>
- <Button color="link" className="card-header-action btn-minimize" data-target="#collapseExample" onClick={this.toggle}><i className="icon-arrow-up"></i></Button>
- <Button color="link" className="card-header-action btn-close" onClick={this.toggleFade}><i className="icon-close"></i></Button>
- </div>
- </CardHeader>
- <Collapse isOpen={this.state.collapse} id="collapseExample">
- <CardBody>
- <Form className="form-horizontal">
- <FormGroup>
- <Label htmlFor="prependedInput">Prepended text</Label>
- <div className="controls">
- <InputGroup className="input-prepend">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>@</InputGroupText>
- </InputGroupAddon>
- <Input id="prependedInput" size="16" type="text" />
- </InputGroup>
- <p className="help-block">Here's some help text</p>
- </div>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="appendedInput">Appended text</Label>
- <div className="controls">
- <InputGroup>
- <Input id="appendedInput" size="16" type="text" />
- <InputGroupAddon addonType="append">
- <InputGroupText>.00</InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- <span className="help-block">Here's more help text</span>
- </div>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="appendedPrependedInput">Append and prepend</Label>
- <div className="controls">
- <InputGroup className="input-prepend">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>$</InputGroupText>
- </InputGroupAddon>
- <Input id="appendedPrependedInput" size="16" type="text" />
- <InputGroupAddon addonType="append">
- <InputGroupText>.00</InputGroupText>
- </InputGroupAddon>
- </InputGroup>
- </div>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="appendedInputButton">Append with button</Label>
- <div className="controls">
- <InputGroup>
- <Input id="appendedInputButton" size="16" type="text" />
- <InputGroupAddon addonType="append">
- <Button color="secondary">Go!</Button>
- </InputGroupAddon>
- </InputGroup>
- </div>
- </FormGroup>
- <FormGroup>
- <Label htmlFor="appendedInputButtons">Two-button append</Label>
- <div className="controls">
- <InputGroup>
- <Input id="appendedInputButtons" size="16" type="text" />
- <InputGroupAddon addonType="append">
- <Button color="secondary">Search</Button>
- <Button color="secondary">Options</Button>
- </InputGroupAddon>
- </InputGroup>
- </div>
- </FormGroup>
- <div className="form-actions">
- <Button type="submit" color="primary">Save changes</Button>
- <Button color="secondary">Cancel</Button>
- </div>
- </Form>
- </CardBody>
- </Collapse>
- </Card>
- </Fade>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Forms;
diff --git a/old-modules/src_example/views/Base/Forms/Forms.test.js b/old-modules/src_example/views/Base/Forms/Forms.test.js
deleted file mode 100644
index 6c2c4f8..0000000
--- a/old-modules/src_example/views/Base/Forms/Forms.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Forms from './Forms';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Forms />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Forms/package.json b/old-modules/src_example/views/Base/Forms/package.json
deleted file mode 100644
index 19ca2ed..0000000
--- a/old-modules/src_example/views/Base/Forms/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Forms",
- "version": "0.0.0",
- "private": true,
- "main": "./Forms.js"
-}
diff --git a/old-modules/src_example/views/Base/Jumbotrons/Jumbotrons.js b/old-modules/src_example/views/Base/Jumbotrons/Jumbotrons.js
deleted file mode 100644
index 52788ac..0000000
--- a/old-modules/src_example/views/Base/Jumbotrons/Jumbotrons.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardHeader, Col, Container, Jumbotron, Row } from 'reactstrap';
-
-class Jumbotrons extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Jumbotron</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/jumbotron/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Jumbotron>
- <h1 className="display-3">Hello, world!</h1>
- <p className="lead">This is a simple hero unit, a simple Jumbotron-style component for calling extra
- attention to featured content or information.</p>
- <hr className="my-2" />
- <p>It uses utility classes for typgraphy and spacing to space content out within the larger container.</p>
- <p className="lead">
- <Button color="primary">Learn More</Button>
- </p>
- </Jumbotron>
- </CardBody>
- </Card>
- </Col>
- <Col>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Jumbotron</strong>
- <small> fluid</small>
- </CardHeader>
- <CardBody>
- <Jumbotron fluid>
- <Container fluid>
- <h1 className="display-3">Fluid jumbotron</h1>
- <p className="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
- </Container>
- </Jumbotron>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Jumbotrons;
diff --git a/old-modules/src_example/views/Base/Jumbotrons/Jumbotrons.test.js b/old-modules/src_example/views/Base/Jumbotrons/Jumbotrons.test.js
deleted file mode 100644
index f7311c8..0000000
--- a/old-modules/src_example/views/Base/Jumbotrons/Jumbotrons.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Jumbotrons from './Jumbotrons';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Jumbotrons />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Jumbotrons/package.json b/old-modules/src_example/views/Base/Jumbotrons/package.json
deleted file mode 100644
index d3d3a1c..0000000
--- a/old-modules/src_example/views/Base/Jumbotrons/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Jumbotrons",
- "version": "0.0.0",
- "private": true,
- "main": "./Jumbotrons.js"
-}
diff --git a/old-modules/src_example/views/Base/ListGroups/ListGroups.js b/old-modules/src_example/views/Base/ListGroups/ListGroups.js
deleted file mode 100644
index fa8a600..0000000
--- a/old-modules/src_example/views/Base/ListGroups/ListGroups.js
+++ /dev/null
@@ -1,244 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardHeader, Col, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Row, TabContent, TabPane } from 'reactstrap';
-
-class ListGroups extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- activeTab: 1
- };
- }
-
- toggle(tab) {
- if (this.state.activeTab !== tab) {
- this.setState({
- activeTab: tab
- });
- }
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col sm="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/listgroup/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <ListGroup>
- <ListGroupItem>Cras justo odio</ListGroupItem>
- <ListGroupItem>Dapibus ac facilisis in</ListGroupItem>
- <ListGroupItem>Morbi leo risus</ListGroupItem>
- <ListGroupItem>Porta ac consectetur ac</ListGroupItem>
- <ListGroupItem>Vestibulum at eros</ListGroupItem>
- </ListGroup>
- </CardBody>
- </Card>
- </Col>
- <Col sm="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong>
- <small> tags</small>
- </CardHeader>
- <CardBody>
- <ListGroup>
- <ListGroupItem className="justify-content-between">Cras justo odio <Badge className="float-right" pill>14</Badge></ListGroupItem>
- <ListGroupItem className="justify-content-between">Dapibus ac facilisis in <Badge className="float-right" pill>2</Badge></ListGroupItem>
- <ListGroupItem className="justify-content-between">Morbi leo risus <Badge className="float-right" pill
- color="warning">1</Badge></ListGroupItem>
- </ListGroup>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col sm="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong>
- <small> disabled items</small>
- </CardHeader>
- <CardBody>
- <ListGroup>
- <ListGroupItem disabled tag="a" href="#">Cras justo odio</ListGroupItem>
- <ListGroupItem tag="a" href="#">Dapibus ac facilisis in</ListGroupItem>
- <ListGroupItem disabled tag="a" href="#">Morbi leo risus</ListGroupItem>
- <ListGroupItem tag="a" href="#">Porta ac consectetur ac</ListGroupItem>
- <ListGroupItem tag="a" href="#">Vestibulum at eros</ListGroupItem>
- </ListGroup>
- </CardBody>
- </Card>
- </Col>
- <Col sm="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong>
- <small> contextual classes</small>
- </CardHeader>
- <CardBody>
- <ListGroup>
- <ListGroupItem action color="success">Cras justo odio</ListGroupItem>
- <ListGroupItem action color="info">Dapibus ac facilisis in</ListGroupItem>
- <ListGroupItem action color="warning">Morbi leo risus</ListGroupItem>
- <ListGroupItem action color="danger">Porta ac consectetur ac</ListGroupItem>
- </ListGroup>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col sm="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong>
- <small> anchors</small>
- </CardHeader>
- <CardBody>
- <p>Be sure to <strong>not use the standard <code>.btn</code> classes here</strong>.</p>
- <ListGroup>
- <ListGroupItem active tag="a" href="#" action>Cras justo odio</ListGroupItem>
- <ListGroupItem tag="a" href="#" action>Dapibus ac facilisis in</ListGroupItem>
- <ListGroupItem tag="a" href="#" action>Morbi leo risus</ListGroupItem>
- <ListGroupItem tag="a" href="#" action>Porta ac consectetur ac</ListGroupItem>
- <ListGroupItem disabled tag="a" href="#" action>Vestibulum at eros</ListGroupItem>
- </ListGroup>
- <p />
- </CardBody>
- </Card>
- </Col>
- <Col sm="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong>
- <small> buttons</small>
- </CardHeader>
- <CardBody>
- <ListGroup>
- <ListGroupItem active tag="button" action>Cras justo odio</ListGroupItem>
- <ListGroupItem tag="button" action>Dapibus ac facilisis in</ListGroupItem>
- <ListGroupItem tag="button" action>Morbi leo risus</ListGroupItem>
- <ListGroupItem tag="button" action>Porta ac consectetur ac</ListGroupItem>
- <ListGroupItem disabled tag="button" action>Vestibulum at eros</ListGroupItem>
- </ListGroup>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col sm="12" xl="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong>
- <small> custom content</small>
- </CardHeader>
- <CardBody>
- <ListGroup>
- <ListGroupItem active action>
- <ListGroupItemHeading>List group item heading</ListGroupItemHeading>
- <ListGroupItemText>
- Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
- </ListGroupItemText>
- </ListGroupItem>
- <ListGroupItem action>
- <ListGroupItemHeading>List group item heading</ListGroupItemHeading>
- <ListGroupItemText>
- Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
- </ListGroupItemText>
- </ListGroupItem>
- <ListGroupItem action>
- <ListGroupItemHeading>List group item heading</ListGroupItemHeading>
- <ListGroupItemText>
- Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
- </ListGroupItemText>
- </ListGroupItem>
- </ListGroup>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>List Group</strong> <small>with TabPanes</small>
- <div className="card-header-actions">
- <Badge>NEW</Badge>
- </div>
- </CardHeader>
- <CardBody>
- <Row>
- <Col xs="4">
- <ListGroup id="list-tab" role="tablist">
- <ListGroupItem onClick={() => this.toggle(0)} action active={this.state.activeTab === 0} >Home</ListGroupItem>
- <ListGroupItem onClick={() => this.toggle(1)} action active={this.state.activeTab === 1} >Profile</ListGroupItem>
- <ListGroupItem onClick={() => this.toggle(2)} action active={this.state.activeTab === 2} >Messages</ListGroupItem>
- <ListGroupItem onClick={() => this.toggle(3)} action active={this.state.activeTab === 3} >Settings</ListGroupItem>
- </ListGroup>
- </Col>
- <Col xs="8">
- <TabContent activeTab={this.state.activeTab}>
- <TabPane tabId={0} >
- <p>Velit aute mollit ipsum ad dolor consectetur nulla officia culpa adipisicing exercitation fugiat tempor. Voluptate deserunt sit sunt
- nisi aliqua fugiat proident ea ut. Mollit voluptate reprehenderit occaecat nisi ad non minim
- tempor sunt voluptate consectetur exercitation id ut nulla. Ea et fugiat aliquip nostrud sunt incididunt consectetur culpa aliquip
- eiusmod dolor. Anim ad Lorem aliqua in cupidatat nisi enim eu nostrud do aliquip veniam minim.</p>
- </TabPane>
- <TabPane tabId={1}>
- <p>Cupidatat quis ad sint excepteur laborum in esse qui. Et excepteur consectetur ex nisi eu do cillum ad laborum. Mollit et eu officia
- dolore sunt Lorem culpa qui commodo velit ex amet id ex. Officia anim incididunt laboris deserunt
- anim aute dolor incididunt veniam aute dolore do exercitation. Dolor nisi culpa ex ad irure in elit eu dolore. Ad laboris ipsum
- reprehenderit irure non commodo enim culpa commodo veniam incididunt veniam ad.</p>
- </TabPane>
- <TabPane tabId={2}>
- <p>Ut ut do pariatur aliquip aliqua aliquip exercitation do nostrud commodo reprehenderit aute ipsum voluptate. Irure Lorem et laboris
- nostrud amet cupidatat cupidatat anim do ut velit mollit consequat enim tempor. Consectetur
- est minim nostrud nostrud consectetur irure labore voluptate irure. Ipsum id Lorem sit sint voluptate est pariatur eu ad cupidatat et
- deserunt culpa sit eiusmod deserunt. Consectetur et fugiat anim do eiusmod aliquip nulla
- laborum elit adipisicing pariatur cillum.</p>
- </TabPane>
- <TabPane tabId={3}>
- <p>Irure enim occaecat labore sit qui aliquip reprehenderit amet velit. Deserunt ullamco ex elit nostrud ut dolore nisi officia magna
- sit occaecat laboris sunt dolor. Nisi eu minim cillum occaecat aute est cupidatat aliqua labore
- aute occaecat ea aliquip sunt amet. Aute mollit dolor ut exercitation irure commodo non amet consectetur quis amet culpa. Quis ullamco
- nisi amet qui aute irure eu. Magna labore dolor quis ex labore id nostrud deserunt dolor
- eiusmod eu pariatur culpa mollit in irure.</p>
- </TabPane>
- </TabContent>
- </Col>
- </Row>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default ListGroups;
diff --git a/old-modules/src_example/views/Base/ListGroups/ListGroups.test.js b/old-modules/src_example/views/Base/ListGroups/ListGroups.test.js
deleted file mode 100644
index 35e70c6..0000000
--- a/old-modules/src_example/views/Base/ListGroups/ListGroups.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ListGroups from './ListGroups';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<ListGroups />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/ListGroups/package.json b/old-modules/src_example/views/Base/ListGroups/package.json
deleted file mode 100644
index c542b75..0000000
--- a/old-modules/src_example/views/Base/ListGroups/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "ListGroups",
- "version": "0.0.0",
- "private": true,
- "main": "./ListGroups.js"
-}
diff --git a/old-modules/src_example/views/Base/Navbars/Navbars.js b/old-modules/src_example/views/Base/Navbars/Navbars.js
deleted file mode 100644
index 07bede5..0000000
--- a/old-modules/src_example/views/Base/Navbars/Navbars.js
+++ /dev/null
@@ -1,133 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import {
- Card,
- CardBody,
- CardHeader,
- Collapse,
- DropdownItem,
- DropdownMenu,
- DropdownToggle,
- Nav,
- Navbar,
- NavbarBrand,
- NavbarToggler,
- NavItem,
- NavLink,
- UncontrolledDropdown,
-} from 'reactstrap';
-
-class Navbars extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.toggleNavbar = this.toggleNavbar.bind(this);
- this.state = {
- isOpen: false,
- collapsed: true,
- };
- }
-
- toggle() {
- this.setState({
- isOpen: !this.state.isOpen,
- });
- }
-
- toggleNavbar() {
- this.setState({
- collapsed: !this.state.collapsed,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Navbar</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/navbar/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Navbar color="info" light expand="md">
- <NavbarBrand href="/">Bootstrap</NavbarBrand>
- <NavbarToggler onClick={this.toggle} />
- <Collapse isOpen={this.state.isOpen} navbar>
- <Nav className="ml-auto" navbar>
- <NavItem>
- <NavLink href="#/components/navbars">Components</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="https://github.com/reactstrap/reactstrap" target="_blank">Github</NavLink>
- </NavItem>
- <UncontrolledDropdown nav inNavbar>
- {/*Warning: React does not recognize the `inNavbar` prop on a DOM element.*/}
- {/*waiting for reactstrap@5.0.0-alpha.5*/}
- <DropdownToggle nav caret>
- Options
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem>
- Option 1
- </DropdownItem>
- <DropdownItem>
- Option 2
- </DropdownItem>
- <DropdownItem divider />
- <DropdownItem>
- Reset
- </DropdownItem>
- </DropdownMenu>
- </UncontrolledDropdown>
- </Nav>
- </Collapse>
- </Navbar>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Navbar Toggler</strong>
- </CardHeader>
- <CardBody>
- <Navbar color="success" light>
- <NavbarBrand href="/" className="mr-auto">Bootstrap</NavbarBrand>
- <NavbarToggler onClick={this.toggleNavbar} className="mr-2" />
- <Collapse isOpen={!this.state.collapsed} navbar>
- <Nav navbar>
- <NavItem>
- <NavLink href="#/components/navbars">Components</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="https://github.com/reactstrap/reactstrap">Github</NavLink>
- </NavItem>
- </Nav>
- </Collapse>
- </Navbar>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default Navbars;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Base/Navbars/Navbars.test.js b/old-modules/src_example/views/Base/Navbars/Navbars.test.js
deleted file mode 100644
index 654c05f..0000000
--- a/old-modules/src_example/views/Base/Navbars/Navbars.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Navbars from './Navbars';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Navbars />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Navbars/package.json b/old-modules/src_example/views/Base/Navbars/package.json
deleted file mode 100644
index a33a6ad..0000000
--- a/old-modules/src_example/views/Base/Navbars/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Navbars",
- "version": "0.0.0",
- "private": true,
- "main": "./Navbars.js"
-}
diff --git a/old-modules/src_example/views/Base/Navs/Navs.js b/old-modules/src_example/views/Base/Navs/Navs.js
deleted file mode 100644
index e0fdf1b..0000000
--- a/old-modules/src_example/views/Base/Navs/Navs.js
+++ /dev/null
@@ -1,174 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Dropdown, DropdownItem, DropdownMenu, DropdownToggle, Nav, NavItem, NavLink } from 'reactstrap';
-
-class Navs extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- dropdownOpen: [false, false],
- };
- }
-
- toggle(i) {
- const newArray = this.state.dropdownOpen.map((element, index) => {
- return (index === i ? !element : false);
- });
- this.setState({
- dropdownOpen: newArray,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Navs</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/navs/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <p>List Based</p>
- <Nav>
- <NavItem>
- <NavLink href="#">Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="#">Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="#">Another Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink disabled href="#">Disabled Link</NavLink>
- </NavItem>
- </Nav>
- <hr />
- <p>Link Based</p>
- <Nav>
- <NavLink href="#">Link</NavLink> <NavLink href="#">Link</NavLink> <NavLink href="#">Another Link</NavLink> <NavLink disabled href="#">Disabled
- Link</NavLink>
- </Nav>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Navs Tabs</strong>
- </CardHeader>
- <CardBody>
- <Nav tabs>
- <NavItem>
- <NavLink href="#" active>Link</NavLink>
- </NavItem>
- <Dropdown nav isOpen={this.state.dropdownOpen[0]} toggle={() => {this.toggle(0);}}>
- <DropdownToggle nav caret>
- Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- <NavItem>
- <NavLink href="#">Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="#">Another Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink disabled href="#">Disabled Link</NavLink>
- </NavItem>
- </Nav>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Navs Pills</strong>
- </CardHeader>
- <CardBody>
- <Nav pills>
- <NavItem>
- <NavLink href="#" active>Link</NavLink>
- </NavItem>
- <Dropdown nav isOpen={this.state.dropdownOpen[1]} toggle={() => {this.toggle(1);}}>
- <DropdownToggle nav caret>
- Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- <NavItem>
- <NavLink href="#">Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="#">Another Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink disabled href="#">Disabled Link</NavLink>
- </NavItem>
- </Nav>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Navs Vertical</strong>
- </CardHeader>
- <CardBody>
- <p>List Based</p>
- <Nav vertical>
- <NavItem>
- <NavLink href="#">Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="#">Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink href="#">Another Link</NavLink>
- </NavItem>
- <NavItem>
- <NavLink disabled href="#">Disabled Link</NavLink>
- </NavItem>
- </Nav>
- <hr />
- <p>Link based</p>
- <Nav vertical>
- <NavLink href="#">Link</NavLink> <NavLink href="#">Link</NavLink> <NavLink href="#">Another Link</NavLink> <NavLink disabled href="#">Disabled
- Link</NavLink>
- </Nav>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default Navs;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Base/Navs/Navs.test.js b/old-modules/src_example/views/Base/Navs/Navs.test.js
deleted file mode 100644
index 43a6f3d..0000000
--- a/old-modules/src_example/views/Base/Navs/Navs.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Navs from './Navs';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Navs />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Navs/package.json b/old-modules/src_example/views/Base/Navs/package.json
deleted file mode 100644
index 9728cbf..0000000
--- a/old-modules/src_example/views/Base/Navs/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Navs",
- "version": "0.0.0",
- "private": true,
- "main": "./Navs.js"
-}
diff --git a/old-modules/src_example/views/Base/Paginations/Paginations.test.js b/old-modules/src_example/views/Base/Paginations/Paginations.test.js
deleted file mode 100644
index dc00e85..0000000
--- a/old-modules/src_example/views/Base/Paginations/Paginations.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Paginations from './Pagnations';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Paginations />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Paginations/Pagnations.js b/old-modules/src_example/views/Base/Paginations/Pagnations.js
deleted file mode 100644
index 35ba577..0000000
--- a/old-modules/src_example/views/Base/Paginations/Pagnations.js
+++ /dev/null
@@ -1,192 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Pagination, PaginationItem, PaginationLink } from 'reactstrap';
-
-class Paginations extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Pagination</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/pagination/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Pagination>
- <PaginationItem>
- <PaginationLink previous tag="button" />
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 1
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 2
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 3
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 4
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 5
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink next tag="button" />
- </PaginationItem>
- </Pagination>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Pagination</strong>
- <small> disabled and active states</small>
- </CardHeader>
- <CardBody>
- <Pagination>
- <PaginationItem disabled>
- <PaginationLink previous tag="button" />
- </PaginationItem>
- <PaginationItem active>
- <PaginationLink tag="button">
- 1
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 2
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 3
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 4
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 5
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink next tag="button" />
- </PaginationItem>
- </Pagination>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Pagination</strong>
- <small> sizing</small>
- </CardHeader>
- <CardBody>
- <Pagination size="lg">
- <PaginationItem>
- <PaginationLink previous tag="button" />
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 1
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 2
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 3
- </PaginationLink>
- </PaginationItem>
- <PaginationItem className="d-none d-sm-block">
- <PaginationLink next tag="button" />
- </PaginationItem>
- </Pagination>
- <Pagination>
- <PaginationItem>
- <PaginationLink previous tag="button" />
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 1
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 2
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 3
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink next tag="button" />
- </PaginationItem>
- </Pagination>
- <Pagination size="sm">
- <PaginationItem>
- <PaginationLink previous tag="button" />
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 1
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 2
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">
- 3
- </PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink next tag="button" />
- </PaginationItem>
- </Pagination>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default Paginations;
diff --git a/old-modules/src_example/views/Base/Paginations/package.json b/old-modules/src_example/views/Base/Paginations/package.json
deleted file mode 100644
index a1bce95..0000000
--- a/old-modules/src_example/views/Base/Paginations/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Pagnations",
- "version": "0.0.0",
- "private": true,
- "main": "./Pagnations.js"
-}
diff --git a/old-modules/src_example/views/Base/Popovers/Popovers.js b/old-modules/src_example/views/Base/Popovers/Popovers.js
deleted file mode 100644
index 2633840..0000000
--- a/old-modules/src_example/views/Base/Popovers/Popovers.js
+++ /dev/null
@@ -1,123 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardHeader, Popover, PopoverBody, PopoverHeader } from 'reactstrap';
-
-class PopoverItem extends Component {
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- popoverOpen: false,
- };
- }
-
- toggle() {
- this.setState({
- popoverOpen: !this.state.popoverOpen,
- });
- }
-
- render() {
- return (
- <span>
- <Button className="mr-1" color="secondary" id={'Popover-' + this.props.id} onClick={this.toggle}>
- {this.props.item.text}
- </Button>
- <Popover placement={this.props.item.placement} isOpen={this.state.popoverOpen} target={'Popover-' + this.props.id} toggle={this.toggle}>
- <PopoverHeader>Popover Title</PopoverHeader>
- <PopoverBody>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</PopoverBody>
- </Popover>
- </span>
- );
- }
-}
-
-class Popovers extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- popoverOpen: false,
- popovers: [
- {
- placement: 'top',
- text: 'Top',
- },
- {
- placement: 'bottom',
- text: 'Bottom',
- },
- {
- placement: 'left',
- text: 'Left',
- },
- {
- placement: 'right',
- text: 'Right',
- },
- ],
- };
- }
-
- toggle() {
- this.setState({
- popoverOpen: !this.state.popoverOpen,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Popovers</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/popovers/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Button id="Popover1" onClick={this.toggle}>
- Launch Popover
- </Button>
- <Popover placement="bottom" isOpen={this.state.popoverOpen} target="Popover1" toggle={this.toggle}>
- <PopoverHeader>Popover Title</PopoverHeader>
- <PopoverBody>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</PopoverBody>
- </Popover>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Popovers</strong>
- <small> list</small>
- </CardHeader>
- <CardBody>
- {this.state.popovers.map((popover, i) => {
- return <PopoverItem key={i} item={popover} id={i} />;
- })}
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default Popovers;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Base/Popovers/Popovers.test.js b/old-modules/src_example/views/Base/Popovers/Popovers.test.js
deleted file mode 100644
index 1e5ad42..0000000
--- a/old-modules/src_example/views/Base/Popovers/Popovers.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Popovers from './Popovers';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- document.body.appendChild(div);
- ReactDOM.render(<Popovers />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Popovers/package.json b/old-modules/src_example/views/Base/Popovers/package.json
deleted file mode 100644
index 51e2c05..0000000
--- a/old-modules/src_example/views/Base/Popovers/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Popovers",
- "version": "0.0.0",
- "private": true,
- "main": "./Popovers.js"
-}
diff --git a/old-modules/src_example/views/Base/ProgressBar/ProgressBar.js b/old-modules/src_example/views/Base/ProgressBar/ProgressBar.js
deleted file mode 100644
index ba04dd2..0000000
--- a/old-modules/src_example/views/Base/ProgressBar/ProgressBar.js
+++ /dev/null
@@ -1,182 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Progress } from 'reactstrap';
-
-class ProgressBar extends Component {
-
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Progress</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/progress/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <div className="text-center">0%</div>
- <Progress />
- <div className="text-center">25%</div>
- <Progress value="25" />
- <div className="text-center">50%</div>
- <Progress value={50} />
- <div className="text-center">75%</div>
- <Progress value={75} />
- <div className="text-center">100%</div>
- <Progress value="100" />
- <div className="text-center">Multiple bars</div>
- <Progress multi>
- <Progress bar value="15" />
- <Progress bar color="success" value="30" />
- <Progress bar color="info" value="25" />
- <Progress bar color="warning" value="20" />
- <Progress bar color="danger" value="5" />
- </Progress>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Progress</strong>
- <small> color variants</small>
- </CardHeader>
- <CardBody>
- <Progress value={2 * 5} className="mb-3" />
- <Progress color="success" value="25" className="mb-3" />
- <Progress color="info" value={50} className="mb-3" />
- <Progress color="warning" value={75} className="mb-3" />
- <Progress color="danger" value="100" className="mb-3" />
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Progress</strong>
- <small> labels</small>
- </CardHeader>
- <CardBody>
- <Progress value="25" className="mb-3">25%</Progress>
- <Progress value={50} className="mb-3">1/2</Progress>
- <Progress value={75} className="mb-3">You're almost there!</Progress>
- <Progress color="success" value="100" className="mb-3">You did it!</Progress>
- <Progress multi className="mb-3">
- <Progress bar value="15">Meh</Progress>
- <Progress bar color="success" value="30">Wow!</Progress>
- <Progress bar color="info" value="25">Cool</Progress>
- <Progress bar color="warning" value="20">20%</Progress>
- <Progress bar color="danger" value="5">!!</Progress>
- </Progress>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Progress</strong>
- <small> striped</small>
- </CardHeader>
- <CardBody>
- <Progress striped value={2 * 5} className="mb-3" />
- <Progress striped color="success" value="25" className="mb-3" />
- <Progress striped color="info" value={50} className="mb-3" />
- <Progress striped color="warning" value={75} className="mb-3" />
- <Progress striped color="danger" value="100" className="mb-3" />
- <Progress multi className="mb-3">
- <Progress striped bar value="10" />
- <Progress striped bar color="success" value="30" />
- <Progress striped bar color="warning" value="20" />
- <Progress striped bar color="danger" value="20" />
- </Progress>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Progress</strong>
- <small> animated</small>
- </CardHeader>
- <CardBody>
- <Progress animated value={2 * 5} className="mb-3" />
- <Progress animated color="success" value="25" className="mb-3" />
- <Progress animated color="info" value={50} className="mb-3" />
- <Progress animated color="warning" value={75} className="mb-3" />
- <Progress animated color="danger" value="100" className="mb-3" />
- <Progress multi>
- <Progress animated bar value="10" />
- <Progress animated bar color="success" value="30" />
- <Progress animated bar color="warning" value="20" />
- <Progress animated bar color="danger" value="20" />
- </Progress>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Progress</strong>
- <small> multiple bars / stacked</small>
- </CardHeader>
- <CardBody>
- <div className="text-center">Plain</div>
- <Progress multi>
- <Progress bar value="15" />
- <Progress bar color="success" value="20" />
- <Progress bar color="info" value="25" />
- <Progress bar color="warning" value="20" />
- <Progress bar color="danger" value="15" />
- </Progress>
- <div className="text-center">With Labels</div>
- <Progress multi>
- <Progress bar value="15">Meh</Progress>
- <Progress bar color="success" value="35">Wow!</Progress>
- <Progress bar color="warning" value="25">25%</Progress>
- <Progress bar color="danger" value="25">LOOK OUT!!</Progress>
- </Progress>
- <div className="text-center">Stripes and Animations</div>
- <Progress multi>
- <Progress bar striped value="15">Stripes</Progress>
- <Progress bar animated color="success" value="30">Animated Stripes</Progress>
- <Progress bar color="info" value="25">Plain</Progress>
- </Progress>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Progress</strong>
- <small> max value</small>
- </CardHeader>
- <CardBody>
- <div className="text-center">1 of 5</div>
- <Progress value="1" max="5" />
- <div className="text-center">50 of 135</div>
- <Progress value={50} max="135" />
- <div className="text-center">75 of 111</div>
- <Progress value={75} max={111} />
- <div className="text-center">463 of 500</div>
- <Progress value="463" max={500} />
-
- <div className="text-center">Various (40) of 55</div>
- <Progress multi>
- <Progress bar value="5" max={55}>5</Progress>
- <Progress bar color="success" value="15" max={55}>15</Progress>
- <Progress bar color="warning" value="10" max={55}>10</Progress>
- <Progress bar color="danger" value="10" max={55}>10</Progress>
- </Progress>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default ProgressBar;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Base/ProgressBar/ProgressBar.test.js b/old-modules/src_example/views/Base/ProgressBar/ProgressBar.test.js
deleted file mode 100644
index c4b9eb6..0000000
--- a/old-modules/src_example/views/Base/ProgressBar/ProgressBar.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ProgressBar from './ProgressBar';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<ProgressBar />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/ProgressBar/package.json b/old-modules/src_example/views/Base/ProgressBar/package.json
deleted file mode 100644
index e4f62b7..0000000
--- a/old-modules/src_example/views/Base/ProgressBar/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Progress Bar",
- "version": "0.0.0",
- "private": true,
- "main": "./ProgressBar.js"
-}
diff --git a/old-modules/src_example/views/Base/Switches/Switches.js b/old-modules/src_example/views/Base/Switches/Switches.js
deleted file mode 100644
index 473ad80..0000000
--- a/old-modules/src_example/views/Base/Switches/Switches.js
+++ /dev/null
@@ -1,509 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Col, Row, Table } from 'reactstrap';
-import { AppSwitch } from '@coreui/react'
-
-class Switches extends Component {
- render() {
- return (
- <div className="animated fadeIn">
-
- <Row>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch default
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} checked />
- <AppSwitch className={'mx-1'} color={'secondary'} checked />
- <AppSwitch className={'mx-1'} color={'success'} checked />
- <AppSwitch className={'mx-1'} color={'warning'} checked />
- <AppSwitch className={'mx-1'} color={'info'} checked />
- <AppSwitch className={'mx-1'} color={'danger'} checked />
- <AppSwitch className={'mx-1'} color={'light'} checked />
- <AppSwitch className={'mx-1'} color={'dark'} checked />
- <AppSwitch className={'mx-1'} color={'primary'} disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch pills
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- 3d Switch
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'secondary'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'success'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'warning'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'info'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'danger'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'light'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'dark'} defaultChecked />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- 3d Switch <small><code>disabled</code></small>
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'secondary'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'success'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'warning'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'info'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'danger'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'light'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'dark'} checked disabled />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} disabled />
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- 3d Switch <small><code>outline="alt"</code></small>
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'secondary'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'success'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'warning'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'info'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'danger'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'light'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'dark'} checked outline={'alt'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} outline={'alt'} disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- 3d Switch <small><code>label</code></small>
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'3d'} color={'secondary'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'success'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'warning'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'info'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'danger'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'light'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'dark'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} label dataOn={'\u2713'} dataOff={'\u2715'}/>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- 3d Switch <small><code>outline="alt" label</code></small>
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'primary'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'secondary'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'success'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'warning'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'info'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'danger'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'light'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'dark'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'primary'} label dataOn={'\u2713'} dataOff={'\u2715'}/>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- 3d Switch <small><code>outline="alt" label</code></small>
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'primary'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'secondary'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'success'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'warning'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'info'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'danger'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'light'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'dark'} defaultChecked label />
- <AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'primary'} label />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch outline
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} outline checked />
- <AppSwitch className={'mx-1'} color={'secondary'} outline checked />
- <AppSwitch className={'mx-1'} color={'success'} outline checked />
- <AppSwitch className={'mx-1'} color={'warning'} outline checked />
- <AppSwitch className={'mx-1'} color={'info'} outline checked />
- <AppSwitch className={'mx-1'} color={'danger'} outline checked />
- <AppSwitch className={'mx-1'} color={'light'} outline checked />
- <AppSwitch className={'mx-1'} color={'dark'} outline checked />
- <AppSwitch className={'mx-1'} color={'primary'} outline disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch outline pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} outline checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch outline alternative
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'secondary'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'success'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'warning'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'info'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'danger'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'light'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'dark'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} disabled />
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch outline alternative - pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} outline={'alt'} checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} disabled />
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} label checked />
- <AppSwitch className={'mx-1'} color={'secondary'} label checked />
- <AppSwitch className={'mx-1'} color={'success'} label checked />
- <AppSwitch className={'mx-1'} color={'warning'} label checked />
- <AppSwitch className={'mx-1'} color={'info'} label checked />
- <AppSwitch className={'mx-1'} color={'danger'} label checked />
- <AppSwitch className={'mx-1'} color={'light'} label checked />
- <AppSwitch className={'mx-1'} color={'dark'} label checked />
- <AppSwitch className={'mx-1'} color={'primary'} label disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} label disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} outline label checked />
- <AppSwitch className={'mx-1'} color={'secondary'} outline label checked />
- <AppSwitch className={'mx-1'} color={'success'} outline label checked />
- <AppSwitch className={'mx-1'} color={'warning'} outline label checked />
- <AppSwitch className={'mx-1'} color={'info'} outline label checked />
- <AppSwitch className={'mx-1'} color={'danger'} outline label checked />
- <AppSwitch className={'mx-1'} color={'light'} outline label checked />
- <AppSwitch className={'mx-1'} color={'dark'} outline label checked />
- <AppSwitch className={'mx-1'} color={'primary'} outline label disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} outline label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline label disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline alternative pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'secondary'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'success'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'warning'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'info'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'danger'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'light'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'dark'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} label disabled />
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline alternative pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} outline={'alt'} label checked />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} label disabled />
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline alternative
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'secondary'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'success'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'warning'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'info'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} color={'danger'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'light'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'dark'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'primary'} outline disabled label dataOn={'\u2713'} dataOff={'\u2715'}/>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline alternative pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline disabled label dataOn={'\u2713'} dataOff={'\u2715'}/>
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline alternative
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'secondary'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'success'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'warning'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'info'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} color={'danger'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'light'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'dark'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
- <AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} disabled label dataOn={'\u2713'} dataOff={'\u2715'}/>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- Switch with text outline alternative pills
- {' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
- </CardHeader>
- <CardBody>
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'success'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'info'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'light'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />
- <AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} disabled label dataOn={'\u2713'} dataOff={'\u2715'}/>
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12">
- <Card>
- <CardHeader>
- Sizes
- </CardHeader>
- <CardBody className="p-0">
- <Table hover striped className="table-align-middle mb-0">
- <thead>
- <tr>
- <th>Size</th>
- <th>Example</th>
- <th>Props</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- Large
- </td>
- <td>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} checked size={'lg'} />
- </td>
- <td>
- Add <code>size={'lg'}</code>
- </td>
- </tr>
- <tr>
- <td>
- Normal
- </td>
- <td>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} checked />
- </td>
- <td>
- -
- </td>
- </tr>
- <tr>
- <td>
- Small
- </td>
- <td>
- <AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} checked size={'sm'} />
- </td>
- <td>
- Add <code>size={'sm'}</code>
- </td>
- </tr>
- </tbody>
- </Table>
- </CardBody>
- </Card>
- </Col>
-
- </Row>
- </div>
-
- );
- }
-}
-
-export default Switches;
diff --git a/old-modules/src_example/views/Base/Switches/Switches.test.js b/old-modules/src_example/views/Base/Switches/Switches.test.js
deleted file mode 100644
index fc9edda..0000000
--- a/old-modules/src_example/views/Base/Switches/Switches.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Switches from './Switches';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Switches />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Switches/package.json b/old-modules/src_example/views/Base/Switches/package.json
deleted file mode 100644
index ce01586..0000000
--- a/old-modules/src_example/views/Base/Switches/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Switches",
- "version": "0.0.0",
- "private": true,
- "main": "./Switches.js"
-}
diff --git a/old-modules/src_example/views/Base/Tables/Tables.js b/old-modules/src_example/views/Base/Tables/Tables.js
deleted file mode 100644
index d77f354..0000000
--- a/old-modules/src_example/views/Base/Tables/Tables.js
+++ /dev/null
@@ -1,408 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardHeader, Col, Pagination, PaginationItem, PaginationLink, Row, Table } from 'reactstrap';
-
-class Tables extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" lg="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Simple Table
- </CardHeader>
- <CardBody>
- <Table responsive>
- <thead>
- <tr>
- <th>Username</th>
- <th>Date registered</th>
- <th>Role</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Samppa Nori</td>
- <td>2012/01/01</td>
- <td>Member</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- <tr>
- <td>Estavan Lykos</td>
- <td>2012/02/01</td>
- <td>Staff</td>
- <td>
- <Badge color="danger">Banned</Badge>
- </td>
- </tr>
- <tr>
- <td>Chetan Mohamed</td>
- <td>2012/02/01</td>
- <td>Admin</td>
- <td>
- <Badge color="secondary">Inactive</Badge>
- </td>
- </tr>
- <tr>
- <td>Derick Maximinus</td>
- <td>2012/03/01</td>
- <td>Member</td>
- <td>
- <Badge color="warning">Pending</Badge>
- </td>
- </tr>
- <tr>
- <td>Friderik Dávid</td>
- <td>2012/01/21</td>
- <td>Staff</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- </tbody>
- </Table>
- <Pagination>
- <PaginationItem>
- <PaginationLink previous tag="button"></PaginationLink>
- </PaginationItem>
- <PaginationItem active>
- <PaginationLink tag="button">1</PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">2</PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">3</PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink tag="button">4</PaginationLink>
- </PaginationItem>
- <PaginationItem>
- <PaginationLink next tag="button"></PaginationLink>
- </PaginationItem>
- </Pagination>
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12" lg="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Striped Table
- </CardHeader>
- <CardBody>
- <Table responsive striped>
- <thead>
- <tr>
- <th>Username</th>
- <th>Date registered</th>
- <th>Role</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Yiorgos Avraamu</td>
- <td>2012/01/01</td>
- <td>Member</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- <tr>
- <td>Avram Tarasios</td>
- <td>2012/02/01</td>
- <td>Staff</td>
- <td>
- <Badge color="danger">Banned</Badge>
- </td>
- </tr>
- <tr>
- <td>Quintin Ed</td>
- <td>2012/02/01</td>
- <td>Admin</td>
- <td>
- <Badge color="secondary">Inactive</Badge>
- </td>
- </tr>
- <tr>
- <td>Enéas Kwadwo</td>
- <td>2012/03/01</td>
- <td>Member</td>
- <td>
- <Badge color="warning">Pending</Badge>
- </td>
- </tr>
- <tr>
- <td>Agapetus Tadeáš</td>
- <td>2012/01/21</td>
- <td>Staff</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- </tbody>
- </Table>
- <Pagination>
- <PaginationItem disabled><PaginationLink previous tag="button">Prev</PaginationLink></PaginationItem>
- <PaginationItem active>
- <PaginationLink tag="button">1</PaginationLink>
- </PaginationItem>
- <PaginationItem><PaginationLink tag="button">2</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">3</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">4</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink next tag="button">Next</PaginationLink></PaginationItem>
- </Pagination>
- </CardBody>
- </Card>
- </Col>
- </Row>
-
- <Row>
-
- <Col xs="12" lg="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Condensed Table
- </CardHeader>
- <CardBody>
- <Table responsive size="sm">
- <thead>
- <tr>
- <th>Username</th>
- <th>Date registered</th>
- <th>Role</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Carwyn Fachtna</td>
- <td>2012/01/01</td>
- <td>Member</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- <tr>
- <td>Nehemiah Tatius</td>
- <td>2012/02/01</td>
- <td>Staff</td>
- <td>
- <Badge color="danger">Banned</Badge>
- </td>
- </tr>
- <tr>
- <td>Ebbe Gemariah</td>
- <td>2012/02/01</td>
- <td>Admin</td>
- <td>
- <Badge color="secondary">Inactive</Badge>
- </td>
- </tr>
- <tr>
- <td>Eustorgios Amulius</td>
- <td>2012/03/01</td>
- <td>Member</td>
- <td>
- <Badge color="warning">Pending</Badge>
- </td>
- </tr>
- <tr>
- <td>Leopold Gáspár</td>
- <td>2012/01/21</td>
- <td>Staff</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- </tbody>
- </Table>
- <Pagination>
- <PaginationItem><PaginationLink previous tag="button">Prev</PaginationLink></PaginationItem>
- <PaginationItem active>
- <PaginationLink tag="button">1</PaginationLink>
- </PaginationItem>
- <PaginationItem><PaginationLink tag="button">2</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">3</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">4</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink next tag="button">Next</PaginationLink></PaginationItem>
- </Pagination>
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12" lg="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Bordered Table
- </CardHeader>
- <CardBody>
- <Table responsive bordered>
- <thead>
- <tr>
- <th>Username</th>
- <th>Date registered</th>
- <th>Role</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Pompeius René</td>
- <td>2012/01/01</td>
- <td>Member</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- <tr>
- <td>Paĉjo Jadon</td>
- <td>2012/02/01</td>
- <td>Staff</td>
- <td>
- <Badge color="danger">Banned</Badge>
- </td>
- </tr>
- <tr>
- <td>Micheal Mercurius</td>
- <td>2012/02/01</td>
- <td>Admin</td>
- <td>
- <Badge color="secondary">Inactive</Badge>
- </td>
- </tr>
- <tr>
- <td>Ganesha Dubhghall</td>
- <td>2012/03/01</td>
- <td>Member</td>
- <td>
- <Badge color="warning">Pending</Badge>
- </td>
- </tr>
- <tr>
- <td>Hiroto Šimun</td>
- <td>2012/01/21</td>
- <td>Staff</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- </tbody>
- </Table>
- <Pagination>
- <PaginationItem><PaginationLink previous tag="button">Prev</PaginationLink></PaginationItem>
- <PaginationItem active>
- <PaginationLink tag="button">1</PaginationLink>
- </PaginationItem>
- <PaginationItem className="page-item"><PaginationLink tag="button">2</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">3</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">4</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink next tag="button">Next</PaginationLink></PaginationItem>
- </Pagination>
- </CardBody>
- </Card>
- </Col>
-
- </Row>
-
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Combined All Table
- </CardHeader>
- <CardBody>
- <Table hover bordered striped responsive size="sm">
- <thead>
- <tr>
- <th>Username</th>
- <th>Date registered</th>
- <th>Role</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Vishnu Serghei</td>
- <td>2012/01/01</td>
- <td>Member</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- <tr>
- <td>Zbyněk Phoibos</td>
- <td>2012/02/01</td>
- <td>Staff</td>
- <td>
- <Badge color="danger">Banned</Badge>
- </td>
- </tr>
- <tr>
- <td>Einar Randall</td>
- <td>2012/02/01</td>
- <td>Admin</td>
- <td>
- <Badge color="secondary">Inactive</Badge>
- </td>
- </tr>
- <tr>
- <td>Félix Troels</td>
- <td>2012/03/01</td>
- <td>Member</td>
- <td>
- <Badge color="warning">Pending</Badge>
- </td>
- </tr>
- <tr>
- <td>Aulus Agmundr</td>
- <td>2012/01/21</td>
- <td>Staff</td>
- <td>
- <Badge color="success">Active</Badge>
- </td>
- </tr>
- </tbody>
- </Table>
- <nav>
- <Pagination>
- <PaginationItem><PaginationLink previous tag="button">Prev</PaginationLink></PaginationItem>
- <PaginationItem active>
- <PaginationLink tag="button">1</PaginationLink>
- </PaginationItem>
- <PaginationItem><PaginationLink tag="button">2</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">3</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink tag="button">4</PaginationLink></PaginationItem>
- <PaginationItem><PaginationLink next tag="button">Next</PaginationLink></PaginationItem>
- </Pagination>
- </nav>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
-
- );
- }
-}
-
-export default Tables;
diff --git a/old-modules/src_example/views/Base/Tables/Tables.test.js b/old-modules/src_example/views/Base/Tables/Tables.test.js
deleted file mode 100644
index f331918..0000000
--- a/old-modules/src_example/views/Base/Tables/Tables.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Tables from './Tables';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Tables />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Tables/package.json b/old-modules/src_example/views/Base/Tables/package.json
deleted file mode 100644
index 548d9a3..0000000
--- a/old-modules/src_example/views/Base/Tables/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Tables",
- "version": "0.0.0",
- "private": true,
- "main": "./Tables.js"
-}
diff --git a/old-modules/src_example/views/Base/Tabs/Tabs.js b/old-modules/src_example/views/Base/Tabs/Tabs.js
deleted file mode 100644
index e578d57..0000000
--- a/old-modules/src_example/views/Base/Tabs/Tabs.js
+++ /dev/null
@@ -1,256 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Col, Nav, NavItem, NavLink, Row, TabContent, TabPane } from 'reactstrap';
-import classnames from 'classnames';
-
-class Tabs extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- activeTab: '1',
- };
- }
-
- toggle(tab) {
- if (this.state.activeTab !== tab) {
- this.setState({
- activeTab: tab,
- });
- }
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" md="6" className="mb-4">
- <Nav tabs>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '1' })}
- onClick={() => { this.toggle('1'); }}
- >
- Home
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '2' })}
- onClick={() => { this.toggle('2'); }}
- >
- Profile
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '3' })}
- onClick={() => { this.toggle('3'); }}
- >
- Messages
- </NavLink>
- </NavItem>
- </Nav>
- <TabContent activeTab={this.state.activeTab}>
- <TabPane tabId="1">
- 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="2">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="3">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- </TabContent>
- </Col>
- <Col xs="12" md="6" className="mb-4">
- <Nav tabs>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '1' })}
- onClick={() => { this.toggle('1'); }}
- >
- <i className="icon-calculator"></i>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '2' })}
- onClick={() => { this.toggle('2'); }}
- >
- <i className="icon-basket-loaded"></i>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '3' })}
- onClick={() => { this.toggle('3'); }}
- >
- <i className="icon-pie-chart"></i>
- </NavLink>
- </NavItem>
- </Nav>
- <TabContent activeTab={this.state.activeTab}>
- <TabPane tabId="1">
- 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="2">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="3">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- </TabContent>
- </Col>
- <Col xs="12" md="6" className="mb-4">
- <Nav tabs>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '1' })}
- onClick={() => { this.toggle('1'); }}
- >
- <i className="icon-calculator"></i> <span className={this.state.activeTab === '1' ? '' : 'd-none'}> Calculator</span>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '2' })}
- onClick={() => { this.toggle('2'); }}
- >
- <i className="icon-basket-loaded"></i> <span
- className={this.state.activeTab === '2' ? '' : 'd-none'}> Shopping cart</span>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '3' })}
- onClick={() => { this.toggle('3'); }}
- >
- <i className="icon-pie-chart"></i> <span className={this.state.activeTab === '3' ? '' : 'd-none'}> Charts</span>
- </NavLink>
- </NavItem>
- </Nav>
- <TabContent activeTab={this.state.activeTab}>
- <TabPane tabId="1">
- 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="2">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="3">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- </TabContent>
- </Col>
- <Col xs="12" md="6" className="mb-4">
- <Nav tabs>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '1' })}
- onClick={() => { this.toggle('1'); }}
- >
- <i className="icon-calculator"></i> <span className={this.state.activeTab === '1' ? '' : 'd-none'}> Calculator </span>{'\u00A0'}<Badge
- color="success">New</Badge>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '2' })}
- onClick={() => { this.toggle('2'); }}
- >
- <i className="icon-basket-loaded"></i> <span
- className={this.state.activeTab === '2' ? '' : 'd-none'}> Shopping cart </span>{'\u00A0'}<Badge pill color="danger">29</Badge>
- </NavLink>
- </NavItem>
- <NavItem>
- <NavLink
- className={classnames({ active: this.state.activeTab === '3' })}
- onClick={() => { this.toggle('3'); }}
- >
- <i className="icon-pie-chart"></i> <span className={this.state.activeTab === '3' ? '' : 'd-none'}> Charts</span>
- </NavLink>
- </NavItem>
- </Nav>
- <TabContent activeTab={this.state.activeTab}>
- <TabPane tabId="1">
- 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="2">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- <TabPane tabId="3">
- 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
- </TabPane>
- </TabContent>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Tabs;
diff --git a/old-modules/src_example/views/Base/Tabs/Tabs.test.js b/old-modules/src_example/views/Base/Tabs/Tabs.test.js
deleted file mode 100644
index bbf90a1..0000000
--- a/old-modules/src_example/views/Base/Tabs/Tabs.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Tabs from './Tabs';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Tabs />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Tabs/package.json b/old-modules/src_example/views/Base/Tabs/package.json
deleted file mode 100644
index e362a80..0000000
--- a/old-modules/src_example/views/Base/Tabs/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Tabs",
- "version": "0.0.0",
- "private": true,
- "main": "./Tabs.js"
-}
diff --git a/old-modules/src_example/views/Base/Tooltips/Tooltips.js b/old-modules/src_example/views/Base/Tooltips/Tooltips.js
deleted file mode 100644
index e324141..0000000
--- a/old-modules/src_example/views/Base/Tooltips/Tooltips.js
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardHeader, Tooltip, UncontrolledTooltip } from 'reactstrap';
-
-class TooltipItem extends React.Component {
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- tooltipOpen: false,
- };
- }
-
- toggle() {
- this.setState({
- tooltipOpen: !this.state.tooltipOpen,
- });
- }
-
- render() {
- return (
- <span>
- <Button className="mr-1" color="secondary" id={'Tooltip-' + this.props.id}>
- {this.props.item.text}
- </Button>
- <Tooltip placement={this.props.item.placement} isOpen={this.state.tooltipOpen} target={'Tooltip-' + this.props.id} toggle={this.toggle}>
- Tooltip Content!
- </Tooltip>
- </span>
- );
- }
-}
-
-class Tooltips extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- tooltipOpen: [false, false],
- tooltips: [
- {
- placement: 'top',
- text: 'Top',
- },
- {
- placement: 'bottom',
- text: 'Bottom',
- },
- {
- placement: 'left',
- text: 'Left',
- },
- {
- placement: 'right',
- text: 'Right',
- },
- ],
- };
- }
-
- toggle(i) {
- const newArray = this.state.tooltipOpen.map((element, index) => {
- return (index === i ? !element : false);
- });
- this.setState({
- tooltipOpen: newArray,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Tooltips</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/tooltips/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <p>Somewhere in here is a <a href="#" id="TooltipExample">tooltip</a>.</p>
- <Tooltip placement="right" isOpen={this.state.tooltipOpen[0]} target="TooltipExample" toggle={() => {this.toggle(0);}}>
- Hello world!
- </Tooltip>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Tooltip</strong>
- <small> disable autohide</small>
- </CardHeader>
- <CardBody>
- <p>Sometimes you need to allow users to select text within a <a href="#" id="DisabledAutoHideExample">tooltip</a>.</p>
- <Tooltip placement="top" isOpen={this.state.tooltipOpen[1]} autohide={false} target="DisabledAutoHideExample" toggle={() => {this.toggle(1);}}>
- Try to select this text!
- </Tooltip>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Tooltip</strong>
- <small> list</small>
- </CardHeader>
- <CardBody>
- {this.state.tooltips.map((tooltip, i) => {
- return <TooltipItem key={i} item={tooltip} id={i} />;
- })}
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Tooltip</strong>
- <small> uncontrolled</small>
- </CardHeader>
- <CardBody>
- <p>Somewhere in here is a <a href="#" id="UncontrolledTooltipExample">tooltip</a>.</p>
- <UncontrolledTooltip placement="right" target="UncontrolledTooltipExample">
- Hello world!
- </UncontrolledTooltip>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default Tooltips;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Base/Tooltips/Tooltips.test.js b/old-modules/src_example/views/Base/Tooltips/Tooltips.test.js
deleted file mode 100644
index 34f28a7..0000000
--- a/old-modules/src_example/views/Base/Tooltips/Tooltips.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Tooltips from './Tooltips';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- document.body.appendChild(div);
- ReactDOM.render(<Tooltips />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Base/Tooltips/package.json b/old-modules/src_example/views/Base/Tooltips/package.json
deleted file mode 100644
index 86e0504..0000000
--- a/old-modules/src_example/views/Base/Tooltips/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Tooltips",
- "version": "0.0.0",
- "private": true,
- "main": "./Tooltips.js"
-}
diff --git a/old-modules/src_example/views/Base/index.js b/old-modules/src_example/views/Base/index.js
deleted file mode 100644
index cbd8850..0000000
--- a/old-modules/src_example/views/Base/index.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import Breadcrumbs from './Breadcrumbs';
-import Cards from './Cards';
-import Carousels from './Carousels';
-import Collapses from './Collapses';
-import Dropdowns from './Dropdowns';
-import Forms from './Forms';
-import Jumbotrons from './Jumbotrons';
-import ListGroups from './ListGroups';
-import Navbars from './Navbars';
-import Navs from './Navs';
-import Popovers from './Popovers';
-import Paginations from './Paginations';
-import ProgressBar from './ProgressBar';
-import Switches from './Switches';
-import Tables from './Tables';
-import Tabs from './Tabs';
-import Tooltips from './Tooltips';
-
-export {
- Breadcrumbs, Cards, Carousels, Collapses, Dropdowns, Forms, Jumbotrons, ListGroups, Navbars, Navs, Popovers, ProgressBar, Switches, Tables, Tabs, Tooltips, Paginations
-};
-
diff --git a/old-modules/src_example/views/Buttons/BrandButtons/BrandButtons.js b/old-modules/src_example/views/Buttons/BrandButtons/BrandButtons.js
deleted file mode 100644
index 63c9962..0000000
--- a/old-modules/src_example/views/Buttons/BrandButtons/BrandButtons.js
+++ /dev/null
@@ -1,339 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class BrandButtons extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i>
- <strong>Brand Button</strong>
- <small> Usage ex. </small>
- <code>
- <Button className="btn-facebook btn-brand"><i className="fa fa-facebook"></i><span>Facebook</span></Button>
- </code>
- </CardHeader>
- <CardBody>
- <h6>Size Small
- <small> Add this class <code>.btn-sm</code></small>
- </h6>
- <p>
- <Button size="sm" className="btn-facebook btn-brand mr-1 mb-1"><i className="fa fa-facebook"></i><span>Facebook</span></Button>
- <Button size="sm" className="btn-twitter btn-brand mr-1 mb-1"><i className="fa fa-twitter"></i><span>Twitter</span></Button>
- <Button size="sm" className="btn-linkedin btn-brand mr-1 mb-1"><i className="fa fa-linkedin"></i><span>LinkedIn</span></Button>
- <Button size="sm" className="btn-flickr btn-brand mr-1 mb-1"><i className="fa fa-flickr"></i><span>Flickr</span></Button>
- <Button size="sm" className="btn-tumblr btn-brand mr-1 mb-1"><i className="fa fa-tumblr"></i><span>Tumblr</span></Button>
- <Button size="sm" className="btn-xing btn-brand mr-1 mb-1"><i className="fa fa-xing"></i><span>Xing</span></Button>
- <Button size="sm" className="btn-github btn-brand mr-1 mb-1"><i className="fa fa-github"></i><span>Github</span></Button>
- <Button size="sm" className="btn-html5 btn-brand mr-1 mb-1"><i className="fa fa-html5"></i><span>HTML5</span></Button>
- <Button size="sm" className="btn-openid btn-brand mr-1 mb-1"><i className="fa fa-openid"></i><span>OpenID</span></Button>
- <Button size="sm" className="btn-stack-overflow btn-brand mr-1 mb-1"><i className="fa fa-stack-overflow"></i><span>StackOverflow</span></Button>
- <Button size="sm" className="btn-css3 btn-brand mr-1 mb-1"><i className="fa fa-css3"></i><span>CSS3</span></Button>
- <Button size="sm" className="btn-youtube btn-brand mr-1 mb-1"><i className="fa fa-youtube"></i><span>YouTube</span></Button>
- <Button size="sm" className="btn-dribbble btn-brand mr-1 mb-1"><i className="fa fa-dribbble"></i><span>Dribbble</span></Button>
- <Button size="sm" className="btn-google-plus btn-brand mr-1 mb-1"><i className="fa fa-google-plus"></i><span>Google+</span></Button>
- <Button size="sm" className="btn-instagram btn-brand mr-1 mb-1"><i className="fa fa-instagram"></i><span>Instagram</span></Button>
- <Button size="sm" className="btn-pinterest btn-brand mr-1 mb-1"><i className="fa fa-pinterest"></i><span>Pinterest</span></Button>
- <Button size="sm" className="btn-vk btn-brand mr-1 mb-1"><i className="fa fa-vk"></i><span>VK</span></Button>
- <Button size="sm" className="btn-yahoo btn-brand mr-1 mb-1"><i className="fa fa-yahoo"></i><span>Yahoo</span></Button>
- <Button size="sm" className="btn-behance btn-brand mr-1 mb-1"><i className="fa fa-behance"></i><span>Behance</span></Button>
- <Button size="sm" className="btn-dropbox btn-brand mr-1 mb-1"><i className="fa fa-dropbox"></i><span>Dropbox</span></Button>
- <Button size="sm" className="btn-reddit btn-brand mr-1 mb-1"><i className="fa fa-reddit"></i><span>Reddit</span></Button>
- <Button size="sm" className="btn-spotify btn-brand mr-1 mb-1"><i className="fa fa-spotify"></i><span>Spotify</span></Button>
- <Button size="sm" className="btn-vine btn-brand mr-1 mb-1"><i className="fa fa-vine"></i><span>Vine</span></Button>
- <Button size="sm" className="btn-foursquare btn-brand mr-1 mb-1"><i className="fa fa-foursquare"></i><span>Forsquare</span></Button>
- <Button size="sm" className="btn-vimeo btn-brand mr-1 mb-1"><i className="fa fa-vimeo"></i><span>Vimeo</span></Button>
- </p>
- <h6>Size Normal</h6>
- <p>
- <Button className="btn-facebook btn-brand mr-1 mb-1"><i className="fa fa-facebook"></i><span>Facebook</span></Button>
- <Button className="btn-twitter btn-brand mr-1 mb-1"><i className="fa fa-twitter"></i><span>Twitter</span></Button>
- <Button className="btn-linkedin btn-brand mr-1 mb-1"><i className="fa fa-linkedin"></i><span>LinkedIn</span></Button>
- <Button className="btn-flickr btn-brand mr-1 mb-1"><i className="fa fa-flickr"></i><span>Flickr</span></Button>
- <Button className="btn-tumblr btn-brand mr-1 mb-1"><i className="fa fa-tumblr"></i><span>Tumblr</span></Button>
- <Button className="btn-xing btn-brand mr-1 mb-1"><i className="fa fa-xing"></i><span>Xing</span></Button>
- <Button className="btn-github btn-brand mr-1 mb-1"><i className="fa fa-github"></i><span>Github</span></Button>
- <Button className="btn-html5 btn-brand mr-1 mb-1"><i className="fa fa-html5"></i><span>HTML5</span></Button>
- <Button className="btn-openid btn-brand mr-1 mb-1"><i className="fa fa-openid"></i><span>OpenID</span></Button>
- <Button className="btn-stack-overflow btn-brand mr-1 mb-1"><i className="fa fa-stack-overflow"></i><span>StackOverflow</span></Button>
- <Button className="btn-css3 btn-brand mr-1 mb-1"><i className="fa fa-css3"></i><span>CSS3</span></Button>
- <Button className="btn-youtube btn-brand mr-1 mb-1"><i className="fa fa-youtube"></i><span>YouTube</span></Button>
- <Button className="btn-dribbble btn-brand mr-1 mb-1"><i className="fa fa-dribbble"></i><span>Dribbble</span></Button>
- <Button className="btn-google-plus btn-brand mr-1 mb-1"><i className="fa fa-google-plus"></i><span>Google+</span></Button>
- <Button className="btn-instagram btn-brand mr-1 mb-1"><i className="fa fa-instagram"></i><span>Instagram</span></Button>
- <Button className="btn-pinterest btn-brand mr-1 mb-1"><i className="fa fa-pinterest"></i><span>Pinterest</span></Button>
- <Button className="btn-vk btn-brand mr-1 mb-1"><i className="fa fa-vk"></i><span>VK</span></Button>
- <Button className="btn-yahoo btn-brand mr-1 mb-1"><i className="fa fa-yahoo"></i><span>Yahoo</span></Button>
- <Button className="btn-behance btn-brand mr-1 mb-1"><i className="fa fa-behance"></i><span>Behance</span></Button>
- <Button className="btn-dropbox btn-brand mr-1 mb-1"><i className="fa fa-dropbox"></i><span>Dropbox</span></Button>
- <Button className="btn-reddit btn-brand mr-1 mb-1"><i className="fa fa-reddit"></i><span>Reddit</span></Button>
- <Button className="btn-spotify btn-brand mr-1 mb-1"><i className="fa fa-spotify"></i><span>Spotify</span></Button>
- <Button className="btn-vine btn-brand mr-1 mb-1"><i className="fa fa-vine"></i><span>Vine</span></Button>
- <Button className="btn-foursquare btn-brand mr-1 mb-1"><i className="fa fa-foursquare"></i><span>Forsquare</span></Button>
- <Button className="btn-vimeo btn-brand mr-1 mb-1"><i className="fa fa-vimeo"></i><span>Vimeo</span></Button>
- </p>
- <h6>Size Large
- <small> Add this class <code>.btn-lg</code></small>
- </h6>
- <p>
- <Button size="lg" className="btn-facebook btn-brand mr-1 mb-1"><i className="fa fa-facebook"></i><span>Facebook</span></Button>
- <Button size="lg" className="btn-twitter btn-brand mr-1 mb-1"><i className="fa fa-twitter"></i><span>Twitter</span></Button>
- <Button size="lg" className="btn-linkedin btn-brand mr-1 mb-1"><i className="fa fa-linkedin"></i><span>LinkedIn</span></Button>
- <Button size="lg" className="btn-flickr btn-brand mr-1 mb-1"><i className="fa fa-flickr"></i><span>Flickr</span></Button>
- <Button size="lg" className="btn-tumblr btn-brand mr-1 mb-1"><i className="fa fa-tumblr"></i><span>Tumblr</span></Button>
- <Button size="lg" className="btn-xing btn-brand mr-1 mb-1"><i className="fa fa-xing"></i><span>Xing</span></Button>
- <Button size="lg" className="btn-github btn-brand mr-1 mb-1"><i className="fa fa-github"></i><span>Github</span></Button>
- <Button size="lg" className="btn-html5 btn-brand mr-1 mb-1"><i className="fa fa-html5"></i><span>HTML5</span></Button>
- <Button size="lg" className="btn-openid btn-brand mr-1 mb-1"><i className="fa fa-openid"></i><span>OpenID</span></Button>
- <Button size="lg" className="btn-stack-overflow btn-brand mr-1 mb-1"><i className="fa fa-stack-overflow"></i><span>StackOverflow</span></Button>
- <Button size="lg" className="btn-css3 btn-brand mr-1 mb-1"><i className="fa fa-css3"></i><span>CSS3</span></Button>
- <Button size="lg" className="btn-youtube btn-brand mr-1 mb-1"><i className="fa fa-youtube"></i><span>YouTube</span></Button>
- <Button size="lg" className="btn-dribbble btn-brand mr-1 mb-1"><i className="fa fa-dribbble"></i><span>Dribbble</span></Button>
- <Button size="lg" className="btn-google-plus btn-brand mr-1 mb-1"><i className="fa fa-google-plus"></i><span>Google+</span></Button>
- <Button size="lg" className="btn-instagram btn-brand mr-1 mb-1"><i className="fa fa-instagram"></i><span>Instagram</span></Button>
- <Button size="lg" className="btn-pinterest btn-brand mr-1 mb-1"><i className="fa fa-pinterest"></i><span>Pinterest</span></Button>
- <Button size="lg" className="btn-vk btn-brand mr-1 mb-1"><i className="fa fa-vk"></i><span>VK</span></Button>
- <Button size="lg" className="btn-yahoo btn-brand mr-1 mb-1"><i className="fa fa-yahoo"></i><span>Yahoo</span></Button>
- <Button size="lg" className="btn-behance btn-brand mr-1 mb-1"><i className="fa fa-behance"></i><span>Behance</span></Button>
- <Button size="lg" className="btn-dropbox btn-brand mr-1 mb-1"><i className="fa fa-dropbox"></i><span>Dropbox</span></Button>
- <Button size="lg" className="btn-reddit btn-brand mr-1 mb-1"><i className="fa fa-reddit"></i><span>Reddit</span></Button>
- <Button size="lg" className="btn-spotify btn-brand mr-1 mb-1"><i className="fa fa-spotify"></i><span>Spotify</span></Button>
- <Button size="lg" className="btn-vine btn-brand mr-1 mb-1"><i className="fa fa-vine"></i><span>Vine</span></Button>
- <Button size="lg" className="btn-foursquare btn-brand mr-1 mb-1"><i className="fa fa-foursquare"></i><span>Forsquare</span></Button>
- <Button size="lg" className="btn-vimeo btn-brand mr-1 mb-1"><i className="fa fa-vimeo"></i><span>Vimeo</span></Button>
- </p>
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i>
- <strong>Brand Button</strong>
- <small> Icons only. Usage ex. </small>
- <code>
- <Button className="btn-facebook btn-brand icon"><i className="fa fa-facebook"></i></Button>
- </code>
- </CardHeader>
- <CardBody>
- <h6>Size Small
- <small> Add this class <code>.btn-sm</code></small>
- </h6>
- <p>
- <Button size="sm" className="btn-facebook btn-brand icon mr-1 mb-1"><i className="fa fa-facebook"></i></Button>
- <Button size="sm" className="btn-twitter btn-brand icon mr-1 mb-1"><i className="fa fa-twitter"></i></Button>
- <Button size="sm" className="btn-linkedin btn-brand icon mr-1 mb-1"><i className="fa fa-linkedin"></i></Button>
- <Button size="sm" className="btn-flickr btn-brand icon mr-1 mb-1"><i className="fa fa-flickr"></i></Button>
- <Button size="sm" className="btn-tumblr btn-brand icon mr-1 mb-1"><i className="fa fa-tumblr"></i></Button>
- <Button size="sm" className="btn-xing btn-brand icon mr-1 mb-1"><i className="fa fa-xing"></i></Button>
- <Button size="sm" className="btn-github btn-brand icon mr-1 mb-1"><i className="fa fa-github"></i></Button>
- <Button size="sm" className="btn-html5 btn-brand icon mr-1 mb-1"><i className="fa fa-html5"></i></Button>
- <Button size="sm" className="btn-openid btn-brand icon mr-1 mb-1"><i className="fa fa-openid"></i></Button>
- <Button size="sm" className="btn-stack-overflow btn-brand icon mr-1 mb-1"><i className="fa fa-stack-overflow"></i></Button>
- <Button size="sm" className="btn-css3 btn-brand icon mr-1 mb-1"><i className="fa fa-css3"></i></Button>
- <Button size="sm" className="btn-youtube btn-brand icon mr-1 mb-1"><i className="fa fa-youtube"></i></Button>
- <Button size="sm" className="btn-dribbble btn-brand icon mr-1 mb-1"><i className="fa fa-dribbble"></i></Button>
- <Button size="sm" className="btn-google-plus btn-brand icon mr-1 mb-1"><i className="fa fa-google-plus"></i></Button>
- <Button size="sm" className="btn-instagram btn-brand icon mr-1 mb-1"><i className="fa fa-instagram"></i></Button>
- <Button size="sm" className="btn-pinterest btn-brand icon mr-1 mb-1"><i className="fa fa-pinterest"></i></Button>
- <Button size="sm" className="btn-vk btn-brand icon mr-1 mb-1"><i className="fa fa-vk"></i></Button>
- <Button size="sm" className="btn-yahoo btn-brand icon mr-1 mb-1"><i className="fa fa-yahoo"></i></Button>
- <Button size="sm" className="btn-behance btn-brand icon mr-1 mb-1"><i className="fa fa-behance"></i></Button>
- <Button size="sm" className="btn-dropbox btn-brand icon mr-1 mb-1"><i className="fa fa-dropbox"></i></Button>
- <Button size="sm" className="btn-reddit btn-brand icon mr-1 mb-1"><i className="fa fa-reddit"></i></Button>
- <Button size="sm" className="btn-spotify btn-brand icon mr-1 mb-1"><i className="fa fa-spotify"></i></Button>
- <Button size="sm" className="btn-vine btn-brand icon mr-1 mb-1"><i className="fa fa-vine"></i></Button>
- <Button size="sm" className="btn-foursquare btn-brand icon mr-1 mb-1"><i className="fa fa-foursquare"></i></Button>
- <Button size="sm" className="btn-vimeo btn-brand icon mr-1 mb-1"><i className="fa fa-vimeo"></i></Button>
- </p>
- <h6>Size Normal</h6>
- <p>
- <Button className="btn-facebook btn-brand icon mr-1 mb-1"><i className="fa fa-facebook"></i></Button>
- <Button className="btn-twitter btn-brand icon mr-1 mb-1"><i className="fa fa-twitter"></i></Button>
- <Button className="btn-linkedin btn-brand icon mr-1 mb-1"><i className="fa fa-linkedin"></i></Button>
- <Button className="btn-flickr btn-brand icon mr-1 mb-1"><i className="fa fa-flickr"></i></Button>
- <Button className="btn-tumblr btn-brand icon mr-1 mb-1"><i className="fa fa-tumblr"></i></Button>
- <Button className="btn-xing btn-brand icon mr-1 mb-1"><i className="fa fa-xing"></i></Button>
- <Button className="btn-github btn-brand icon mr-1 mb-1"><i className="fa fa-github"></i></Button>
- <Button className="btn-html5 btn-brand icon mr-1 mb-1"><i className="fa fa-html5"></i></Button>
- <Button className="btn-openid btn-brand icon mr-1 mb-1"><i className="fa fa-openid"></i></Button>
- <Button className="btn-stack-overflow btn-brand icon mr-1 mb-1"><i className="fa fa-stack-overflow"></i></Button>
- <Button className="btn-css3 btn-brand icon mr-1 mb-1"><i className="fa fa-css3"></i></Button>
- <Button className="btn-youtube btn-brand icon mr-1 mb-1"><i className="fa fa-youtube"></i></Button>
- <Button className="btn-dribbble btn-brand icon mr-1 mb-1"><i className="fa fa-dribbble"></i></Button>
- <Button className="btn-google-plus btn-brand icon mr-1 mb-1"><i className="fa fa-google-plus"></i></Button>
- <Button className="btn-instagram btn-brand icon mr-1 mb-1"><i className="fa fa-instagram"></i></Button>
- <Button className="btn-pinterest btn-brand icon mr-1 mb-1"><i className="fa fa-pinterest"></i></Button>
- <Button className="btn-vk btn-brand icon mr-1 mb-1"><i className="fa fa-vk"></i></Button>
- <Button className="btn-yahoo btn-brand icon mr-1 mb-1"><i className="fa fa-yahoo"></i></Button>
- <Button className="btn-behance btn-brand icon mr-1 mb-1"><i className="fa fa-behance"></i></Button>
- <Button className="btn-dropbox btn-brand icon mr-1 mb-1"><i className="fa fa-dropbox"></i></Button>
- <Button className="btn-reddit btn-brand icon mr-1 mb-1"><i className="fa fa-reddit"></i></Button>
- <Button className="btn-spotify btn-brand icon mr-1 mb-1"><i className="fa fa-spotify"></i></Button>
- <Button className="btn-vine btn-brand icon mr-1 mb-1"><i className="fa fa-vine"></i></Button>
- <Button className="btn-foursquare btn-brand icon mr-1 mb-1"><i className="fa fa-foursquare"></i></Button>
- <Button className="btn-vimeo btn-brand icon mr-1 mb-1"><i className="fa fa-vimeo"></i></Button>
- </p>
- <h6>Size Large
- <small> Add this class <code>.btn-lg</code></small>
- </h6>
- <p>
- <Button size="lg" className="btn-facebook btn-brand icon mr-1 mb-1"><i className="fa fa-facebook"></i></Button>
- <Button size="lg" className="btn-twitter btn-brand icon mr-1 mb-1"><i className="fa fa-twitter"></i></Button>
- <Button size="lg" className="btn-linkedin btn-brand icon mr-1 mb-1"><i className="fa fa-linkedin"></i></Button>
- <Button size="lg" className="btn-flickr btn-brand icon mr-1 mb-1"><i className="fa fa-flickr"></i></Button>
- <Button size="lg" className="btn-tumblr btn-brand icon mr-1 mb-1"><i className="fa fa-tumblr"></i></Button>
- <Button size="lg" className="btn-xing btn-brand icon mr-1 mb-1"><i className="fa fa-xing"></i></Button>
- <Button size="lg" className="btn-github btn-brand icon mr-1 mb-1"><i className="fa fa-github"></i></Button>
- <Button size="lg" className="btn-html5 btn-brand icon mr-1 mb-1"><i className="fa fa-html5"></i></Button>
- <Button size="lg" className="btn-openid btn-brand icon mr-1 mb-1"><i className="fa fa-openid"></i></Button>
- <Button size="lg" className="btn-stack-overflow btn-brand icon mr-1 mb-1"><i className="fa fa-stack-overflow"></i></Button>
- <Button size="lg" className="btn-css3 btn-brand icon mr-1 mb-1"><i className="fa fa-css3"></i></Button>
- <Button size="lg" className="btn-youtube btn-brand icon mr-1 mb-1"><i className="fa fa-youtube"></i></Button>
- <Button size="lg" className="btn-dribbble btn-brand icon mr-1 mb-1"><i className="fa fa-dribbble"></i></Button>
- <Button size="lg" className="btn-google-plus btn-brand icon mr-1 mb-1"><i className="fa fa-google-plus"></i></Button>
- <Button size="lg" className="btn-instagram btn-brand icon mr-1 mb-1"><i className="fa fa-instagram"></i></Button>
- <Button size="lg" className="btn-pinterest btn-brand icon mr-1 mb-1"><i className="fa fa-pinterest"></i></Button>
- <Button size="lg" className="btn-vk btn-brand icon mr-1 mb-1"><i className="fa fa-vk"></i></Button>
- <Button size="lg" className="btn-yahoo btn-brand icon mr-1 mb-1"><i className="fa fa-yahoo"></i></Button>
- <Button size="lg" className="btn-behance btn-brand icon mr-1 mb-1"><i className="fa fa-behance"></i></Button>
- <Button size="lg" className="btn-dropbox btn-brand icon mr-1 mb-1"><i className="fa fa-dropbox"></i></Button>
- <Button size="lg" className="btn-reddit btn-brand icon mr-1 mb-1"><i className="fa fa-reddit"></i></Button>
- <Button size="lg" className="btn-spotify btn-brand icon mr-1 mb-1"><i className="fa fa-spotify"></i></Button>
- <Button size="lg" className="btn-vine btn-brand icon mr-1 mb-1"><i className="fa fa-vine"></i></Button>
- <Button size="lg" className="btn-foursquare btn-brand icon mr-1 mb-1"><i className="fa fa-foursquare"></i></Button>
- <Button size="lg" className="btn-vimeo btn-brand icon mr-1 mb-1"><i className="fa fa-vimeo"></i></Button>
- </p>
- </CardBody>
- </Card>
- </Col>
-
- <Col xs="12">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i>
- <strong>Brand Button</strong>
- <small> Text only. Usage ex. </small>
- <code>
- <Button className="btn-facebook btn-brand text"><span>Facebook</span></Button>
- </code>
- </CardHeader>
- <CardBody>
- <h6>Size Small
- <small> Add this class <code>.btn-sm</code></small>
- </h6>
- <p>
- <Button size="sm" className="btn-facebook btn-brand text mr-1 mb-1"><span>Facebook</span></Button>
- <Button size="sm" className="btn-twitter btn-brand text mr-1 mb-1"><span>Twitter</span></Button>
- <Button size="sm" className="btn-linkedin btn-brand text mr-1 mb-1"><span>LinkedIn</span></Button>
- <Button size="sm" className="btn-flickr btn-brand text mr-1 mb-1"><span>Flickr</span></Button>
- <Button size="sm" className="btn-tumblr btn-brand text mr-1 mb-1"><span>Tumblr</span></Button>
- <Button size="sm" className="btn-xing btn-brand text mr-1 mb-1"><span>Xing</span></Button>
- <Button size="sm" className="btn-github btn-brand text mr-1 mb-1"><span>Github</span></Button>
- <Button size="sm" className="btn-html5 btn-brand text mr-1 mb-1"><span>HTML5</span></Button>
- <Button size="sm" className="btn-openid btn-brand text mr-1 mb-1"><span>OpenID</span></Button>
- <Button size="sm" className="btn-stack-overflow btn-brand text mr-1 mb-1"><span>StackOverflow</span></Button>
- <Button size="sm" className="btn-css3 btn-brand text mr-1 mb-1"><span>CSS3</span></Button>
- <Button size="sm" className="btn-youtube btn-brand text mr-1 mb-1"><span>YouTube</span></Button>
- <Button size="sm" className="btn-dribbble btn-brand text mr-1 mb-1"><span>Dribbble</span></Button>
- <Button size="sm" className="btn-google-plus btn-brand text mr-1 mb-1"><span>Google+</span></Button>
- <Button size="sm" className="btn-instagram btn-brand text mr-1 mb-1"><span>Instagram</span></Button>
- <Button size="sm" className="btn-pinterest btn-brand text mr-1 mb-1"><span>Pinterest</span></Button>
- <Button size="sm" className="btn-vk btn-brand text mr-1 mb-1"><span>VK</span></Button>
- <Button size="sm" className="btn-yahoo btn-brand text mr-1 mb-1"><span>Yahoo</span></Button>
- <Button size="sm" className="btn-behance btn-brand text mr-1 mb-1"><span>Behance</span></Button>
- <Button size="sm" className="btn-dropbox btn-brand text mr-1 mb-1"><span>Dropbox</span></Button>
- <Button size="sm" className="btn-reddit btn-brand text mr-1 mb-1"><span>Reddit</span></Button>
- <Button size="sm" className="btn-spotify btn-brand text mr-1 mb-1"><span>Spotify</span></Button>
- <Button size="sm" className="btn-vine btn-brand text mr-1 mb-1"><span>Vine</span></Button>
- <Button size="sm" className="btn-foursquare btn-brand text mr-1 mb-1"><span>Forsquare</span></Button>
- <Button size="sm" className="btn-vimeo btn-brand text mr-1 mb-1"><span>Vimeo</span></Button>
- </p>
- <h6>Size Normal</h6>
- <p>
- <Button className="btn-facebook btn-brand text mr-1 mb-1"><span>Facebook</span></Button>
- <Button className="btn-twitter btn-brand text mr-1 mb-1"><span>Twitter</span></Button>
- <Button className="btn-linkedin btn-brand text mr-1 mb-1"><span>LinkedIn</span></Button>
- <Button className="btn-flickr btn-brand text mr-1 mb-1"><span>Flickr</span></Button>
- <Button className="btn-tumblr btn-brand text mr-1 mb-1"><span>Tumblr</span></Button>
- <Button className="btn-xing btn-brand text mr-1 mb-1"><span>Xing</span></Button>
- <Button className="btn-github btn-brand text mr-1 mb-1"><span>Github</span></Button>
- <Button className="btn-html5 btn-brand text mr-1 mb-1"><span>HTML5</span></Button>
- <Button className="btn-openid btn-brand text mr-1 mb-1"><span>OpenID</span></Button>
- <Button className="btn-stack-overflow btn-brand text mr-1 mb-1"><span>StackOverflow</span></Button>
- <Button className="btn-css3 btn-brand text mr-1 mb-1"><span>CSS3</span></Button>
- <Button className="btn-youtube btn-brand text mr-1 mb-1"><span>YouTube</span></Button>
- <Button className="btn-dribbble btn-brand text mr-1 mb-1"><span>Dribbble</span></Button>
- <Button className="btn-google-plus btn-brand text mr-1 mb-1"><span>Google+</span></Button>
- <Button className="btn-instagram btn-brand text mr-1 mb-1"><span>Instagram</span></Button>
- <Button className="btn-pinterest btn-brand text mr-1 mb-1"><span>Pinterest</span></Button>
- <Button className="btn-vk btn-brand text mr-1 mb-1"><span>VK</span></Button>
- <Button className="btn-yahoo btn-brand text mr-1 mb-1"><span>Yahoo</span></Button>
- <Button className="btn-behance btn-brand text mr-1 mb-1"><span>Behance</span></Button>
- <Button className="btn-dropbox btn-brand text mr-1 mb-1"><span>Dropbox</span></Button>
- <Button className="btn-reddit btn-brand text mr-1 mb-1"><span>Reddit</span></Button>
- <Button className="btn-spotify btn-brand text mr-1 mb-1"><span>Spotify</span></Button>
- <Button className="btn-vine btn-brand text mr-1 mb-1"><span>Vine</span></Button>
- <Button className="btn-foursquare btn-brand text mr-1 mb-1"><span>Forsquare</span></Button>
- <Button className="btn-vimeo btn-brand text mr-1 mb-1"><span>Vimeo</span></Button>
- </p>
- <h6>Size Large
- <small> Add this class <code>.btn-lg</code></small>
- </h6>
- <p>
- <Button size="lg" className="btn-facebook btn-brand text mr-1 mb-1"><span>Facebook</span></Button>
- <Button size="lg" className="btn-twitter btn-brand text mr-1 mb-1"><span>Twitter</span></Button>
- <Button size="lg" className="btn-linkedin btn-brand text mr-1 mb-1"><span>LinkedIn</span></Button>
- <Button size="lg" className="btn-flickr btn-brand text mr-1 mb-1"><span>Flickr</span></Button>
- <Button size="lg" className="btn-tumblr btn-brand text mr-1 mb-1"><span>Tumblr</span></Button>
- <Button size="lg" className="btn-xing btn-brand text mr-1 mb-1"><span>Xing</span></Button>
- <Button size="lg" className="btn-github btn-brand text mr-1 mb-1"><span>Github</span></Button>
- <Button size="lg" className="btn-html5 btn-brand text mr-1 mb-1"><span>HTML5</span></Button>
- <Button size="lg" className="btn-openid btn-brand text mr-1 mb-1"><span>OpenID</span></Button>
- <Button size="lg" className="btn-stack-overflow btn-brand text mr-1 mb-1"><span>StackOverflow</span></Button>
- <Button size="lg" className="btn-css3 btn-brand text mr-1 mb-1"><span>CSS3</span></Button>
- <Button size="lg" className="btn-youtube btn-brand text mr-1 mb-1"><span>YouTube</span></Button>
- <Button size="lg" className="btn-dribbble btn-brand text mr-1 mb-1"><span>Dribbble</span></Button>
- <Button size="lg" className="btn-google-plus btn-brand text mr-1 mb-1"><span>Google+</span></Button>
- <Button size="lg" className="btn-instagram btn-brand text mr-1 mb-1"><span>Instagram</span></Button>
- <Button size="lg" className="btn-pinterest btn-brand text mr-1 mb-1"><span>Pinterest</span></Button>
- <Button size="lg" className="btn-vk btn-brand text mr-1 mb-1"><span>VK</span></Button>
- <Button size="lg" className="btn-yahoo btn-brand text mr-1 mb-1"><span>Yahoo</span></Button>
- <Button size="lg" className="btn-behance btn-brand text mr-1 mb-1"><span>Behance</span></Button>
- <Button size="lg" className="btn-dropbox btn-brand text mr-1 mb-1"><span>Dropbox</span></Button>
- <Button size="lg" className="btn-reddit btn-brand text mr-1 mb-1"><span>Reddit</span></Button>
- <Button size="lg" className="btn-spotify btn-brand text mr-1 mb-1"><span>Spotify</span></Button>
- <Button size="lg" className="btn-vine btn-brand text mr-1 mb-1"><span>Vine</span></Button>
- <Button size="lg" className="btn-foursquare btn-brand text mr-1 mb-1"><span>Forsquare</span></Button>
- <Button size="lg" className="btn-vimeo btn-brand text mr-1 mb-1"><span>Vimeo</span></Button>
- </p>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
-
- );
- }
-}
-
-export default BrandButtons;
diff --git a/old-modules/src_example/views/Buttons/BrandButtons/BrandButtons.test.js b/old-modules/src_example/views/Buttons/BrandButtons/BrandButtons.test.js
deleted file mode 100644
index d23691b..0000000
--- a/old-modules/src_example/views/Buttons/BrandButtons/BrandButtons.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import BrandButtons from './';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<BrandButtons />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Buttons/BrandButtons/package.json b/old-modules/src_example/views/Buttons/BrandButtons/package.json
deleted file mode 100644
index 41d8874..0000000
--- a/old-modules/src_example/views/Buttons/BrandButtons/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "BrandButtons",
- "version": "0.0.0",
- "private": true,
- "main": "./BrandButtons.js"
-}
diff --git a/old-modules/src_example/views/Buttons/ButtonDropdowns/ButtonDropdowns.js b/old-modules/src_example/views/Buttons/ButtonDropdowns/ButtonDropdowns.js
deleted file mode 100644
index 7a04717..0000000
--- a/old-modules/src_example/views/Buttons/ButtonDropdowns/ButtonDropdowns.js
+++ /dev/null
@@ -1,305 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, ButtonDropdown, Card, CardBody, CardHeader, Col, DropdownItem, DropdownMenu, DropdownToggle, Row } from 'reactstrap';
-
-class ButtonDropdowns extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- dropdownOpen: new Array(19).fill(false),
- };
- }
-
- toggle(i) {
- const newArray = this.state.dropdownOpen.map((element, index) => { return (index === i ? !element : false); });
- this.setState({
- dropdownOpen: newArray,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Button Dropdown</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/button-dropdown/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <ButtonDropdown isOpen={this.state.dropdownOpen[0]} toggle={() => { this.toggle(0); }}>
- <DropdownToggle caret>
- Button Dropdown
- </DropdownToggle>
- <DropdownMenu right>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Single button dropdowns</strong>
- </CardHeader>
- <CardBody>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[1]} toggle={() => { this.toggle(1); }}>
- <DropdownToggle caret color="primary">
- Primary
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[2]} toggle={() => { this.toggle(2); }}>
- <DropdownToggle caret color="secondary">
- Secondary
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[3]} toggle={() => { this.toggle(3); }}>
- <DropdownToggle caret color="success">
- Success
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[4]} toggle={() => { this.toggle(4); }}>
- <DropdownToggle caret color="info">
- Info
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[5]} toggle={() => { this.toggle(5); }}>
- <DropdownToggle caret color="warning">
- Warning
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[6]} toggle={() => { this.toggle(6); }}>
- <DropdownToggle caret color="danger">
- Danger
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Split button dropdowns</strong>
- </CardHeader>
- <CardBody>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[7]} toggle={() => { this.toggle(7); }}>
- <Button id="caret" color="primary">Primary</Button>
- <DropdownToggle caret color="primary" />
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[8]} toggle={() => { this.toggle(8); }}>
- <Button id="caret" color="secondary">Secondary</Button>
- <DropdownToggle caret color="secondary" />
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[9]} toggle={() => { this.toggle(9); }}>
- <Button id="caret" color="success">Success</Button>
- <DropdownToggle caret color="success" />
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[10]} toggle={() => { this.toggle(10); }}>
- <Button id="caret" color="info">Info</Button>
- <DropdownToggle caret color="info" />
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[11]} toggle={() => { this.toggle(11); }}>
- <Button id="caret" color="warning">Warning</Button>
- <DropdownToggle caret color="warning" />
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[12]} toggle={() => { this.toggle(12); }}>
- <Button id="caret" color="danger">Danger</Button>
- <DropdownToggle caret color="danger" />
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem divider />
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Dropdown directions</strong>
- </CardHeader>
- <CardBody>
- <ButtonDropdown direction="up" className="mr-1" isOpen={this.state.dropdownOpen[15]} toggle={() => { this.toggle(15); }}>
- <DropdownToggle caret size="lg">
- Direction Up
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown direction="left" className="mr-1" isOpen={this.state.dropdownOpen[16]} toggle={() => { this.toggle(16); }}>
- <DropdownToggle caret size="lg">
- Direction Left
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown direction="right" className="mr-1" isOpen={this.state.dropdownOpen[17]} toggle={() => { this.toggle(17); }}>
- <DropdownToggle caret size="lg">
- Direction Right
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[18]} toggle={() => { this.toggle(18); }}>
- <DropdownToggle caret size="lg">
- Default Down
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Button Dropdown sizing</strong>
- </CardHeader>
- <CardBody>
- <ButtonDropdown className="mr-1" isOpen={this.state.dropdownOpen[13]} toggle={() => { this.toggle(13); }}>
- <DropdownToggle caret size="lg">
- Large Button
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- <ButtonDropdown isOpen={this.state.dropdownOpen[14]} toggle={() => { this.toggle(14); }}>
- <DropdownToggle caret size="sm">
- Small Button
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem header>Header</DropdownItem>
- <DropdownItem disabled>Action Disabled</DropdownItem>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another Action</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default ButtonDropdowns;
diff --git a/old-modules/src_example/views/Buttons/ButtonDropdowns/ButtonDropdowns.test.js b/old-modules/src_example/views/Buttons/ButtonDropdowns/ButtonDropdowns.test.js
deleted file mode 100644
index ce23dca..0000000
--- a/old-modules/src_example/views/Buttons/ButtonDropdowns/ButtonDropdowns.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ButtonDropdowns from './ButtonDropdowns';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<ButtonDropdowns />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Buttons/ButtonDropdowns/package.json b/old-modules/src_example/views/Buttons/ButtonDropdowns/package.json
deleted file mode 100644
index bfdccf6..0000000
--- a/old-modules/src_example/views/Buttons/ButtonDropdowns/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "ButtonDropdowns",
- "version": "0.0.0",
- "private": true,
- "main": "./ButtonDropdowns.js"
-}
diff --git a/old-modules/src_example/views/Buttons/ButtonGroups/ButtonGroups.js b/old-modules/src_example/views/Buttons/ButtonGroups/ButtonGroups.js
deleted file mode 100644
index 05c322b..0000000
--- a/old-modules/src_example/views/Buttons/ButtonGroups/ButtonGroups.js
+++ /dev/null
@@ -1,207 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import {
- Button,
- ButtonDropdown,
- ButtonGroup,
- ButtonToolbar,
- Card,
- CardBody,
- CardHeader,
- Col,
- DropdownItem,
- DropdownMenu,
- DropdownToggle,
- Input,
- InputGroup,
- InputGroupAddon,
- InputGroupText,
- Row,
-} from 'reactstrap';
-
-class ButtonGroups extends Component {
-
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.state = {
- dropdownOpen: new Array(2).fill(false),
- };
- }
-
- toggle(i) {
- const newArray = this.state.dropdownOpen.map((element, index) => { return (index === i ? !element : false); });
- this.setState({
- dropdownOpen: newArray,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col md="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Button Group</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/button-group/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <ButtonGroup>
- <Button>Left</Button>
- <Button>Middle</Button>
- <Button>Right</Button>
- </ButtonGroup>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Vertical variation</strong>
- </CardHeader>
- <CardBody>
- <ButtonGroup vertical>
- <Button>1</Button>
- <Button>2</Button>
- <ButtonDropdown isOpen={this.state.dropdownOpen[1]} toggle={() => { this.toggle(1); }}>
- <DropdownToggle caret>
- Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem>Dropdown Link</DropdownItem>
- <DropdownItem>Dropdown Link</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </ButtonGroup>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Button Toolbar</strong>
- </CardHeader>
- <CardBody>
- <ButtonToolbar>
- <ButtonGroup className="mr-2">
- <Button>1</Button>
- <Button>2</Button>
- <Button>3</Button>
- <Button>4</Button>
- </ButtonGroup>
- <ButtonGroup className="mr-2">
- <Button>5</Button>
- <Button>6</Button>
- <Button>7</Button>
- </ButtonGroup>
- <ButtonGroup>
- <Button>8</Button>
- </ButtonGroup>
- </ButtonToolbar>
- </CardBody>
- </Card>
- </Col>
- <Col md={6}>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Sizing</strong>
- </CardHeader>
- <CardBody>
- <ButtonGroup size="lg">
- <Button>Left</Button>
- <Button>Middle</Button>
- <Button>Right</Button>
- </ButtonGroup>
- <hr />
- <ButtonGroup>
- <Button>Left</Button>
- <Button>Middle</Button>
- <Button>Right</Button>
- </ButtonGroup>
- <hr />
- <ButtonGroup size="sm">
- <Button>Left</Button>
- <Button>Middle</Button>
- <Button>Right</Button>
- </ButtonGroup>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Nesting</strong>
- </CardHeader>
- <CardBody>
- <ButtonGroup>
- <Button>1</Button>
- <Button>2</Button>
- <ButtonDropdown isOpen={this.state.dropdownOpen[0]} toggle={() => { this.toggle(0); }}>
- <DropdownToggle caret>
- Dropdown
- </DropdownToggle>
- <DropdownMenu>
- <DropdownItem>Dropdown Link</DropdownItem>
- <DropdownItem>Dropdown Link</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </ButtonGroup>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Button Toolbar</strong> <small>with input groups</small>
- </CardHeader>
- <CardBody>
- <ButtonToolbar className="mb-3">
- <ButtonGroup className="mr-2">
- <Button>1</Button>
- <Button>2</Button>
- <Button>3</Button>
- <Button>4</Button>
- </ButtonGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend"><InputGroupText>@</InputGroupText></InputGroupAddon>
- <Input placeholder="Input group example" />
- </InputGroup>
- </ButtonToolbar>
- <ButtonToolbar className="justify-content-between">
- <ButtonGroup>
- <Button>1</Button>
- <Button>2</Button>
- <Button>3</Button>
- <Button>4</Button>
- </ButtonGroup>
- <InputGroup>
- <InputGroupAddon addonType="prepend"><InputGroupText>@</InputGroupText></InputGroupAddon>
- <Input placeholder="Input group example" />
- </InputGroup>
- </ButtonToolbar>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default ButtonGroups;
diff --git a/old-modules/src_example/views/Buttons/ButtonGroups/ButtonGroups.test.js b/old-modules/src_example/views/Buttons/ButtonGroups/ButtonGroups.test.js
deleted file mode 100644
index 500b663..0000000
--- a/old-modules/src_example/views/Buttons/ButtonGroups/ButtonGroups.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ButtonGroups from './ButtonGroups';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<ButtonGroups />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Buttons/ButtonGroups/package.json b/old-modules/src_example/views/Buttons/ButtonGroups/package.json
deleted file mode 100644
index 6f9bfb1..0000000
--- a/old-modules/src_example/views/Buttons/ButtonGroups/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "ButtonGroups",
- "version": "0.0.0",
- "private": true,
- "main": "./ButtonGroups.js"
-}
diff --git a/old-modules/src_example/views/Buttons/Buttons/Buttons.js b/old-modules/src_example/views/Buttons/Buttons/Buttons.js
deleted file mode 100644
index ac9bbba..0000000
--- a/old-modules/src_example/views/Buttons/Buttons/Buttons.js
+++ /dev/null
@@ -1,684 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class Buttons extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <strong>Standard Buttons</strong>
- </CardHeader>
- <CardBody>
- <Row className="align-items-center">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Normal
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="primary">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="secondary">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="success">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="warning">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="danger">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="info">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="light">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="dark">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="link">Link</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Active State
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="primary" aria-pressed="true">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="secondary" aria-pressed="true">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="success" aria-pressed="true">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="warning" aria-pressed="true">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="danger" aria-pressed="true">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="info" aria-pressed="true">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="light" aria-pressed="true">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="dark" aria-pressed="true">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="link" aria-pressed="true">Link</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Disabled
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="primary" disabled>Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="secondary" disabled>Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="success" disabled>Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="warning" disabled>Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="danger" disabled>Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="info" disabled>Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="light" disabled>Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="dark" disabled>Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="link" disabled>Link</Button>
- </Col>
- </Row>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <strong>Outline Buttons</strong>
- </CardHeader>
- <CardBody>
- <p>
- Use <code>outline</code> prop
- </p>
- <Row className="align-items-center">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Normal
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="primary">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="secondary">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="success">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="warning">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="danger">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="info">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="light">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="dark">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0"></Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Active State
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="primary" aria-pressed="true">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="secondary" aria-pressed="true">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="success" aria-pressed="true">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="warning" aria-pressed="true">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="danger" aria-pressed="true">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="info" aria-pressed="true">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="light" aria-pressed="true">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline active color="dark" aria-pressed="true">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0"></Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Disabled
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="primary" disabled>Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="secondary" disabled>Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="success" disabled>Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="warning" disabled>Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="danger" disabled>Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="info" disabled>Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="light" disabled>Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block outline color="dark" disabled>Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0"></Col>
- </Row>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <strong>Ghost Buttons</strong>
- </CardHeader>
- <CardBody>
- <p>
- Use
- <code>.btn-ghost-*</code> class for ghost buttons.
- </p>
- <Row className="align-items-center">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Normal
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-primary">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-secondary">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-success">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-warning">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-danger">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-info">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-light">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-dark">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0"></Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Active State
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-primary" aria-pressed="true">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-secondary" aria-pressed="true">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-success" aria-pressed="true">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-warning" aria-pressed="true">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-danger" aria-pressed="true">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-info" aria-pressed="true">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-light" aria-pressed="true">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block active color="ghost-dark" aria-pressed="true">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0"></Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Disabled
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-primary" disabled>Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-secondary" disabled>Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-success" disabled>Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-warning" disabled>Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-danger" disabled>Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-info" disabled>Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-light" disabled>Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="ghost-dark" disabled>Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0"></Col>
- </Row>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <strong>Square Buttons</strong>
- </CardHeader>
- <CardBody>
- <p>
- Use
- <code>.btn-square</code> class for square buttons.
- </p>
- <Row className="align-items-center">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Normal
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="primary" className="btn-square">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="secondary" className="btn-square">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="success" className="btn-square">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="warning" className="btn-square">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="danger" className="btn-square">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="info" className="btn-square">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="light" className="btn-square">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="dark" className="btn-square">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="link" className="btn-square">Link</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Active State
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="primary" className="btn-square" aria-pressed="true">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="secondary" className="btn-square" aria-pressed="true">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="success" className="btn-square" aria-pressed="true">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="warning" className="btn-square" aria-pressed="true">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="danger" className="btn-square" aria-pressed="true">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="info" className="btn-square" aria-pressed="true">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="light" className="btn-square" aria-pressed="true">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="dark" className="btn-square" aria-pressed="true">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="link" className="btn-square" aria-pressed="true">Link</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Disabled
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="primary" className="btn-square" disabled>Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="secondary" className="btn-square" disabled>Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="success" className="btn-square" disabled>Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="warning" className="btn-square" disabled>Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="danger" className="btn-square" disabled>Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="info" className="btn-square" disabled>Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="light" className="btn-square" disabled>Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="dark" className="btn-square" disabled>Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="link" className="btn-square" disabled>Link</Button>
- </Col>
- </Row>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <strong>Pill Buttons</strong>
- </CardHeader>
- <CardBody>
- <p>
- Use
- <code>.btn-pill</code> class for pill buttons.
- </p>
- <Row className="align-items-center">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Normal
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="primary" className="btn-pill">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="secondary" className="btn-pill">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="success" className="btn-pill">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="warning" className="btn-pill">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="danger" className="btn-pill">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="info" className="btn-pill">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="light" className="btn-pill">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="dark" className="btn-pill">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="link" className="btn-pill">Link</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Active State
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="primary" className="btn-pill" aria-pressed="true">Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="secondary" className="btn-pill" aria-pressed="true">Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="success" className="btn-pill" aria-pressed="true">Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="warning" className="btn-pill" aria-pressed="true">Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="danger" className="btn-pill" aria-pressed="true">Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="info" className="btn-pill" aria-pressed="true">Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="light" className="btn-pill" aria-pressed="true">Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="dark" className="btn-pill" aria-pressed="true">Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button active block color="link" className="btn-pill" aria-pressed="true">Link</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="12" xl className="mb-3 mb-xl-0">
- Disabled
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="primary" className="btn-pill" disabled>Primary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="secondary" className="btn-pill" disabled>Secondary</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="success" className="btn-pill" disabled>Success</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="warning" className="btn-pill" disabled>Warning</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="danger" className="btn-pill" disabled>Danger</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="info" className="btn-pill" disabled>Info</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="light" className="btn-pill" disabled>Light</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="dark" className="btn-pill" disabled>Dark</Button>
- </Col>
- <Col col="6" sm="4" md="2" xl className="mb-3 mb-xl-0">
- <Button block color="link" className="btn-pill" disabled>Link</Button>
- </Col>
- </Row>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <strong>Sizes</strong>
- </CardHeader>
- <CardBody>
- <p>Fancy larger or smaller buttons? Add <code>size="lg"</code> or <code>size="sm"</code> for additional sizes.</p>
- <Row className="align-items-center">
- <Col col="2" xl className="mb-3 mb-xl-0">
- Small
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="primary" size="sm">Standard Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="secondary" outline size="sm">Outline Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button size="sm" color="ghost-success">Ghost Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="warning" size="sm" className="btn-square">Square Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="danger" size="sm" className="btn-pill">Pill Button</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="2" xl className="mb-3 mb-xl-0">
- Normal
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="primary">Standard Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button outline color="secondary" >Outline Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="ghost-success">Ghost Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="warning" className="btn-square">Square Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="danger" className="btn-pill">Pill Button</Button>
- </Col>
- </Row>
- <Row className="align-items-center mt-3">
- <Col col="2" xl className="mb-3 mb-xl-0">
- Large
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="primary" size="lg">Standard Button</Button>
- </Col>
- <Col col="2"className="mb-3 mb-xl-0 text-center">
- <Button outline color="secondary" size="lg">Outline Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="ghost-success" size="lg">Ghost Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="warning" size="lg" className="btn-square">Square Button</Button>
- </Col>
- <Col col="2" className="mb-3 mb-xl-0 text-center">
- <Button color="danger" size="lg" className="btn-pill">Pill Button</Button>
- </Col>
- </Row>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <strong>With Icons</strong>
- </CardHeader>
- <CardBody>
- <Row className="align-items-center mt-3">
- <Col sm xs="12" className="text-center mt-3">
- <Button color="primary">
- <i className="fa fa-lightbulb-o"></i> Standard Button
- </Button>
- </Col>
- <Col sm xs="12" className="text-center mt-3">
- <Button color="secondary" outline>
- <i className="fa fa-lightbulb-o"></i> Outline Button
- </Button>
- </Col>
- <Col sm xs="12" className="text-center mt-3">
- <Button color="ghost-success">
- <i className="fa fa-lightbulb-o"></i> Ghost Button
- </Button>
- </Col>
- <Col sm xs="12" className="text-center mt-3">
- <Button color="warning" className="btn-square">
- <i className="fa fa-lightbulb-o"></i> Square Button
- </Button>
- </Col>
- <Col sm xs="12" className="text-center mt-3">
- <Button color="danger" className="btn-pill">
- <i className="fa fa-lightbulb-o"></i> Pill Button
- </Button>
- </Col>
- </Row>
- </CardBody>
- </Card>
- <Row>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <strong>Block Level Buttons</strong>
- </CardHeader>
- <CardBody>
- <p>Add prop <code>block</code></p>
- <Button color="secondary" size="lg" block>Block level button</Button>
- <Button color="primary" size="lg" block>Block level button</Button>
- <Button color="success" size="lg" block>Block level button</Button>
- <Button color="info" size="lg" block>Block level button</Button>
- <Button color="warning" size="lg" block>Block level button</Button>
- <Button color="danger" size="lg" block>Block level button</Button>
- <Button color="link" size="lg" block>Block level button</Button>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <strong>Block Level Buttons</strong>
- </CardHeader>
- <CardBody>
- <p>Add prop <code>block</code></p>
- <Button outline color="secondary" size="lg" block>Block level button</Button>
- <Button outline color="primary" size="lg" block>Block level button</Button>
- <Button outline color="success" size="lg" block>Block level button</Button>
- <Button outline color="info" size="lg" block>Block level button</Button>
- <Button outline color="warning" size="lg" block>Block level button</Button>
- <Button outline color="danger" size="lg" block>Block level button</Button>
- <Button color="ghost-info" size="lg" block>Block level button</Button>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Buttons;
diff --git a/old-modules/src_example/views/Buttons/Buttons/Buttons.test.js b/old-modules/src_example/views/Buttons/Buttons/Buttons.test.js
deleted file mode 100644
index 541613c..0000000
--- a/old-modules/src_example/views/Buttons/Buttons/Buttons.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Buttons from './Buttons';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Buttons />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Buttons/Buttons/package.json b/old-modules/src_example/views/Buttons/Buttons/package.json
deleted file mode 100644
index 61422c1..0000000
--- a/old-modules/src_example/views/Buttons/Buttons/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Buttons",
- "version": "0.0.0",
- "private": true,
- "main": "./Buttons.js"
-}
diff --git a/old-modules/src_example/views/Buttons/index.js b/old-modules/src_example/views/Buttons/index.js
deleted file mode 100644
index 296db9e..0000000
--- a/old-modules/src_example/views/Buttons/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import ButtonDropdowns from './ButtonDropdowns';
-import ButtonGroups from './ButtonGroups';
-import Buttons from './Buttons';
-import BrandButtons from './BrandButtons';
-
-export {
- ButtonDropdowns, ButtonGroups, Buttons, BrandButtons
-}
diff --git a/old-modules/src_example/views/Charts/Charts.js b/old-modules/src_example/views/Charts/Charts.js
deleted file mode 100644
index 5e79fd5..0000000
--- a/old-modules/src_example/views/Charts/Charts.js
+++ /dev/null
@@ -1,270 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Bar, Doughnut, Line, Pie, Polar, Radar } from 'react-chartjs-2';
-import { Card, CardBody, CardColumns, CardHeader } from 'reactstrap';
-import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips';
-
-const line = {
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- label: 'My First dataset',
- fill: false,
- lineTension: 0.1,
- backgroundColor: 'rgba(75,192,192,0.4)',
- borderColor: 'rgba(75,192,192,1)',
- borderCapStyle: 'butt',
- borderDash: [],
- borderDashOffset: 0.0,
- borderJoinStyle: 'miter',
- pointBorderColor: 'rgba(75,192,192,1)',
- pointBackgroundColor: '#fff',
- pointBorderWidth: 1,
- pointHoverRadius: 5,
- pointHoverBackgroundColor: 'rgba(75,192,192,1)',
- pointHoverBorderColor: 'rgba(220,220,220,1)',
- pointHoverBorderWidth: 2,
- pointRadius: 1,
- pointHitRadius: 10,
- data: [65, 59, 80, 81, 56, 55, 40],
- },
- ],
-};
-
-const bar = {
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- label: 'My First dataset',
- backgroundColor: 'rgba(255,99,132,0.2)',
- borderColor: 'rgba(255,99,132,1)',
- borderWidth: 1,
- hoverBackgroundColor: 'rgba(255,99,132,0.4)',
- hoverBorderColor: 'rgba(255,99,132,1)',
- data: [65, 59, 80, 81, 56, 55, 40],
- },
- ],
-};
-
-const doughnut = {
- labels: [
- 'Red',
- 'Green',
- 'Yellow',
- ],
- datasets: [
- {
- data: [300, 50, 100],
- backgroundColor: [
- '#FF6384',
- '#36A2EB',
- '#FFCE56',
- ],
- hoverBackgroundColor: [
- '#FF6384',
- '#36A2EB',
- '#FFCE56',
- ],
- }],
-};
-
-const radar = {
- labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
- datasets: [
- {
- label: 'My First dataset',
- backgroundColor: 'rgba(179,181,198,0.2)',
- borderColor: 'rgba(179,181,198,1)',
- pointBackgroundColor: 'rgba(179,181,198,1)',
- pointBorderColor: '#fff',
- pointHoverBackgroundColor: '#fff',
- pointHoverBorderColor: 'rgba(179,181,198,1)',
- data: [65, 59, 90, 81, 56, 55, 40],
- },
- {
- label: 'My Second dataset',
- backgroundColor: 'rgba(255,99,132,0.2)',
- borderColor: 'rgba(255,99,132,1)',
- pointBackgroundColor: 'rgba(255,99,132,1)',
- pointBorderColor: '#fff',
- pointHoverBackgroundColor: '#fff',
- pointHoverBorderColor: 'rgba(255,99,132,1)',
- data: [28, 48, 40, 19, 96, 27, 100],
- },
- ],
-};
-
-const pie = {
- labels: [
- 'Red',
- 'Green',
- 'Yellow',
- ],
- datasets: [
- {
- data: [300, 50, 100],
- backgroundColor: [
- '#FF6384',
- '#36A2EB',
- '#FFCE56',
- ],
- hoverBackgroundColor: [
- '#FF6384',
- '#36A2EB',
- '#FFCE56',
- ],
- }],
-};
-
-const polar = {
- datasets: [
- {
- data: [
- 11,
- 16,
- 7,
- 3,
- 14,
- ],
- backgroundColor: [
- '#FF6384',
- '#4BC0C0',
- '#FFCE56',
- '#E7E9ED',
- '#36A2EB',
- ],
- label: 'My dataset' // for legend
- }],
- labels: [
- 'Red',
- 'Green',
- 'Yellow',
- 'Grey',
- 'Blue',
- ],
-};
-
-const options = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips
- },
- maintainAspectRatio: false
-}
-
-class Charts extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <CardColumns className="cols-2">
- <Card>
- <CardHeader>
- Line Chart
- <div className="card-header-actions">
- <a href="http://www.chartjs.org" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <div className="chart-wrapper">
- <Line data={line} options={options} />
- </div>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- Bar Chart
- <div className="card-header-actions">
- <a href="http://www.chartjs.org" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <div className="chart-wrapper">
- <Bar data={bar} options={options} />
- </div>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- Doughnut Chart
- <div className="card-header-actions">
- <a href="http://www.chartjs.org" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <div className="chart-wrapper">
- <Doughnut data={doughnut} />
- </div>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- Radar Chart
- <div className="card-header-actions">
- <a href="http://www.chartjs.org" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <div className="chart-wrapper">
- <Radar data={radar} />
- </div>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- Pie Chart
- <div className="card-header-actions">
- <a href="http://www.chartjs.org" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <div className="chart-wrapper">
- <Pie data={pie} />
- </div>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- Polar Area Chart
- <div className="card-header-actions">
- <a href="http://www.chartjs.org" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <div className="chart-wrapper">
- <Polar data={polar} options={options}/>
- </div>
- </CardBody>
- </Card>
- </CardColumns>
- </div>
- );
- }
-}
-
-export default Charts;
diff --git a/old-modules/src_example/views/Charts/Charts.test.js b/old-modules/src_example/views/Charts/Charts.test.js
deleted file mode 100644
index 04b3a8c..0000000
--- a/old-modules/src_example/views/Charts/Charts.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Charts from './Charts';
-
-jest.mock('react-chartjs-2', () => ({
- Line: () => null,
- Polar: () => null,
- Pie: () => null,
- Radar: () => null,
- Bar: () => null,
- Doughnut: () => null,
-}));
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Charts />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
\ No newline at end of file
diff --git a/old-modules/src_example/views/Charts/package.json b/old-modules/src_example/views/Charts/package.json
deleted file mode 100644
index 19793aa..0000000
--- a/old-modules/src_example/views/Charts/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Charts",
- "version": "0.0.0",
- "private": true,
- "main": "./Charts.js"
-}
diff --git a/old-modules/src_example/views/Dashboard/Dashboard.js b/old-modules/src_example/views/Dashboard/Dashboard.js
deleted file mode 100644
index d409ddc..0000000
--- a/old-modules/src_example/views/Dashboard/Dashboard.js
+++ /dev/null
@@ -1,1172 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Bar, Line } from 'react-chartjs-2';
-import {
- Badge,
- Button,
- ButtonDropdown,
- ButtonGroup,
- ButtonToolbar,
- Card,
- CardBody,
- CardFooter,
- CardHeader,
- CardTitle,
- Col,
- Dropdown,
- DropdownItem,
- DropdownMenu,
- DropdownToggle,
- Progress,
- Row,
- Table,
-} from 'reactstrap';
-import Widget03 from '../../views/Widgets/Widget03'
-import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips';
-import { getStyle, hexToRgba } from '@coreui/coreui/dist/js/coreui-utilities'
-
-const brandPrimary = getStyle('--primary')
-const brandSuccess = getStyle('--success')
-const brandInfo = getStyle('--info')
-const brandWarning = getStyle('--warning')
-const brandDanger = getStyle('--danger')
-
-// Card Chart 1
-const cardChartData1 = {
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- label: 'My First dataset',
- backgroundColor: brandPrimary,
- borderColor: 'rgba(255,255,255,.55)',
- data: [65, 59, 84, 84, 51, 55, 40],
- },
- ],
-};
-
-const cardChartOpts1 = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips
- },
- maintainAspectRatio: false,
- legend: {
- display: false,
- },
- scales: {
- xAxes: [
- {
- gridLines: {
- color: 'transparent',
- zeroLineColor: 'transparent',
- },
- ticks: {
- fontSize: 2,
- fontColor: 'transparent',
- },
-
- }],
- yAxes: [
- {
- display: false,
- ticks: {
- display: false,
- min: Math.min.apply(Math, cardChartData1.datasets[0].data) - 5,
- max: Math.max.apply(Math, cardChartData1.datasets[0].data) + 5,
- },
- }],
- },
- elements: {
- line: {
- borderWidth: 1,
- },
- point: {
- radius: 4,
- hitRadius: 10,
- hoverRadius: 4,
- },
- }
-}
-
-
-// Card Chart 2
-const cardChartData2 = {
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- label: 'My First dataset',
- backgroundColor: brandInfo,
- borderColor: 'rgba(255,255,255,.55)',
- data: [1, 18, 9, 17, 34, 22, 11],
- },
- ],
-};
-
-const cardChartOpts2 = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips
- },
- maintainAspectRatio: false,
- legend: {
- display: false,
- },
- scales: {
- xAxes: [
- {
- gridLines: {
- color: 'transparent',
- zeroLineColor: 'transparent',
- },
- ticks: {
- fontSize: 2,
- fontColor: 'transparent',
- },
-
- }],
- yAxes: [
- {
- display: false,
- ticks: {
- display: false,
- min: Math.min.apply(Math, cardChartData2.datasets[0].data) - 5,
- max: Math.max.apply(Math, cardChartData2.datasets[0].data) + 5,
- },
- }],
- },
- elements: {
- line: {
- tension: 0.00001,
- borderWidth: 1,
- },
- point: {
- radius: 4,
- hitRadius: 10,
- hoverRadius: 4,
- },
- },
-};
-
-// Card Chart 3
-const cardChartData3 = {
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- label: 'My First dataset',
- backgroundColor: 'rgba(255,255,255,.2)',
- borderColor: 'rgba(255,255,255,.55)',
- data: [78, 81, 80, 45, 34, 12, 40],
- },
- ],
-};
-
-const cardChartOpts3 = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips
- },
- maintainAspectRatio: false,
- legend: {
- display: false,
- },
- scales: {
- xAxes: [
- {
- display: false,
- }],
- yAxes: [
- {
- display: false,
- }],
- },
- elements: {
- line: {
- borderWidth: 2,
- },
- point: {
- radius: 0,
- hitRadius: 10,
- hoverRadius: 4,
- },
- },
-};
-
-// Card Chart 4
-const cardChartData4 = {
- labels: ['', '', '', '', '', '', '', '', '', '', '', '', '', '', '', ''],
- datasets: [
- {
- label: 'My First dataset',
- backgroundColor: 'rgba(255,255,255,.3)',
- borderColor: 'transparent',
- data: [78, 81, 80, 45, 34, 12, 40, 75, 34, 89, 32, 68, 54, 72, 18, 98],
- },
- ],
-};
-
-const cardChartOpts4 = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips
- },
- maintainAspectRatio: false,
- legend: {
- display: false,
- },
- scales: {
- xAxes: [
- {
- display: false,
- barPercentage: 0.6,
- }],
- yAxes: [
- {
- display: false,
- }],
- },
-};
-
-// Social Box Chart
-const socialBoxData = [
- { data: [65, 59, 84, 84, 51, 55, 40], label: 'facebook' },
- { data: [1, 13, 9, 17, 34, 41, 38], label: 'twitter' },
- { data: [78, 81, 80, 45, 34, 12, 40], label: 'linkedin' },
- { data: [35, 23, 56, 22, 97, 23, 64], label: 'google' },
-];
-
-const makeSocialBoxData = (dataSetNo) => {
- const dataset = socialBoxData[dataSetNo];
- const data = {
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- backgroundColor: 'rgba(255,255,255,.1)',
- borderColor: 'rgba(255,255,255,.55)',
- pointHoverBackgroundColor: '#fff',
- borderWidth: 2,
- data: dataset.data,
- label: dataset.label,
- },
- ],
- };
- return () => data;
-};
-
-const socialChartOpts = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips
- },
- responsive: true,
- maintainAspectRatio: false,
- legend: {
- display: false,
- },
- scales: {
- xAxes: [
- {
- display: false,
- }],
- yAxes: [
- {
- display: false,
- }],
- },
- elements: {
- point: {
- radius: 0,
- hitRadius: 10,
- hoverRadius: 4,
- hoverBorderWidth: 3,
- },
- },
-};
-
-// sparkline charts
-const sparkLineChartData = [
- {
- data: [35, 23, 56, 22, 97, 23, 64],
- label: 'New Clients',
- },
- {
- data: [65, 59, 84, 84, 51, 55, 40],
- label: 'Recurring Clients',
- },
- {
- data: [35, 23, 56, 22, 97, 23, 64],
- label: 'Pageviews',
- },
- {
- data: [65, 59, 84, 84, 51, 55, 40],
- label: 'Organic',
- },
- {
- data: [78, 81, 80, 45, 34, 12, 40],
- label: 'CTR',
- },
- {
- data: [1, 13, 9, 17, 34, 41, 38],
- label: 'Bounce Rate',
- },
-];
-
-const makeSparkLineData = (dataSetNo, variant) => {
- const dataset = sparkLineChartData[dataSetNo];
- const data = {
- labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
- datasets: [
- {
- backgroundColor: 'transparent',
- borderColor: variant ? variant : '#c2cfd6',
- data: dataset.data,
- label: dataset.label,
- },
- ],
- };
- return () => data;
-};
-
-const sparklineChartOpts = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips
- },
- responsive: true,
- maintainAspectRatio: true,
- scales: {
- xAxes: [
- {
- display: false,
- }],
- yAxes: [
- {
- display: false,
- }],
- },
- elements: {
- line: {
- borderWidth: 2,
- },
- point: {
- radius: 0,
- hitRadius: 10,
- hoverRadius: 4,
- hoverBorderWidth: 3,
- },
- },
- legend: {
- display: false,
- },
-};
-
-// Main Chart
-
-//Random Numbers
-function random(min, max) {
- return Math.floor(Math.random() * (max - min + 1) + min);
-}
-
-var elements = 27;
-var data1 = [];
-var data2 = [];
-var data3 = [];
-
-for (var i = 0; i <= elements; i++) {
- data1.push(random(50, 200));
- data2.push(random(80, 100));
- data3.push(65);
-}
-
-const mainChart = {
- labels: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
- datasets: [
- {
- label: 'My First dataset',
- backgroundColor: hexToRgba(brandInfo, 10),
- borderColor: brandInfo,
- pointHoverBackgroundColor: '#fff',
- borderWidth: 2,
- data: data1,
- },
- {
- label: 'My Second dataset',
- backgroundColor: 'transparent',
- borderColor: brandSuccess,
- pointHoverBackgroundColor: '#fff',
- borderWidth: 2,
- data: data2,
- },
- {
- label: 'My Third dataset',
- backgroundColor: 'transparent',
- borderColor: brandDanger,
- pointHoverBackgroundColor: '#fff',
- borderWidth: 1,
- borderDash: [8, 5],
- data: data3,
- },
- ],
-};
-
-const mainChartOpts = {
- tooltips: {
- enabled: false,
- custom: CustomTooltips,
- intersect: true,
- mode: 'index',
- position: 'nearest',
- callbacks: {
- labelColor: function(tooltipItem, chart) {
- return { backgroundColor: chart.data.datasets[tooltipItem.datasetIndex].borderColor }
- }
- }
- },
- maintainAspectRatio: false,
- legend: {
- display: false,
- },
- scales: {
- xAxes: [
- {
- gridLines: {
- drawOnChartArea: false,
- },
- }],
- yAxes: [
- {
- ticks: {
- beginAtZero: true,
- maxTicksLimit: 5,
- stepSize: Math.ceil(250 / 5),
- max: 250,
- },
- }],
- },
- elements: {
- point: {
- radius: 0,
- hitRadius: 10,
- hoverRadius: 4,
- hoverBorderWidth: 3,
- },
- },
-};
-
-class Dashboard extends Component {
- constructor(props) {
- super(props);
-
- this.toggle = this.toggle.bind(this);
- this.onRadioBtnClick = this.onRadioBtnClick.bind(this);
-
- this.state = {
- dropdownOpen: false,
- radioSelected: 2,
- };
- }
-
- toggle() {
- this.setState({
- dropdownOpen: !this.state.dropdownOpen,
- });
- }
-
- onRadioBtnClick(radioSelected) {
- this.setState({
- radioSelected: radioSelected,
- });
- }
-
- render() {
-
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" sm="6" lg="3">
- <Card className="text-white bg-info">
- <CardBody className="pb-0">
- <ButtonGroup className="float-right">
- <ButtonDropdown id='card1' isOpen={this.state.card1} toggle={() => { this.setState({ card1: !this.state.card1 }); }}>
- <DropdownToggle caret className="p-0" color="transparent">
- <i className="icon-settings"></i>
- </DropdownToggle>
- <DropdownMenu right>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another action</DropdownItem>
- <DropdownItem disabled>Disabled action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </ButtonGroup>
- <div className="text-value">9.823</div>
- <div>Members online</div>
- </CardBody>
- <div className="chart-wrapper mx-3" style={{ height: '70px' }}>
- <Line data={cardChartData2} options={cardChartOpts2} height={70} />
- </div>
- </Card>
- </Col>
-
- <Col xs="12" sm="6" lg="3">
- <Card className="text-white bg-primary">
- <CardBody className="pb-0">
- <ButtonGroup className="float-right">
- <Dropdown id='card2' isOpen={this.state.card2} toggle={() => { this.setState({ card2: !this.state.card2 }); }}>
- <DropdownToggle className="p-0" color="transparent">
- <i className="icon-location-pin"></i>
- </DropdownToggle>
- <DropdownMenu right>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- </ButtonGroup>
- <div className="text-value">9.823</div>
- <div>Members online</div>
- </CardBody>
- <div className="chart-wrapper mx-3" style={{ height: '70px' }}>
- <Line data={cardChartData1} options={cardChartOpts1} height={70} />
- </div>
- </Card>
- </Col>
-
- <Col xs="12" sm="6" lg="3">
- <Card className="text-white bg-warning">
- <CardBody className="pb-0">
- <ButtonGroup className="float-right">
- <Dropdown id='card3' isOpen={this.state.card3} toggle={() => { this.setState({ card3: !this.state.card3 }); }}>
- <DropdownToggle caret className="p-0" color="transparent">
- <i className="icon-settings"></i>
- </DropdownToggle>
- <DropdownMenu right>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- </DropdownMenu>
- </Dropdown>
- </ButtonGroup>
- <div className="text-value">9.823</div>
- <div>Members online</div>
- </CardBody>
- <div className="chart-wrapper" style={{ height: '70px' }}>
- <Line data={cardChartData3} options={cardChartOpts3} height={70} />
- </div>
- </Card>
- </Col>
-
- <Col xs="12" sm="6" lg="3">
- <Card className="text-white bg-danger">
- <CardBody className="pb-0">
- <ButtonGroup className="float-right">
- <ButtonDropdown id='card4' isOpen={this.state.card4} toggle={() => { this.setState({ card4: !this.state.card4 }); }}>
- <DropdownToggle caret className="p-0" color="transparent">
- <i className="icon-settings"></i>
- </DropdownToggle>
- <DropdownMenu right>
- <DropdownItem>Action</DropdownItem>
- <DropdownItem>Another action</DropdownItem>
- <DropdownItem>Something else here</DropdownItem>
- </DropdownMenu>
- </ButtonDropdown>
- </ButtonGroup>
- <div className="text-value">9.823</div>
- <div>Members online</div>
- </CardBody>
- <div className="chart-wrapper mx-3" style={{ height: '70px' }}>
- <Bar data={cardChartData4} options={cardChartOpts4} height={70} />
- </div>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col>
- <Card>
- <CardBody>
- <Row>
- <Col sm="5">
- <CardTitle className="mb-0">Traffic</CardTitle>
- <div className="small text-muted">November 2015</div>
- </Col>
- <Col sm="7" className="d-none d-sm-inline-block">
- <Button color="primary" className="float-right"><i className="icon-cloud-download"></i></Button>
- <ButtonToolbar className="float-right" aria-label="Toolbar with button groups">
- <ButtonGroup className="mr-3" aria-label="First group">
- <Button color="outline-secondary" onClick={() => this.onRadioBtnClick(1)} active={this.state.radioSelected === 1}>Day</Button>
- <Button color="outline-secondary" onClick={() => this.onRadioBtnClick(2)} active={this.state.radioSelected === 2}>Month</Button>
- <Button color="outline-secondary" onClick={() => this.onRadioBtnClick(3)} active={this.state.radioSelected === 3}>Year</Button>
- </ButtonGroup>
- </ButtonToolbar>
- </Col>
- </Row>
- <div className="chart-wrapper" style={{ height: 300 + 'px', marginTop: 40 + 'px' }}>
- <Line data={mainChart} options={mainChartOpts} height={300} />
- </div>
- </CardBody>
- <CardFooter>
- <Row className="text-center">
- <Col sm={12} md className="mb-sm-2 mb-0">
- <div className="text-muted">Visits</div>
- <strong>29.703 Users (40%)</strong>
- <Progress className="progress-xs mt-2" color="success" value="40" />
- </Col>
- <Col sm={12} md className="mb-sm-2 mb-0 d-md-down-none">
- <div className="text-muted">Unique</div>
- <strong>24.093 Users (20%)</strong>
- <Progress className="progress-xs mt-2" color="info" value="20" />
- </Col>
- <Col sm={12} md className="mb-sm-2 mb-0">
- <div className="text-muted">Pageviews</div>
- <strong>78.706 Views (60%)</strong>
- <Progress className="progress-xs mt-2" color="warning" value="60" />
- </Col>
- <Col sm={12} md className="mb-sm-2 mb-0">
- <div className="text-muted">New Users</div>
- <strong>22.123 Users (80%)</strong>
- <Progress className="progress-xs mt-2" color="danger" value="80" />
- </Col>
- <Col sm={12} md className="mb-sm-2 mb-0 d-md-down-none">
- <div className="text-muted">Bounce Rate</div>
- <strong>Average Rate (40.15%)</strong>
- <Progress className="progress-xs mt-2" color="primary" value="40" />
- </Col>
- </Row>
- </CardFooter>
- </Card>
- </Col>
- </Row>
-
- <Row>
- <Col xs="6" sm="6" lg="3">
- <Widget03 dataBox={() => ({ variant: 'facebook', friends: '89k', feeds: '459' })} >
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(0)} options={socialChartOpts} height={90} />
- </div>
- </Widget03>
- </Col>
-
- <Col xs="6" sm="6" lg="3">
- <div className="brand-card">
- <div className="brand-card-header bg-twitter">
- <i className="fa fa-twitter"></i>
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(1)} options={socialChartOpts} height={90} />
- </div>
- </div>
- <div className="brand-card-body">
- <div>
- <div className="text-value">973k</div>
- <div className="text-uppercase text-muted small">followers</div>
- </div>
- <div>
- <div className="text-value">1.792</div>
- <div className="text-uppercase text-muted small">tweets</div>
- </div>
- </div>
- </div>
- </Col>
-
- <Col xs="6" sm="6" lg="3">
- <div className="brand-card">
- <div className="brand-card-header bg-linkedin">
- <i className="fa fa-linkedin"></i>
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(2)} options={socialChartOpts} height={90} />
- </div>
- </div>
- <div className="brand-card-body">
- <div>
- <div className="text-value">500+</div>
- <div className="text-uppercase text-muted small">contacts</div>
- </div>
- <div>
- <div className="text-value">292</div>
- <div className="text-uppercase text-muted small">feeds</div>
- </div>
- </div>
- </div>
- </Col>
-
- <Col xs="6" sm="6" lg="3">
- <div className="brand-card">
- <div className="brand-card-header bg-google-plus">
- <i className="fa fa-google-plus"></i>
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(3)} options={socialChartOpts} height={90} />
- </div>
- </div>
- <div className="brand-card-body">
- <div>
- <div className="text-value">894</div>
- <div className="text-uppercase text-muted small">followers</div>
- </div>
- <div>
- <div className="text-value">92</div>
- <div className="text-uppercase text-muted small">circles</div>
- </div>
- </div>
- </div>
- </Col>
- </Row>
-
- <Row>
- <Col>
- <Card>
- <CardHeader>
- Traffic {' & '} Sales
- </CardHeader>
- <CardBody>
- <Row>
- <Col xs="12" md="6" xl="6">
- <Row>
- <Col sm="6">
- <div className="callout callout-info">
- <small className="text-muted">New Clients</small>
- <br />
- <strong className="h4">9,123</strong>
- <div className="chart-wrapper">
- <Line data={makeSparkLineData(0, brandPrimary)} options={sparklineChartOpts} width={100} height={30} />
- </div>
- </div>
- </Col>
- <Col sm="6">
- <div className="callout callout-danger">
- <small className="text-muted">Recurring Clients</small>
- <br />
- <strong className="h4">22,643</strong>
- <div className="chart-wrapper">
- <Line data={makeSparkLineData(1, brandDanger)} options={sparklineChartOpts} width={100} height={30} />
- </div>
- </div>
- </Col>
- </Row>
- <hr className="mt-0" />
- <div className="progress-group mb-4">
- <div className="progress-group-prepend">
- <span className="progress-group-text">
- Monday
- </span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="info" value="34" />
- <Progress className="progress-xs" color="danger" value="78" />
- </div>
- </div>
- <div className="progress-group mb-4">
- <div className="progress-group-prepend">
- <span className="progress-group-text">
- Tuesday
- </span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="info" value="56" />
- <Progress className="progress-xs" color="danger" value="94" />
- </div>
- </div>
- <div className="progress-group mb-4">
- <div className="progress-group-prepend">
- <span className="progress-group-text">
- Wednesday
- </span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="info" value="12" />
- <Progress className="progress-xs" color="danger" value="67" />
- </div>
- </div>
- <div className="progress-group mb-4">
- <div className="progress-group-prepend">
- <span className="progress-group-text">
- Thursday
- </span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="info" value="43" />
- <Progress className="progress-xs" color="danger" value="91" />
- </div>
- </div>
- <div className="progress-group mb-4">
- <div className="progress-group-prepend">
- <span className="progress-group-text">
- Friday
- </span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="info" value="22" />
- <Progress className="progress-xs" color="danger" value="73" />
- </div>
- </div>
- <div className="progress-group mb-4">
- <div className="progress-group-prepend">
- <span className="progress-group-text">
- Saturday
- </span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="info" value="53" />
- <Progress className="progress-xs" color="danger" value="82" />
- </div>
- </div>
- <div className="progress-group mb-4">
- <div className="progress-group-prepend">
- <span className="progress-group-text">
- Sunday
- </span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="info" value="9" />
- <Progress className="progress-xs" color="danger" value="69" />
- </div>
- </div>
- <div className="legend text-center">
- <small>
- <sup className="px-1"><Badge pill color="info"> </Badge></sup>
- New clients
-
- <sup className="px-1"><Badge pill color="danger"> </Badge></sup>
- Recurring clients
- </small>
- </div>
- </Col>
- <Col xs="12" md="6" xl="6">
- <Row>
- <Col sm="6">
- <div className="callout callout-warning">
- <small className="text-muted">Pageviews</small>
- <br />
- <strong className="h4">78,623</strong>
- <div className="chart-wrapper">
- <Line data={makeSparkLineData(2, brandWarning)} options={sparklineChartOpts} width={100} height={30} />
- </div>
- </div>
- </Col>
- <Col sm="6">
- <div className="callout callout-success">
- <small className="text-muted">Organic</small>
- <br />
- <strong className="h4">49,123</strong>
- <div className="chart-wrapper">
- <Line data={makeSparkLineData(3, brandSuccess)} options={sparklineChartOpts} width={100} height={30} />
- </div>
- </div>
- </Col>
- </Row>
- <hr className="mt-0" />
- <ul>
- <div className="progress-group">
- <div className="progress-group-header">
- <i className="icon-user progress-group-icon"></i>
- <span className="title">Male</span>
- <span className="ml-auto font-weight-bold">43%</span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="warning" value="43" />
- </div>
- </div>
- <div className="progress-group mb-5">
- <div className="progress-group-header">
- <i className="icon-user-female progress-group-icon"></i>
- <span className="title">Female</span>
- <span className="ml-auto font-weight-bold">37%</span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="warning" value="37" />
- </div>
- </div>
- <div className="progress-group">
- <div className="progress-group-header">
- <i className="icon-globe progress-group-icon"></i>
- <span className="title">Organic Search</span>
- <span className="ml-auto font-weight-bold">191,235 <span className="text-muted small">(56%)</span></span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="success" value="56" />
- </div>
- </div>
- <div className="progress-group">
- <div className="progress-group-header">
- <i className="icon-social-facebook progress-group-icon"></i>
- <span className="title">Facebook</span>
- <span className="ml-auto font-weight-bold">51,223 <span className="text-muted small">(15%)</span></span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="success" value="15" />
- </div>
- </div>
- <div className="progress-group">
- <div className="progress-group-header">
- <i className="icon-social-twitter progress-group-icon"></i>
- <span className="title">Twitter</span>
- <span className="ml-auto font-weight-bold">37,564 <span className="text-muted small">(11%)</span></span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="success" value="11" />
- </div>
- </div>
- <div className="progress-group">
- <div className="progress-group-header">
- <i className="icon-social-linkedin progress-group-icon"></i>
- <span className="title">LinkedIn</span>
- <span className="ml-auto font-weight-bold">27,319 <span className="text-muted small">(8%)</span></span>
- </div>
- <div className="progress-group-bars">
- <Progress className="progress-xs" color="success" value="8" />
- </div>
- </div>
- <div className="divider text-center">
- <Button color="link" size="sm" className="text-muted" data-toggle="tooltip" data-placement="top"
- title="" data-original-title="show more"><i className="icon-options"></i></Button>
- </div>
- </ul>
- </Col>
- </Row>
- <br />
- <Table hover responsive className="table-outline mb-0 d-none d-sm-table">
- <thead className="thead-light">
- <tr>
- <th className="text-center"><i className="icon-people"></i></th>
- <th>User</th>
- <th className="text-center">Country</th>
- <th>Usage</th>
- <th className="text-center">Payment Method</th>
- <th>Activity</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td className="text-center">
- <div className="avatar">
- <img src={'assets/img/avatars/1.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-success"></span>
- </div>
- </td>
- <td>
- <div>Yiorgos Avraamu</div>
- <div className="small text-muted">
- <span>New</span> | Registered: Jan 1, 2015
- </div>
- </td>
- <td className="text-center">
- <i className="flag-icon flag-icon-us h4 mb-0" title="us" id="us"></i>
- </td>
- <td>
- <div className="clearfix">
- <div className="float-left">
- <strong>50%</strong>
- </div>
- <div className="float-right">
- <small className="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
- </div>
- </div>
- <Progress className="progress-xs" color="success" value="50" />
- </td>
- <td className="text-center">
- <i className="fa fa-cc-mastercard" style={{ fontSize: 24 + 'px' }}></i>
- </td>
- <td>
- <div className="small text-muted">Last login</div>
- <strong>10 sec ago</strong>
- </td>
- </tr>
- <tr>
- <td className="text-center">
- <div className="avatar">
- <img src={'assets/img/avatars/2.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-danger"></span>
- </div>
- </td>
- <td>
- <div>Avram Tarasios</div>
- <div className="small text-muted">
-
- <span>Recurring</span> | Registered: Jan 1, 2015
- </div>
- </td>
- <td className="text-center">
- <i className="flag-icon flag-icon-br h4 mb-0" title="br" id="br"></i>
- </td>
- <td>
- <div className="clearfix">
- <div className="float-left">
- <strong>10%</strong>
- </div>
- <div className="float-right">
- <small className="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
- </div>
- </div>
- <Progress className="progress-xs" color="info" value="10" />
- </td>
- <td className="text-center">
- <i className="fa fa-cc-visa" style={{ fontSize: 24 + 'px' }}></i>
- </td>
- <td>
- <div className="small text-muted">Last login</div>
- <strong>5 minutes ago</strong>
- </td>
- </tr>
- <tr>
- <td className="text-center">
- <div className="avatar">
- <img src={'assets/img/avatars/3.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-warning"></span>
- </div>
- </td>
- <td>
- <div>Quintin Ed</div>
- <div className="small text-muted">
- <span>New</span> | Registered: Jan 1, 2015
- </div>
- </td>
- <td className="text-center">
- <i className="flag-icon flag-icon-in h4 mb-0" title="in" id="in"></i>
- </td>
- <td>
- <div className="clearfix">
- <div className="float-left">
- <strong>74%</strong>
- </div>
- <div className="float-right">
- <small className="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
- </div>
- </div>
- <Progress className="progress-xs" color="warning" value="74" />
- </td>
- <td className="text-center">
- <i className="fa fa-cc-stripe" style={{ fontSize: 24 + 'px' }}></i>
- </td>
- <td>
- <div className="small text-muted">Last login</div>
- <strong>1 hour ago</strong>
- </td>
- </tr>
- <tr>
- <td className="text-center">
- <div className="avatar">
- <img src={'assets/img/avatars/4.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-secondary"></span>
- </div>
- </td>
- <td>
- <div>Enéas Kwadwo</div>
- <div className="small text-muted">
- <span>New</span> | Registered: Jan 1, 2015
- </div>
- </td>
- <td className="text-center">
- <i className="flag-icon flag-icon-fr h4 mb-0" title="fr" id="fr"></i>
- </td>
- <td>
- <div className="clearfix">
- <div className="float-left">
- <strong>98%</strong>
- </div>
- <div className="float-right">
- <small className="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
- </div>
- </div>
- <Progress className="progress-xs" color="danger" value="98" />
- </td>
- <td className="text-center">
- <i className="fa fa-paypal" style={{ fontSize: 24 + 'px' }}></i>
- </td>
- <td>
- <div className="small text-muted">Last login</div>
- <strong>Last month</strong>
- </td>
- </tr>
- <tr>
- <td className="text-center">
- <div className="avatar">
- <img src={'assets/img/avatars/5.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-success"></span>
- </div>
- </td>
- <td>
- <div>Agapetus Tadeáš</div>
- <div className="small text-muted">
- <span>New</span> | Registered: Jan 1, 2015
- </div>
- </td>
- <td className="text-center">
- <i className="flag-icon flag-icon-es h4 mb-0" title="es" id="es"></i>
- </td>
- <td>
- <div className="clearfix">
- <div className="float-left">
- <strong>22%</strong>
- </div>
- <div className="float-right">
- <small className="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
- </div>
- </div>
- <Progress className="progress-xs" color="info" value="22" />
- </td>
- <td className="text-center">
- <i className="fa fa-google-wallet" style={{ fontSize: 24 + 'px' }}></i>
- </td>
- <td>
- <div className="small text-muted">Last login</div>
- <strong>Last week</strong>
- </td>
- </tr>
- <tr>
- <td className="text-center">
- <div className="avatar">
- <img src={'assets/img/avatars/6.jpg'} className="img-avatar" alt="admin@bootstrapmaster.com" />
- <span className="avatar-status badge-danger"></span>
- </div>
- </td>
- <td>
- <div>Friderik Dávid</div>
- <div className="small text-muted">
- <span>New</span> | Registered: Jan 1, 2015
- </div>
- </td>
- <td className="text-center">
- <i className="flag-icon flag-icon-pl h4 mb-0" title="pl" id="pl"></i>
- </td>
- <td>
- <div className="clearfix">
- <div className="float-left">
- <strong>43%</strong>
- </div>
- <div className="float-right">
- <small className="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
- </div>
- </div>
- <Progress className="progress-xs" color="success" value="43" />
- </td>
- <td className="text-center">
- <i className="fa fa-cc-amex" style={{ fontSize: 24 + 'px' }}></i>
- </td>
- <td>
- <div className="small text-muted">Last login</div>
- <strong>Yesterday</strong>
- </td>
- </tr>
- </tbody>
- </Table>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Dashboard;
diff --git a/old-modules/src_example/views/Dashboard/Dashboard.test.js b/old-modules/src_example/views/Dashboard/Dashboard.test.js
deleted file mode 100644
index 208794e..0000000
--- a/old-modules/src_example/views/Dashboard/Dashboard.test.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// import React from 'react';
-// import ReactDOM from 'react-dom';
-// import Dashboard from './Dashboard';
-// import { shallow } from 'enzyme'
-
-// jest.mock('react-chartjs-2', () => ({
-// Line: () => null,
-// Bar: () => null
-// }));
-
-// it('renders without crashing', () => {
-// const div = document.createElement('div');
-// ReactDOM.render(<Dashboard />, div);
-// ReactDOM.unmountComponentAtNode(div);
-// });
-
-// it('renders without crashing', () => {
-// shallow(<Dashboard />);
-// });
-
-it('', () => {})
diff --git a/old-modules/src_example/views/Dashboard/package.json b/old-modules/src_example/views/Dashboard/package.json
deleted file mode 100644
index 86ec492..0000000
--- a/old-modules/src_example/views/Dashboard/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Dashboard",
- "version": "0.0.0",
- "private": true,
- "main": "./Dashboard.js"
-}
diff --git a/old-modules/src_example/views/Icons/CoreUIIcons/CoreUIIcons.js b/old-modules/src_example/views/Icons/CoreUIIcons/CoreUIIcons.js
deleted file mode 100644
index 6ad75f1..0000000
--- a/old-modules/src_example/views/Icons/CoreUIIcons/CoreUIIcons.js
+++ /dev/null
@@ -1,443 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class CoreUIIcons extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-picture-o"></i>CoreUI Icons{' '} <Badge color={'info'}>New</Badge>
- <div className="card-header-actions">
- <a href="https://github.com/coreui/coreui-icons" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">Github</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Row className="text-center">
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-account-logout icons font-2xl d-block mt-4"></i>
- <div>account-logout</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-action-redo icons font-2xl d-block mt-4"></i>
- <div>action-redo</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-action-undo icons font-2xl d-block mt-4"></i>
- <div>action-undo</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-align-center icons font-2xl d-block mt-4"></i>
- <div>align-center</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-align-left icons font-2xl d-block mt-4"></i>
- <div>align-left</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-align-right icons font-2xl d-block mt-4"></i>
- <div>align-right</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-arrow-bottom icons font-2xl d-block mt-4"></i>
- <div>arrow-bottom</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-arrow-left icons font-2xl d-block mt-4"></i>
- <div>arrow-left</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-arrow-right icons font-2xl d-block mt-4"></i>
- <div>arrow-right</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-arrow-top icons font-2xl d-block mt-4"></i>
- <div>arrow-top</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-ban icons font-2xl d-block mt-4"></i>
- <div>ban</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-basket-loaded icons font-2xl d-block mt-4"></i>
- <div>basket-loaded</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-bell icons font-2xl d-block mt-4"></i>
- <div>bell</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-bold icons font-2xl d-block mt-4"></i>
- <div>bold</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-bookmark icons font-2xl d-block mt-4"></i>
- <div>bookmark</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-briefcase icons font-2xl d-block mt-4"></i>
- <div>briefcase</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-british-pound icons font-2xl d-block mt-4"></i>
- <div>british-pound</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-brush icons font-2xl d-block mt-4"></i>
- <div>brush</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-calculator icons font-2xl d-block mt-4"></i>
- <div>calculator</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-calendar icons font-2xl d-block mt-4"></i>
- <div>calendar</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-cart icons font-2xl d-block mt-4"></i>
- <div>cart</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-chart icons font-2xl d-block mt-4"></i>
- <div>chart</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-check icons font-2xl d-block mt-4"></i>
- <div>check</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-chevron-bottom icons font-2xl d-block mt-4"></i>
- <div>chevron-bottom</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-chevron-left icons font-2xl d-block mt-4"></i>
- <div>chevron-left</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-chevron-right icons font-2xl d-block mt-4"></i>
- <div>chevron-right</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-chevron-top icons font-2xl d-block mt-4"></i>
- <div>chevron-top</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-circle-check icons font-2xl d-block mt-4"></i>
- <div>circle-check</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-circle-x icons font-2xl d-block mt-4"></i>
- <div>circle-x</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-cloud icons font-2xl d-block mt-4"></i>
- <div>cloud</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-cloud-download icons font-2xl d-block mt-4"></i>
- <div>cloud-download</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-cloud-upload icons font-2xl d-block mt-4"></i>
- <div>cloud-upload</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-code icons font-2xl d-block mt-4"></i>
- <div>code</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-cog icons font-2xl d-block mt-4"></i>
- <div>cog</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-comment-square icons font-2xl d-block mt-4"></i>
- <div>comment-square</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-credit-card icons font-2xl d-block mt-4"></i>
- <div>credit-card</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-cursor icons font-2xl d-block mt-4"></i>
- <div>cursor</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-dashboard icons font-2xl d-block mt-4"></i>
- <div>dashboard</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-delete icons font-2xl d-block mt-4"></i>
- <div>delete</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-dollar icons font-2xl d-block mt-4"></i>
- <div>dollar</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-drop icons font-2xl d-block mt-4"></i>
- <div>drop</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-envelope-closed icons font-2xl d-block mt-4"></i>
- <div>envelope-closed</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-envelope-letter icons font-2xl d-block mt-4"></i>
- <div>envelope-letter</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-envelope-open icons font-2xl d-block mt-4"></i>
- <div>envelope-open</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-euro icons font-2xl d-block mt-4"></i>
- <div>euro</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-file icons font-2xl d-block mt-4"></i>
- <div>file</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-globe icons font-2xl d-block mt-4"></i>
- <div>globe</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-graph icons font-2xl d-block mt-4"></i>
- <div>graph</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-home icons font-2xl d-block mt-4"></i>
- <div>home</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-inbox icons font-2xl d-block mt-4"></i>
- <div>inbox</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-info icons font-2xl d-block mt-4"></i>
- <div>info</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-italic icons font-2xl d-block mt-4"></i>
- <div>italic</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-justify-center icons font-2xl d-block mt-4"></i>
- <div>justify-center</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-justify-left icons font-2xl d-block mt-4"></i>
- <div>justify-left</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-justify-right icons font-2xl d-block mt-4"></i>
- <div>justify-right</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-laptop icons font-2xl d-block mt-4"></i>
- <div>laptop</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-layers icons font-2xl d-block mt-4"></i>
- <div>layers</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-lightbulb icons font-2xl d-block mt-4"></i>
- <div>lightbulb</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-list icons font-2xl d-block mt-4"></i>
- <div>list</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-location-pin icons font-2xl d-block mt-4"></i>
- <div>location-pin</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-lock-locked icons font-2xl d-block mt-4"></i>
- <div>lock-locked</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-lock-unlocked icons font-2xl d-block mt-4"></i>
- <div>lock-unlocked</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-magnifying-glass icons font-2xl d-block mt-4"></i>
- <div>magnifying-glass</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-map icons font-2xl d-block mt-4"></i>
- <div>map</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-monitor icons font-2xl d-block mt-4"></i>
- <div>monitor</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-moon icons font-2xl d-block mt-4"></i>
- <div>moon</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-note icons font-2xl d-block mt-4"></i>
- <div>note</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-options icons font-2xl d-block mt-4"></i>
- <div>options</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-paperclip icons font-2xl d-block mt-4"></i>
- <div>paperclip</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-pencil icons font-2xl d-block mt-4"></i>
- <div>pencil</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-people icons font-2xl d-block mt-4"></i>
- <div>people</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-phone icons font-2xl d-block mt-4"></i>
- <div>phone</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-pie-chart icons font-2xl d-block mt-4"></i>
- <div>pie-chart</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-print icons font-2xl d-block mt-4"></i>
- <div>print</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-puzzle icons font-2xl d-block mt-4"></i>
- <div>puzzle</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-rss icons font-2xl d-block mt-4"></i>
- <div>rss</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-screen-desktop icons font-2xl d-block mt-4"></i>
- <div>screen-desktop</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-screen-smartphone icons font-2xl d-block mt-4"></i>
- <div>screen-smartphone</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-settings icons font-2xl d-block mt-4"></i>
- <div>settings</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-share icons font-2xl d-block mt-4"></i>
- <div>share</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-shield icons font-2xl d-block mt-4"></i>
- <div>shield</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-sort-ascending icons font-2xl d-block mt-4"></i>
- <div>sort-ascending</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-sort-descending icons font-2xl d-block mt-4"></i>
- <div>sort-descending</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-speech icons font-2xl d-block mt-4"></i>
- <div>speech</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-speedometer icons font-2xl d-block mt-4"></i>
- <div>speedometer</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-star icons font-2xl d-block mt-4"></i>
- <div>star</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-sun icons font-2xl d-block mt-4"></i>
- <div>sun</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-tablet icons font-2xl d-block mt-4"></i>
- <div>tablet</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-tags icons font-2xl d-block mt-4"></i>
- <div>tags</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-task icons font-2xl d-block mt-4"></i>
- <div>task</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-thumb-down icons font-2xl d-block mt-4"></i>
- <div>thumb-down</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-thumb-up icons font-2xl d-block mt-4"></i>
- <div>thumb-up</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-trash icons font-2xl d-block mt-4"></i>
- <div>trash</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-underline icons font-2xl d-block mt-4"></i>
- <div>underline</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-user icons font-2xl d-block mt-4"></i>
- <div>user</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-user-female icons font-2xl d-block mt-4"></i>
- <div>user-female</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-user-follow icons font-2xl d-block mt-4"></i>
- <div>user-follow</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-user-unfollow icons font-2xl d-block mt-4"></i>
- <div>user-unfollow</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-wrench icons font-2xl d-block mt-4"></i>
- <div>wrench</div>
- </Col>
- <Col xs="6" sm="4" md="3" xl="2">
- <i className="cui-yen icons font-2xl d-block mt-4"></i>
- <div>yen</div>
- </Col>
- </Row>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default CoreUIIcons;
-
diff --git a/old-modules/src_example/views/Icons/CoreUIIcons/CoreUIIcons.test.js b/old-modules/src_example/views/Icons/CoreUIIcons/CoreUIIcons.test.js
deleted file mode 100644
index 399e6c7..0000000
--- a/old-modules/src_example/views/Icons/CoreUIIcons/CoreUIIcons.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import CoreUIIcons from './CoreUIIcons';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<CoreUIIcons />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Icons/CoreUIIcons/package.json b/old-modules/src_example/views/Icons/CoreUIIcons/package.json
deleted file mode 100644
index a3813bf..0000000
--- a/old-modules/src_example/views/Icons/CoreUIIcons/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "CoreUIIcons",
- "version": "0.0.0",
- "private": true,
- "main": "./CoreUIIcons.js"
-}
diff --git a/old-modules/src_example/views/Icons/Flags/Flags.js b/old-modules/src_example/views/Icons/Flags/Flags.js
deleted file mode 100644
index bf5c999..0000000
--- a/old-modules/src_example/views/Icons/Flags/Flags.js
+++ /dev/null
@@ -1,1037 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class Flags extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-font-awesome"></i> Flags
- </CardHeader>
- <CardBody>
- <Row className="text-center">
- <Col className="mb-5 text-left" xs="12">
- For using the flags inline with text add the classes <code>.flag-icon</code> and <code>.flag-icon-xx</code> (where xx is the ISO 3166-1-alpha-2
- code of a country) to an empty span. If you want to have a squared version flag then add the class flag-icon-squared as well.
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ad h1" title="ad" id="ad"></i>
- <div>flag-icon-ad</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ae h1" title="ae" id="ae"></i>
- <div>flag-icon-ae</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-af h1" title="af" id="af"></i>
- <div>flag-icon-af</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ag h1" title="ag" id="ag"></i>
- <div>flag-icon-ag</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ai h1" title="ai" id="ai"></i>
- <div>flag-icon-ai</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-al h1" title="al" id="al"></i>
- <div>flag-icon-al</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-am h1" title="am" id="am"></i>
- <div>flag-icon-am</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ao h1" title="ao" id="ao"></i>
- <div>flag-icon-ao</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-aq h1" title="aq" id="aq"></i>
- <div>flag-icon-aq</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ar h1" title="ar" id="ar"></i>
- <div>flag-icon-ar</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-as h1" title="as" id="as"></i>
- <div>flag-icon-as</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-at h1" title="at" id="at"></i>
- <div>flag-icon-at</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-au h1" title="au" id="au"></i>
- <div>flag-icon-au</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-aw h1" title="aw" id="aw"></i>
- <div>flag-icon-aw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ax h1" title="ax" id="ax"></i>
- <div>flag-icon-ax</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-az h1" title="az" id="az"></i>
- <div>flag-icon-az</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ba h1" title="ba" id="ba"></i>
- <div>flag-icon-ba</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bb h1" title="bb" id="bb"></i>
- <div>flag-icon-bb</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bd h1" title="bd" id="bd"></i>
- <div>flag-icon-bd</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-be h1" title="be" id="be"></i>
- <div>flag-icon-be</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bf h1" title="bf" id="bf"></i>
- <div>flag-icon-bf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bg h1" title="bg" id="bg"></i>
- <div>flag-icon-bg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bh h1" title="bh" id="bh"></i>
- <div>flag-icon-bh</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bi h1" title="bi" id="bi"></i>
- <div>flag-icon-bi</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bj h1" title="bj" id="bj"></i>
- <div>flag-icon-bj</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bl h1" title="bl" id="bl"></i>
- <div>flag-icon-bl</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bm h1" title="bm" id="bm"></i>
- <div>flag-icon-bm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bn h1" title="bn" id="bn"></i>
- <div>flag-icon-bn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bo h1" title="bo" id="bo"></i>
- <div>flag-icon-bo</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bq h1" title="bq" id="bq"></i>
- <div>flag-icon-bq</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-br h1" title="br" id="br"></i>
- <div>flag-icon-br</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bs h1" title="bs" id="bs"></i>
- <div>flag-icon-bs</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bt h1" title="bt" id="bt"></i>
- <div>flag-icon-bt</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bv h1" title="bv" id="bv"></i>
- <div>flag-icon-bv</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bw h1" title="bw" id="bw"></i>
- <div>flag-icon-bw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-by h1" title="by" id="by"></i>
- <div>flag-icon-by</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-bz h1" title="bz" id="bz"></i>
- <div>flag-icon-bz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ca h1" title="ca" id="ca"></i>
- <div>flag-icon-ca</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cc h1" title="cc" id="cc"></i>
- <div>flag-icon-cc</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cd h1" title="cd" id="cd"></i>
- <div>flag-icon-cd</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cf h1" title="cf" id="cf"></i>
- <div>flag-icon-cf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cg h1" title="cg" id="cg"></i>
- <div>flag-icon-cg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ch h1" title="ch" id="ch"></i>
- <div>flag-icon-ch</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ci h1" title="ci" id="ci"></i>
- <div>flag-icon-ci</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ck h1" title="ck" id="ck"></i>
- <div>flag-icon-ck</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cl h1" title="cl" id="cl"></i>
- <div>flag-icon-cl</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cm h1" title="cm" id="cm"></i>
- <div>flag-icon-cm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cn h1" title="cn" id="cn"></i>
- <div>flag-icon-cn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-co h1" title="co" id="co"></i>
- <div>flag-icon-co</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cr h1" title="cr" id="cr"></i>
- <div>flag-icon-cr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cu h1" title="cu" id="cu"></i>
- <div>flag-icon-cu</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cv h1" title="cv" id="cv"></i>
- <div>flag-icon-cv</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cw h1" title="cw" id="cw"></i>
- <div>flag-icon-cw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cx h1" title="cx" id="cx"></i>
- <div>flag-icon-cx</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cy h1" title="cy" id="cy"></i>
- <div>flag-icon-cy</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-cz h1" title="cz" id="cz"></i>
- <div>flag-icon-cz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-de h1" title="de" id="de"></i>
- <div>flag-icon-de</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-dj h1" title="dj" id="dj"></i>
- <div>flag-icon-dj</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-dk h1" title="dk" id="dk"></i>
- <div>flag-icon-dk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-dm h1" title="dm" id="dm"></i>
- <div>flag-icon-dm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-do h1" title="do" id="do"></i>
- <div>flag-icon-do</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-dz h1" title="dz" id="dz"></i>
- <div>flag-icon-dz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ec h1" title="ec" id="ec"></i>
- <div>flag-icon-ec</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ee h1" title="ee" id="ee"></i>
- <div>flag-icon-ee</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-eg h1" title="eg" id="eg"></i>
- <div>flag-icon-eg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-eh h1" title="eh" id="eh"></i>
- <div>flag-icon-eh</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-er h1" title="er" id="er"></i>
- <div>flag-icon-er</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-es h1" title="es" id="es"></i>
- <div>flag-icon-es</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-et h1" title="et" id="et"></i>
- <div>flag-icon-et</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-fi h1" title="fi" id="fi"></i>
- <div>flag-icon-fi</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-fj h1" title="fj" id="fj"></i>
- <div>flag-icon-fj</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-fk h1" title="fk" id="fk"></i>
- <div>flag-icon-fk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-fm h1" title="fm" id="fm"></i>
- <div>flag-icon-fm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-fo h1" title="fo" id="fo"></i>
- <div>flag-icon-fo</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-fr h1" title="fr" id="fr"></i>
- <div>flag-icon-fr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ga h1" title="ga" id="ga"></i>
- <div>flag-icon-ga</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gb h1" title="gb" id="gb"></i>
- <div>flag-icon-gb</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gd h1" title="gd" id="gd"></i>
- <div>flag-icon-gd</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ge h1" title="ge" id="ge"></i>
- <div>flag-icon-ge</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gf h1" title="gf" id="gf"></i>
- <div>flag-icon-gf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gg h1" title="gg" id="gg"></i>
- <div>flag-icon-gg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gh h1" title="gh" id="gh"></i>
- <div>flag-icon-gh</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gi h1" title="gi" id="gi"></i>
- <div>flag-icon-gi</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gl h1" title="gl" id="gl"></i>
- <div>flag-icon-gl</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gm h1" title="gm" id="gm"></i>
- <div>flag-icon-gm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gn h1" title="gn" id="gn"></i>
- <div>flag-icon-gn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gp h1" title="gp" id="gp"></i>
- <div>flag-icon-gp</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gq h1" title="gq" id="gq"></i>
- <div>flag-icon-gq</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gr h1" title="gr" id="gr"></i>
- <div>flag-icon-gr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gs h1" title="gs" id="gs"></i>
- <div>flag-icon-gs</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gt h1" title="gt" id="gt"></i>
- <div>flag-icon-gt</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gu h1" title="gu" id="gu"></i>
- <div>flag-icon-gu</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gw h1" title="gw" id="gw"></i>
- <div>flag-icon-gw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-gy h1" title="gy" id="gy"></i>
- <div>flag-icon-gy</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-hk h1" title="hk" id="hk"></i>
- <div>flag-icon-hk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-hm h1" title="hm" id="hm"></i>
- <div>flag-icon-hm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-hn h1" title="hn" id="hn"></i>
- <div>flag-icon-hn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-hr h1" title="hr" id="hr"></i>
- <div>flag-icon-hr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ht h1" title="ht" id="ht"></i>
- <div>flag-icon-ht</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-hu h1" title="hu" id="hu"></i>
- <div>flag-icon-hu</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-id h1" title="id" id="id"></i>
- <div>flag-icon-id</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ie h1" title="ie" id="ie"></i>
- <div>flag-icon-ie</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-il h1" title="il" id="il"></i>
- <div>flag-icon-il</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-im h1" title="im" id="im"></i>
- <div>flag-icon-im</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-in h1" title="in" id="in"></i>
- <div>flag-icon-in</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-io h1" title="io" id="io"></i>
- <div>flag-icon-io</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-iq h1" title="iq" id="iq"></i>
- <div>flag-icon-iq</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ir h1" title="ir" id="ir"></i>
- <div>flag-icon-ir</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-is h1" title="is" id="is"></i>
- <div>flag-icon-is</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-it h1" title="it" id="it"></i>
- <div>flag-icon-it</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-je h1" title="je" id="je"></i>
- <div>flag-icon-je</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-jm h1" title="jm" id="jm"></i>
- <div>flag-icon-jm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-jo h1" title="jo" id="jo"></i>
- <div>flag-icon-jo</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-jp h1" title="jp" id="jp"></i>
- <div>flag-icon-jp</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ke h1" title="ke" id="ke"></i>
- <div>flag-icon-ke</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-kg h1" title="kg" id="kg"></i>
- <div>flag-icon-kg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-kh h1" title="kh" id="kh"></i>
- <div>flag-icon-kh</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ki h1" title="ki" id="ki"></i>
- <div>flag-icon-ki</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-km h1" title="km" id="km"></i>
- <div>flag-icon-km</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-kn h1" title="kn" id="kn"></i>
- <div>flag-icon-kn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-kp h1" title="kp" id="kp"></i>
- <div>flag-icon-kp</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-kr h1" title="kr" id="kr"></i>
- <div>flag-icon-kr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-kw h1" title="kw" id="kw"></i>
- <div>flag-icon-kw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ky h1" title="ky" id="ky"></i>
- <div>flag-icon-ky</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-kz h1" title="kz" id="kz"></i>
- <div>flag-icon-kz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-la h1" title="la" id="la"></i>
- <div>flag-icon-la</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-lb h1" title="lb" id="lb"></i>
- <div>flag-icon-lb</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-lc h1" title="lc" id="lc"></i>
- <div>flag-icon-lc</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-li h1" title="li" id="li"></i>
- <div>flag-icon-li</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-lk h1" title="lk" id="lk"></i>
- <div>flag-icon-lk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-lr h1" title="lr" id="lr"></i>
- <div>flag-icon-lr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ls h1" title="ls" id="ls"></i>
- <div>flag-icon-ls</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-lt h1" title="lt" id="lt"></i>
- <div>flag-icon-lt</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-lu h1" title="lu" id="lu"></i>
- <div>flag-icon-lu</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-lv h1" title="lv" id="lv"></i>
- <div>flag-icon-lv</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ly h1" title="ly" id="ly"></i>
- <div>flag-icon-ly</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ma h1" title="ma" id="ma"></i>
- <div>flag-icon-ma</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mc h1" title="mc" id="mc"></i>
- <div>flag-icon-mc</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-md h1" title="md" id="md"></i>
- <div>flag-icon-md</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-me h1" title="me" id="me"></i>
- <div>flag-icon-me</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mf h1" title="mf" id="mf"></i>
- <div>flag-icon-mf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mg h1" title="mg" id="mg"></i>
- <div>flag-icon-mg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mh h1" title="mh" id="mh"></i>
- <div>flag-icon-mh</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mk h1" title="mk" id="mk"></i>
- <div>flag-icon-mk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ml h1" title="ml" id="ml"></i>
- <div>flag-icon-ml</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mm h1" title="mm" id="mm"></i>
- <div>flag-icon-mm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mn h1" title="mn" id="mn"></i>
- <div>flag-icon-mn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mo h1" title="mo" id="mo"></i>
- <div>flag-icon-mo</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mp h1" title="mp" id="mp"></i>
- <div>flag-icon-mp</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mq h1" title="mq" id="mq"></i>
- <div>flag-icon-mq</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mr h1" title="mr" id="mr"></i>
- <div>flag-icon-mr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ms h1" title="ms" id="ms"></i>
- <div>flag-icon-ms</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mt h1" title="mt" id="mt"></i>
- <div>flag-icon-mt</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mu h1" title="mu" id="mu"></i>
- <div>flag-icon-mu</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mv h1" title="mv" id="mv"></i>
- <div>flag-icon-mv</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mw h1" title="mw" id="mw"></i>
- <div>flag-icon-mw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mx h1" title="mx" id="mx"></i>
- <div>flag-icon-mx</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-my h1" title="my" id="my"></i>
- <div>flag-icon-my</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-mz h1" title="mz" id="mz"></i>
- <div>flag-icon-mz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-na h1" title="na" id="na"></i>
- <div>flag-icon-na</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-nc h1" title="nc" id="nc"></i>
- <div>flag-icon-nc</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ne h1" title="ne" id="ne"></i>
- <div>flag-icon-ne</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-nf h1" title="nf" id="nf"></i>
- <div>flag-icon-nf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ng h1" title="ng" id="ng"></i>
- <div>flag-icon-ng</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ni h1" title="ni" id="ni"></i>
- <div>flag-icon-ni</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-nl h1" title="nl" id="nl"></i>
- <div>flag-icon-nl</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-no h1" title="no" id="no"></i>
- <div>flag-icon-no</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-np h1" title="np" id="np"></i>
- <div>flag-icon-np</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-nr h1" title="nr" id="nr"></i>
- <div>flag-icon-nr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-nu h1" title="nu" id="nu"></i>
- <div>flag-icon-nu</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-nz h1" title="nz" id="nz"></i>
- <div>flag-icon-nz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-om h1" title="om" id="om"></i>
- <div>flag-icon-om</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pa h1" title="pa" id="pa"></i>
- <div>flag-icon-pa</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pe h1" title="pe" id="pe"></i>
- <div>flag-icon-pe</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pf h1" title="pf" id="pf"></i>
- <div>flag-icon-pf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pg h1" title="pg" id="pg"></i>
- <div>flag-icon-pg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ph h1" title="ph" id="ph"></i>
- <div>flag-icon-ph</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pk h1" title="pk" id="pk"></i>
- <div>flag-icon-pk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pl h1" title="pl" id="pl"></i>
- <div>flag-icon-pl</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pm h1" title="pm" id="pm"></i>
- <div>flag-icon-pm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pn h1" title="pn" id="pn"></i>
- <div>flag-icon-pn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pr h1" title="pr" id="pr"></i>
- <div>flag-icon-pr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ps h1" title="ps" id="ps"></i>
- <div>flag-icon-ps</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pt h1" title="pt" id="pt"></i>
- <div>flag-icon-pt</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-pw h1" title="pw" id="pw"></i>
- <div>flag-icon-pw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-py h1" title="py" id="py"></i>
- <div>flag-icon-py</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-qa h1" title="qa" id="qa"></i>
- <div>flag-icon-qa</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-re h1" title="re" id="re"></i>
- <div>flag-icon-re</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ro h1" title="ro" id="ro"></i>
- <div>flag-icon-ro</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-rs h1" title="rs" id="rs"></i>
- <div>flag-icon-rs</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ru h1" title="ru" id="ru"></i>
- <div>flag-icon-ru</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-rw h1" title="rw" id="rw"></i>
- <div>flag-icon-rw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sa h1" title="sa" id="sa"></i>
- <div>flag-icon-sa</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sb h1" title="sb" id="sb"></i>
- <div>flag-icon-sb</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sc h1" title="sc" id="sc"></i>
- <div>flag-icon-sc</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sd h1" title="sd" id="sd"></i>
- <div>flag-icon-sd</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-se h1" title="se" id="se"></i>
- <div>flag-icon-se</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sg h1" title="sg" id="sg"></i>
- <div>flag-icon-sg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sh h1" title="sh" id="sh"></i>
- <div>flag-icon-sh</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-si h1" title="si" id="si"></i>
- <div>flag-icon-si</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sj h1" title="sj" id="sj"></i>
- <div>flag-icon-sj</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sk h1" title="sk" id="sk"></i>
- <div>flag-icon-sk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sl h1" title="sl" id="sl"></i>
- <div>flag-icon-sl</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sm h1" title="sm" id="sm"></i>
- <div>flag-icon-sm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sn h1" title="sn" id="sn"></i>
- <div>flag-icon-sn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-so h1" title="so" id="so"></i>
- <div>flag-icon-so</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sr h1" title="sr" id="sr"></i>
- <div>flag-icon-sr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ss h1" title="ss" id="ss"></i>
- <div>flag-icon-ss</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-st h1" title="st" id="st"></i>
- <div>flag-icon-st</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sv h1" title="sv" id="sv"></i>
- <div>flag-icon-sv</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sx h1" title="sx" id="sx"></i>
- <div>flag-icon-sx</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sy h1" title="sy" id="sy"></i>
- <div>flag-icon-sy</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-sz h1" title="sz" id="sz"></i>
- <div>flag-icon-sz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tc h1" title="tc" id="tc"></i>
- <div>flag-icon-tc</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-td h1" title="td" id="td"></i>
- <div>flag-icon-td</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tf h1" title="tf" id="tf"></i>
- <div>flag-icon-tf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tg h1" title="tg" id="tg"></i>
- <div>flag-icon-tg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-th h1" title="th" id="th"></i>
- <div>flag-icon-th</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tj h1" title="tj" id="tj"></i>
- <div>flag-icon-tj</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tk h1" title="tk" id="tk"></i>
- <div>flag-icon-tk</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tl h1" title="tl" id="tl"></i>
- <div>flag-icon-tl</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tm h1" title="tm" id="tm"></i>
- <div>flag-icon-tm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tn h1" title="tn" id="tn"></i>
- <div>flag-icon-tn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-to h1" title="to" id="to"></i>
- <div>flag-icon-to</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tr h1" title="tr" id="tr"></i>
- <div>flag-icon-tr</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tt h1" title="tt" id="tt"></i>
- <div>flag-icon-tt</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tv h1" title="tv" id="tv"></i>
- <div>flag-icon-tv</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tw h1" title="tw" id="tw"></i>
- <div>flag-icon-tw</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-tz h1" title="tz" id="tz"></i>
- <div>flag-icon-tz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ua h1" title="ua" id="ua"></i>
- <div>flag-icon-ua</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ug h1" title="ug" id="ug"></i>
- <div>flag-icon-ug</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-um h1" title="um" id="um"></i>
- <div>flag-icon-um</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-us h1" title="us" id="us"></i>
- <div>flag-icon-us</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-uy h1" title="uy" id="uy"></i>
- <div>flag-icon-uy</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-uz h1" title="uz" id="uz"></i>
- <div>flag-icon-uz</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-va h1" title="va" id="va"></i>
- <div>flag-icon-va</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-vc h1" title="vc" id="vc"></i>
- <div>flag-icon-vc</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ve h1" title="ve" id="ve"></i>
- <div>flag-icon-ve</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-vg h1" title="vg" id="vg"></i>
- <div>flag-icon-vg</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-vi h1" title="vi" id="vi"></i>
- <div>flag-icon-vi</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-vn h1" title="vn" id="vn"></i>
- <div>flag-icon-vn</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-vu h1" title="vu" id="vu"></i>
- <div>flag-icon-vu</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-wf h1" title="wf" id="wf"></i>
- <div>flag-icon-wf</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ws h1" title="ws" id="ws"></i>
- <div>flag-icon-ws</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-ye h1" title="ye" id="ye"></i>
- <div>flag-icon-ye</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-yt h1" title="yt" id="yt"></i>
- <div>flag-icon-yt</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-za h1" title="za" id="za"></i>
- <div>flag-icon-za</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-zm h1" title="zm" id="zm"></i>
- <div>flag-icon-zm</div>
- </Col>
- <Col className="mb-5" xs="3" sm="2">
- <i className="flag-icon flag-icon-zw h1" title="zw" id="zw"></i>
- <div>flag-icon-zw</div>
- </Col>
- </Row>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default Flags;
diff --git a/old-modules/src_example/views/Icons/Flags/Flags.test.js b/old-modules/src_example/views/Icons/Flags/Flags.test.js
deleted file mode 100644
index 7d78e3b..0000000
--- a/old-modules/src_example/views/Icons/Flags/Flags.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Flags from './Flags';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Flags />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Icons/Flags/package.json b/old-modules/src_example/views/Icons/Flags/package.json
deleted file mode 100644
index 5bf64ea..0000000
--- a/old-modules/src_example/views/Icons/Flags/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Flags",
- "version": "0.0.0",
- "private": true,
- "main": "./Flags.js"
-}
diff --git a/old-modules/src_example/views/Icons/FontAwesome/FontAwesome.js b/old-modules/src_example/views/Icons/FontAwesome/FontAwesome.js
deleted file mode 100644
index f668ae0..0000000
--- a/old-modules/src_example/views/Icons/FontAwesome/FontAwesome.js
+++ /dev/null
@@ -1,3717 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Alert, Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class FontAwesome extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Card id="new47">
- <CardHeader>
- <i className="fa fa-font-awesome"></i> 55 New Icons in 4.7
- </CardHeader>
- <CardBody>
- <Row className="text-center">
- <Col className="fa-hover" xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-address-book fa-lg mt-4"></i><br />address-book
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-address-book-o fa-lg mt-4"></i><br />address-book-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-address-card fa-lg mt-4"></i><br />address-card
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-address-card-o fa-lg mt-4"></i><br />address-card-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bandcamp fa-lg mt-4"></i><br />bandcamp
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bath fa-lg mt-4"></i><br />bath
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bathtub fa-lg mt-4"></i><br />bathtub <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-drivers-license fa-lg mt-4"></i><br />drivers-license <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-drivers-license-o fa-lg mt-4"></i><br />drivers-license-o <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eercast fa-lg mt-4"></i><br />eercast
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-envelope-open fa-lg mt-4"></i><br />envelope-open
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-envelope-open-o fa-lg mt-4"></i><br />envelope-open-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-etsy fa-lg mt-4"></i><br />etsy
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-free-code-camp fa-lg mt-4"></i><br />free-code-camp
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-grav fa-lg mt-4"></i><br />grav
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-handshake-o fa-lg mt-4"></i><br />handshake-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-id-badge fa-lg mt-4"></i><br />id-badge
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-id-card fa-lg mt-4"></i><br />id-card
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-id-card-o fa-lg mt-4"></i><br />id-card-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-imdb fa-lg mt-4"></i><br />imdb
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-linode fa-lg mt-4"></i><br />linode
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-meetup fa-lg mt-4"></i><br />meetup
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-microchip fa-lg mt-4"></i><br />microchip
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-podcast fa-lg mt-4"></i><br />podcast
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-quora fa-lg mt-4"></i><br />quora
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ravelry fa-lg mt-4"></i><br />ravelry
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-s15 fa-lg mt-4"></i><br />s15 <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shower fa-lg mt-4"></i><br />shower
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-snowflake-o fa-lg mt-4"></i><br />snowflake-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-superpowers fa-lg mt-4"></i><br />superpowers
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-telegram fa-lg mt-4"></i><br />telegram
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer fa-lg mt-4"></i><br />thermometer <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-0 fa-lg mt-4"></i><br />thermometer-0 <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-1 fa-lg mt-4"></i><br />thermometer-1 <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-2 fa-lg mt-4"></i><br />thermometer-2 <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-3 fa-lg mt-4"></i><br />thermometer-3 <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-4 fa-lg mt-4"></i><br />thermometer-4 <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-empty fa-lg mt-4"></i><br />thermometer-empty
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-full fa-lg mt-4"></i><br />thermometer-full
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-half fa-lg mt-4"></i><br />thermometer-half
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-quarter fa-lg mt-4"></i><br />thermometer-quarter
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thermometer-three-quarters fa-lg mt-4"></i><br />thermometer-three-quarters
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-times-rectangle fa-lg mt-4"></i><br />times-rectangle <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-times-rectangle-o fa-lg mt-4"></i><br />times-rectangle-o <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user-circle fa-lg mt-4"></i><br />user-circle
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user-circle-o fa-lg mt-4"></i><br />user-circle-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user-o fa-lg mt-4"></i><br />user-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-vcard fa-lg mt-4"></i><br />vcard <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-vcard-o fa-lg mt-4"></i><br />vcard-o <span className="text-muted">(alias)</span>
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-window-close fa-lg mt-4"></i><br />window-close
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-window-close-o fa-lg mt-4"></i><br />window-close-o
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-window-maximize fa-lg mt-4"></i><br />window-maximize
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-window-minimize fa-lg mt-4"></i><br />window-minimize
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-window-restore fa-lg mt-4"></i><br />window-restore
- </Col>
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wpexplorer fa-lg mt-4"></i><br />wpexplorer
- </Col>
- </Row>
- </CardBody>
- </Card>
- <Card id="new">
- <CardHeader>20 New Icons in 4.5</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bluetooth fa-lg mt-4"></i><br />bluetooth
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bluetooth-b fa-lg mt-4"></i><br />bluetooth-b
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-codiepie fa-lg mt-4"></i><br />codiepie
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-credit-card-alt fa-lg mt-4"></i><br />credit-card-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-edge fa-lg mt-4"></i><br />edge
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fort-awesome fa-lg mt-4"></i><br />fort-awesome
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hashtag fa-lg mt-4"></i><br />hashtag
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mixcloud fa-lg mt-4"></i><br />mixcloud
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-modx fa-lg mt-4"></i><br />modx
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pause-circle fa-lg mt-4"></i><br />pause-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pause-circle-o fa-lg mt-4"></i><br />pause-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-percent fa-lg mt-4"></i><br />percent
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-product-hunt fa-lg mt-4"></i><br />product-hunt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-reddit-alien fa-lg mt-4"></i><br />reddit-alien
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-scribd fa-lg mt-4"></i><br />scribd
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shopping-bag fa-lg mt-4"></i><br />shopping-bag
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shopping-basket fa-lg mt-4"></i><br />shopping-basket
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stop-circle fa-lg mt-4"></i><br />stop-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stop-circle-o fa-lg mt-4"></i><br />stop-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-usb fa-lg mt-4"></i><br />usb
- </Col>
-
- </Row>
-
- </CardBody>
- </Card>
-
- <Card id="web-application">
- <CardHeader>Web Application Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-adjust fa-lg mt-4"></i><br />adjust
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-anchor fa-lg mt-4"></i><br />anchor
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-archive fa-lg mt-4"></i><br />archive
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-area-chart fa-lg mt-4"></i><br />area-chart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows fa-lg mt-4"></i><br />arrows
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows-h fa-lg mt-4"></i><br />arrows-h
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows-v fa-lg mt-4"></i><br />arrows-v
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-asterisk fa-lg mt-4"></i><br />asterisk
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-at fa-lg mt-4"></i><br />at
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-automobile fa-lg mt-4"></i><br />automobile <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-balance-scale fa-lg mt-4"></i><br />balance-scale
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ban fa-lg mt-4"></i><br />ban
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bank fa-lg mt-4"></i><br />bank <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bar-chart fa-lg mt-4"></i><br />bar-chart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bar-chart-o fa-lg mt-4"></i><br />bar-chart-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-barcode fa-lg mt-4"></i><br />barcode
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bars fa-lg mt-4"></i><br />bars
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-0 fa-lg mt-4"></i><br />battery-0 <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-1 fa-lg mt-4"></i><br />battery-1 <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-2 fa-lg mt-4"></i><br />battery-2 <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-3 fa-lg mt-4"></i><br />battery-3 <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-4 fa-lg mt-4"></i><br />battery-4 <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-empty fa-lg mt-4"></i><br />battery-empty
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-full fa-lg mt-4"></i><br />battery-full
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-half fa-lg mt-4"></i><br />battery-half
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-quarter fa-lg mt-4"></i><br />battery-quarter
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-battery-three-quarters fa-lg mt-4"></i><br />battery-three-quarters
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bed fa-lg mt-4"></i><br />bed
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-beer fa-lg mt-4"></i><br />beer
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bell fa-lg mt-4"></i><br />bell
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bell-o fa-lg mt-4"></i><br />bell-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bell-slash fa-lg mt-4"></i><br />bell-slash
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bell-slash-o fa-lg mt-4"></i><br />bell-slash-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bicycle fa-lg mt-4"></i><br />bicycle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-binoculars fa-lg mt-4"></i><br />binoculars
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-birthday-cake fa-lg mt-4"></i><br />birthday-cake
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bluetooth fa-lg mt-4"></i><br />bluetooth
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bluetooth-b fa-lg mt-4"></i><br />bluetooth-b
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bolt fa-lg mt-4"></i><br />bolt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bomb fa-lg mt-4"></i><br />bomb
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-book fa-lg mt-4"></i><br />book
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bookmark fa-lg mt-4"></i><br />bookmark
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bookmark-o fa-lg mt-4"></i><br />bookmark-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-briefcase fa-lg mt-4"></i><br />briefcase
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bug fa-lg mt-4"></i><br />bug
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-building fa-lg mt-4"></i><br />building
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-building-o fa-lg mt-4"></i><br />building-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bullhorn fa-lg mt-4"></i><br />bullhorn
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bullseye fa-lg mt-4"></i><br />bullseye
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bus fa-lg mt-4"></i><br />bus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cab fa-lg mt-4"></i><br />cab <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-calculator fa-lg mt-4"></i><br />calculator
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-calendar fa-lg mt-4"></i><br />calendar
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-calendar-check-o fa-lg mt-4"></i><br />calendar-check-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-calendar-minus-o fa-lg mt-4"></i><br />calendar-minus-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-calendar-o fa-lg mt-4"></i><br />calendar-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-calendar-plus-o fa-lg mt-4"></i><br />calendar-plus-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-calendar-times-o fa-lg mt-4"></i><br />calendar-times-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-camera fa-lg mt-4"></i><br />camera
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-camera-retro fa-lg mt-4"></i><br />camera-retro
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-car fa-lg mt-4"></i><br />car
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-down fa-lg mt-4"></i><br />caret-square-o-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-left fa-lg mt-4"></i><br />caret-square-o-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-right fa-lg mt-4"></i><br />caret-square-o-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-up fa-lg mt-4"></i><br />caret-square-o-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cart-arrow-down fa-lg mt-4"></i><br />cart-arrow-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cart-plus fa-lg mt-4"></i><br />cart-plus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc fa-lg mt-4"></i><br />cc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-certificate fa-lg mt-4"></i><br />certificate
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-check fa-lg mt-4"></i><br />check
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-check-circle fa-lg mt-4"></i><br />check-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-check-circle-o fa-lg mt-4"></i><br />check-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-check-square fa-lg mt-4"></i><br />check-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-check-square-o fa-lg mt-4"></i><br />check-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-child fa-lg mt-4"></i><br />child
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-circle fa-lg mt-4"></i><br />circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-circle-o fa-lg mt-4"></i><br />circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-circle-o-notch fa-lg mt-4"></i><br />circle-o-notch
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-circle-thin fa-lg mt-4"></i><br />circle-thin
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-clock-o fa-lg mt-4"></i><br />clock-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-clone fa-lg mt-4"></i><br />clone
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-close fa-lg mt-4"></i><br />close <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cloud fa-lg mt-4"></i><br />cloud
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cloud-download fa-lg mt-4"></i><br />cloud-download
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cloud-upload fa-lg mt-4"></i><br />cloud-upload
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-code fa-lg mt-4"></i><br />code
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-code-fork fa-lg mt-4"></i><br />code-fork
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-coffee fa-lg mt-4"></i><br />coffee
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cog fa-lg mt-4"></i><br />cog
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cogs fa-lg mt-4"></i><br />cogs
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-comment fa-lg mt-4"></i><br />comment
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-comment-o fa-lg mt-4"></i><br />comment-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-commenting fa-lg mt-4"></i><br />commenting
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-commenting-o fa-lg mt-4"></i><br />commenting-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-comments fa-lg mt-4"></i><br />comments
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-comments-o fa-lg mt-4"></i><br />comments-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-compass fa-lg mt-4"></i><br />compass
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-copyright fa-lg mt-4"></i><br />copyright
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-creative-commons fa-lg mt-4"></i><br />creative-commons
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-credit-card fa-lg mt-4"></i><br />credit-card
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-credit-card-alt fa-lg mt-4"></i><br />credit-card-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-crop fa-lg mt-4"></i><br />crop
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-crosshairs fa-lg mt-4"></i><br />crosshairs
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cube fa-lg mt-4"></i><br />cube
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cubes fa-lg mt-4"></i><br />cubes
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cutlery fa-lg mt-4"></i><br />cutlery
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dashboard fa-lg mt-4"></i><br />dashboard <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-database fa-lg mt-4"></i><br />database
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-desktop fa-lg mt-4"></i><br />desktop
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-diamond fa-lg mt-4"></i><br />diamond
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dot-circle-o fa-lg mt-4"></i><br />dot-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-download fa-lg mt-4"></i><br />download
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-edit fa-lg mt-4"></i><br />edit <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ellipsis-h fa-lg mt-4"></i><br />ellipsis-h
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ellipsis-v fa-lg mt-4"></i><br />ellipsis-v
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-envelope fa-lg mt-4"></i><br />envelope
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-envelope-o fa-lg mt-4"></i><br />envelope-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-envelope-square fa-lg mt-4"></i><br />envelope-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eraser fa-lg mt-4"></i><br />eraser
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-exchange fa-lg mt-4"></i><br />exchange
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-exclamation fa-lg mt-4"></i><br />exclamation
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-exclamation-circle fa-lg mt-4"></i><br />exclamation-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-exclamation-triangle fa-lg mt-4"></i><br />exclamation-triangle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-external-link fa-lg mt-4"></i><br />external-link
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-external-link-square fa-lg mt-4"></i><br />external-link-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eye fa-lg mt-4"></i><br />eye
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eye-slash fa-lg mt-4"></i><br />eye-slash
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eyedropper fa-lg mt-4"></i><br />eyedropper
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fax fa-lg mt-4"></i><br />fax
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-feed fa-lg mt-4"></i><br />feed <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-female fa-lg mt-4"></i><br />female
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fighter-jet fa-lg mt-4"></i><br />fighter-jet
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-archive-o fa-lg mt-4"></i><br />file-archive-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-audio-o fa-lg mt-4"></i><br />file-audio-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-code-o fa-lg mt-4"></i><br />file-code-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-excel-o fa-lg mt-4"></i><br />file-excel-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-image-o fa-lg mt-4"></i><br />file-image-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-movie-o fa-lg mt-4"></i><br />file-movie-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-pdf-o fa-lg mt-4"></i><br />file-pdf-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-photo-o fa-lg mt-4"></i><br />file-photo-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-picture-o fa-lg mt-4"></i><br />file-picture-o <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-powerpoint-o fa-lg mt-4"></i><br />file-powerpoint-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-sound-o fa-lg mt-4"></i><br />file-sound-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-video-o fa-lg mt-4"></i><br />file-video-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-word-o fa-lg mt-4"></i><br />file-word-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-zip-o fa-lg mt-4"></i><br />file-zip-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-film fa-lg mt-4"></i><br />film
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-filter fa-lg mt-4"></i><br />filter
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fire fa-lg mt-4"></i><br />fire
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fire-extinguisher fa-lg mt-4"></i><br />fire-extinguisher
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-flag fa-lg mt-4"></i><br />flag
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-flag-checkered fa-lg mt-4"></i><br />flag-checkered
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-flag-o fa-lg mt-4"></i><br />flag-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-flash fa-lg mt-4"></i><br />flash <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-flask fa-lg mt-4"></i><br />flask
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-folder fa-lg mt-4"></i><br />folder
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-folder-o fa-lg mt-4"></i><br />folder-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-folder-open fa-lg mt-4"></i><br />folder-open
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-folder-open-o fa-lg mt-4"></i><br />folder-open-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-frown-o fa-lg mt-4"></i><br />frown-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-futbol-o fa-lg mt-4"></i><br />futbol-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gamepad fa-lg mt-4"></i><br />gamepad
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gavel fa-lg mt-4"></i><br />gavel
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gear fa-lg mt-4"></i><br />gear <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gears fa-lg mt-4"></i><br />gears <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gift fa-lg mt-4"></i><br />gift
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-glass fa-lg mt-4"></i><br />glass
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-globe fa-lg mt-4"></i><br />globe
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-graduation-cap fa-lg mt-4"></i><br />graduation-cap
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-group fa-lg mt-4"></i><br />group <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-grab-o fa-lg mt-4"></i><br />hand-grab-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-lizard-o fa-lg mt-4"></i><br />hand-lizard-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-paper-o fa-lg mt-4"></i><br />hand-paper-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-peace-o fa-lg mt-4"></i><br />hand-peace-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-pointer-o fa-lg mt-4"></i><br />hand-pointer-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-rock-o fa-lg mt-4"></i><br />hand-rock-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-scissors-o fa-lg mt-4"></i><br />hand-scissors-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-spock-o fa-lg mt-4"></i><br />hand-spock-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-stop-o fa-lg mt-4"></i><br />hand-stop-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hashtag fa-lg mt-4"></i><br />hashtag
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hdd-o fa-lg mt-4"></i><br />hdd-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-headphones fa-lg mt-4"></i><br />headphones
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-heart fa-lg mt-4"></i><br />heart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-heart-o fa-lg mt-4"></i><br />heart-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-heartbeat fa-lg mt-4"></i><br />heartbeat
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-history fa-lg mt-4"></i><br />history
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-home fa-lg mt-4"></i><br />home
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hotel fa-lg mt-4"></i><br />hotel <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass fa-lg mt-4"></i><br />hourglass
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass-1 fa-lg mt-4"></i><br />hourglass-1 <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass-2 fa-lg mt-4"></i><br />hourglass-2 <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass-3 fa-lg mt-4"></i><br />hourglass-3 <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass-end fa-lg mt-4"></i><br />hourglass-end
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass-half fa-lg mt-4"></i><br />hourglass-half
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass-o fa-lg mt-4"></i><br />hourglass-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hourglass-start fa-lg mt-4"></i><br />hourglass-start
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-i-cursor fa-lg mt-4"></i><br />i-cursor
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-image fa-lg mt-4"></i><br />image <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-inbox fa-lg mt-4"></i><br />inbox
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-industry fa-lg mt-4"></i><br />industry
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-info fa-lg mt-4"></i><br />info
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-info-circle fa-lg mt-4"></i><br />info-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-institution fa-lg mt-4"></i><br />institution <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-key fa-lg mt-4"></i><br />key
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-keyboard-o fa-lg mt-4"></i><br />keyboard-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-language fa-lg mt-4"></i><br />language
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-laptop fa-lg mt-4"></i><br />laptop
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-leaf fa-lg mt-4"></i><br />leaf
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-legal fa-lg mt-4"></i><br />legal <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-lemon-o fa-lg mt-4"></i><br />lemon-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-level-down fa-lg mt-4"></i><br />level-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-level-up fa-lg mt-4"></i><br />level-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-life-bouy fa-lg mt-4"></i><br />life-bouy <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-life-buoy fa-lg mt-4"></i><br />life-buoy <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-life-ring fa-lg mt-4"></i><br />life-ring
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-life-saver fa-lg mt-4"></i><br />life-saver <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-lightbulb-o fa-lg mt-4"></i><br />lightbulb-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-line-chart fa-lg mt-4"></i><br />line-chart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-location-arrow fa-lg mt-4"></i><br />location-arrow
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-lock fa-lg mt-4"></i><br />lock
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-magic fa-lg mt-4"></i><br />magic
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-magnet fa-lg mt-4"></i><br />magnet
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mail-forward fa-lg mt-4"></i><br />mail-forward <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mail-reply fa-lg mt-4"></i><br />mail-reply <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mail-reply-all fa-lg mt-4"></i><br />mail-reply-all <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-male fa-lg mt-4"></i><br />male
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-map fa-lg mt-4"></i><br />map
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-map-marker fa-lg mt-4"></i><br />map-marker
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-map-o fa-lg mt-4"></i><br />map-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-map-pin fa-lg mt-4"></i><br />map-pin
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-map-signs fa-lg mt-4"></i><br />map-signs
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-meh-o fa-lg mt-4"></i><br />meh-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-microphone fa-lg mt-4"></i><br />microphone
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-microphone-slash fa-lg mt-4"></i><br />microphone-slash
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-minus fa-lg mt-4"></i><br />minus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-minus-circle fa-lg mt-4"></i><br />minus-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-minus-square fa-lg mt-4"></i><br />minus-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-minus-square-o fa-lg mt-4"></i><br />minus-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mobile fa-lg mt-4"></i><br />mobile
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mobile-phone fa-lg mt-4"></i><br />mobile-phone <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-money fa-lg mt-4"></i><br />money
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-moon-o fa-lg mt-4"></i><br />moon-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mortar-board fa-lg mt-4"></i><br />mortar-board <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-motorcycle fa-lg mt-4"></i><br />motorcycle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mouse-pointer fa-lg mt-4"></i><br />mouse-pointer
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-music fa-lg mt-4"></i><br />music
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-navicon fa-lg mt-4"></i><br />navicon <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-newspaper-o fa-lg mt-4"></i><br />newspaper-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-object-group fa-lg mt-4"></i><br />object-group
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-object-ungroup fa-lg mt-4"></i><br />object-ungroup
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paint-brush fa-lg mt-4"></i><br />paint-brush
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paper-plane fa-lg mt-4"></i><br />paper-plane
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paper-plane-o fa-lg mt-4"></i><br />paper-plane-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paw fa-lg mt-4"></i><br />paw
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pencil fa-lg mt-4"></i><br />pencil
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pencil-square fa-lg mt-4"></i><br />pencil-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pencil-square-o fa-lg mt-4"></i><br />pencil-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-percent fa-lg mt-4"></i><br />percent
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-phone fa-lg mt-4"></i><br />phone
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-phone-square fa-lg mt-4"></i><br />phone-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-photo fa-lg mt-4"></i><br />photo <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-picture-o fa-lg mt-4"></i><br />picture-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pie-chart fa-lg mt-4"></i><br />pie-chart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plane fa-lg mt-4"></i><br />plane
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plug fa-lg mt-4"></i><br />plug
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plus fa-lg mt-4"></i><br />plus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plus-circle fa-lg mt-4"></i><br />plus-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plus-square fa-lg mt-4"></i><br />plus-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plus-square-o fa-lg mt-4"></i><br />plus-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-power-off fa-lg mt-4"></i><br />power-off
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-print fa-lg mt-4"></i><br />print
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-puzzle-piece fa-lg mt-4"></i><br />puzzle-piece
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-qrcode fa-lg mt-4"></i><br />qrcode
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-question fa-lg mt-4"></i><br />question
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-question-circle fa-lg mt-4"></i><br />question-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-quote-left fa-lg mt-4"></i><br />quote-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-quote-right fa-lg mt-4"></i><br />quote-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-random fa-lg mt-4"></i><br />random
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-recycle fa-lg mt-4"></i><br />recycle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-refresh fa-lg mt-4"></i><br />refresh
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-registered fa-lg mt-4"></i><br />registered
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-remove fa-lg mt-4"></i><br />remove <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-reorder fa-lg mt-4"></i><br />reorder <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-reply fa-lg mt-4"></i><br />reply
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-reply-all fa-lg mt-4"></i><br />reply-all
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-retweet fa-lg mt-4"></i><br />retweet
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-road fa-lg mt-4"></i><br />road
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rocket fa-lg mt-4"></i><br />rocket
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rss fa-lg mt-4"></i><br />rss
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rss-square fa-lg mt-4"></i><br />rss-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-search fa-lg mt-4"></i><br />search
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-search-minus fa-lg mt-4"></i><br />search-minus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-search-plus fa-lg mt-4"></i><br />search-plus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-send fa-lg mt-4"></i><br />send <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-send-o fa-lg mt-4"></i><br />send-o <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-server fa-lg mt-4"></i><br />server
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-share fa-lg mt-4"></i><br />share
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-share-alt fa-lg mt-4"></i><br />share-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-share-alt-square fa-lg mt-4"></i><br />share-alt-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-share-square fa-lg mt-4"></i><br />share-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-share-square-o fa-lg mt-4"></i><br />share-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shield fa-lg mt-4"></i><br />shield
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ship fa-lg mt-4"></i><br />ship
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shopping-bag fa-lg mt-4"></i><br />shopping-bag
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shopping-basket fa-lg mt-4"></i><br />shopping-basket
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shopping-cart fa-lg mt-4"></i><br />shopping-cart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sign-in fa-lg mt-4"></i><br />sign-in
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sign-out fa-lg mt-4"></i><br />sign-out
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-signal fa-lg mt-4"></i><br />signal
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sitemap fa-lg mt-4"></i><br />sitemap
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sliders fa-lg mt-4"></i><br />sliders
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-smile-o fa-lg mt-4"></i><br />smile-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-soccer-ball-o fa-lg mt-4"></i><br />soccer-ball-o <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort fa-lg mt-4"></i><br />sort
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-alpha-asc fa-lg mt-4"></i><br />sort-alpha-asc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-alpha-desc fa-lg mt-4"></i><br />sort-alpha-desc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-amount-asc fa-lg mt-4"></i><br />sort-amount-asc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-amount-desc fa-lg mt-4"></i><br />sort-amount-desc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-asc fa-lg mt-4"></i><br />sort-asc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-desc fa-lg mt-4"></i><br />sort-desc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-down fa-lg mt-4"></i><br />sort-down <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-numeric-asc fa-lg mt-4"></i><br />sort-numeric-asc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-numeric-desc fa-lg mt-4"></i><br />sort-numeric-desc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sort-up fa-lg mt-4"></i><br />sort-up <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-space-shuttle fa-lg mt-4"></i><br />space-shuttle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-spinner fa-lg mt-4"></i><br />spinner
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-spoon fa-lg mt-4"></i><br />spoon
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-square fa-lg mt-4"></i><br />square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-square-o fa-lg mt-4"></i><br />square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-star fa-lg mt-4"></i><br />star
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-star-half fa-lg mt-4"></i><br />star-half
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-star-half-empty fa-lg mt-4"></i><br />star-half-empty <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-star-half-full fa-lg mt-4"></i><br />star-half-full <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-star-half-o fa-lg mt-4"></i><br />star-half-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-star-o fa-lg mt-4"></i><br />star-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sticky-note fa-lg mt-4"></i><br />sticky-note
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sticky-note-o fa-lg mt-4"></i><br />sticky-note-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-street-view fa-lg mt-4"></i><br />street-view
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-suitcase fa-lg mt-4"></i><br />suitcase
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sun-o fa-lg mt-4"></i><br />sun-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-support fa-lg mt-4"></i><br />support <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tablet fa-lg mt-4"></i><br />tablet
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tachometer fa-lg mt-4"></i><br />tachometer
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tag fa-lg mt-4"></i><br />tag
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tags fa-lg mt-4"></i><br />tags
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tasks fa-lg mt-4"></i><br />tasks
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-taxi fa-lg mt-4"></i><br />taxi
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-television fa-lg mt-4"></i><br />television
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-terminal fa-lg mt-4"></i><br />terminal
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumb-tack fa-lg mt-4"></i><br />thumb-tack
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-down fa-lg mt-4"></i><br />thumbs-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-o-down fa-lg mt-4"></i><br />thumbs-o-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-o-up fa-lg mt-4"></i><br />thumbs-o-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-up fa-lg mt-4"></i><br />thumbs-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ticket fa-lg mt-4"></i><br />ticket
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-times fa-lg mt-4"></i><br />times
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-times-circle fa-lg mt-4"></i><br />times-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-times-circle-o fa-lg mt-4"></i><br />times-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tint fa-lg mt-4"></i><br />tint
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-down fa-lg mt-4"></i><br />toggle-down <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-left fa-lg mt-4"></i><br />toggle-left <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-off fa-lg mt-4"></i><br />toggle-off
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-on fa-lg mt-4"></i><br />toggle-on
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-right fa-lg mt-4"></i><br />toggle-right <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-up fa-lg mt-4"></i><br />toggle-up <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-trademark fa-lg mt-4"></i><br />trademark
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-trash fa-lg mt-4"></i><br />trash
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-trash-o fa-lg mt-4"></i><br />trash-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tree fa-lg mt-4"></i><br />tree
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-trophy fa-lg mt-4"></i><br />trophy
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-truck fa-lg mt-4"></i><br />truck
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tty fa-lg mt-4"></i><br />tty
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tv fa-lg mt-4"></i><br />tv <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-umbrella fa-lg mt-4"></i><br />umbrella
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-university fa-lg mt-4"></i><br />university
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-unlock fa-lg mt-4"></i><br />unlock
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-unlock-alt fa-lg mt-4"></i><br />unlock-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-unsorted fa-lg mt-4"></i><br />unsorted <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-upload fa-lg mt-4"></i><br />upload
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user fa-lg mt-4"></i><br />user
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user-plus fa-lg mt-4"></i><br />user-plus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user-secret fa-lg mt-4"></i><br />user-secret
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user-times fa-lg mt-4"></i><br />user-times
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-users fa-lg mt-4"></i><br />users
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-video-camera fa-lg mt-4"></i><br />video-camera
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-volume-down fa-lg mt-4"></i><br />volume-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-volume-off fa-lg mt-4"></i><br />volume-off
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-volume-up fa-lg mt-4"></i><br />volume-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-warning fa-lg mt-4"></i><br />warning <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wheelchair fa-lg mt-4"></i><br />wheelchair
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wifi fa-lg mt-4"></i><br />wifi
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wrench fa-lg mt-4"></i><br />wrench
- </Col>
-
- </Row>
- </CardBody>
-
- </Card>
-
- <Card id="hand">
- <CardHeader>Hand Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-grab-o fa-lg mt-4"></i><br />hand-grab-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-lizard-o fa-lg mt-4"></i><br />hand-lizard-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-down fa-lg mt-4"></i><br />hand-o-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-left fa-lg mt-4"></i><br />hand-o-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-right fa-lg mt-4"></i><br />hand-o-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-up fa-lg mt-4"></i><br />hand-o-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-paper-o fa-lg mt-4"></i><br />hand-paper-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-peace-o fa-lg mt-4"></i><br />hand-peace-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-pointer-o fa-lg mt-4"></i><br />hand-pointer-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-rock-o fa-lg mt-4"></i><br />hand-rock-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-scissors-o fa-lg mt-4"></i><br />hand-scissors-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-spock-o fa-lg mt-4"></i><br />hand-spock-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-stop-o fa-lg mt-4"></i><br />hand-stop-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-down fa-lg mt-4"></i><br />thumbs-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-o-down fa-lg mt-4"></i><br />thumbs-o-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-o-up fa-lg mt-4"></i><br />thumbs-o-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-thumbs-up fa-lg mt-4"></i><br />thumbs-up
- </Col>
-
- </Row>
- </CardBody>
-
- </Card>
-
- <Card id="transportation">
- <CardHeader>Transportation Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ambulance fa-lg mt-4"></i><br />ambulance
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-automobile fa-lg mt-4"></i><br />automobile <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bicycle fa-lg mt-4"></i><br />bicycle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bus fa-lg mt-4"></i><br />bus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cab fa-lg mt-4"></i><br />cab <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-car fa-lg mt-4"></i><br />car
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fighter-jet fa-lg mt-4"></i><br />fighter-jet
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-motorcycle fa-lg mt-4"></i><br />motorcycle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plane fa-lg mt-4"></i><br />plane
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rocket fa-lg mt-4"></i><br />rocket
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ship fa-lg mt-4"></i><br />ship
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-space-shuttle fa-lg mt-4"></i><br />space-shuttle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-subway fa-lg mt-4"></i><br />subway
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-taxi fa-lg mt-4"></i><br />taxi
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-train fa-lg mt-4"></i><br />train
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-truck fa-lg mt-4"></i><br />truck
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wheelchair fa-lg mt-4"></i><br />wheelchair
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="gender">
- <CardHeader>Gender Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-genderless fa-lg mt-4"></i><br />genderless
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-intersex fa-lg mt-4"></i><br />intersex <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mars fa-lg mt-4"></i><br />mars
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mars-double fa-lg mt-4"></i><br />mars-double
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mars-stroke fa-lg mt-4"></i><br />mars-stroke
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mars-stroke-h fa-lg mt-4"></i><br />mars-stroke-h
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mars-stroke-v fa-lg mt-4"></i><br />mars-stroke-v
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mercury fa-lg mt-4"></i><br />mercury
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-neuter fa-lg mt-4"></i><br />neuter
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-transgender fa-lg mt-4"></i><br />transgender
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-transgender-alt fa-lg mt-4"></i><br />transgender-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-venus fa-lg mt-4"></i><br />venus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-venus-double fa-lg mt-4"></i><br />venus-double
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-venus-mars fa-lg mt-4"></i><br />venus-mars
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="file-type">
- <CardHeader>File Type Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file fa-lg mt-4"></i><br />file
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-archive-o fa-lg mt-4"></i><br />file-archive-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-audio-o fa-lg mt-4"></i><br />file-audio-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-code-o fa-lg mt-4"></i><br />file-code-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-excel-o fa-lg mt-4"></i><br />file-excel-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-image-o fa-lg mt-4"></i><br />file-image-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-movie-o fa-lg mt-4"></i><br />file-movie-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-o fa-lg mt-4"></i><br />file-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-pdf-o fa-lg mt-4"></i><br />file-pdf-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-photo-o fa-lg mt-4"></i><br />file-photo-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-picture-o fa-lg mt-4"></i><br />file-picture-o <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-powerpoint-o fa-lg mt-4"></i><br />file-powerpoint-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-sound-o fa-lg mt-4"></i><br />file-sound-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-text fa-lg mt-4"></i><br />file-text
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-text-o fa-lg mt-4"></i><br />file-text-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-video-o fa-lg mt-4"></i><br />file-video-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-word-o fa-lg mt-4"></i><br />file-word-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-zip-o fa-lg mt-4"></i><br />file-zip-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="spinner">
- <CardHeader>Spinner Icons</CardHeader>
- <CardBody>
- <Alert color="success">
- <ul className="fa-ul">
- <li>
- <i className="fa fa-info-circle fa-li"></i>
- These icons work great with the <code>fa-spin</code> class.
- </li>
- </ul>
- </Alert>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-circle-o-notch fa-lg fa-spin mt-4"></i><br />circle-o-notch
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cog fa-lg mt-4"></i><br />cog
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gear fa-lg mt-4"></i><br />gear <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-refresh fa-lg mt-4"></i><br />refresh
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-spinner fa-lg mt-4"></i><br />spinner
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="form-control">
- <CardHeader>Form Control Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-check-square fa-lg mt-4"></i><br />check-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-check-square-o fa-lg mt-4"></i><br />check-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-circle fa-lg mt-4"></i><br />circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-circle-o fa-lg mt-4"></i><br />circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dot-circle-o fa-lg mt-4"></i><br />dot-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-minus-square fa-lg mt-4"></i><br />minus-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-minus-square-o fa-lg mt-4"></i><br />minus-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plus-square fa-lg mt-4"></i><br />plus-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plus-square-o fa-lg mt-4"></i><br />plus-square-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-square fa-lg mt-4"></i><br />square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-square-o fa-lg mt-4"></i><br />square-o
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="payment">
- <CardHeader>Payment Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-amex fa-lg mt-4"></i><br />cc-amex
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-diners-club fa-lg mt-4"></i><br />cc-diners-club
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-discover fa-lg mt-4"></i><br />cc-discover
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-jcb fa-lg mt-4"></i><br />cc-jcb
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-mastercard fa-lg mt-4"></i><br />cc-mastercard
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-paypal fa-lg mt-4"></i><br />cc-paypal
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-stripe fa-lg mt-4"></i><br />cc-stripe
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-visa fa-lg mt-4"></i><br />cc-visa
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-credit-card fa-lg mt-4"></i><br />credit-card
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-credit-card-alt fa-lg mt-4"></i><br />credit-card-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-google-wallet fa-lg mt-4"></i><br />google-wallet
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paypal fa-lg mt-4"></i><br />paypal
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="chart">
- <CardHeader>Chart Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-area-chart fa-lg mt-4"></i><br />area-chart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bar-chart fa-lg mt-4"></i><br />bar-chart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bar-chart-o fa-lg mt-4"></i><br />bar-chart-o <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-line-chart fa-lg mt-4"></i><br />line-chart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pie-chart fa-lg mt-4"></i><br />pie-chart
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="currency">
- <CardHeader>Currency Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bitcoin fa-lg mt-4"></i><br />bitcoin <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-btc fa-lg mt-4"></i><br />btc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cny fa-lg mt-4"></i><br />cny <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dollar fa-lg mt-4"></i><br />dollar <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eur fa-lg mt-4"></i><br />eur
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-euro fa-lg mt-4"></i><br />euro <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gbp fa-lg mt-4"></i><br />gbp
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gg fa-lg mt-4"></i><br />gg
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gg-circle fa-lg mt-4"></i><br />gg-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ils fa-lg mt-4"></i><br />ils
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-inr fa-lg mt-4"></i><br />inr
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-jpy fa-lg mt-4"></i><br />jpy
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-krw fa-lg mt-4"></i><br />krw
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-money fa-lg mt-4"></i><br />money
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rmb fa-lg mt-4"></i><br />rmb <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rouble fa-lg mt-4"></i><br />rouble <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rub fa-lg mt-4"></i><br />rub
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ruble fa-lg mt-4"></i><br />ruble <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rupee fa-lg mt-4"></i><br />rupee <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shekel fa-lg mt-4"></i><br />shekel <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sheqel fa-lg mt-4"></i><br />sheqel <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-try fa-lg mt-4"></i><br />try
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-turkish-lira fa-lg mt-4"></i><br />turkish-lira <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-usd fa-lg mt-4"></i><br />usd
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-won fa-lg mt-4"></i><br />won <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-yen fa-lg mt-4"></i><br />yen <span className="text-muted">(alias)</span>
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="text-editor">
- <CardHeader>Text Editor Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-align-center fa-lg mt-4"></i><br />align-center
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-align-justify fa-lg mt-4"></i><br />align-justify
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-align-left fa-lg mt-4"></i><br />align-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-align-right fa-lg mt-4"></i><br />align-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bold fa-lg mt-4"></i><br />bold
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chain fa-lg mt-4"></i><br />chain <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chain-broken fa-lg mt-4"></i><br />chain-broken
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-clipboard fa-lg mt-4"></i><br />clipboard
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-columns fa-lg mt-4"></i><br />columns
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-copy fa-lg mt-4"></i><br />copy <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cut fa-lg mt-4"></i><br />cut <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dedent fa-lg mt-4"></i><br />dedent <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eraser fa-lg mt-4"></i><br />eraser
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file fa-lg mt-4"></i><br />file
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-o fa-lg mt-4"></i><br />file-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-text fa-lg mt-4"></i><br />file-text
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-file-text-o fa-lg mt-4"></i><br />file-text-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-files-o fa-lg mt-4"></i><br />files-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-floppy-o fa-lg mt-4"></i><br />floppy-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-font fa-lg mt-4"></i><br />font
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-header fa-lg mt-4"></i><br />header
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-indent fa-lg mt-4"></i><br />indent
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-italic fa-lg mt-4"></i><br />italic
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-link fa-lg mt-4"></i><br />link
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-list fa-lg mt-4"></i><br />list
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-list-alt fa-lg mt-4"></i><br />list-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-list-ol fa-lg mt-4"></i><br />list-ol
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-list-ul fa-lg mt-4"></i><br />list-ul
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-outdent fa-lg mt-4"></i><br />outdent
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paperclip fa-lg mt-4"></i><br />paperclip
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paragraph fa-lg mt-4"></i><br />paragraph
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paste fa-lg mt-4"></i><br />paste <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-repeat fa-lg mt-4"></i><br />repeat
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rotate-left fa-lg mt-4"></i><br />rotate-left <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rotate-right fa-lg mt-4"></i><br />rotate-right <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-save fa-lg mt-4"></i><br />save <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-scissors fa-lg mt-4"></i><br />scissors
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-strikethrough fa-lg mt-4"></i><br />strikethrough
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-subscript fa-lg mt-4"></i><br />subscript
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-superscript fa-lg mt-4"></i><br />superscript
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-table fa-lg mt-4"></i><br />table
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-text-height fa-lg mt-4"></i><br />text-height
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-text-width fa-lg mt-4"></i><br />text-width
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-th fa-lg mt-4"></i><br />th
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-th-large fa-lg mt-4"></i><br />th-large
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-th-list fa-lg mt-4"></i><br />th-list
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-underline fa-lg mt-4"></i><br />underline
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-undo fa-lg mt-4"></i><br />undo
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-unlink fa-lg mt-4"></i><br />unlink <span className="text-muted">(alias)</span>
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="directional">
- <CardHeader>Directional Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-double-down fa-lg mt-4"></i><br />angle-double-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-double-left fa-lg mt-4"></i><br />angle-double-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-double-right fa-lg mt-4"></i><br />angle-double-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-double-up fa-lg mt-4"></i><br />angle-double-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-down fa-lg mt-4"></i><br />angle-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-left fa-lg mt-4"></i><br />angle-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-right fa-lg mt-4"></i><br />angle-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angle-up fa-lg mt-4"></i><br />angle-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-down fa-lg mt-4"></i><br />arrow-circle-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-left fa-lg mt-4"></i><br />arrow-circle-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-o-down fa-lg mt-4"></i><br />arrow-circle-o-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-o-left fa-lg mt-4"></i><br />arrow-circle-o-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-o-right fa-lg mt-4"></i><br />arrow-circle-o-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-o-up fa-lg mt-4"></i><br />arrow-circle-o-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-right fa-lg mt-4"></i><br />arrow-circle-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-circle-up fa-lg mt-4"></i><br />arrow-circle-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-down fa-lg mt-4"></i><br />arrow-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-left fa-lg mt-4"></i><br />arrow-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-right fa-lg mt-4"></i><br />arrow-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrow-up fa-lg mt-4"></i><br />arrow-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows fa-lg mt-4"></i><br />arrows
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows-alt fa-lg mt-4"></i><br />arrows-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows-h fa-lg mt-4"></i><br />arrows-h
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows-v fa-lg mt-4"></i><br />arrows-v
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-down fa-lg mt-4"></i><br />caret-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-left fa-lg mt-4"></i><br />caret-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-right fa-lg mt-4"></i><br />caret-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-down fa-lg mt-4"></i><br />caret-square-o-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-left fa-lg mt-4"></i><br />caret-square-o-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-right fa-lg mt-4"></i><br />caret-square-o-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-square-o-up fa-lg mt-4"></i><br />caret-square-o-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-caret-up fa-lg mt-4"></i><br />caret-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-circle-down fa-lg mt-4"></i><br />chevron-circle-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-circle-left fa-lg mt-4"></i><br />chevron-circle-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-circle-right fa-lg mt-4"></i><br />chevron-circle-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-circle-up fa-lg mt-4"></i><br />chevron-circle-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-down fa-lg mt-4"></i><br />chevron-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-left fa-lg mt-4"></i><br />chevron-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-right fa-lg mt-4"></i><br />chevron-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chevron-up fa-lg mt-4"></i><br />chevron-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-exchange fa-lg mt-4"></i><br />exchange
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-down fa-lg mt-4"></i><br />hand-o-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-left fa-lg mt-4"></i><br />hand-o-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-right fa-lg mt-4"></i><br />hand-o-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hand-o-up fa-lg mt-4"></i><br />hand-o-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-long-arrow-down fa-lg mt-4"></i><br />long-arrow-down
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-long-arrow-left fa-lg mt-4"></i><br />long-arrow-left
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-long-arrow-right fa-lg mt-4"></i><br />long-arrow-right
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-long-arrow-up fa-lg mt-4"></i><br />long-arrow-up
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-down fa-lg mt-4"></i><br />toggle-down <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-left fa-lg mt-4"></i><br />toggle-left <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-right fa-lg mt-4"></i><br />toggle-right <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-toggle-up fa-lg mt-4"></i><br />toggle-up <span className="text-muted">(alias)</span>
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="video-player">
- <CardHeader>Video Player Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-arrows-alt fa-lg mt-4"></i><br />arrows-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-backward fa-lg mt-4"></i><br />backward
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-compress fa-lg mt-4"></i><br />compress
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-eject fa-lg mt-4"></i><br />eject
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-expand fa-lg mt-4"></i><br />expand
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fast-backward fa-lg mt-4"></i><br />fast-backward
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fast-forward fa-lg mt-4"></i><br />fast-forward
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-forward fa-lg mt-4"></i><br />forward
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pause fa-lg mt-4"></i><br />pause
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pause-circle fa-lg mt-4"></i><br />pause-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pause-circle-o fa-lg mt-4"></i><br />pause-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-play fa-lg mt-4"></i><br />play
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-play-circle fa-lg mt-4"></i><br />play-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-play-circle-o fa-lg mt-4"></i><br />play-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-random fa-lg mt-4"></i><br />random
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-step-backward fa-lg mt-4"></i><br />step-backward
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-step-forward fa-lg mt-4"></i><br />step-forward
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stop fa-lg mt-4"></i><br />stop
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stop-circle fa-lg mt-4"></i><br />stop-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stop-circle-o fa-lg mt-4"></i><br />stop-circle-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-youtube-play fa-lg mt-4"></i><br />youtube-play
- </Col>
-
- </Row>
- </CardBody>
- </Card>
-
- <Card id="brand">
- <CardHeader>Brand Icons</CardHeader>
- <CardBody>
- <Alert color="warning">
- <h4><i className="fa fa-warning"></i> Warning!</h4>
- Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social
- Media Buttons" setting. We will not use hacks to force them to display. Please
- <a href="https://adblockplus.org/en/bugs" className="alert-link"> report an issue with Adblock Plus</a> if
- you believe this to be
- an error. To work around this, you'll need to modify the social icon class names.
- </Alert>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-500px fa-lg mt-4"></i><br />500px
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-adn fa-lg mt-4"></i><br />adn
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-amazon fa-lg mt-4"></i><br />amazon
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-android fa-lg mt-4"></i><br />android
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-angellist fa-lg mt-4"></i><br />angellist
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-apple fa-lg mt-4"></i><br />apple
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-behance fa-lg mt-4"></i><br />behance
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-behance-square fa-lg mt-4"></i><br />behance-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bitbucket fa-lg mt-4"></i><br />bitbucket
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bitbucket-square fa-lg mt-4"></i><br />bitbucket-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bitcoin fa-lg mt-4"></i><br />bitcoin <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-black-tie fa-lg mt-4"></i><br />black-tie
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bluetooth fa-lg mt-4"></i><br />bluetooth
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-bluetooth-b fa-lg mt-4"></i><br />bluetooth-b
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-btc fa-lg mt-4"></i><br />btc
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-buysellads fa-lg mt-4"></i><br />buysellads
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-amex fa-lg mt-4"></i><br />cc-amex
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-diners-club fa-lg mt-4"></i><br />cc-diners-club
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-discover fa-lg mt-4"></i><br />cc-discover
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-jcb fa-lg mt-4"></i><br />cc-jcb
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-mastercard fa-lg mt-4"></i><br />cc-mastercard
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-paypal fa-lg mt-4"></i><br />cc-paypal
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-stripe fa-lg mt-4"></i><br />cc-stripe
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-cc-visa fa-lg mt-4"></i><br />cc-visa
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-chrome fa-lg mt-4"></i><br />chrome
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-codepen fa-lg mt-4"></i><br />codepen
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-codiepie fa-lg mt-4"></i><br />codiepie
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-connectdevelop fa-lg mt-4"></i><br />connectdevelop
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-contao fa-lg mt-4"></i><br />contao
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-css3 fa-lg mt-4"></i><br />css3
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dashcube fa-lg mt-4"></i><br />dashcube
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-delicious fa-lg mt-4"></i><br />delicious
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-deviantart fa-lg mt-4"></i><br />deviantart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-digg fa-lg mt-4"></i><br />digg
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dribbble fa-lg mt-4"></i><br />dribbble
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-dropbox fa-lg mt-4"></i><br />dropbox
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-drupal fa-lg mt-4"></i><br />drupal
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-edge fa-lg mt-4"></i><br />edge
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-empire fa-lg mt-4"></i><br />empire
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-expeditedssl fa-lg mt-4"></i><br />expeditedssl
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-facebook fa-lg mt-4"></i><br />facebook
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-facebook-f fa-lg mt-4"></i><br />facebook-f <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-facebook-official fa-lg mt-4"></i><br />facebook-official
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-facebook-square fa-lg mt-4"></i><br />facebook-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-firefox fa-lg mt-4"></i><br />firefox
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-flickr fa-lg mt-4"></i><br />flickr
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fonticons fa-lg mt-4"></i><br />fonticons
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-fort-awesome fa-lg mt-4"></i><br />fort-awesome
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-forumbee fa-lg mt-4"></i><br />forumbee
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-foursquare fa-lg mt-4"></i><br />foursquare
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ge fa-lg mt-4"></i><br />ge <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-get-pocket fa-lg mt-4"></i><br />get-pocket
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gg fa-lg mt-4"></i><br />gg
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gg-circle fa-lg mt-4"></i><br />gg-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-git fa-lg mt-4"></i><br />git
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-git-square fa-lg mt-4"></i><br />git-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-github fa-lg mt-4"></i><br />github
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-github-alt fa-lg mt-4"></i><br />github-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-github-square fa-lg mt-4"></i><br />github-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gittip fa-lg mt-4"></i><br />gittip <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-google fa-lg mt-4"></i><br />google
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-google-plus fa-lg mt-4"></i><br />google-plus
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-google-plus-square fa-lg mt-4"></i><br />google-plus-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-google-wallet fa-lg mt-4"></i><br />google-wallet
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-gratipay fa-lg mt-4"></i><br />gratipay
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hacker-news fa-lg mt-4"></i><br />hacker-news
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-houzz fa-lg mt-4"></i><br />houzz
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-html5 fa-lg mt-4"></i><br />html5
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-instagram fa-lg mt-4"></i><br />instagram
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-internet-explorer fa-lg mt-4"></i><br />internet-explorer
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ioxhost fa-lg mt-4"></i><br />ioxhost
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-joomla fa-lg mt-4"></i><br />joomla
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-jsfiddle fa-lg mt-4"></i><br />jsfiddle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-lastfm fa-lg mt-4"></i><br />lastfm
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-lastfm-square fa-lg mt-4"></i><br />lastfm-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-leanpub fa-lg mt-4"></i><br />leanpub
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-linkedin fa-lg mt-4"></i><br />linkedin
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-linkedin-square fa-lg mt-4"></i><br />linkedin-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-linux fa-lg mt-4"></i><br />linux
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-maxcdn fa-lg mt-4"></i><br />maxcdn
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-meanpath fa-lg mt-4"></i><br />meanpath
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-medium fa-lg mt-4"></i><br />medium
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-mixcloud fa-lg mt-4"></i><br />mixcloud
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-modx fa-lg mt-4"></i><br />modx
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-odnoklassniki fa-lg mt-4"></i><br />odnoklassniki
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-odnoklassniki-square fa-lg mt-4"></i><br />odnoklassniki-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-opencart fa-lg mt-4"></i><br />opencart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-openid fa-lg mt-4"></i><br />openid
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-opera fa-lg mt-4"></i><br />opera
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-optin-monster fa-lg mt-4"></i><br />optin-monster
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pagelines fa-lg mt-4"></i><br />pagelines
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-paypal fa-lg mt-4"></i><br />paypal
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pied-piper fa-lg mt-4"></i><br />pied-piper
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pied-piper-alt fa-lg mt-4"></i><br />pied-piper-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pinterest fa-lg mt-4"></i><br />pinterest
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pinterest-p fa-lg mt-4"></i><br />pinterest-p
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-pinterest-square fa-lg mt-4"></i><br />pinterest-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-product-hunt fa-lg mt-4"></i><br />product-hunt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-qq fa-lg mt-4"></i><br />qq
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ra fa-lg mt-4"></i><br />ra <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-rebel fa-lg mt-4"></i><br />rebel
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-reddit fa-lg mt-4"></i><br />reddit
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-reddit-alien fa-lg mt-4"></i><br />reddit-alien
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-reddit-square fa-lg mt-4"></i><br />reddit-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-renren fa-lg mt-4"></i><br />renren
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-safari fa-lg mt-4"></i><br />safari
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-scribd fa-lg mt-4"></i><br />scribd
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-sellsy fa-lg mt-4"></i><br />sellsy
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-share-alt fa-lg mt-4"></i><br />share-alt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-share-alt-square fa-lg mt-4"></i><br />share-alt-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-shirtsinbulk fa-lg mt-4"></i><br />shirtsinbulk
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-simplybuilt fa-lg mt-4"></i><br />simplybuilt
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-skyatlas fa-lg mt-4"></i><br />skyatlas
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-skype fa-lg mt-4"></i><br />skype
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-slack fa-lg mt-4"></i><br />slack
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-slideshare fa-lg mt-4"></i><br />slideshare
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-soundcloud fa-lg mt-4"></i><br />soundcloud
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-spotify fa-lg mt-4"></i><br />spotify
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stack-exchange fa-lg mt-4"></i><br />stack-exchange
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stack-overflow fa-lg mt-4"></i><br />stack-overflow
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-steam fa-lg mt-4"></i><br />steam
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-steam-square fa-lg mt-4"></i><br />steam-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stumbleupon fa-lg mt-4"></i><br />stumbleupon
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stumbleupon-circle fa-lg mt-4"></i><br />stumbleupon-circle
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tencent-weibo fa-lg mt-4"></i><br />tencent-weibo
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-trello fa-lg mt-4"></i><br />trello
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tripadvisor fa-lg mt-4"></i><br />tripadvisor
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tumblr fa-lg mt-4"></i><br />tumblr
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-tumblr-square fa-lg mt-4"></i><br />tumblr-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-twitch fa-lg mt-4"></i><br />twitch
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-twitter fa-lg mt-4"></i><br />twitter
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-twitter-square fa-lg mt-4"></i><br />twitter-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-usb fa-lg mt-4"></i><br />usb
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-viacoin fa-lg mt-4"></i><br />viacoin
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-vimeo fa-lg mt-4"></i><br />vimeo
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-vimeo-square fa-lg mt-4"></i><br />vimeo-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-vine fa-lg mt-4"></i><br />vine
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-vk fa-lg mt-4"></i><br />vk
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wechat fa-lg mt-4"></i><br />wechat <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-weibo fa-lg mt-4"></i><br />weibo
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-weixin fa-lg mt-4"></i><br />weixin
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-whatsapp fa-lg mt-4"></i><br />whatsapp
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wikipedia-w fa-lg mt-4"></i><br />wikipedia-w
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-windows fa-lg mt-4"></i><br />windows
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wordpress fa-lg mt-4"></i><br />wordpress
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-xing fa-lg mt-4"></i><br />xing
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-xing-square fa-lg mt-4"></i><br />xing-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-y-combinator fa-lg mt-4"></i><br />y-combinator
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-y-combinator-square fa-lg mt-4"></i><br />y-combinator-square <span
- className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-yahoo fa-lg mt-4"></i><br />yahoo
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-yc fa-lg mt-4"></i><br />yc <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-yc-square fa-lg mt-4"></i><br />yc-square <span className="text-muted">(alias)</span>
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-yelp fa-lg mt-4"></i><br />yelp
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-youtube fa-lg mt-4"></i><br />youtube
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-youtube-play fa-lg mt-4"></i><br />youtube-play
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-youtube-square fa-lg mt-4"></i><br />youtube-square
- </Col>
- </Row>
- <Alert color="success" className="mt-4">
- <ul className="margin-bottom-none padding-left-lg">
- <li>All brand icons are trademarks of their respective owners.</li>
- <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome,
- nor vice versa.
- </li>
- <li>Brand icons should only be used to represent the company or product to which they refer.</li>
- </ul>
- </Alert>
- </CardBody>
- </Card>
-
- <Card id="medical">
- <CardHeader>Medical Icons</CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-ambulance fa-lg mt-4"></i><br />ambulance
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-h-square fa-lg mt-4"></i><br />h-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-heart fa-lg mt-4"></i><br />heart
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-heart-o fa-lg mt-4"></i><br />heart-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-heartbeat fa-lg mt-4"></i><br />heartbeat
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-hospital-o fa-lg mt-4"></i><br />hospital-o
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-medkit fa-lg mt-4"></i><br />medkit
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-plus-square fa-lg mt-4"></i><br />plus-square
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-stethoscope fa-lg mt-4"></i><br />stethoscope
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-user-md fa-lg mt-4"></i><br />user-md
- </Col>
-
- <Col xs="6" sm="4" md="3" lg="2">
- <i className="fa fa-wheelchair fa-lg mt-4"></i><br />wheelchair
- </Col>
-
- </Row>
- </CardBody>
- </Card>
- </div>
-
- );
- }
-}
-
-export default FontAwesome;
diff --git a/old-modules/src_example/views/Icons/FontAwesome/FontAwesome.test.js b/old-modules/src_example/views/Icons/FontAwesome/FontAwesome.test.js
deleted file mode 100644
index f9ceb5d..0000000
--- a/old-modules/src_example/views/Icons/FontAwesome/FontAwesome.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import FontAwesome from './FontAwesome';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<FontAwesome />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
\ No newline at end of file
diff --git a/old-modules/src_example/views/Icons/FontAwesome/package.json b/old-modules/src_example/views/Icons/FontAwesome/package.json
deleted file mode 100644
index 91f35f6..0000000
--- a/old-modules/src_example/views/Icons/FontAwesome/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "FontAwesome",
- "version": "0.0.0",
- "private": true,
- "main": "./FontAwesome.js"
-}
diff --git a/old-modules/src_example/views/Icons/SimpleLineIcons/SimpleLineIcons.js b/old-modules/src_example/views/Icons/SimpleLineIcons/SimpleLineIcons.js
deleted file mode 100644
index 4904816..0000000
--- a/old-modules/src_example/views/Icons/SimpleLineIcons/SimpleLineIcons.js
+++ /dev/null
@@ -1,770 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class SimpleLineIcons extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Card>
- <CardHeader>
- <i className="fa fa-picture-o"></i> Simple Line Icons
- </CardHeader>
- <CardBody>
- <Row className="text-center">
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-user icons font-2xl d-block mt-4"></i>icon-user
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-people icons font-2xl d-block mt-4"></i>icon-people
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-user-female icons font-2xl d-block mt-4"></i>icon-user-female
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-user-follow icons font-2xl d-block mt-4"></i>icon-user-follow
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-user-following icons font-2xl d-block mt-4"></i>icon-user-following
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-user-unfollow icons font-2xl d-block mt-4"></i>icon-user-unfollow
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-login icons font-2xl d-block mt-4"></i>icon-login
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-logout icons font-2xl d-block mt-4"></i>icon-logout
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-emotsmile icons font-2xl d-block mt-4"></i>icon-emotsmile
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-phone icons font-2xl d-block mt-4"></i>icon-phone
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-call-end icons font-2xl d-block mt-4"></i>icon-call-end
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-call-in icons font-2xl d-block mt-4"></i>icon-call-in
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-call-out icons font-2xl d-block mt-4"></i>icon-call-out
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-map icons font-2xl d-block mt-4"></i>icon-map
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-location-pin icons font-2xl d-block mt-4"></i>icon-location-pin
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-direction icons font-2xl d-block mt-4"></i>icon-direction
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-directions icons font-2xl d-block mt-4"></i>icon-directions
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-compass icons font-2xl d-block mt-4"></i>icon-compass
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-layers icons font-2xl d-block mt-4"></i>icon-layers
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-menu icons font-2xl d-block mt-4"></i>icon-menu
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-list icons font-2xl d-block mt-4"></i>icon-list
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-options-vertical icons font-2xl d-block mt-4"></i>icon-options-vertical
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-options icons font-2xl d-block mt-4"></i>icon-options
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-down icons font-2xl d-block mt-4"></i>icon-arrow-down
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-left icons font-2xl d-block mt-4"></i>icon-arrow-left
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-right icons font-2xl d-block mt-4"></i>icon-arrow-right
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-up icons font-2xl d-block mt-4"></i>icon-arrow-up
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-up-circle icons font-2xl d-block mt-4"></i>icon-arrow-up-circle
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-left-circle icons font-2xl d-block mt-4"></i>icon-arrow-left-circle
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-right-circle icons font-2xl d-block mt-4"></i>icon-arrow-right-circle
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-arrow-down-circle icons font-2xl d-block mt-4"></i>icon-arrow-down-circle
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-check icons font-2xl d-block mt-4"></i>icon-check
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-clock icons font-2xl d-block mt-4"></i>icon-clock
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-plus icons font-2xl d-block mt-4"></i>icon-plus
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-close icons font-2xl d-block mt-4"></i>icon-close
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-trophy icons font-2xl d-block mt-4"></i>icon-trophy
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-screen-smartphone icons font-2xl d-block mt-4"></i>icon-screen-smartphone
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-screen-desktop icons font-2xl d-block mt-4"></i>icon-screen-desktop
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-plane icons font-2xl d-block mt-4"></i>icon-plane
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-notebook icons font-2xl d-block mt-4"></i>icon-notebook
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-mustache icons font-2xl d-block mt-4"></i>icon-mustache
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-mouse icons font-2xl d-block mt-4"></i>icon-mouse
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-magnet icons font-2xl d-block mt-4"></i>icon-magnet
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-energy icons font-2xl d-block mt-4"></i>icon-energy
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-disc icons font-2xl d-block mt-4"></i>icon-disc
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-cursor icons font-2xl d-block mt-4"></i>icon-cursor
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-cursor-move icons font-2xl d-block mt-4"></i>icon-cursor-move
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-crop icons font-2xl d-block mt-4"></i>icon-crop
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-chemistry icons font-2xl d-block mt-4"></i>icon-chemistry
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-speedometer icons font-2xl d-block mt-4"></i>icon-speedometer
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-shield icons font-2xl d-block mt-4"></i>icon-shield
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-screen-tablet icons font-2xl d-block mt-4"></i>icon-screen-tablet
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-magic-wand icons font-2xl d-block mt-4"></i>icon-magic-wand
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-hourglass icons font-2xl d-block mt-4"></i>icon-hourglass
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-graduation icons font-2xl d-block mt-4"></i>icon-graduation
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-ghost icons font-2xl d-block mt-4"></i>icon-ghost
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-game-controller icons font-2xl d-block mt-4"></i>icon-game-controller
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-fire icons font-2xl d-block mt-4"></i>icon-fire
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-eyeglass icons font-2xl d-block mt-4"></i>icon-eyeglass
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-envelope-open icons font-2xl d-block mt-4"></i>icon-envelope-open
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-envelope-letter icons font-2xl d-block mt-4"></i>icon-envelope-letter
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-bell icons font-2xl d-block mt-4"></i>icon-bell
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-badge icons font-2xl d-block mt-4"></i>icon-badge
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-anchor icons font-2xl d-block mt-4"></i>icon-anchor
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-wallet icons font-2xl d-block mt-4"></i>icon-wallet
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-vector icons font-2xl d-block mt-4"></i>icon-vector
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-speech icons font-2xl d-block mt-4"></i>icon-speech
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-puzzle icons font-2xl d-block mt-4"></i>icon-puzzle
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-printer icons font-2xl d-block mt-4"></i>icon-printer
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-present icons font-2xl d-block mt-4"></i>icon-present
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-playlist icons font-2xl d-block mt-4"></i>icon-playlist
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-pin icons font-2xl d-block mt-4"></i>icon-pin
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-picture icons font-2xl d-block mt-4"></i>icon-picture
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-handbag icons font-2xl d-block mt-4"></i>icon-handbag
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-globe-alt icons font-2xl d-block mt-4"></i>icon-globe-alt
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-globe icons font-2xl d-block mt-4"></i>icon-globe
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-folder-alt icons font-2xl d-block mt-4"></i>icon-folder-alt
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-folder icons font-2xl d-block mt-4"></i>icon-folder
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-film icons font-2xl d-block mt-4"></i>icon-film
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-feed icons font-2xl d-block mt-4"></i>icon-feed
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-drop icons font-2xl d-block mt-4"></i>icon-drop
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-drawer icons font-2xl d-block mt-4"></i>icon-drawer
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-docs icons font-2xl d-block mt-4"></i>icon-docs
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-doc icons font-2xl d-block mt-4"></i>icon-doc
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-diamond icons font-2xl d-block mt-4"></i>icon-diamond
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-cup icons font-2xl d-block mt-4"></i>icon-cup
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-calculator icons font-2xl d-block mt-4"></i>icon-calculator
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-bubbles icons font-2xl d-block mt-4"></i>icon-bubbles
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-briefcase icons font-2xl d-block mt-4"></i>icon-briefcase
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-book-open icons font-2xl d-block mt-4"></i>icon-book-open
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-basket-loaded icons font-2xl d-block mt-4"></i>icon-basket-loaded
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-basket icons font-2xl d-block mt-4"></i>icon-basket
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-bag icons font-2xl d-block mt-4"></i>icon-bag
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-action-undo icons font-2xl d-block mt-4"></i>icon-action-undo
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-action-redo icons font-2xl d-block mt-4"></i>icon-action-redo
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-wrench icons font-2xl d-block mt-4"></i>icon-wrench
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-umbrella icons font-2xl d-block mt-4"></i>icon-umbrella
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-trash icons font-2xl d-block mt-4"></i>icon-trash
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-tag icons font-2xl d-block mt-4"></i>icon-tag
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-support icons font-2xl d-block mt-4"></i>icon-support
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-frame icons font-2xl d-block mt-4"></i>icon-frame
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-size-fullscreen icons font-2xl d-block mt-4"></i>icon-size-fullscreen
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-size-actual icons font-2xl d-block mt-4"></i>icon-size-actual
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-shuffle icons font-2xl d-block mt-4"></i>icon-shuffle
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-share-alt icons font-2xl d-block mt-4"></i>icon-share-alt
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-share icons font-2xl d-block mt-4"></i>icon-share
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-rocket icons font-2xl d-block mt-4"></i>icon-rocket
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-question icons font-2xl d-block mt-4"></i>icon-question
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-pie-chart icons font-2xl d-block mt-4"></i>icon-pie-chart
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-pencil icons font-2xl d-block mt-4"></i>icon-pencil
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-note icons font-2xl d-block mt-4"></i>icon-note
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-loop icons font-2xl d-block mt-4"></i>icon-loop
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-home icons font-2xl d-block mt-4"></i>icon-home
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-grid icons font-2xl d-block mt-4"></i>icon-grid
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-graph icons font-2xl d-block mt-4"></i>icon-graph
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-microphone icons font-2xl d-block mt-4"></i>icon-microphone
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-music-tone-alt icons font-2xl d-block mt-4"></i>icon-music-tone-alt
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-music-tone icons font-2xl d-block mt-4"></i>icon-music-tone
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-earphones-alt icons font-2xl d-block mt-4"></i>icon-earphones-alt
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-earphones icons font-2xl d-block mt-4"></i>icon-earphones
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-equalizer icons font-2xl d-block mt-4"></i>icon-equalizer
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-like icons font-2xl d-block mt-4"></i>icon-like
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-dislike icons font-2xl d-block mt-4"></i>icon-dislike
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-control-start icons font-2xl d-block mt-4"></i>icon-control-start
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-control-rewind icons font-2xl d-block mt-4"></i>icon-control-rewind
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-control-play icons font-2xl d-block mt-4"></i>icon-control-play
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-control-pause icons font-2xl d-block mt-4"></i>icon-control-pause
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-control-forward icons font-2xl d-block mt-4"></i>icon-control-forward
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-control-end icons font-2xl d-block mt-4"></i>icon-control-end
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-volume-1 icons font-2xl d-block mt-4"></i>icon-volume-1
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-volume-2 icons font-2xl d-block mt-4"></i>icon-volume-2
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-volume-off icons font-2xl d-block mt-4"></i>icon-volume-off
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-calendar icons font-2xl d-block mt-4"></i>icon-calendar
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-bulb icons font-2xl d-block mt-4"></i>icon-bulb
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-chart icons font-2xl d-block mt-4"></i>icon-chart
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-ban icons font-2xl d-block mt-4"></i>icon-ban
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-bubble icons font-2xl d-block mt-4"></i>icon-bubble
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-camrecorder icons font-2xl d-block mt-4"></i>icon-camrecorder
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-camera icons font-2xl d-block mt-4"></i>icon-camera
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-cloud-download icons font-2xl d-block mt-4"></i>icon-cloud-download
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-cloud-upload icons font-2xl d-block mt-4"></i>icon-cloud-upload
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-envelope icons font-2xl d-block mt-4"></i>icon-envelope
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-eye icons font-2xl d-block mt-4"></i>icon-eye
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-flag icons font-2xl d-block mt-4"></i>icon-flag
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-heart icons font-2xl d-block mt-4"></i>icon-heart
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-info icons font-2xl d-block mt-4"></i>icon-info
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-key icons font-2xl d-block mt-4"></i>icon-key
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-link icons font-2xl d-block mt-4"></i>icon-link
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-lock icons font-2xl d-block mt-4"></i>icon-lock
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-lock-open icons font-2xl d-block mt-4"></i>icon-lock-open
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-magnifier icons font-2xl d-block mt-4"></i>icon-magnifier
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-magnifier-add icons font-2xl d-block mt-4"></i>icon-magnifier-add
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-magnifier-remove icons font-2xl d-block mt-4"></i>icon-magnifier-remove
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-paper-clip icons font-2xl d-block mt-4"></i>icon-paper-clip
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-paper-plane icons font-2xl d-block mt-4"></i>icon-paper-plane
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-power icons font-2xl d-block mt-4"></i>icon-power
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-refresh icons font-2xl d-block mt-4"></i>icon-refresh
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-reload icons font-2xl d-block mt-4"></i>icon-reload
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-settings icons font-2xl d-block mt-4"></i>icon-settings
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-star icons font-2xl d-block mt-4"></i>icon-star
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-symbol-female icons font-2xl d-block mt-4"></i>icon-symbol-female
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-symbol-male icons font-2xl d-block mt-4"></i>icon-symbol-male
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-target icons font-2xl d-block mt-4"></i>icon-target
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-credit-card icons font-2xl d-block mt-4"></i>icon-credit-card
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-paypal icons font-2xl d-block mt-4"></i>icon-paypal
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-tumblr icons font-2xl d-block mt-4"></i>icon-social-tumblr
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-twitter icons font-2xl d-block mt-4"></i>icon-social-twitter
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-facebook icons font-2xl d-block mt-4"></i>icon-social-facebook
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-instagram icons font-2xl d-block mt-4"></i>icon-social-instagram
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-linkedin icons font-2xl d-block mt-4"></i>icon-social-linkedin
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-pinterest icons font-2xl d-block mt-4"></i>icon-social-pinterest
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-github icons font-2xl d-block mt-4"></i>icon-social-github
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-gplus icons font-2xl d-block mt-4"></i>icon-social-gplus
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-reddit icons font-2xl d-block mt-4"></i>icon-social-reddit
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-skype icons font-2xl d-block mt-4"></i>icon-social-skype
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-dribbble icons font-2xl d-block mt-4"></i>icon-social-dribbble
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-behance icons font-2xl d-block mt-4"></i>icon-social-behance
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-foursqare icons font-2xl d-block mt-4"></i>icon-social-foursqare
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-soundcloud icons font-2xl d-block mt-4"></i>icon-social-soundcloud
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-spotify icons font-2xl d-block mt-4"></i>icon-social-spotify
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-stumbleupon icons font-2xl d-block mt-4"></i>icon-social-stumbleupon
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-youtube icons font-2xl d-block mt-4"></i>icon-social-youtube
- </Col>
-
- <Col xs="6" sm="4" md="3">
- <i className="icon-social-dropbox icons font-2xl d-block mt-4"></i>icon-social-dropbox
- </Col>
-
- </Row>
- </CardBody>
- </Card>
- </div>
- );
- }
-}
-
-export default SimpleLineIcons;
diff --git a/old-modules/src_example/views/Icons/SimpleLineIcons/SimpleLineIcons.test.js b/old-modules/src_example/views/Icons/SimpleLineIcons/SimpleLineIcons.test.js
deleted file mode 100644
index 59e3fbe..0000000
--- a/old-modules/src_example/views/Icons/SimpleLineIcons/SimpleLineIcons.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import SimpleLineIcons from './SimpleLineIcons';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<SimpleLineIcons />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
\ No newline at end of file
diff --git a/old-modules/src_example/views/Icons/SimpleLineIcons/package.json b/old-modules/src_example/views/Icons/SimpleLineIcons/package.json
deleted file mode 100644
index f9437fe..0000000
--- a/old-modules/src_example/views/Icons/SimpleLineIcons/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "SimpleLineIcons",
- "version": "0.0.0",
- "private": true,
- "main": "./SimpleLineIcons.js"
-}
diff --git a/old-modules/src_example/views/Icons/index.js b/old-modules/src_example/views/Icons/index.js
deleted file mode 100644
index bcec695..0000000
--- a/old-modules/src_example/views/Icons/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import CoreUIIcons from './CoreUIIcons';
-import Flags from './Flags';
-import FontAwesome from './FontAwesome';
-import SimpleLineIcons from './SimpleLineIcons';
-
-export {
- CoreUIIcons, Flags, FontAwesome, SimpleLineIcons
-};
diff --git a/old-modules/src_example/views/Notifications/Alerts/Alerts.js b/old-modules/src_example/views/Notifications/Alerts/Alerts.js
deleted file mode 100644
index 34e3c91..0000000
--- a/old-modules/src_example/views/Notifications/Alerts/Alerts.js
+++ /dev/null
@@ -1,153 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Alert, Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
-
-class Alerts extends Component {
- constructor(props) {
- super(props);
-
- this.state = {
- visible: true,
- };
-
- this.onDismiss = this.onDismiss.bind(this);
- }
-
- onDismiss() {
- this.setState({ visible: false });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Alerts</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/alerts/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <Alert color="primary">
- This is a primary alert — check it out!
- </Alert>
- <Alert color="secondary">
- This is a secondary alert — check it out!
- </Alert>
- <Alert color="success">
- This is a success alert — check it out!
- </Alert>
- <Alert color="danger">
- This is a danger alert — check it out!
- </Alert>
- <Alert color="warning">
- This is a warning alert — check it out!
- </Alert>
- <Alert color="info">
- This is a info alert — check it out!
- </Alert>
- <Alert color="light">
- This is a light alert — check it out!
- </Alert>
- <Alert color="dark">
- This is a dark alert — check it out!
- </Alert>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Alerts</strong>
- <small> use <code>.alert-link</code> to provide links</small>
- </CardHeader>
- <CardBody>
- <Alert color="primary">
- This is a primary alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- <Alert color="secondary">
- This is a secondary alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- <Alert color="success">
- This is a success alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- <Alert color="danger">
- This is a danger alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- <Alert color="warning">
- This is a warning alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- <Alert color="info">
- This is a info alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- <Alert color="light">
- This is a light alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- <Alert color="dark">
- This is a dark alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
- </Alert>
- </CardBody>
- </Card>
- </Col>
- </Row>
- <Row>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Alerts</strong>
- <small>additional content</small>
- </CardHeader>
- <CardBody>
- <Alert color="success">
- <h4 className="alert-heading">Well done!</h4>
- <p>
- Aww yeah, you successfully read this important alert message. This example text is going
- to run a bit longer so that you can see how spacing within an alert works with this kind
- of content.
- </p>
- <hr />
- <p className="mb-0">
- Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
- </p>
- </Alert>
- </CardBody>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Alerts</strong>
- <small>dismissing</small>
- </CardHeader>
- <CardBody>
- <Alert color="info" isOpen={this.state.visible} toggle={this.onDismiss}>
- I am an alert and I can be dismissed!
- </Alert>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Alerts;
diff --git a/old-modules/src_example/views/Notifications/Alerts/Alerts.test.js b/old-modules/src_example/views/Notifications/Alerts/Alerts.test.js
deleted file mode 100644
index 511ea8f..0000000
--- a/old-modules/src_example/views/Notifications/Alerts/Alerts.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Alerts from './Alerts';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Alerts />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Notifications/Alerts/package.json b/old-modules/src_example/views/Notifications/Alerts/package.json
deleted file mode 100644
index f0234ec..0000000
--- a/old-modules/src_example/views/Notifications/Alerts/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Alerts",
- "version": "0.0.0",
- "private": true,
- "main": "./Alerts.js"
-}
diff --git a/old-modules/src_example/views/Notifications/Badges/Badges.js b/old-modules/src_example/views/Notifications/Badges/Badges.js
deleted file mode 100644
index d536e52..0000000
--- a/old-modules/src_example/views/Notifications/Badges/Badges.js
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Button, Card, CardBody, CardFooter, CardHeader, Col, Row } from 'reactstrap';
-
-class Badges extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Badges</strong>
- <div className="card-header-actions">
- <a href="https://reactstrap.github.io/components/badge/" rel="noreferrer noopener" target="_blank" className="card-header-action">
- <small className="text-muted">docs</small>
- </a>
- </div>
- </CardHeader>
- <CardBody>
- <h1>Heading <Badge color="secondary">New</Badge></h1>
- <h2>Heading <Badge color="secondary">New</Badge></h2>
- <h3>Heading <Badge color="secondary">New</Badge></h3>
- <h4>Heading <Badge color="secondary">New</Badge></h4>
- <h5>Heading <Badge color="secondary">New</Badge></h5>
- <h6>Heading <Badge color="secondary">New</Badge></h6>
- </CardBody>
- <CardFooter>
- <Button color="primary" outline>
- Notifications <Badge color="secondary" pill style={{ position: 'static' }}>9</Badge>
- </Button>
- </CardFooter>
- </Card>
- </Col>
- <Col xs="12" md="6">
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Badges</strong> <small>contextual variations</small>
- </CardHeader>
- <CardBody>
- <Badge className="mr-1" color="primary">Primary</Badge>
- <Badge className="mr-1" color="secondary">Secondary</Badge>
- <Badge className="mr-1" color="success">Success</Badge>
- <Badge className="mr-1" color="danger">Danger</Badge>
- <Badge className="mr-1" color="warning">Warning</Badge>
- <Badge className="mr-1" color="info">Info</Badge>
- <Badge className="mr-1" color="light">Light</Badge>
- <Badge className="mr-1" color="dark">Dark</Badge>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Badges</strong> <small>pill badges</small>
- </CardHeader>
- <CardBody>
- <Badge className="mr-1" color="primary" pill>Primary</Badge>
- <Badge className="mr-1" color="secondary" pill>Secondary</Badge>
- <Badge className="mr-1" color="success" pill>Success</Badge>
- <Badge className="mr-1" color="danger" pill>Danger</Badge>
- <Badge className="mr-1" color="warning" pill>Warning</Badge>
- <Badge className="mr-1" color="info" pill>Info</Badge>
- <Badge className="mr-1" color="light" pill>Light</Badge>
- <Badge className="mr-1" color="dark" pill>Dark</Badge>
- </CardBody>
- </Card>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i><strong>Badges</strong> <small>links</small>
- </CardHeader>
- <CardBody>
- <Badge className="mr-1" href="#" color="primary">Primary</Badge>
- <Badge className="mr-1" href="#" color="secondary">Secondary</Badge>
- <Badge className="mr-1" href="#" color="success">Success</Badge>
- <Badge className="mr-1" href="#" color="danger">Danger</Badge>
- <Badge className="mr-1" href="#" color="warning">Warning</Badge>
- <Badge className="mr-1" href="#" color="info">Info</Badge>
- <Badge className="mr-1" href="#" color="light">Light</Badge>
- <Badge className="mr-1" href="#" color="dark" pill>Dark</Badge>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Badges;
diff --git a/old-modules/src_example/views/Notifications/Badges/Badges.test.js b/old-modules/src_example/views/Notifications/Badges/Badges.test.js
deleted file mode 100644
index 8490498..0000000
--- a/old-modules/src_example/views/Notifications/Badges/Badges.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Badges from './Badges';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Badges />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Notifications/Badges/package.json b/old-modules/src_example/views/Notifications/Badges/package.json
deleted file mode 100644
index 6ea6e74..0000000
--- a/old-modules/src_example/views/Notifications/Badges/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Badges",
- "version": "0.0.0",
- "private": true,
- "main": "./Badges.js"
-}
diff --git a/old-modules/src_example/views/Notifications/Modals/Modals.js b/old-modules/src_example/views/Notifications/Modals/Modals.js
deleted file mode 100644
index f18c5e5..0000000
--- a/old-modules/src_example/views/Notifications/Modals/Modals.js
+++ /dev/null
@@ -1,248 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardHeader, Col, Modal, ModalBody, ModalFooter, ModalHeader, Row } from 'reactstrap';
-
-class Modals extends Component {
-
- constructor(props) {
- super(props);
- this.state = {
- modal: false,
- large: false,
- small: false,
- primary: false,
- success: false,
- warning: false,
- danger: false,
- info: false,
- };
-
- this.toggle = this.toggle.bind(this);
- this.toggleLarge = this.toggleLarge.bind(this);
- this.toggleSmall = this.toggleSmall.bind(this);
- this.togglePrimary = this.togglePrimary.bind(this);
- this.toggleSuccess = this.toggleSuccess.bind(this);
- this.toggleWarning = this.toggleWarning.bind(this);
- this.toggleDanger = this.toggleDanger.bind(this);
- this.toggleInfo = this.toggleInfo.bind(this);
- }
-
- toggle() {
- this.setState({
- modal: !this.state.modal,
- });
- }
-
- toggleLarge() {
- this.setState({
- large: !this.state.large,
- });
- }
-
- toggleSmall() {
- this.setState({
- small: !this.state.small,
- });
- }
-
- togglePrimary() {
- this.setState({
- primary: !this.state.primary,
- });
- }
-
- toggleSuccess() {
- this.setState({
- success: !this.state.success,
- });
- }
-
- toggleWarning() {
- this.setState({
- warning: !this.state.warning,
- });
- }
-
- toggleDanger() {
- this.setState({
- danger: !this.state.danger,
- });
- }
-
- toggleInfo() {
- this.setState({
- info: !this.state.info,
- });
- }
-
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Bootstrap Modals
- </CardHeader>
- <CardBody>
- <Button onClick={this.toggle} className="mr-1">Launch demo modal</Button>
- <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}>
- <ModalHeader toggle={this.toggle}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="primary" onClick={this.toggle}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.toggle}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- <Button onClick={this.toggleLarge} className="mr-1">Launch large modal</Button>
- <Modal isOpen={this.state.large} toggle={this.toggleLarge}
- className={'modal-lg ' + this.props.className}>
- <ModalHeader toggle={this.toggleLarge}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="primary" onClick={this.toggleLarge}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.toggleLarge}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- <Button onClick={this.toggleSmall} className="mr-1">Launch small modal</Button>
- <Modal isOpen={this.state.small} toggle={this.toggleSmall}
- className={'modal-sm ' + this.props.className}>
- <ModalHeader toggle={this.toggleSmall}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="primary" onClick={this.toggleSmall}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.toggleSmall}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- <hr />
-
- <Button color="primary" onClick={this.togglePrimary} className="mr-1">Primary modal</Button>
- <Modal isOpen={this.state.primary} toggle={this.togglePrimary}
- className={'modal-primary ' + this.props.className}>
- <ModalHeader toggle={this.togglePrimary}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="primary" onClick={this.togglePrimary}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.togglePrimary}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- <Button color="success" onClick={this.toggleSuccess} className="mr-1">Success modal</Button>
- <Modal isOpen={this.state.success} toggle={this.toggleSuccess}
- className={'modal-success ' + this.props.className}>
- <ModalHeader toggle={this.toggleSuccess}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="success" onClick={this.toggleSuccess}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.toggleSuccess}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- <Button color="warning" onClick={this.toggleWarning} className="mr-1">Warning modal</Button>
- <Modal isOpen={this.state.warning} toggle={this.toggleWarning}
- className={'modal-warning ' + this.props.className}>
- <ModalHeader toggle={this.toggleWarning}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="warning" onClick={this.toggleWarning}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.toggleWarning}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- <Button color="danger" onClick={this.toggleDanger} className="mr-1">Danger modal</Button>
- <Modal isOpen={this.state.danger} toggle={this.toggleDanger}
- className={'modal-danger ' + this.props.className}>
- <ModalHeader toggle={this.toggleDanger}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="danger" onClick={this.toggleDanger}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.toggleDanger}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- <Button color="info" onClick={this.toggleInfo} className="mr-1">Info modal</Button>
- <Modal isOpen={this.state.info} toggle={this.toggleInfo}
- className={'modal-info ' + this.props.className}>
- <ModalHeader toggle={this.toggleInfo}>Modal title</ModalHeader>
- <ModalBody>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
- cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </ModalBody>
- <ModalFooter>
- <Button color="primary" onClick={this.toggleInfo}>Do Something</Button>{' '}
- <Button color="secondary" onClick={this.toggleInfo}>Cancel</Button>
- </ModalFooter>
- </Modal>
-
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Modals;
diff --git a/old-modules/src_example/views/Notifications/Modals/Modals.test.js b/old-modules/src_example/views/Notifications/Modals/Modals.test.js
deleted file mode 100644
index 2b3e906..0000000
--- a/old-modules/src_example/views/Notifications/Modals/Modals.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Modals from './Modals';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Modals />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Notifications/Modals/package.json b/old-modules/src_example/views/Notifications/Modals/package.json
deleted file mode 100644
index 04e7ea0..0000000
--- a/old-modules/src_example/views/Notifications/Modals/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Modals",
- "version": "0.0.0",
- "private": true,
- "main": "./Modals.js"
-}
diff --git a/old-modules/src_example/views/Notifications/index.js b/old-modules/src_example/views/Notifications/index.js
deleted file mode 100644
index 84b97c3..0000000
--- a/old-modules/src_example/views/Notifications/index.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import Alerts from './Alerts';
-import Badges from './Badges';
-import Modals from './Modals';
-
-export {
- Alerts, Badges, Modals
-};
diff --git a/old-modules/src_example/views/Pages/Login/Login.js b/old-modules/src_example/views/Pages/Login/Login.js
deleted file mode 100644
index f3ac252..0000000
--- a/old-modules/src_example/views/Pages/Login/Login.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardGroup, Col, Container, Form, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap';
-
-class Login extends Component {
- render() {
- return (
- <div className="app flex-row align-items-center">
- <Container>
- <Row className="justify-content-center">
- <Col md="8">
- <CardGroup>
- <Card className="p-4">
- <CardBody>
- <Form>
- <h1>Login</h1>
- <p className="text-muted">Sign In to your account</p>
- <InputGroup className="mb-3">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="icon-user"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input type="text" placeholder="Username" autoComplete="username" />
- </InputGroup>
- <InputGroup className="mb-4">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="icon-lock"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input type="password" placeholder="Password" autoComplete="current-password" />
- </InputGroup>
- <Row>
- <Col xs="6">
- <Button color="primary" className="px-4">Login</Button>
- </Col>
- <Col xs="6" className="text-right">
- <Button color="link" className="px-0">Forgot password?</Button>
- </Col>
- </Row>
- </Form>
- </CardBody>
- </Card>
- <Card className="text-white bg-primary py-5 d-md-down-none" style={{ width: 44 + '%' }}>
- <CardBody className="text-center">
- <div>
- <h2>Sign up</h2>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
- labore et dolore magna aliqua.</p>
- <Button color="primary" className="mt-3" active>Register Now!</Button>
- </div>
- </CardBody>
- </Card>
- </CardGroup>
- </Col>
- </Row>
- </Container>
- </div>
- );
- }
-}
-
-export default Login;
diff --git a/old-modules/src_example/views/Pages/Login/Login.test.js b/old-modules/src_example/views/Pages/Login/Login.test.js
deleted file mode 100644
index 607a400..0000000
--- a/old-modules/src_example/views/Pages/Login/Login.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Login from './Login';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Login />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Pages/Login/package.json b/old-modules/src_example/views/Pages/Login/package.json
deleted file mode 100644
index c01f87e..0000000
--- a/old-modules/src_example/views/Pages/Login/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Login",
- "version": "0.0.0",
- "private": true,
- "main": "./Login.js"
-}
diff --git a/old-modules/src_example/views/Pages/Page404/Page404.js b/old-modules/src_example/views/Pages/Page404/Page404.js
deleted file mode 100644
index 663f8be..0000000
--- a/old-modules/src_example/views/Pages/Page404/Page404.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap';
-
-class Page404 extends Component {
- render() {
- return (
- <div className="app flex-row align-items-center">
- <Container>
- <Row className="justify-content-center">
- <Col md="6">
- <div className="clearfix">
- <h1 className="float-left display-3 mr-4">404</h1>
- <h4 className="pt-3">Oops! You're lost.</h4>
- <p className="text-muted float-left">The page you are looking for was not found.</p>
- </div>
- <InputGroup className="input-prepend">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="fa fa-search"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input size="16" type="text" placeholder="What are you looking for?" />
- <InputGroupAddon addonType="append">
- <Button color="info">Search</Button>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </Row>
- </Container>
- </div>
- );
- }
-}
-
-export default Page404;
diff --git a/old-modules/src_example/views/Pages/Page404/Page404.test.js b/old-modules/src_example/views/Pages/Page404/Page404.test.js
deleted file mode 100644
index e953e4f..0000000
--- a/old-modules/src_example/views/Pages/Page404/Page404.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Page404 from './Page404';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Page404 />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Pages/Page404/package.json b/old-modules/src_example/views/Pages/Page404/package.json
deleted file mode 100644
index ffbc77c..0000000
--- a/old-modules/src_example/views/Pages/Page404/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Page404",
- "version": "0.0.0",
- "private": true,
- "main": "./Page404.js"
-}
diff --git a/old-modules/src_example/views/Pages/Page500/Page500.js b/old-modules/src_example/views/Pages/Page500/Page500.js
deleted file mode 100644
index 092f71f..0000000
--- a/old-modules/src_example/views/Pages/Page500/Page500.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap';
-
-class Page500 extends Component {
- render() {
- return (
- <div className="app flex-row align-items-center">
- <Container>
- <Row className="justify-content-center">
- <Col md="6">
- <span className="clearfix">
- <h1 className="float-left display-3 mr-4">500</h1>
- <h4 className="pt-3">Houston, we have a problem!</h4>
- <p className="text-muted float-left">The page you are looking for is temporarily unavailable.</p>
- </span>
- <InputGroup className="input-prepend">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="fa fa-search"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input size="16" type="text" placeholder="What are you looking for?" />
- <InputGroupAddon addonType="append">
- <Button color="info">Search</Button>
- </InputGroupAddon>
- </InputGroup>
- </Col>
- </Row>
- </Container>
- </div>
- );
- }
-}
-
-export default Page500;
diff --git a/old-modules/src_example/views/Pages/Page500/Page500.test.js b/old-modules/src_example/views/Pages/Page500/Page500.test.js
deleted file mode 100644
index b6cc5d5..0000000
--- a/old-modules/src_example/views/Pages/Page500/Page500.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Page500 from './Page500';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Page500 />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Pages/Page500/package.json b/old-modules/src_example/views/Pages/Page500/package.json
deleted file mode 100644
index 1c3ef2b..0000000
--- a/old-modules/src_example/views/Pages/Page500/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Page500",
- "version": "0.0.0",
- "private": true,
- "main": "./Page500.js"
-}
diff --git a/old-modules/src_example/views/Pages/Register/Register.js b/old-modules/src_example/views/Pages/Register/Register.js
deleted file mode 100644
index a5a0a5a..0000000
--- a/old-modules/src_example/views/Pages/Register/Register.js
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Button, Card, CardBody, CardFooter, Col, Container, Form, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap';
-
-class Register extends Component {
- render() {
- return (
- <div className="app flex-row align-items-center">
- <Container>
- <Row className="justify-content-center">
- <Col md="6">
- <Card className="mx-4">
- <CardBody className="p-4">
- <Form>
- <h1>Register</h1>
- <p className="text-muted">Create your account</p>
- <InputGroup className="mb-3">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="icon-user"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input type="text" placeholder="Username" autoComplete="username" />
- </InputGroup>
- <InputGroup className="mb-3">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>@</InputGroupText>
- </InputGroupAddon>
- <Input type="text" placeholder="Email" autoComplete="email" />
- </InputGroup>
- <InputGroup className="mb-3">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="icon-lock"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input type="password" placeholder="Password" autoComplete="new-password" />
- </InputGroup>
- <InputGroup className="mb-4">
- <InputGroupAddon addonType="prepend">
- <InputGroupText>
- <i className="icon-lock"></i>
- </InputGroupText>
- </InputGroupAddon>
- <Input type="password" placeholder="Repeat password" autoComplete="new-password" />
- </InputGroup>
- <Button color="success" block>Create Account</Button>
- </Form>
- </CardBody>
- <CardFooter className="p-4">
- <Row>
- <Col xs="12" sm="6">
- <Button className="btn-facebook" block><span>facebook</span></Button>
- </Col>
- <Col xs="12" sm="6">
- <Button className="btn-twitter" block><span>twitter</span></Button>
- </Col>
- </Row>
- </CardFooter>
- </Card>
- </Col>
- </Row>
- </Container>
- </div>
- );
- }
-}
-
-export default Register;
diff --git a/old-modules/src_example/views/Pages/Register/Register.test.js b/old-modules/src_example/views/Pages/Register/Register.test.js
deleted file mode 100644
index 1f17cef..0000000
--- a/old-modules/src_example/views/Pages/Register/Register.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Register from './Register';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Register />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Pages/Register/package.json b/old-modules/src_example/views/Pages/Register/package.json
deleted file mode 100644
index b76b5dd..0000000
--- a/old-modules/src_example/views/Pages/Register/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Register",
- "version": "0.0.0",
- "private": true,
- "main": "./Register.js"
-}
diff --git a/old-modules/src_example/views/Pages/index.js b/old-modules/src_example/views/Pages/index.js
deleted file mode 100644
index b1c10fe..0000000
--- a/old-modules/src_example/views/Pages/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import Login from './Login';
-import Page404 from './Page404';
-import Page500 from './Page500';
-import Register from './Register';
-
-export {
- Login, Page404, Page500, Register
-};
\ No newline at end of file
diff --git a/old-modules/src_example/views/Theme/Colors/Colors.js b/old-modules/src_example/views/Theme/Colors/Colors.js
deleted file mode 100644
index 0937a47..0000000
--- a/old-modules/src_example/views/Theme/Colors/Colors.js
+++ /dev/null
@@ -1,199 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
-import classNames from 'classnames';
-import { Row, Col } from 'reactstrap'
-import { rgbToHex } from '@coreui/coreui/dist/js/coreui-utilities'
-
-class ThemeView extends Component {
- constructor(props) {
- super(props);
-
- this.state = {
- bgColor: 'rgb(255, 255, 255)'
- }
- }
-
- componentDidMount () {
- const elem = ReactDOM.findDOMNode(this).parentNode.firstChild
- const color = window.getComputedStyle(elem).getPropertyValue('background-color')
- this.setState({
- bgColor: color || this.state.bgColor
- })
- }
-
- render() {
-
- return (
- <table className="w-100">
- <tbody>
- <tr>
- <td className="text-muted">HEX:</td>
- <td className="font-weight-bold">{ rgbToHex(this.state.bgColor) }</td>
- </tr>
- <tr>
- <td className="text-muted">RGB:</td>
- <td className="font-weight-bold">{ this.state.bgColor }</td>
- </tr>
- </tbody>
- </table>
- )
- }
-}
-
-class ThemeColor extends Component {
- // constructor(props) {
- // super(props);
- // }
- render() {
-
- // const { className, children, ...attributes } = this.props
- const { className, children } = this.props
-
- const classes = classNames(className, 'theme-color w-75 rounded mb-3')
-
- return (
- <Col xl="2" md="4" sm="6" xs="12" className="mb-4">
- <div className={classes} style={{paddingTop: '75%'}}></div>
- {children}
- <ThemeView/>
- </Col>
- )
- }
-}
-
-class Colors extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <div className="card">
- <div className="card-header">
- <i className="icon-drop"></i> Theme colors
- </div>
- <div className="card-body">
- <Row>
- <ThemeColor className="bg-primary">
- <h6>Brand Primary Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-secondary">
- <h6>Brand Secondary Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-success">
- <h6>Brand Success Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-danger">
- <h6>Brand Danger Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-warning">
- <h6>Brand Warning Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-info">
- <h6>Brand Info Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-light">
- <h6>Brand Light Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-dark">
- <h6>Brand Dark Color</h6>
- </ThemeColor>
- </Row>
- </div>
- </div>
- <div className="card">
- <div className="card-header">
- <i className="icon-drop"></i> Grays
- </div>
- <div className="card-body">
- <Row className="mb-3">
- <ThemeColor className="bg-gray-100">
- <h6>Gray 100 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-200">
- <h6>Gray 200 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-300">
- <h6>Gray 300 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-400">
- <h6>Gray 400 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-500">
- <h6>Gray 500 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-600">
- <h6>Gray 600 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-700">
- <h6>Gray 700 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-800">
- <h6>Gray 800 Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-gray-900">
- <h6>Gray 900 Color</h6>
- </ThemeColor>
- </Row>
- </div>
- </div>
- <div className="card">
- <div className="card-header">
- <i className="icon-drop"></i> Additional colors
- </div>
- <div className="card-body">
- <Row>
- <ThemeColor className="bg-blue">
- <h6>Blue Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-light-blue">
- <h6>Light Blue Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-indigo">
- <h6>Indigo Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-purple">
- <h6>Purple Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-pink">
- <h6>Pink Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-red">
- <h6>Red Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-orange">
- <h6>Orange Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-yellow">
- <h6>Yellow Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-green">
- <h6>Green Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-teal">
- <h6>Teal Color</h6>
- </ThemeColor>
- <ThemeColor className="bg-cyan">
- <h6>Cyan Color</h6>
- </ThemeColor>
- </Row>
- </div>
- </div>
- </div>
- );
- }
-}
-
-export default Colors;
diff --git a/old-modules/src_example/views/Theme/Colors/Colors.test.js b/old-modules/src_example/views/Theme/Colors/Colors.test.js
deleted file mode 100644
index fe2fa9e..0000000
--- a/old-modules/src_example/views/Theme/Colors/Colors.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import Colors from './Colors';
-import { shallow } from 'enzyme'
-
-it('renders without crashing', () => {
- shallow(<Colors />);
-});
diff --git a/old-modules/src_example/views/Theme/Colors/package.json b/old-modules/src_example/views/Theme/Colors/package.json
deleted file mode 100644
index 6a2c041..0000000
--- a/old-modules/src_example/views/Theme/Colors/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Colors",
- "version": "0.0.0",
- "private": true,
- "main": "./Colors.js"
-}
diff --git a/old-modules/src_example/views/Theme/Typography/Typography.js b/old-modules/src_example/views/Theme/Typography/Typography.js
deleted file mode 100644
index c284db1..0000000
--- a/old-modules/src_example/views/Theme/Typography/Typography.js
+++ /dev/null
@@ -1,185 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-
-class Typography extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <div className="card">
- <div className="card-header">
- Headings
- </div>
- <div className="card-body">
- <p>Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.</p>
- <table className="table">
- <thead>
- <tr>
- <th>Heading</th>
- <th>Example</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <p><code className="highlighter-rouge"><h1></h1></code></p>
- </td>
- <td><span className="h1">h1. Bootstrap heading</span></td>
- </tr>
- <tr>
- <td>
- <p><code className="highlighter-rouge"><h2></h2></code></p>
- </td>
- <td><span className="h2">h2. Bootstrap heading</span></td>
- </tr>
- <tr>
- <td>
- <p><code className="highlighter-rouge"><h3></h3></code></p>
- </td>
- <td><span className="h3">h3. Bootstrap heading</span></td>
- </tr>
- <tr>
- <td>
- <p><code className="highlighter-rouge"><h4></h4></code></p>
- </td>
- <td><span className="h4">h4. Bootstrap heading</span></td>
- </tr>
- <tr>
- <td>
- <p><code className="highlighter-rouge"><h5></h5></code></p>
- </td>
- <td><span className="h5">h5. Bootstrap heading</span></td>
- </tr>
- <tr>
- <td>
- <p><code className="highlighter-rouge"><h6></h6></code></p>
- </td>
- <td><span className="h6">h6. Bootstrap heading</span></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div className="card">
- <div className="card-header">
- Headings
- </div>
- <div className="card-body">
- <p><code className="highlighter-rouge">.h1</code> through <code className="highlighter-rouge">.h6</code> classes are also available, for when you
- want to match the font styling of a heading but cannot use the associated HTML element.</p>
- <div className="bd-example">
- <p className="h1">h1. Bootstrap heading</p>
- <p className="h2">h2. Bootstrap heading</p>
- <p className="h3">h3. Bootstrap heading</p>
- <p className="h4">h4. Bootstrap heading</p>
- <p className="h5">h5. Bootstrap heading</p>
- <p className="h6">h6. Bootstrap heading</p>
- </div>
- </div>
- </div>
- <div className="card">
- <div className="card-header">
- Display headings
- </div>
- <div className="card-body">
- <p>Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using
- a <strong>display heading</strong>—a larger, slightly more opinionated heading style.</p>
- <div className="bd-example bd-example-type">
- <table className="table">
- <tbody>
- <tr>
- <td><span className="display-1">Display 1</span></td>
- </tr>
- <tr>
- <td><span className="display-2">Display 2</span></td>
- </tr>
- <tr>
- <td><span className="display-3">Display 3</span></td>
- </tr>
- <tr>
- <td><span className="display-4">Display 4</span></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <div className="card">
- <div className="card-header">
- Inline text elements
- </div>
- <div className="card-body">
- <p>Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using
- a <strong>display heading</strong>—a larger, slightly more opinionated heading style.</p>
- <div className="bd-example">
- <p>You can use the mark tag to <mark>highlight</mark> text.</p>
- <p>
- <del>This line of text is meant to be treated as deleted text.</del>
- </p>
- <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
- <p>
- <ins>This line of text is meant to be treated as an addition to the document.</ins>
- </p>
- <p><u>This line of text will render as underlined</u></p>
- <p>
- <small>This line of text is meant to be treated as fine print.</small>
- </p>
- <p><strong>This line rendered as bold text.</strong></p>
- <p><em>This line rendered as italicized text.</em></p>
- </div>
- </div>
- </div>
- <div className="card">
- <div className="card-header">
- Description list alignment
- </div>
- <div className="card-body">
- <p>Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can
- optionally add a <code className="highlighter-rouge">.text-truncate</code> class to truncate the text with an ellipsis.</p>
- <div className="bd-example">
- <dl className="row">
- <dt className="col-sm-3">Description lists</dt>
- <dd className="col-sm-9">A description list is perfect for defining terms.</dd>
-
- <dt className="col-sm-3">Euismod</dt>
- <dd className="col-sm-9">
- <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
- <p>Donec id elit non mi porta gravida at eget metus.</p>
- </dd>
-
- <dt className="col-sm-3">Malesuada porta</dt>
- <dd className="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>
-
- <dt className="col-sm-3 text-truncate">Truncated term is truncated</dt>
- <dd className="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
-
- <dt className="col-sm-3">Nesting</dt>
- <dd className="col-sm-9">
- <dl className="row">
- <dt className="col-sm-4">Nested definition list</dt>
- <dd className="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
- </dl>
- </dd>
- </dl>
- </div>
- </div>
- </div>
- </div>
- );
- }
-}
-
-export default Typography;
diff --git a/old-modules/src_example/views/Theme/Typography/Typography.test.js b/old-modules/src_example/views/Theme/Typography/Typography.test.js
deleted file mode 100644
index e862598..0000000
--- a/old-modules/src_example/views/Theme/Typography/Typography.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Typography from './Typography';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Typography />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
\ No newline at end of file
diff --git a/old-modules/src_example/views/Theme/Typography/package.json b/old-modules/src_example/views/Theme/Typography/package.json
deleted file mode 100644
index 565eac2..0000000
--- a/old-modules/src_example/views/Theme/Typography/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Typography",
- "version": "0.0.0",
- "private": true,
- "main": "./Typography.js"
-}
diff --git a/old-modules/src_example/views/Theme/index.js b/old-modules/src_example/views/Theme/index.js
deleted file mode 100644
index baa4bf9..0000000
--- a/old-modules/src_example/views/Theme/index.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import Colors from './Colors';
-import Typography from './Typography';
-
-export {
- Colors, Typography,
-};
\ No newline at end of file
diff --git a/old-modules/src_example/views/Users/User.js b/old-modules/src_example/views/Users/User.js
deleted file mode 100644
index d8a59a0..0000000
--- a/old-modules/src_example/views/Users/User.js
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Card, CardBody, CardHeader, Col, Row, Table } from 'reactstrap';
-
-import usersData from './UsersData'
-
-class User extends Component {
-
- render() {
-
- const user = usersData.find( user => user.id.toString() === this.props.match.params.id)
-
- const userDetails = user ? Object.entries(user) : [['id', (<span><i className="text-muted icon-ban"></i> Not found</span>)]]
-
- return (
- <div className="animated fadeIn">
- <Row>
- <Col lg={6}>
- <Card>
- <CardHeader>
- <strong><i className="icon-info pr-1"></i>User id: {this.props.match.params.id}</strong>
- </CardHeader>
- <CardBody>
- <Table responsive striped hover>
- <tbody>
- {
- userDetails.map(([key, value]) => {
- return (
- <tr key={key}>
- <td>{`${key}:`}</td>
- <td><strong>{value}</strong></td>
- </tr>
- )
- })
- }
- </tbody>
- </Table>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- )
- }
-}
-
-export default User;
diff --git a/old-modules/src_example/views/Users/Users.js b/old-modules/src_example/views/Users/Users.js
deleted file mode 100644
index 4fc5ec6..0000000
--- a/old-modules/src_example/views/Users/Users.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { Badge, Card, CardBody, CardHeader, Col, Row, Table } from 'reactstrap';
-
-import usersData from './UsersData'
-
-function UserRow(props) {
- const user = props.user
- const userLink = `#/users/${user.id}`
-
- const getBadge = (status) => {
- return status === 'Active' ? 'success' :
- status === 'Inactive' ? 'secondary' :
- status === 'Pending' ? 'warning' :
- status === 'Banned' ? 'danger' :
- 'primary'
- }
-
- return (
- <tr key={user.id.toString()}>
- <th scope="row"><a href={userLink}>{user.id}</a></th>
- <td><a href={userLink}>{user.name}</a></td>
- <td>{user.registered}</td>
- <td>{user.role}</td>
- <td><Badge href={userLink} color={getBadge(user.status)}>{user.status}</Badge></td>
- </tr>
- )
-}
-
-class Users extends Component {
-
- render() {
-
- const userList = usersData.filter((user) => user.id < 10)
-
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xl={6}>
- <Card>
- <CardHeader>
- <i className="fa fa-align-justify"></i> Users <small className="text-muted">example</small>
- </CardHeader>
- <CardBody>
- <Table responsive hover>
- <thead>
- <tr>
- <th scope="col">id</th>
- <th scope="col">name</th>
- <th scope="col">registered</th>
- <th scope="col">role</th>
- <th scope="col">status</th>
- </tr>
- </thead>
- <tbody>
- {userList.map((user, index) =>
- <UserRow key={index} user={user}/>
- )}
- </tbody>
- </Table>
- </CardBody>
- </Card>
- </Col>
- </Row>
- </div>
- )
- }
-}
-
-export default Users;
diff --git a/old-modules/src_example/views/Users/Users.test.js b/old-modules/src_example/views/Users/Users.test.js
deleted file mode 100644
index 337518e..0000000
--- a/old-modules/src_example/views/Users/Users.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Users from './Users';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Users />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/old-modules/src_example/views/Users/UsersData.js b/old-modules/src_example/views/Users/UsersData.js
deleted file mode 100644
index 7ac21c7..0000000
--- a/old-modules/src_example/views/Users/UsersData.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const usersData = [
- {id: 0, name: 'John Doe', registered: '2018/01/01', role: 'Guest', status: 'Pending'},
- {id: 1, name: 'Samppa Nori', registered: '2018/01/01', role: 'Member', status: 'Active'},
- {id: 2, name: 'Estavan Lykos', registered: '2018/02/01', role: 'Staff', status: 'Banned'},
- {id: 3, name: 'Chetan Mohamed', registered: '2018/02/01', role: 'Admin', status: 'Inactive'},
- {id: 4, name: 'Derick Maximinus', registered: '2018/03/01', role: 'Member', status: 'Pending'},
- {id: 5, name: 'Friderik Dávid', registered: '2018/01/21', role: 'Staff', status: 'Active'},
- {id: 6, name: 'Yiorgos Avraamu', registered: '2018/01/01', role: 'Member', status: 'Active'},
- {id: 7, name: 'Avram Tarasios', registered: '2018/02/01', role: 'Staff', status: 'Banned'},
- {id: 8, name: 'Quintin Ed', registered: '2018/02/01', role: 'Admin', status: 'Inactive'},
- {id: 9, name: 'Enéas Kwadwo', registered: '2018/03/01', role: 'Member', status: 'Pending'},
- {id: 10, name: 'Agapetus Tadeáš', registered: '2018/01/21', role: 'Staff', status: 'Active'},
- {id: 11, name: 'Carwyn Fachtna', registered: '2018/01/01', role: 'Member', status: 'Active'},
- {id: 12, name: 'Nehemiah Tatius', registered: '2018/02/01', role: 'Staff', status: 'Banned'},
- {id: 13, name: 'Ebbe Gemariah', registered: '2018/02/01', role: 'Admin', status: 'Inactive'},
- {id: 14, name: 'Eustorgios Amulius', registered: '2018/03/01', role: 'Member', status: 'Pending'},
- {id: 15, name: 'Leopold Gáspár', registered: '2018/01/21', role: 'Staff', status: 'Active'},
- {id: 16, name: 'Pompeius René', registered: '2018/01/01', role: 'Member', status: 'Active'},
- {id: 17, name: 'Paĉjo Jadon', registered: '2018/02/01', role: 'Staff', status: 'Banned'},
- {id: 18, name: 'Micheal Mercurius', registered: '2018/02/01', role: 'Admin', status: 'Inactive'},
- {id: 19, name: 'Ganesha Dubhghall', registered: '2018/03/01', role: 'Member', status: 'Pending'},
- {id: 20, name: 'Hiroto Šimun', registered: '2018/01/21', role: 'Staff', status: 'Active'},
- {id: 21, name: 'Vishnu Serghei', registered: '2018/01/01', role: 'Member', status: 'Active'},
- {id: 22, name: 'Zbyněk Phoibos', registered: '2018/02/01', role: 'Staff', status: 'Banned'},
- {id: 23, name: 'Einar Randall', registered: '2018/02/01', role: 'Admin', status: 'Inactive'},
- {id: 24, name: 'Félix Troels', registered: '2018/03/21', role: 'Staff', status: 'Active'},
- {id: 25, name: 'Aulus Agmundr', registered: '2018/01/01', role: 'Member', status: 'Pending'},
- {id: 42, name: 'Ford Prefex', registered: '2001/05/21', role: 'Alien', status: 'Don\'t panic!'}
-]
-
-export default usersData
diff --git a/old-modules/src_example/views/Users/package.json b/old-modules/src_example/views/Users/package.json
deleted file mode 100644
index 46e3b02..0000000
--- a/old-modules/src_example/views/Users/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Users",
- "version": "0.0.0",
- "private": true,
- "main": "./Users.js"
-}
diff --git a/old-modules/src_example/views/Widgets/Widget01.js b/old-modules/src_example/views/Widgets/Widget01.js
deleted file mode 100644
index 8380ffc..0000000
--- a/old-modules/src_example/views/Widgets/Widget01.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Card, CardBody, Progress } from 'reactstrap';
-import classNames from 'classnames';
-import { mapToCssModules } from 'reactstrap/lib/utils';
-
-const propTypes = {
- header: PropTypes.string,
- mainText: PropTypes.string,
- smallText: PropTypes.string,
- color: PropTypes.string,
- value: PropTypes.string,
- children: PropTypes.node,
- className: PropTypes.string,
- cssModule: PropTypes.object,
- variant: PropTypes.string,
-};
-
-const defaultProps = {
- header: '89.9%',
- mainText: 'Lorem ipsum...',
- smallText: 'Lorem ipsum dolor sit amet enim.',
- // color: '',
- value: '25',
- variant: '',
-};
-
-class Widget01 extends Component {
- render() {
- const { className, cssModule, header, mainText, smallText, color, value, children, variant, ...attributes } = this.props;
-
- // demo purposes only
- const progress = { style: '', color: color, value: value };
- const card = { style: '', bgColor: '' };
-
- if (variant === 'inverse') {
- progress.style = 'progress-white';
- progress.color = '';
- card.style = 'text-white';
- card.bgColor = 'bg-' + color;
- }
-
- const classes = mapToCssModules(classNames(className, card.style, card.bgColor), cssModule);
- progress.style = classNames('progress-xs my-3', progress.style);
-
- return (
- <Card className={classes} {...attributes}>
- <CardBody>
- <div className="h4 m-0">{header}</div>
- <div>{mainText}</div>
- <Progress className={progress.style} color={progress.color} value={progress.value} />
- <small className="text-muted">{smallText}</small>
- <div>{children}</div>
- </CardBody>
- </Card>
- );
- }
-}
-
-Widget01.propTypes = propTypes;
-Widget01.defaultProps = defaultProps;
-
-export default Widget01;
diff --git a/old-modules/src_example/views/Widgets/Widget02.js b/old-modules/src_example/views/Widgets/Widget02.js
deleted file mode 100644
index e31de99..0000000
--- a/old-modules/src_example/views/Widgets/Widget02.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Card, CardBody, CardFooter } from 'reactstrap';
-import classNames from 'classnames';
-import { mapToCssModules } from 'reactstrap/lib/utils';
-
-const propTypes = {
- header: PropTypes.string,
- mainText: PropTypes.string,
- icon: PropTypes.string,
- color: PropTypes.string,
- variant: PropTypes.string,
- footer: PropTypes.bool,
- link: PropTypes.string,
- children: PropTypes.node,
- className: PropTypes.string,
- cssModule: PropTypes.object,
-};
-
-const defaultProps = {
- header: '$1,999.50',
- mainText: 'Income',
- icon: 'fa fa-cogs',
- color: 'primary',
- variant: '0',
- link: '#',
-};
-
-class Widget02 extends Component {
- render() {
- const { className, cssModule, header, mainText, icon, color, footer, link, children, variant, ...attributes } = this.props;
-
- // demo purposes only
- const padding = (variant === '0' ? { card: 'p-3', icon: 'p-3', lead: 'mt-2' } : (variant === '1' ? {
- card: 'p-0', icon: 'p-4', lead: 'pt-3',
- } : { card: 'p-0', icon: 'p-4 px-5', lead: 'pt-3' }));
-
- const card = { style: 'clearfix', color: color, icon: icon, classes: '' };
- card.classes = mapToCssModules(classNames(className, card.style, padding.card), cssModule);
-
- const lead = { style: 'h5 mb-0', color: color, classes: '' };
- lead.classes = classNames(lead.style, 'text-' + card.color, padding.lead);
-
- const blockIcon = function (icon) {
- const classes = classNames(icon, 'bg-' + card.color, padding.icon, 'font-2xl mr-3 float-left');
- return (<i className={classes}></i>);
- };
-
- const cardFooter = function () {
- if (footer) {
- return (
- <CardFooter className="px-3 py-2">
- <a className="font-weight-bold font-xs btn-block text-muted" href={link}>View More
- <i className="fa fa-angle-right float-right font-lg"></i></a>
- </CardFooter>
- );
- }
- };
-
- return (
- <Card>
- <CardBody className={card.classes} {...attributes}>
- {blockIcon(card.icon)}
- <div className={lead.classes}>{header}</div>
- <div className="text-muted text-uppercase font-weight-bold font-xs">{mainText}</div>
- </CardBody>
- {cardFooter()}
- </Card>
- );
- }
-}
-
-Widget02.propTypes = propTypes;
-Widget02.defaultProps = defaultProps;
-
-export default Widget02;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Widgets/Widget03.js b/old-modules/src_example/views/Widgets/Widget03.js
deleted file mode 100644
index 1c217ea..0000000
--- a/old-modules/src_example/views/Widgets/Widget03.js
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { mapToCssModules } from 'reactstrap/lib/utils';
-
-const propTypes = {
- children: PropTypes.node,
- className: PropTypes.string,
- cssModule: PropTypes.object,
- dataBox: PropTypes.func,
-};
-
-const defaultProps = {
- dataBox: () => ({ variant: 'facebook', friends: '-', feeds: '-' }),
-};
-
-class Widget03 extends Component {
- render() {
-
- // eslint-disable-next-line
- const { children, className, cssModule, dataBox, ...attributes } = this.props;
-
- // demo purposes only
- const data = dataBox();
- const variant = data.variant;
-
- if (!variant || ['facebook', 'twitter', 'linkedin', 'google-plus'].indexOf(variant) < 0) {
- return (null);
- }
-
- const back = 'bg-' + variant;
- const icon = 'fa fa-' + variant;
- const keys = Object.keys(data);
- const vals = Object.values(data);
-
- const classCard = 'brand-card';
- const classCardHeader = classNames(`${classCard}-header`, back);
- const classCardBody = classNames(`${classCard}-body`);
- const classes = mapToCssModules(classNames(classCard, className), cssModule);
-
- return (
- <div className={classes}>
- <div className={classCardHeader}>
- <i className={icon}></i>
- {children}
- </div>
- <div className={classCardBody}>
- <div>
- <div className="text-value">{vals[1]}</div>
- <div className="text-uppercase text-muted small">{keys[1]}</div>
- </div>
- <div>
- <div className="text-value">{vals[2]}</div>
- <div className="text-uppercase text-muted small">{keys[2]}</div>
- </div>
- </div>
- </div>
- );
- }
-}
-
-Widget03.propTypes = propTypes;
-Widget03.defaultProps = defaultProps;
-
-export default Widget03;
diff --git a/old-modules/src_example/views/Widgets/Widget04.js b/old-modules/src_example/views/Widgets/Widget04.js
deleted file mode 100644
index 15b124b..0000000
--- a/old-modules/src_example/views/Widgets/Widget04.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Card, CardBody, Progress } from 'reactstrap';
-import classNames from 'classnames';
-import { mapToCssModules } from 'reactstrap/lib/utils';
-
-const propTypes = {
- header: PropTypes.string,
- icon: PropTypes.string,
- color: PropTypes.string,
- value: PropTypes.string,
- children: PropTypes.node,
- className: PropTypes.string,
- cssModule: PropTypes.object,
- invert: PropTypes.bool,
-};
-
-const defaultProps = {
- header: '87.500',
- icon: 'icon-people',
- color: 'info',
- value: '25',
- children: 'Visitors',
- invert: false,
-};
-
-class Widget04 extends Component {
- render() {
- const { className, cssModule, header, icon, color, value, children, invert, ...attributes } = this.props;
-
- // demo purposes only
- const progress = { style: '', color: color, value: value };
- const card = { style: '', bgColor: '', icon: icon };
-
- if (invert) {
- progress.style = 'progress-white';
- progress.color = '';
- card.style = 'text-white';
- card.bgColor = 'bg-' + color;
- }
-
- const classes = mapToCssModules(classNames(className, card.style, card.bgColor), cssModule);
- progress.style = classNames('progress-xs mt-3 mb-0', progress.style);
-
- return (
- <Card className={classes} {...attributes}>
- <CardBody>
- <div className="h1 text-muted text-right mb-2">
- <i className={card.icon}></i>
- </div>
- <div className="h4 mb-0">{header}</div>
- <small className="text-muted text-uppercase font-weight-bold">{children}</small>
- <Progress className={progress.style} color={progress.color} value={progress.value} />
- </CardBody>
- </Card>
- );
- }
-}
-
-Widget04.propTypes = propTypes;
-Widget04.defaultProps = defaultProps;
-
-export default Widget04;
\ No newline at end of file
diff --git a/old-modules/src_example/views/Widgets/Widgets.js b/old-modules/src_example/views/Widgets/Widgets.js
deleted file mode 100644
index 46ea7eb..0000000
--- a/old-modules/src_example/views/Widgets/Widgets.js
+++ /dev/null
@@ -1,247 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Component } from 'react';
-import { CardGroup, Col, Row } from 'reactstrap';
-import Widget01 from './Widget01';
-import Widget02 from './Widget02';
-import Widget03 from './Widget03';
-import Widget04 from './Widget04';
-import { Line } from 'react-chartjs-2';
-
-
-// Brand Card Chart
-const makeSocialBoxData = (dataSetNo) => {
- const socialBoxData = [
- { data: [65, 59, 84, 84, 51, 55, 40], label: 'facebook' },
- { data: [1, 13, 9, 17, 34, 41, 38], label: 'twitter' },
- { data: [78, 81, 80, 45, 34, 12, 40], label: 'linkedin' },
- { data: [35, 23, 56, 22, 97, 23, 64], label: 'google' },
- ];
-
- const dataset = socialBoxData[dataSetNo];
- const data = {
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- backgroundColor: 'rgba(255,255,255,.1)',
- borderColor: 'rgba(255,255,255,.55)',
- pointHoverBackgroundColor: '#fff',
- borderWidth: 2,
- data: dataset.data,
- label: dataset.label,
- },
- ],
- };
- return () => data;
-};
-
-const socialChartOpts = {
- responsive: true,
- maintainAspectRatio: false,
- legend: {
- display: false,
- },
- scales: {
- xAxes: [
- {
- display: false,
- }],
- yAxes: [
- {
- display: false,
- }],
- },
- elements: {
- point: {
- radius: 0,
- hitRadius: 10,
- hoverRadius: 4,
- hoverBorderWidth: 3,
- },
- },
-};
-
-class Widgets extends Component {
- render() {
- return (
- <div className="animated fadeIn">
- <Row>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="success" header="89.9%" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="info" header="12.124" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="warning" header="$98.111,00" smallText="">
- <small className="text-muted">Excepteur sint occaecat...</small>
- </Widget01>
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="danger" value="95" header="1.9 TB" mainText="Danger!"
- smallText="This is your final warning..." />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="primary" variant="inverse" header="89.9%" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="warning" variant="inverse" header="12.124" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="danger" variant="inverse" header="$98.111,00" smallText="">
- <small className="text-muted">Excepteur sint occaecat...</small>
- </Widget01>
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget01 color="info" variant="inverse" value="95" header="1.9 TB" mainText="Danger!"
- smallText="This is your final warning..." />
- </Col>
- </Row>
- <Row>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-cogs" color="primary" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-laptop" color="info" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-moon-o" color="warning" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-bell" color="danger" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-cogs" color="primary" footer link="#/charts" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-laptop" color="info" footer />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-moon-o" color="warning" footer />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-bell" color="danger" footer />
- </Col>
- </Row>
- <Row>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-cogs" color="primary" variant="1" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-laptop" color="info" variant="1" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-moon-o" color="warning" variant="1" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-bell" color="danger" variant="1" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-cogs" color="primary" variant="2" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-laptop" color="info" variant="2" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-moon-o" color="warning" variant="2" />
- </Col>
- <Col xs="12" sm="6" lg="3">
- <Widget02 header="$1.999,50" mainText="Income" icon="fa fa-bell" color="danger" variant="2" />
- </Col>
- </Row>
- <Row>
- <Col xs={12} sm={6} md={3}>
- <Widget03 dataBox={() => ({ variant: 'facebook', friends: '89k', feeds: '459' })} >
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(0)} options={socialChartOpts} height={90} />
- </div>
- </Widget03>
- </Col>
- <Col xs={12} sm={6} md={3}>
- <Widget03 dataBox={() => ({ variant: 'twitter', followers: '973k', tweets: '1.792' })} >
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(1)} options={socialChartOpts} height={90} />
- </div>
- </Widget03>
- </Col>
- <Col xs={12} sm={6} md={3}>
- <Widget03 dataBox={() => ({ variant: 'linkedin', contacts: '500+', feeds: '292' })} >
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(2)} options={socialChartOpts} height={90} />
- </div>
- </Widget03>
- </Col>
- <Col xs={12} sm={6} md={3}>
- <Widget03 dataBox={() => ({ variant: 'google-plus', followers: '894', circles: '92' })} >
- <div className="chart-wrapper">
- <Line data={makeSocialBoxData(3)} options={socialChartOpts} height={90} />
- </div>
- </Widget03>
- </Col>
- </Row>
- <CardGroup className="mb-4">
- <Widget04 icon="icon-people" color="info" header="87.500" value="25">Visitors</Widget04>
- <Widget04 icon="icon-user-follow" color="success" header="385" value="25">New Clients</Widget04>
- <Widget04 icon="icon-basket-loaded" color="warning" header="1238" value="25">Products sold</Widget04>
- <Widget04 icon="icon-pie-chart" color="primary" header="28%" value="25">Returning Visitors</Widget04>
- <Widget04 icon="icon-speedometer" color="danger" header="5:34:11" value="25">Avg. Time</Widget04>
- </CardGroup>
- <Row>
- <Col sm="6" md="2">
- <Widget04 icon="icon-people" color="info" header="87.500" value="25">Visitors</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-user-follow" color="success" header="385" value="25">New Clients</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-basket-loaded" color="warning" header="1238" value="25">Products sold</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-pie-chart" color="primary" header="28%" value="25">Returning Visitors</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-speedometer" color="danger" header="5:34:11" value="25">Avg. Time</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-speech" color="info" header="972" value="25">Comments</Widget04>
- </Col>
- </Row>
- <Row>
- <Col sm="6" md="2">
- <Widget04 icon="icon-people" color="info" header="87.500" value="25" invert>Visitors</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-user-follow" color="success" header="385" value="25" invert>New Clients</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-basket-loaded" color="warning" header="1238" value="25" invert>Products sold</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-pie-chart" color="primary" header="28%" value="25" invert>Returning Visitors</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-speedometer" color="danger" header="5:34:11" value="25" invert>Avg. Time</Widget04>
- </Col>
- <Col sm="6" md="2">
- <Widget04 icon="icon-speech" color="info" header="972" value="25" invert>Comments</Widget04>
- </Col>
- </Row>
- </div>
- );
- }
-}
-
-export default Widgets;
diff --git a/old-modules/src_example/views/Widgets/Widgets.test.js b/old-modules/src_example/views/Widgets/Widgets.test.js
deleted file mode 100644
index d9583c8..0000000
--- a/old-modules/src_example/views/Widgets/Widgets.test.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Widgets from './Widgets';
-
-jest.mock('react-chartjs-2', () => ({
- Line: () => null,
-}));
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<Widgets />, div);
- ReactDOM.unmountComponentAtNode(div);
-})
\ No newline at end of file
diff --git a/old-modules/src_example/views/Widgets/package.json b/old-modules/src_example/views/Widgets/package.json
deleted file mode 100644
index 0348138..0000000
--- a/old-modules/src_example/views/Widgets/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "name": "Widgets",
- "version": "0.0.0",
- "private": true,
- "main": "./Widgets.js"
-}
diff --git a/old-modules/src_example/views/index.js b/old-modules/src_example/views/index.js
deleted file mode 100644
index f2718d6..0000000
--- a/old-modules/src_example/views/index.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * Copyright (c) 2018 StreamNative. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import {
- Breadcrumbs,
- Cards,
- Carousels,
- Collapses,
- Dropdowns,
- Forms,
- Jumbotrons,
- ListGroups,
- Navbars,
- Navs,
- Paginations,
- Popovers,
- ProgressBar,
- Switches,
- Tables,
- Tabs,
- Tooltips,
-} from './Base';
-
-import { ButtonDropdowns, ButtonGroups, Buttons, BrandButtons } from './Buttons';
-import Charts from './Charts';
-import Dashboard from './Dashboard';
-import { CoreUIIcons, Flags, FontAwesome, SimpleLineIcons } from './Icons';
-import { Alerts, Badges, Modals } from './Notifications';
-import { Login, Page404, Page500, Register } from './Pages';
-import { Colors, Typography } from './Theme';
-import Widgets from './Widgets';
-
-export {
- Badges,
- Typography,
- Colors,
- CoreUIIcons,
- Page404,
- Page500,
- Register,
- Login,
- Modals,
- Alerts,
- Flags,
- SimpleLineIcons,
- FontAwesome,
- ButtonDropdowns,
- ButtonGroups,
- BrandButtons,
- Buttons,
- Tooltips,
- Tabs,
- Tables,
- Charts,
- Dashboard,
- Widgets,
- Jumbotrons,
- Switches,
- ProgressBar,
- Popovers,
- Navs,
- Navbars,
- ListGroups,
- Forms,
- Dropdowns,
- Collapses,
- Carousels,
- Cards,
- Breadcrumbs,
- Paginations,
-};
-
