@mohamed-karawia/library 0.1.11 → 0.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.js +3 -3
- package/dist/stories/Events/Event/Event.js +5 -9
- package/dist/stories/Events/EventsList/EventsList.js +2 -19
- package/dist/stories/Library/Folders/Folders.js +3 -8
- package/dist/stories/Library/Notes/Notes.js +2 -19
- package/dist/stories/Music Album/ViewAlbum/ViewAlbum.js +2 -10
- package/dist/stories/Music Album/ViewAlbums/ViewAlbums.js +1 -12
- package/dist/stories/Pages/Chat/Chat.js +3 -0
- package/dist/stories/Pages/Enrollment/Forms/Forms.js +6 -1
- package/dist/stories/Pages/Events/Event/Event.js +9 -3
- package/dist/stories/Pages/Events/Events/Events.js +19 -1
- package/dist/stories/Pages/Library/Folders/Library.js +4 -0
- package/dist/stories/Pages/Library/Notes/Notes.js +20 -1
- package/dist/stories/Pages/Music/MusicAlbum/Music.js +9 -1
- package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.js +15 -1
- package/dist/stories/Pages/Photos/Albums/Albums.js +6 -1
- package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.js +2 -1
- package/dist/stories/Pages/Video/VideoAlbum/Video.js +14 -1
- package/dist/stories/Pages/ViewWorld/constatnts.js +9 -5
- package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.js +0 -3
- package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.js +7 -1
- package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.js +7 -1
- package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.js +5 -1
- package/dist/stories/Reusable Components/Gallery/Gallery.js +2 -2
- package/dist/stories/Reusable Components/ReusableList/ReusableList.js +2 -2
- package/dist/stories/Reusable Components/WidgetContainer/WidgetContainer.js +7 -2
- package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.js +5 -3
- package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.js +0 -11
- package/dist/stories/helpers/util.js +13 -6
- package/package.json +4 -4
- package/src/stories/Enrollment/Admin/ViewForms/ViewForms.jsx +2 -1
- package/src/stories/Events/Event/Event.jsx +3 -6
- package/src/stories/Events/EventsList/EventsList.jsx +1 -17
- package/src/stories/Library/Folders/Folders.jsx +2 -6
- package/src/stories/Library/Notes/Notes.jsx +1 -17
- package/src/stories/Music Album/ViewAlbum/ViewAlbum.jsx +1 -8
- package/src/stories/Music Album/ViewAlbums/ViewAlbums.jsx +2 -10
- package/src/stories/Pages/Chat/Chat.jsx +1 -0
- package/src/stories/Pages/Enrollment/Forms/Forms.jsx +7 -1
- package/src/stories/Pages/Events/Event/Event.jsx +8 -2
- package/src/stories/Pages/Events/Events/Events.jsx +18 -0
- package/src/stories/Pages/Library/Folders/Library.jsx +7 -1
- package/src/stories/Pages/Library/Notes/Notes.jsx +30 -11
- package/src/stories/Pages/Music/MusicAlbum/Music.jsx +9 -1
- package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.jsx +16 -1
- package/src/stories/Pages/Photos/Albums/Albums.jsx +5 -0
- package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.jsx +2 -1
- package/src/stories/Pages/Video/VideoAlbum/Video.jsx +13 -1
- package/src/stories/Pages/ViewWorld/constatnts.js +6 -6
- package/src/stories/Photo Album/ViewAlbums/ViewAlbums.jsx +0 -1
- package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.jsx +5 -0
- package/src/stories/Reusable Components/Cards/Card-style-3/CardStyle3.jsx +5 -1
- package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.jsx +3 -1
- package/src/stories/Reusable Components/Gallery/Gallery.jsx +2 -2
- package/src/stories/Reusable Components/ReusableList/ReusableList.jsx +2 -2
- package/src/stories/Reusable Components/WidgetContainer/WidgetContainer.jsx +7 -1
- package/src/stories/VideoAlbum/VideoSpace/VideoSpace.jsx +3 -1
- package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.jsx +0 -9
- package/src/stories/helpers/util.js +6 -6
@@ -18,8 +18,8 @@ var _excluded = ["data"];
|
|
18
18
|
var ViewForms = function ViewForms(_ref) {
|
19
19
|
var data = _ref.data,
|
20
20
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
|
22
|
-
listTitle: "Submitted
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
|
22
|
+
listTitle: "Submitted Forms",
|
23
23
|
data: data,
|
24
24
|
cardStyle: "card-style-9",
|
25
25
|
type: "sectioned",
|
@@ -38,7 +38,7 @@ var ViewForms = function ViewForms(_ref) {
|
|
38
38
|
dropdownItemHoverColor: '#FE1744'
|
39
39
|
}
|
40
40
|
}
|
41
|
-
});
|
41
|
+
}, props));
|
42
42
|
};
|
43
43
|
|
44
44
|
ViewForms.defaultProps = {};
|
@@ -27,18 +27,14 @@ var Event = function Event(_ref) {
|
|
27
27
|
titleSize = _ref.titleSize,
|
28
28
|
dateColor = _ref.dateColor,
|
29
29
|
dateSize = _ref.dateSize,
|
30
|
-
headerBackground = _ref.headerBackground,
|
31
|
-
headerTitleColor = _ref.headerTitleColor,
|
32
30
|
discColor = _ref.discColor,
|
33
|
-
discSize = _ref.discSize
|
31
|
+
discSize = _ref.discSize,
|
32
|
+
headerStyles = _ref.headerStyles;
|
34
33
|
return /*#__PURE__*/_react.default.createElement(Container, {
|
35
34
|
backgroundColor: backgroundColor
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(_ReusableHeader.default, {
|
37
|
-
title:
|
38
|
-
|
39
|
-
headerBackground: headerBackground,
|
40
|
-
titleColor: headerTitleColor
|
41
|
-
}), /*#__PURE__*/_react.default.createElement(CoverWrapper, null, /*#__PURE__*/_react.default.createElement(Cover, {
|
35
|
+
}, /*#__PURE__*/_react.default.createElement(_ReusableHeader.default, Object.assign({
|
36
|
+
title: title
|
37
|
+
}, headerStyles)), /*#__PURE__*/_react.default.createElement(CoverWrapper, null, /*#__PURE__*/_react.default.createElement(Cover, {
|
42
38
|
src: cover
|
43
39
|
})), /*#__PURE__*/_react.default.createElement(Details, null, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(Title, {
|
44
40
|
size: titleSize,
|
@@ -85,34 +85,17 @@ var EventsList = function EventsList(_ref) {
|
|
85
85
|
props.onAddEvent(event);
|
86
86
|
};
|
87
87
|
|
88
|
-
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
|
88
|
+
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
|
89
89
|
listTitle: "My Events",
|
90
90
|
data: events,
|
91
91
|
type: "flat",
|
92
92
|
cardStyle: "card-style-11",
|
93
|
-
headerStyles: {
|
94
|
-
padding: 10,
|
95
|
-
headerBackground: '#FE1744',
|
96
|
-
titleColor: '#ffff',
|
97
|
-
controlsStyles: {
|
98
|
-
iconSize: 25
|
99
|
-
}
|
100
|
-
},
|
101
|
-
customCardStyles: {
|
102
|
-
iconColor: iconColor,
|
103
|
-
cardTitleFontSize: cardTitleFontSize,
|
104
|
-
cardTitleColor: cardTitleColor,
|
105
|
-
cardPadding: cardPadding,
|
106
|
-
controlsStyles: {
|
107
|
-
iconColor: '#FE1744'
|
108
|
-
}
|
109
|
-
},
|
110
93
|
listControls: listControls,
|
111
94
|
cardControls: cardControls,
|
112
95
|
iconClicked: onIconClicked,
|
113
96
|
cardClicked: cardClicked,
|
114
97
|
cardIconClicked: cardIconClicked
|
115
|
-
}), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
98
|
+
}, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
116
99
|
modalIsOpen: showModal,
|
117
100
|
closeModal: function closeModal() {
|
118
101
|
return setShowModal(false);
|
@@ -27,7 +27,7 @@ var _CreateFolder = _interopRequireDefault(require("../CreateFolder/CreateFolder
|
|
27
27
|
|
28
28
|
var _templateObject;
|
29
29
|
|
30
|
-
var _excluded = ["folders", "folderTitle", "columnsNumber", "columnGap", "rowGap", "cardClicked", "iconColor"
|
30
|
+
var _excluded = ["folders", "folderTitle", "columnsNumber", "columnGap", "rowGap", "cardClicked", "iconColor"];
|
31
31
|
|
32
32
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
33
33
|
|
@@ -52,7 +52,6 @@ var Folders = function Folders(_ref) {
|
|
52
52
|
rowGap = _ref.rowGap,
|
53
53
|
cardClicked = _ref.cardClicked,
|
54
54
|
iconColor = _ref.iconColor,
|
55
|
-
headerStyles = _ref.headerStyles,
|
56
55
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
57
56
|
|
58
57
|
var _useState = (0, _react.useState)(false),
|
@@ -84,12 +83,12 @@ var Folders = function Folders(_ref) {
|
|
84
83
|
setShowModal(false);
|
85
84
|
};
|
86
85
|
|
86
|
+
console.log(props);
|
87
87
|
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
|
88
88
|
galleryTitle: "Your Folders",
|
89
89
|
data: folders,
|
90
90
|
type: "flat",
|
91
91
|
cardStyle: "card-style-10",
|
92
|
-
headerStyles: headerStyles,
|
93
92
|
columnsNumber: columnsNumber,
|
94
93
|
galleryColumnGap: columnGap,
|
95
94
|
galleryRowGap: rowGap,
|
@@ -98,11 +97,7 @@ var Folders = function Folders(_ref) {
|
|
98
97
|
cardClicked: cardClicked,
|
99
98
|
cardIconClicked: cardIconClicked,
|
100
99
|
cardControls: cardControls,
|
101
|
-
rowsHeight: 140
|
102
|
-
customCardStyles: {
|
103
|
-
cardPadding: 10,
|
104
|
-
iconColor: iconColor
|
105
|
-
}
|
100
|
+
rowsHeight: 140
|
106
101
|
}, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
107
102
|
modalIsOpen: showModal,
|
108
103
|
closeModal: function closeModal() {
|
@@ -85,34 +85,17 @@ var Notes = function Notes(_ref) {
|
|
85
85
|
setShowModal(false);
|
86
86
|
};
|
87
87
|
|
88
|
-
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
|
88
|
+
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
|
89
89
|
listTitle: "My Notes",
|
90
90
|
data: notes,
|
91
91
|
type: "flat",
|
92
92
|
cardStyle: "card-style-11",
|
93
|
-
headerStyles: {
|
94
|
-
padding: 10,
|
95
|
-
headerBackground: '#FE1744',
|
96
|
-
titleColor: '#ffff',
|
97
|
-
controlsStyles: {
|
98
|
-
iconSize: 25
|
99
|
-
}
|
100
|
-
},
|
101
|
-
customCardStyles: {
|
102
|
-
iconColor: iconColor,
|
103
|
-
cardTitleFontSize: cardTitleFontSize,
|
104
|
-
cardTitleColor: cardTitleColor,
|
105
|
-
cardPadding: cardPadding,
|
106
|
-
controlsStyles: {
|
107
|
-
iconColor: '#FE1744'
|
108
|
-
}
|
109
|
-
},
|
110
93
|
listControls: listControls,
|
111
94
|
cardControls: cardControls,
|
112
95
|
iconClicked: onIconClicked,
|
113
96
|
cardClicked: cardClicked,
|
114
97
|
cardIconClicked: cardIconClicked
|
115
|
-
}), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
98
|
+
}, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
116
99
|
modalIsOpen: showModal,
|
117
100
|
closeModal: function closeModal() {
|
118
101
|
return setShowModal(false);
|
@@ -79,17 +79,9 @@ var ViewAlbum = function ViewAlbum(_ref) {
|
|
79
79
|
setShowModal(false);
|
80
80
|
};
|
81
81
|
|
82
|
-
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
|
82
|
+
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
|
83
83
|
listTitle: "My Album",
|
84
84
|
data: album,
|
85
|
-
headerStyles: {
|
86
|
-
padding: 10,
|
87
|
-
headerBackground: 'black',
|
88
|
-
titleColor: '#ffff',
|
89
|
-
controlsStyles: {
|
90
|
-
iconSize: 25
|
91
|
-
}
|
92
|
-
},
|
93
85
|
cardStyle: "card-style-7",
|
94
86
|
type: "flat",
|
95
87
|
cardClicked: function cardClicked(index) {
|
@@ -106,7 +98,7 @@ var ViewAlbum = function ViewAlbum(_ref) {
|
|
106
98
|
iconColor: 'black'
|
107
99
|
}
|
108
100
|
}
|
109
|
-
}), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
101
|
+
}, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
110
102
|
modalIsOpen: showModal,
|
111
103
|
closeModal: function closeModal() {
|
112
104
|
return setShowModal(false);
|
@@ -101,27 +101,16 @@ var ViewAlbums = function ViewAlbums(_ref) {
|
|
101
101
|
};
|
102
102
|
|
103
103
|
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
|
104
|
-
galleryTitle:
|
104
|
+
galleryTitle: props.title,
|
105
105
|
data: albums,
|
106
106
|
type: "flat",
|
107
107
|
cardStyle: "card-style-6",
|
108
|
-
headerStyles: {
|
109
|
-
padding: 10,
|
110
|
-
headerBackground: 'black',
|
111
|
-
titleColor: '#ffff',
|
112
|
-
controlsStyles: {
|
113
|
-
iconSize: 25
|
114
|
-
}
|
115
|
-
},
|
116
108
|
columnsNumber: 3,
|
117
109
|
galleryColumnGap: 10,
|
118
110
|
galleryRowGap: 20,
|
119
111
|
galleryControls: galleryControls,
|
120
112
|
iconClicked: onHeaderIconClicked,
|
121
113
|
cardControls: cardControls,
|
122
|
-
cardClicked: function cardClicked() {
|
123
|
-
return null;
|
124
|
-
},
|
125
114
|
cardIconClicked: cardIconClicked,
|
126
115
|
customCardStyles: cardStyles
|
127
116
|
}, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
|
@@ -71,6 +71,9 @@ var Chat = function Chat(_ref) {
|
|
71
71
|
showOnHover: true
|
72
72
|
}
|
73
73
|
}
|
74
|
+
},
|
75
|
+
cardClicked: function cardClicked(path) {
|
76
|
+
return alert(path);
|
74
77
|
}
|
75
78
|
})), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement(_SpaceContainer.default, {
|
76
79
|
title: "Music Album",
|
@@ -83,6 +83,10 @@ var Forms = function Forms(props) {
|
|
83
83
|
forms = _useState2[0],
|
84
84
|
setForms = _useState2[1];
|
85
85
|
|
86
|
+
var cardClicked = function cardClicked(index, cardProps) {
|
87
|
+
console.log(cardProps);
|
88
|
+
};
|
89
|
+
|
86
90
|
return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
87
91
|
widgetType: "logo",
|
88
92
|
widgetProps: {
|
@@ -117,7 +121,8 @@ var Forms = function Forms(props) {
|
|
117
121
|
discription: "Lorem ipsum dolor sit amet consectetur.",
|
118
122
|
hideTitle: true
|
119
123
|
}, /*#__PURE__*/_react.default.createElement(_ViewForms.default, {
|
120
|
-
data: forms
|
124
|
+
data: forms,
|
125
|
+
cardClicked: cardClicked
|
121
126
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
122
127
|
};
|
123
128
|
|
@@ -77,11 +77,17 @@ var Event = function Event(props) {
|
|
77
77
|
date: "15/11/1976 : 16/11/1976",
|
78
78
|
disc: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia impedit fugiat reprehenderit adipisci eos atque ullam error quia amet nihil, exercitationem beatae distinctio eligendi neque, consequuntur odit commodi id porro.",
|
79
79
|
backgroundColor: "black",
|
80
|
-
headerBackground: "black",
|
81
|
-
headerTitleColor: "white",
|
82
80
|
titleColor: "white",
|
83
81
|
discColor: "white",
|
84
|
-
dateColor: "white"
|
82
|
+
dateColor: "white",
|
83
|
+
headerStyles: {
|
84
|
+
padding: 10,
|
85
|
+
headerBackground: 'black',
|
86
|
+
titleColor: '#ffff',
|
87
|
+
controlsStyles: {
|
88
|
+
iconSize: 25
|
89
|
+
}
|
90
|
+
}
|
85
91
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
86
92
|
};
|
87
93
|
|
@@ -79,6 +79,10 @@ var Events = function Events(props) {
|
|
79
79
|
setEvents((0, _util.deleteFromArrayByIndex)(events, index));
|
80
80
|
};
|
81
81
|
|
82
|
+
var cardClicked = function cardClicked(index, cardProps) {
|
83
|
+
console.log(cardProps);
|
84
|
+
};
|
85
|
+
|
82
86
|
return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
83
87
|
widgetType: "logo",
|
84
88
|
widgetProps: {
|
@@ -117,7 +121,21 @@ var Events = function Events(props) {
|
|
117
121
|
iconColor: "#FE1744",
|
118
122
|
cardTitleFontSize: 15,
|
119
123
|
onAddEvent: onAddEvent,
|
120
|
-
cardIconClicked: cardIconClicked
|
124
|
+
cardIconClicked: cardIconClicked,
|
125
|
+
cardClicked: cardClicked,
|
126
|
+
headerStyles: {
|
127
|
+
padding: 10,
|
128
|
+
headerBackground: '#FE1744',
|
129
|
+
titleColor: '#ffff',
|
130
|
+
controlsStyles: {
|
131
|
+
iconSize: 25
|
132
|
+
}
|
133
|
+
},
|
134
|
+
customCardStyles: {
|
135
|
+
controlsStyles: {
|
136
|
+
iconColor: '#FE1744'
|
137
|
+
}
|
138
|
+
}
|
121
139
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
122
140
|
};
|
123
141
|
|
@@ -128,6 +128,10 @@ var Library = function Library(props) {
|
|
128
128
|
controlsStyles: {
|
129
129
|
iconSize: 25
|
130
130
|
}
|
131
|
+
},
|
132
|
+
customCardStyles: {
|
133
|
+
cardPadding: 10,
|
134
|
+
iconColor: '#ff2d2d'
|
131
135
|
}
|
132
136
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
133
137
|
};
|
@@ -79,6 +79,10 @@ var Notes = function Notes(props) {
|
|
79
79
|
setNotes((0, _util.deleteFromArrayByIndex)(notes, index));
|
80
80
|
};
|
81
81
|
|
82
|
+
var cardClicked = function cardClicked(index, cardProps) {
|
83
|
+
console.log(cardProps);
|
84
|
+
};
|
85
|
+
|
82
86
|
return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
83
87
|
widgetType: "logo",
|
84
88
|
widgetProps: {
|
@@ -115,7 +119,22 @@ var Notes = function Notes(props) {
|
|
115
119
|
}, /*#__PURE__*/_react.default.createElement(_Notes.default, {
|
116
120
|
onAddNote: onAddNote,
|
117
121
|
cardIconClicked: cardIconClicked,
|
118
|
-
notes: notes
|
122
|
+
notes: notes,
|
123
|
+
cardClicked: cardClicked,
|
124
|
+
headerStyles: {
|
125
|
+
padding: 10,
|
126
|
+
headerBackground: '#FE1744',
|
127
|
+
titleColor: '#ffff',
|
128
|
+
controlsStyles: {
|
129
|
+
iconSize: 25
|
130
|
+
}
|
131
|
+
},
|
132
|
+
customCardStyles: {
|
133
|
+
iconColor: '#FE1744',
|
134
|
+
controlsStyles: {
|
135
|
+
iconColor: '#FE1744'
|
136
|
+
}
|
137
|
+
}
|
119
138
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
120
139
|
};
|
121
140
|
|
@@ -183,7 +183,15 @@ var Music = function Music(props) {
|
|
183
183
|
album: album,
|
184
184
|
onAddSong: onAddSong,
|
185
185
|
cardIconClicked: cardIconClicked,
|
186
|
-
cardClicked: onPlaySong
|
186
|
+
cardClicked: onPlaySong,
|
187
|
+
headerStyles: {
|
188
|
+
padding: 10,
|
189
|
+
headerBackground: 'black',
|
190
|
+
titleColor: '#ffff',
|
191
|
+
controlsStyles: {
|
192
|
+
iconSize: 25
|
193
|
+
}
|
194
|
+
}
|
187
195
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
188
196
|
widgetType: "music player",
|
189
197
|
controlsStyles: {
|
@@ -111,6 +111,10 @@ var MusicAlbums = function MusicAlbums(props) {
|
|
111
111
|
setAlbums((0, _util.deleteFromArrayByIndex)(albums, index));
|
112
112
|
};
|
113
113
|
|
114
|
+
var cardClicked = function cardClicked(index, cardProps) {
|
115
|
+
console.log(cardProps);
|
116
|
+
};
|
117
|
+
|
114
118
|
return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
115
119
|
widgetType: "logo",
|
116
120
|
widgetProps: {
|
@@ -145,9 +149,19 @@ var MusicAlbums = function MusicAlbums(props) {
|
|
145
149
|
discription: "Lorem ipsum dolor sit amet consectetur.",
|
146
150
|
hideTitle: true
|
147
151
|
}, /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, {
|
152
|
+
title: "Music Albums",
|
148
153
|
albums: albums,
|
149
154
|
cardIconClicked: cardIconClicked,
|
150
|
-
onAddAlbum: onAddAlbum
|
155
|
+
onAddAlbum: onAddAlbum,
|
156
|
+
headerStyles: {
|
157
|
+
padding: 10,
|
158
|
+
headerBackground: 'black',
|
159
|
+
titleColor: '#ffff',
|
160
|
+
controlsStyles: {
|
161
|
+
iconSize: 25
|
162
|
+
}
|
163
|
+
},
|
164
|
+
cardClicked: cardClicked
|
151
165
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
152
166
|
};
|
153
167
|
|
@@ -105,6 +105,10 @@ var Albums = function Albums(props) {
|
|
105
105
|
setAlbums((0, _util.addObjectToArray)(albums, newAlbum));
|
106
106
|
};
|
107
107
|
|
108
|
+
var cardClicked = function cardClicked(index, cardProps) {
|
109
|
+
console.log(cardProps);
|
110
|
+
};
|
111
|
+
|
108
112
|
return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
109
113
|
widgetType: "logo",
|
110
114
|
widgetProps: {
|
@@ -143,7 +147,8 @@ var Albums = function Albums(props) {
|
|
143
147
|
cardIconClicked: cardIconClicked,
|
144
148
|
onDeleteAlbum: onDeleteAlbum,
|
145
149
|
onAddAlbum: onAddAlbum,
|
146
|
-
columnsNumber: 2
|
150
|
+
columnsNumber: 2,
|
151
|
+
cardClicked: cardClicked
|
147
152
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
148
153
|
};
|
149
154
|
|
@@ -104,7 +104,8 @@ var DetailedVideo = function DetailedVideo(props) {
|
|
104
104
|
date: "10/11/2022",
|
105
105
|
comments: comments,
|
106
106
|
discColor: "gray",
|
107
|
-
dateColor: "gray"
|
107
|
+
dateColor: "gray",
|
108
|
+
videoSrc: 'https://www.youtube.com/watch?v=vETUpJ88cfA'
|
108
109
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
|
109
110
|
};
|
110
111
|
|
@@ -153,6 +153,10 @@ var Video = function Video(props) {
|
|
153
153
|
setAlbum((0, _util.deleteFromArrayByIndex)(album, index));
|
154
154
|
};
|
155
155
|
|
156
|
+
var cardClicked = function cardClicked(index, cardProps) {
|
157
|
+
console.log(cardProps);
|
158
|
+
};
|
159
|
+
|
156
160
|
return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
157
161
|
widgetType: "logo",
|
158
162
|
widgetProps: {
|
@@ -190,7 +194,16 @@ var Video = function Video(props) {
|
|
190
194
|
album: album,
|
191
195
|
onAddVideo: onAddVideo,
|
192
196
|
onDeleteSong: deleteVideoFromAlbum,
|
193
|
-
cardIconClicked: cardIconClicked
|
197
|
+
cardIconClicked: cardIconClicked,
|
198
|
+
cardClicked: cardClicked,
|
199
|
+
headerStyles: {
|
200
|
+
padding: 10,
|
201
|
+
headerBackground: 'black',
|
202
|
+
titleColor: '#ffff',
|
203
|
+
controlsStyles: {
|
204
|
+
iconSize: 25
|
205
|
+
}
|
206
|
+
}
|
194
207
|
}))), /*#__PURE__*/_react.default.createElement(_Right.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
|
195
208
|
widgetType: "video player",
|
196
209
|
controlsStyles: {
|
@@ -7,16 +7,20 @@ exports.MOVIES_SONGS = exports.MOVIES_DATA = exports.GAMING_SONGS = exports.GAMI
|
|
7
7
|
var SPACES = [{
|
8
8
|
title: 'Main List',
|
9
9
|
data: [{
|
10
|
-
title: 'Cargo Sprint'
|
10
|
+
title: 'Cargo Sprint',
|
11
|
+
path: 'cago'
|
11
12
|
}, {
|
12
|
-
title: 'Movies'
|
13
|
+
title: 'Movies',
|
14
|
+
path: 'movies'
|
13
15
|
}]
|
14
16
|
}, {
|
15
|
-
title: 'Entertainment
|
17
|
+
title: 'Entertainment',
|
16
18
|
data: [{
|
17
|
-
title: 'Gaming'
|
19
|
+
title: 'Gaming',
|
20
|
+
path: 'games'
|
18
21
|
}, {
|
19
|
-
title: 'Music'
|
22
|
+
title: 'Music',
|
23
|
+
path: 'music'
|
20
24
|
}]
|
21
25
|
}];
|
22
26
|
exports.SPACES = SPACES;
|
@@ -122,9 +122,6 @@ var ViewAlbums = function ViewAlbums(_ref) {
|
|
122
122
|
galleryRowGap: rowGap,
|
123
123
|
galleryControls: galleryControls,
|
124
124
|
iconClicked: onIconClicked,
|
125
|
-
cardClicked: function cardClicked() {
|
126
|
-
return null;
|
127
|
-
},
|
128
125
|
cardControls: cardControls,
|
129
126
|
cardIconClicked: cardIconClicked,
|
130
127
|
customCardStyles: cardStyles
|
@@ -45,7 +45,13 @@ var CardStyle11 = function CardStyle11(_ref) {
|
|
45
45
|
props.iconClicked(action, props.index);
|
46
46
|
};
|
47
47
|
|
48
|
-
|
48
|
+
var cardClicked = function cardClicked() {
|
49
|
+
props.cardClicked();
|
50
|
+
};
|
51
|
+
|
52
|
+
return /*#__PURE__*/_react.default.createElement(Card, Object.assign({
|
53
|
+
onClick: cardClicked
|
54
|
+
}, props), /*#__PURE__*/_react.default.createElement(SvgWrapper, props, /*#__PURE__*/_react.default.createElement(_bi.BiNotepad, null)), /*#__PURE__*/_react.default.createElement(Content, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Title, props, title), /*#__PURE__*/_react.default.createElement(Date, props, date)), props.cardControls && /*#__PURE__*/_react.default.createElement(_Controls.default, Object.assign({
|
49
55
|
controls: props.cardControls,
|
50
56
|
show: showIcons,
|
51
57
|
onIconClicked: iconClicked
|
@@ -23,7 +23,7 @@ var _globalCardStyles = require("../globalCardStyles");
|
|
23
23
|
|
24
24
|
var _templateObject;
|
25
25
|
|
26
|
-
var _excluded = ["title", "description"];
|
26
|
+
var _excluded = ["title", "description", "path"];
|
27
27
|
|
28
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
29
29
|
|
@@ -32,6 +32,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
32
32
|
var CardStyle3 = function CardStyle3(_ref) {
|
33
33
|
var title = _ref.title,
|
34
34
|
description = _ref.description,
|
35
|
+
path = _ref.path,
|
35
36
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
36
37
|
|
37
38
|
var _useState = (0, _react.useState)(false),
|
@@ -43,7 +44,12 @@ var CardStyle3 = function CardStyle3(_ref) {
|
|
43
44
|
console.log(action);
|
44
45
|
};
|
45
46
|
|
47
|
+
var cardClicked = function cardClicked() {
|
48
|
+
props.cardClicked(path);
|
49
|
+
};
|
50
|
+
|
46
51
|
return /*#__PURE__*/_react.default.createElement(_globalCardStyles.MainCard, Object.assign({
|
52
|
+
onClick: cardClicked,
|
47
53
|
onMouseEnter: function onMouseEnter(e) {
|
48
54
|
return setShowIcons(true);
|
49
55
|
},
|
@@ -37,7 +37,11 @@ var CardStyle9 = function CardStyle9(_ref) {
|
|
37
37
|
alert(props.index);
|
38
38
|
};
|
39
39
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(Card,
|
40
|
+
return /*#__PURE__*/_react.default.createElement(Card, Object.assign({
|
41
|
+
onClick: function onClick() {
|
42
|
+
return props.cardClicked();
|
43
|
+
}
|
44
|
+
}, props), /*#__PURE__*/_react.default.createElement(ImgWrapper, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Img, {
|
41
45
|
src: img
|
42
46
|
})), /*#__PURE__*/_react.default.createElement(Content, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Title, props, username), /*#__PURE__*/_react.default.createElement(Answered, null, "Questions Answered: ", answered), /*#__PURE__*/_react.default.createElement(Buttons, null, /*#__PURE__*/_react.default.createElement(Accept, {
|
43
47
|
onClick: onAccept
|
@@ -39,8 +39,8 @@ var Gallery = function Gallery(_ref) {
|
|
39
39
|
props.iconClicked(action);
|
40
40
|
};
|
41
41
|
|
42
|
-
var clicked = function clicked(index) {
|
43
|
-
props.cardClicked(index);
|
42
|
+
var clicked = function clicked(index, cardProps) {
|
43
|
+
props.cardClicked(index, cardProps);
|
44
44
|
};
|
45
45
|
|
46
46
|
var cardIconClicked = function cardIconClicked(action, index) {
|
@@ -39,8 +39,8 @@ var ReusableList = function ReusableList(_ref) {
|
|
39
39
|
props.iconClicked(action);
|
40
40
|
};
|
41
41
|
|
42
|
-
var clicked = function clicked(index) {
|
43
|
-
props.cardClicked(index);
|
42
|
+
var clicked = function clicked(index, cardProps) {
|
43
|
+
props.cardClicked(index, cardProps);
|
44
44
|
};
|
45
45
|
|
46
46
|
var cardIconClicked = function cardIconClicked(action, index) {
|
@@ -29,7 +29,12 @@ var WidgetContainer = function WidgetContainer(_ref) {
|
|
29
29
|
widgetControls = _ref.widgetControls,
|
30
30
|
widgetProps = _ref.widgetProps,
|
31
31
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
32
|
-
|
32
|
+
|
33
|
+
var cardClicked = function cardClicked(path) {
|
34
|
+
props.cardClicked(path);
|
35
|
+
};
|
36
|
+
|
37
|
+
var child = (0, _util.getWidgetType)(widgetType, widgetProps, cardClicked);
|
33
38
|
|
34
39
|
var iconCliked = function iconCliked(action) {
|
35
40
|
console.log(action);
|
@@ -42,7 +47,7 @@ var WidgetContainer = function WidgetContainer(_ref) {
|
|
42
47
|
}, props.headerStyles)), /*#__PURE__*/_react.default.createElement(Body, null, child));
|
43
48
|
};
|
44
49
|
|
45
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n"])));
|
50
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
46
51
|
|
47
52
|
var Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n padding: 0;\n"])));
|
48
53
|
|
@@ -23,10 +23,11 @@ var _RichTextInput = _interopRequireDefault(require("../../Common Inputs/RichTex
|
|
23
23
|
|
24
24
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
25
25
|
|
26
|
-
var _excluded = ["title", "discription", "date", "users", "iconsColor", "backgroundColor", "detailsPadding", "titleFontSize", "titleColor", "dateFontSize", "dateColor", "discFontSize", "discColor", "comments", "commentBackgroundColor", "commentTitleColor", "commentTitleFontSize"];
|
26
|
+
var _excluded = ["videoSrc", "title", "discription", "date", "users", "iconsColor", "backgroundColor", "detailsPadding", "titleFontSize", "titleColor", "dateFontSize", "dateColor", "discFontSize", "discColor", "comments", "commentBackgroundColor", "commentTitleColor", "commentTitleFontSize"];
|
27
27
|
|
28
28
|
var VideoSpace = function VideoSpace(_ref) {
|
29
|
-
var
|
29
|
+
var videoSrc = _ref.videoSrc,
|
30
|
+
title = _ref.title,
|
30
31
|
discription = _ref.discription,
|
31
32
|
date = _ref.date,
|
32
33
|
users = _ref.users,
|
@@ -47,7 +48,8 @@ var VideoSpace = function VideoSpace(_ref) {
|
|
47
48
|
return /*#__PURE__*/_react.default.createElement(Container, {
|
48
49
|
backgroundColor: backgroundColor
|
49
50
|
}, /*#__PURE__*/_react.default.createElement(_VideoPlayer.default, {
|
50
|
-
iconsColor: iconsColor
|
51
|
+
iconsColor: iconsColor,
|
52
|
+
src: videoSrc
|
51
53
|
}), /*#__PURE__*/_react.default.createElement(VideoDetails, {
|
52
54
|
detailsPadding: detailsPadding
|
53
55
|
}, /*#__PURE__*/_react.default.createElement(Top, null, /*#__PURE__*/_react.default.createElement(Title, {
|