update for bs5

NodeBB-Community · Sep 20, 2022 · 4267c95 · 4267c95
1 parent 08d0a04
commit 4267c95
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 31 deletions.
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
   },
   "readmeFilename": "README.md",
   "nbbpm": {
-    "compatibility": "^0.7.0 || ^0.8.0 || ^0.9.0 || ^1.0.0"
+    "compatibility": "^3.0.0"
   },
   "dependencies": {
     "@iframely/embed.js": "^1.3.1",

diff --git a/plugin.json b/plugin.json
@@ -16,8 +16,8 @@
 	"modules": {
 		"../admin/plugins/iframely.js": "public/scripts/admin.js"
 	},
-	"less": [
-		"public/style.less"
+	"scss": [
+		"public/style.scss"
 	],
 	"templates": "public/templates"
 }
diff --git a/public/style.less → public/style.scss b/public/style.less → public/style.scss
diff --git a/public/templates/admin/plugins/iframely.tpl b/public/templates/admin/plugins/iframely.tpl
@@ -1,7 +1,7 @@
 <form role="form" class="iframely-settings">
-	<div class="row">
-		<div class="col-sm-2 col-xs-12 settings-header">API Settings</div>
-		<div class="col-sm-10 col-xs-12">
+	<div class="row mb-4">
+		<div class="col-sm-2 col-12 settings-header">API Settings</div>
+		<div class="col-sm-10 col-12">
 			<div class="alert alert-info">
 				<p>
 					Use Iframely as a cloud or self-hosted <a href="https://github.com/itteco/iframely" target="_blank">open-source</a> API.
@@ -10,63 +10,61 @@
 					Get cloud <a href="https://iframely.com" target="_blank">API key here</a>.
 				</p>
 			</div>
-			<div class="form-group">
-				<label for="endpoint">API key or endpoint address:</label>
+			<div class="mb-3">
+				<label class="form-label" for="endpoint">API key or endpoint address:</label>
 				<input type="text" id="endpoint" name="endpoint" title="API Key" class="form-control input-lg" placeholder="Your API Key or http:// endpoint" />
 			</div>
-			<div class="form-group">
-				<label for="endpoint">Cache Time-To-Live, days:</label>
+			<div>
+				<label class="form-label" for="endpoint">Cache Time-To-Live, days:</label>
 				<input type="text" id="cacheMaxAgeDays" name="cacheMaxAgeDays" title="Cache Time-To-Live, days" class="form-control input-lg" placeholder="Number of days to keep Iframely API data in memory cache, default 1 day" />
 			</div>
 		</div>
 	</div>
 
-	<div class="row">
-		<div class="col-sm-2 col-xs-12 settings-header">Disable parsing on negative votes</div>
-		<div class="col-sm-10 col-xs-12">
-			<div class="form-group">
+	<div class="row mb-4">
+		<div class="col-sm-2 col-12 settings-header">Disable parsing on negative votes</div>
+		<div class="col-sm-10 col-12">
+			<div>
 				<p>
 					Iframely uses +/- vote to check when to parse URL to show previews.
 				</p>
-				<label for="doNoteParseIfVotesLessThen">
+				<label class="form-label" for="doNoteParseIfVotesLessThen">
 					Ignore URLs when +/- vote gets below this value (-10 by default):
 				</label>
 				<input type="text" id="doNoteParseIfVotesLessThen" name="doNoteParseIfVotesLessThen" class="form-control" placeholder="-10" />
 			</div>
 		</div>
 	</div>
 
-	<div class="row">
-		<div class="col-sm-2 col-xs-12 settings-header">Or ignore some domains</div>
-		<div class="col-sm-10 col-xs-12">
+	<div class="row mb-4">
+		<div class="col-sm-2 col-12 settings-header">Or ignore some domains</div>
+		<div class="col-sm-10 col-12">
 			<p>
 				Iframely won't even try to parse URLs from these domains (e.g. your own domain makes sense here).
 			</p>
-			<div class="form-group">
-				<label for="blacklist">Domains to skip:</label>
+			<div>
+				<label class="form-label" for="blacklist">Domains to skip:</label>
 				<input type="text" id="blacklist" name="blacklist" class="form-control" placeholder="www.domain.com" />
 			</div>
 		</div>
-
 	</div>
 
 	<div class="row">
-		<div class="col-sm-2 col-xs-12 settings-header">Image Proxy</div>
-		<div class="col-sm-10 col-xs-12">
-			<div class="form-group">
+		<div class="col-sm-2 col-12 settings-header">Image Proxy</div>
+		<div class="col-sm-10 col-12">
+			<div class="mb-3">
 				<p>
 					Optional (but recommended) <a href="https://github.com/atmos/camo" target="_blank">Camo</a> server settings to proxy images under SSL and avoid hot-linking.
 				</p>
-				<label for="endpoint">Camo Proxy Host:</label>
+				<label class="form-label" for="endpoint">Camo Proxy Host:</label>
 				<input type="text" id="camoProxyHost" name="camoProxyHost" class="form-control input-lg" placeholder="http://" />
 			</div>
-			<div class="form-group">
-				<label for="endpoint">Camo Hash Key:</label>
+			<div>
+				<label class="form-label" for="endpoint">Camo Hash Key:</label>
 				<input type="text" id="camoProxyKey" name="camoProxyKey" class="form-control input-lg" placeholder="" />
 			</div>
 		</div>
 	</div>
-
 </form>
 
 <button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">

diff --git a/public/templates/partials/iframely-link-title.tpl b/public/templates/partials/iframely-link-title.tpl
@@ -3,7 +3,7 @@
         <a href="{url}" target="_blank" rel="nofollow noreferrer noopener">
 
             <!-- IF icon -->
-            <img src="{icon}" class="thumb pull-left not-responsive" alt="" role="presentation" />
+            <img src="{icon}" class="thumb float-start not-responsive" alt="" role="presentation" />
             <!-- ENDIF icon -->
 
             {title}

diff --git a/public/templates/partials/iframely-widget-card.tpl b/public/templates/partials/iframely-widget-card.tpl
@@ -1,5 +1,5 @@
-<div class="panel panel-default panel-iframely">
-    <div class="panel-body">
+<div class="card panel-iframely">
+    <div class="card-body">
         <div class="media iframely-embed">
 
             <!-- IF metaString -->