multiple-sources-list.php — Custom Twitter Feeds – A Tweets Widget or X Feed Widget 2.7.0

custom-twitter-feeds / admin / builder / templates / sections / create-feed / multiple-sources-list.php

custom-twitter-feeds / admin / builder / templates / sections / create-feed Last commit date

multiple-sources-list.php

129 lines

1	<div class="ctf-feedtype-section ctf-fb-fs" v-for="(feedType, feedTypeID) in selectSourceScreen.multipleTypes" v-if="checkMultipleFeedTypeActive(feedTypeID)" :data-type="feedTypeID">
2	<button v-if="false" class="ctf-fd-lst-btn ctf-fd-lst-btn-delete ctf-fb-tltp-parent" :data-greyed="selectedFeed.length == 1 ? 'true' : false" @click.prevent.default="removeFeedTypeSource(feedTypeID)">
3	<div class="ctf-fb-tltp-elem"><span v-html="selectedFeed.length == 1 ? genericText.atLeastOneSource.replace(/ /g,' ') : genericText.removeSource.replace(/ /g,' ')">{{}}</span></div>
4	<div v-html="svgIcons['delete']"></div>
5	</button>
6	<div class="ctf-feedtype-sec-heading ctf-fb-fs">
7	<div class="ctf-feedtype-icon-wrap" v-html="svgIcons[feedType.icon]"></div>
8	<div class="ctf-feedtype-sec-wrap">
9	<div class="ctf-feedtype-sec-icon-heading ctf-fb-fs">
10	<span v-html="feedType.heading"></span>
11	</div>
12	<div class="ctf-feedtype-sec-desc ctf-fb-fs sb-caption sb-lighter" v-html="feedType.description"></div>
13
14	<div class="ctf-fb-fs" v-if="feedType.actionType == 'inputField'">
15	<input type="text" v-if="customizerFeedData" class="ctf-fb-wh-inp ctf-fb-fs" v-model="selectedFeedModelPopup[feedTypeID]" :placeholder="feedType.placeHolder">
16	<input type="text" v-else class="ctf-fb-wh-inp ctf-fb-fs" v-model="selectedFeedModel[feedTypeID]" :placeholder="feedType.placeHolder">
17	</div>
18
19	<div class="ctf-fb-fs" v-if="feedType.actionType == 'connectAccount'">
20	<div class="ctf-selected-source-item">
21	<div class="ctf-selected-source-item-avatar">
22	<img :src="accountDetails.account_avatar">
23	</div>
24	<span>@{{accountDetails.account_handle}}</span>
25	</div>
26	<button data-icon="left" class="ctf-fb-hd-btn sb-btn-blue sb-button-standard" @click.prevent.default="activateView('connectAccountPopup')">
27	<span v-html="svgIcons['twitter']"></span>
28	<span>{{genericText.connectDifferentAccount}}</span>
29	</button>
30	</div>
31
32	<div class="ctf-fb-fs" v-if="feedType.actionType == 'customList'">
33
34	<div class="ctf-customlist-chooser-ctn ctf-fb-fs">
35
36	<!-- Selected Top Begin -->
37	<div class="ctf-customlist-chooser-selected ctf-fb-fs">
38	<div class="ctf-customlist-chooser-selected-hd ctf-fb-fs">
39	<strong>{{genericText.selected}}</strong>
40	<a class="ctf-link-underlined" @click.prevent.default="removeAllLists()" v-if="customizerFeedData ? selectedFeedModelPopup.listsObject.length > 0 : selectedFeedModel.listsObject.length > 0">{{genericText.deselectAll}}</a>
41	</div>
42
43	<div class="ctf-customlist-selected-list ctf-fb-fs">
44	<div class="ctf-customlist-selected-item" v-for="listItem in (customizerFeedData ? selectedFeedModelPopup.listsObject : selectedFeedModel.listsObject)">
45	<div class="ctf-customlist-selected-item-icon" v-html="svgIcons['lists']"></div>
46	<div class="ctf-customlist-selected-item-info">
47	{{listItem.name}} (ID: {{listItem.id}})
48	</div>
49	<div class="ctf-customlist-selected-item-cls" @click.prevent.default="removeSingleItemFromList(listItem)"></div>
50	</div>
51
52	</div>
53	</div>
54
55	<!-- Add List Inputs -->
56	<div class="ctf-customlist-inputs-ctn ctf-fb-fs">
57
58	<div class="ctf-customlist-input-item ctf-customlist-input-addlist">
59	<div class="ctf-customlist-input-item-heading ctf-fb-fs">
60	<div v-html="svgIcons['addNewList']"></div>
61	<span>{{genericText.addNewList}}</span>
62	</div>
63	<div class="ctf-customlist-input-ctn ctf-fb-fs">
64	<input type="text" :placeholder="genericText.enterListID" v-model="listIdInputModel" v-on:keyup.enter="checkTwitterListById()">
65	<button class="sb-btn sb-btn-blue" @click.prevent.default="checkTwitterListById()">
66	<span v-html="svgIcons['plus']"></span>
67	{{genericText.add}}
68	</button>
69	</div>
70	</div>
71
72	<div class="ctf-customlist-input-item ctf-customlist-input-search">
73	<div class="ctf-customlist-input-item-heading ctf-fb-fs">
74	<div v-html="svgIcons['search']"></div>
75	<span>{{genericText.searchListUser}}</span>
76	</div>
77	<div class="ctf-customlist-input-ctn ctf-fb-fs">
78	<input type="text" :placeholder="genericText.enterUserName" v-model="listUserNameInputModel" v-on:keyup.enter="searchUserNameList()" v-on:keyup="noListFound = null">
79	<button class="sb-btn sb-btn-grey" @click.prevent.default="searchUserNameList()">
80	<span v-html="svgIcons['search']"></span>
81	{{genericText.showLists}}
82	</button>
83	</div>
84	</div>
85
86	</div>
87
88
89	<!-- List Results -->
90	<div class="ctf-customlist-results-ctn ctf-fb-fs">
91	<div class="ctf-customlist-results-success ctf-fb-fs" v-if="noListFound == null && listUserNameResult.length > 0">
92	<div class="ctf-customlist-results-success-hd ctf-fb-fs">
93	{{genericText.showingPublicLists}} <strong>{{printUserNameTwitterHandle(listUserNameInputModelSearched)}}</strong>
94	</div>
95
96	<div class="ctf-customlist-results-items ctf-fb-fs">
97
98	<div class="ctf-customlist-results-item" v-for="listItem in listUserNameResult" @click.prevent.default="addItemtoList(listItem)" :data-active="checkListItemIncluded(listItem)">
99	<div class="ctf-customlist-results-chkbx">
100	<div><span></span></div>
101	</div>
102	<div class="ctf-customlist-results-item-info">
103	<strong>{{listItem.name}}</strong>
104	<span>ID: {{listItem.id}}</span>
105	</div>
106	</div>
107
108	</div>
109
110	</div>
111
112	<div class="ctf-customlist-results-error ctf-fb-fs" v-if="noListFound === true">
113	<div class="ctf-customlist-error-icon">!</div>
114	<div class="ctf-customlist-error-msg">
115	<span>{{genericText.couldntFetchList}} <strong>{{printUserNameTwitterHandle(listUserNameInputModel)}}</strong>.</span><br/>
116	<span>{{genericText.tryDifferentName}}</span>
117	</div>
118	</div>
119	</div>
120
121	</div>
122
123	</div>
124
125	</div>
126
127	</div>
128	</div>
129